/*----------------------------------------------------------
Title:        Main Style Sheet
Theme:        00217
----------------------------------------------------------*/
body {
    margin: 0; 
    padding: 0; 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.3;
    background: #bf91fe url(https://bostoncostume.com/images/00217-1-backgroundHeaderImage.gif) no-repeat center 0;
}
.cl, .clear {
    display: block; 
    height: 0; 
    font-size: 0; 
    line-height: 0; 
    text-indent: -4000px; 
    clear: both;
}
.notext {
    font-size: 0; 
    line-height: 0; 
    text-indent: -4000px;
}
.left {
    float: left; 
    display: inline;
}
.right {
    float: right; 
    display: inline;
}
a img {
    border: 0;
}
#container {
    margin: 0 auto; 
    padding: 0; 
    width: 960px;
}
/* HEADER
---------------------------------------------*/
#logo {
    float: left; 
    margin: 0; 
    padding: 30px 0 0 75px; 
    width: 45%; 
    height: 56px;
}
#logo img {
    border: none;
}
.textlogo {
    font-size: 42px;
    font-weight: bold;
    color: #fff;
}
#header {
    float: left; 
    margin: 0; 
    padding: 0; 
    width: 960px; 
    height: 144px;
}
#header-links {
    float: right; 
    display: inline; 
    margin: 0; 
    width: 416px; 
    height: 55px;
    margin: 6px 0 0 0; 
    padding: 10px 0 0; 
    text-align: center; 
    color: #0147a7; 
    background: url(../images/cloud.pngxx);
}
#header-links a {
    margin: 0; 
    padding: 0 10px; 
    font-size: 12px; 
    text-decoration: none; 
    color: #0147a7;
}
#header-links a:hover {
    text-decoration: underline; 
    color: #4e7f01;
}
#header-search {
    float: right; 
    display: inline; 
    margin: 15px 37px 0 0; 
    padding: 0 0 0 23px; 
    width: 280px; 
    height: 29px; 
    background: url(https://bostoncostume.com/images/search-bkgnd2.png);
    overflow: hidden; 
    position: relative;
}
#header-search input {
    width: 225px; 
    font-size: 14px; 
    color: #ccedfc; 
    background: none; 
    border: 0; 
    padding: 5px 0;
}
#header-search .header-search-btn {
    float: right; 
    width: 44px; 
    height: 29px; 
    position: absolute; 
    top: 0; 
    right: 0;
}
#header-search .header-search-btn a {
    height: 29px; 
    display: block; 
    font-size: 18px; 
    color: #000; 
    text-decoration: none; 
    color: #fff; 
    line-height: 29px; 
    text-align: center;
}
#header-search #headerSearchWidgetDynamicResults {
    clear: left; 
    float: left; 
    background: #EEEEEE; 
    padding: 10px; 
    display: none; 
    width: 90%; 
    margin-top: 5px; 
    position: relative; 
    line-height: 1.80;
}
/* NAV
---------------------------------------------*/
#nav {
    float: left; 
    margin: 0; 
    padding: 0; 
    width: 960px; 
    height: 46px; 
    background: url(https://bostoncostume.com/images/nav-new-2012.png) no-repeat;
}
#topNav {
    margin: 0; 
    padding: 0; 
    width: 960px;
}
#topNav .left {
    display: none;
}
#topNav .center .link {
    float: left;
    padding: 0 35px;
}
#topNav .center .link a {
    float: left; 
    font-size: 14px; 
    font-weight: normal; 
    text-decoration: none; 
    color: #fff; 
    line-height: 46px;
}
#topNav .center .link a:hover,
#topNav .center .link a.active {
    color: #baf644;
}
#topNav .center .spacer {
    float: left; 
    width: 1px; 
    height: 46px; 
    background: url(../images/sep.png) no-repeat 0 center;
}
#topNav .right {
    display: none;
}
/* CONTENT
---------------------------------------------*/
#content {
    float: left; 
    margin: 0; 
    padding: 0; 
    width: 960px;
    background: #bf91fe; 
}
#content-t {
    height: 20px; 
    font-size: 0; 
    line-height: 0; 
    text-indent: -4000px; 
    background: url(../images/content-t-purple.png);
}
#content-b {
    height: 20px; 
    font-size: 0; 
    line-height: 0; 
    text-indent: -4000px; 
    background: url(../images/content-b-purple.png);
}
#content-inner {
    float: left;
    background: url(../images/content-inner-purple.png) repeat-y 0 0; 
    height: 100%; 
    padding: 3px 0;
}
#content-left {
    float: left; 
    display: inline; 
    margin: 0 0 0 12px; 
    padding: 0; 
    width: 207px;
}
#content-middle {
    float: left; 
    display: inline; 
    margin: 0 0 0 24px; 
    padding: 0; 
    width: 707px; 
    min-height: 500px;
}
#content-right {
    float: left; 
    display: inline; 
    margin: 0 0 0 12px; 
    padding: 0 10px 0 0;
    width: 207px;
}
/* WIDGETS
---------------------------------------------*/
.ccWidget {
    float: left;
    margin: 0 0 18px;
    padding: 0;
    width: 207px;
    text-align: left;
    color: #4b4c4c;
}
.ccWidget .top {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    height: 37px;
    line-height: 37px;
    padding: 0 0 0 17px;
    background: url(../images/widet-top-blue.png);
}
.ccWidget .top a {
    color: #31383d;
    text-decoration: none;
}
.ccWidget .top a:hover {
    text-decoration: underline;
    color: #31383d;
}
.ccWidget .body {
    border-right: 1px solid #e6e7e5;
    border-left: 1px solid #e6e7e5;
    margin: 0;
    padding: 10px 15px 0;
}
.ccWidget .body a { 
    color: #863762;
}
.ccWidget .btm {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 1px;
    background: url(../images/widget-bottom.png);
}
.ccWidget form {
    float: none !important;
}
/*/ LIST WIDGETS /*/
.ccWidgetList .body ul {
    margin: 0;
    padding: 0 0 0 5px;
    list-style: none;
}
.ccWidgetList .body ul li {
    padding: 0 0 3px;
}
.ccWidgetList .body ul li a {
    padding: 0 0 0 14px;
    background: url(../images/bullet-purple.png) no-repeat 0 3px;
    font-size: 14px;    
    text-decoration: none;
    color: #ffffff !important;
}
.ccWidgetList .body ul li a:hover {
    color: #0081c4 !important;
    background-image: url(../images/bullet-active-purple.png);
}
.ccWidgetList .noItems {
    margin-top: -6px;
}
/*/ DROPDOWN WIDGETS /*/
.ccWidgetDropDown .body {
    height: 33px;
}
.ccWidgetDropDown .body select {
    margin: 0 0 14px 0;
    padding: 4px;
    width: 177px;
    font-size: 14px;
}
/*/ INPUT WIDGETS /*/
.ccWidgetInput .body {
    float: left;
    width: 176px;
}
.ccWidgetInput .body .field {
    margin: 10px 0 0 0;
    width: 212px;
}
.ccWidgetInput .body .field input {
    float: left;
    padding: 4px;
    width: 59%;
    height: 14px;
    font-size: 14px;
    color: #464646;
}
.ccWidgetInput .body .buttonNoImg {
    float: left;
    margin: 0 24px 0 4px;
}
.ccWidgetInput .body .button input {
    float: left;
    font-size: 12px;
    color: #464646;
}
.ccWidgetInput .body .button {
    float: left;
    margin: 0;
    padding: 3px 0 0 0;
    width: 28px;
    height: 20px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: url(../images/go.jpg) no-repeat;
}
.ccWidgetInput .body .button  a {
    text-decoration: none;
    color: #fff;
}
.ccWidgetInput .body .button a:hover {
    text-decoration: underline; 
}
.ccWidgetInput .advanced {
    float: left;
    clear: both;
    margin: 5px 0 5px 0;
    padding: 0 0 2px 3px;
    width: 216px;
    font-size: 10px;
    font-weight: bold;
    color: #2D0925;
}
.ccWidgetInput .advanced a {
    text-decoration: underline;
    color: #2D0925;
}
.ccWidgetInput .advanced a:hover {
    text-decoration: none;
    }
.ccWidgetInput #searchWidgetDynamicResults {
    display: none;
    clear: left;
    float: left;
    padding: 10px;
    margin: 5px 5px 0;
}
/*/ PRODUCT WIDGETS /*/
.ccWidgetProduct .body  {
    padding: 20px 0 10px 0 !important;
}
.ccWidgetProduct .body .sdetailsNoImg {
    margin: 0;
    padding: 15px 0 12px;
    text-align: center;
}
.ccWidgetProduct .body .photo {
    padding: 5px 0 2px;
    text-align: center;
}
.ccWidgetProduct .body .photo img {
    display: block;
    margin: 0 auto;
}
.ccWidgetProduct .body .title {
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    padding: 0 10px 5px;
}
.ccWidgetProduct .body .title a {
    text-decoration: none;
    color: #656666;
}
.ccWidgetProduct .body .title a:hover {
    text-decoration: underline;
}
.ccWidgetProduct .body .sprice {
    padding: 8px 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    color: #6aae01;
}
.ccWidgetProduct .body .sdetails {
    margin: 0 auto;
    padding: 5px 0 0 0;
    width: 58px;
    height: 21px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.ccWidgetProduct .body .sdetails a {
    text-decoration: none; 
    color: #fff;
}
.ccWidgetProduct .body .sdetails a:hover {
    color: #ececec;
}
.ccWidgetProduct .body .all-link  {
    padding: 8px 0;
    text-align: center;
    font-size: 12px;
}
.ccWidgetProduct .body .all-link a {
    text-decoration: none; 
    color: #0894d8;
}
.ccWidgetProduct .body .all-link a:hover {
    text-decoration: underline; 
}
.ccWidgetProduct .review {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
/*/ BASIC WIDGETS /*/
.ccWidgetBasic .body .items {
    padding: 2px 0 3px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}
.ccWidgetBasic .top a {
    text-decoration: none;
    color: #fff;
}
.ccWidgetBasic .top a:hover {
    text-decoration: underline;
    color: #fff;
}
.ccWidgetBasic .price {
    font-size: 13px;
    font-weight: bold;
}
.ccWidgetBasic .subtotal {
    padding-left: 20px;
    font-weight: bold;
    color: #000;
}
.ccWidgetBasic input {
    margin-bottom: 5px; 
}
.ccWidgetBasic table {
    padding: 0 0 0 15px;
    font-weight: bold;
    color: #000;
}
/*/ IMAGE WIDGETS /*/
.ccWidgetImage {
    margin: 10px 0 10px 0;
    text-align: center;
}
/*/ WIDGET FIXES /*/
.noItems {
    margin: 0;
    padding: 9px;
    width: 208px;
    color: #535c5f;
}
#widgetSubscribe .body {
    height: 44px;
}
.widgetCustomProductLists select {
    margin-bottom: 10px;
}
#widgetRewardPoints .body {
    padding: 10px;
}
#widgetShopByPrice form {
    height: 50px;
}
/*/ WIDGET MENU /*/
.placeHolder {
    clear: both;
    border: 1px dashed;
}
/*/ MISC /*/
#widgetContents .body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#pollButtons1 {
    margin-top: 15px;
    margin-bottom: 10px;
}
/* FOOTER
---------------------------------------------*/
#footer {
    float: left; 
    margin: 0 0 15px 0; 
    width: 960px;
    line-height: 46px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background: #5b3f93;
}
#footer .copyright {
    text-align: center; 
    color: #fff; 
    font-size: 14px;
}
.copyright-small {
    font-family: 'Trebuchet MS', Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-align: center;
    color: #fff;
}
.copyright-small a {
    color: #fff;
}
.copyright-small a:hover {
    color: #fff;
}
#widgetFooter {
    width: 943px;
    text-align: left;
    font-size: 100%;
}
#widgetFooter .body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#widgetFooter hr {    
    float: left;
    clear: left;
    height: 1px;
    color: #878787;
    background-color: #878787;
}
#widgetFooter .actionItems {
    margin: 0;
    padding: 15px 0 0 35px;
    font-weight: bold;
    color: #fff;
}    
#widgetFooter .actionItems a {
    text-decoration: underline;
    color: #fff;
}
#widgetFooter .actionItems a:hover {
    text-decoration: none;
    color: #fff;
}
#widgetFooter .copyright {
    float: left;
    margin: 0;
    padding: 15px 85px 0 35px;
    width: 300px;
    line-height: 22px;
    color: #fff;
}
#widgetFooter .copyright a {
    text-decoration: underline;
    color: #fff;
}
#widgetFooter .copyright a:hover {
    text-decoration: none;
    color: #fff;
}
#widgetFooter .nav {
    float: left;
    margin: 0;
    padding: 19px 0 10px 20px;
    width: 150px;
}
#widgetFooter .nav .title {
    margin: 0;
    padding: 0;
    width: 120px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}
#widgetFooter .nav ul {
    margin: 0 0 0 1px;
    padding: 0;    
    text-align: left;
    list-style: none;
}
#widgetFooter .nav ul li {
    text-align: left;
    line-height: 1.50;
}
#widgetFooter .nav ul li a {
    text-decoration: underline;
    color: #fff;            
}
#widgetFooter .nav ul li a:hover {
    text-decoration: none;
}
#widgetFooter .actionItems {
    color: #fff;
}
#widgetFooter .actionItems a {
    color: #fff;
}
#widgetFooter .actionItems a:hover {
    color: #fff;
}
#widgetFooter .copyright {
    color: #fff;
}
#widgetFooter .copyright a {
    color: #fff;
}
#widgetFooter .copyright a:hover {
    color: #fff;
}
#widgetFooter .nav .title {
    color: #fff;
}
#widgetFooter .nav ul li a {
    color: #fff;
}
#widgetFooter .nav ul li a:hover {
    color: #fff;
}
/* HOMEPAGE
---------------------------------------------*/
#banner {
    margin-top: -31px;
    margin-left: -36px;
}
/* FIXES
---------------------------------------------*/
h1, h2, h3, h4, h5, h6, .page-title {
    font-size: 18px !important;
}
#productGrid #topOptions {
    margin-bottom: 15px;
    overflow: hidden !important;
}
#productGrid #topOptions .display {
    color: #4C4E4D !important;
}
.productContainer {
    float: left;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 6px;
    border: 1px solid #e6e7e5;
}
#productGrid .detailBtnNoImg {
    display: none;
}
#productGrid .title {
    margin: 20px 0 0 0 !important;
}
#productGrid .title a {
    font-size: 16px;
    text-decoration: none !important;
    color: #4C4E4D !important;
}
#productGrid .title a:hover {
    color: #4C4E4D !important;
}
#categoryGrid .title {
    margin: 20px 0 0 0 !important;
}
#categoryGrid .title a {
    font-size: 16px;
    text-decoration: none !important;
    color: #4C4E4D !important;
}
#categoryGrid .title a:hover {
    color: #4C4E4D !important;
}
#productGrid .description {
    font-size: 11px;
    color: #4C4E4D !important;
}
#productGrid .description p {
    margin: 7px 0 0 0 !important;
    padding: 0 !important;
}
#productGrid .sprice {
    font-family: 'Trebuchet MS', Arial, sans-serif;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #4C4E4D;
}
#productDetail #productPhotos {
    text-align: left !important;
}
#cp_bottom .cpTotal {
    float: left !important;
    width: 60% !important;
}
#cp_bottom .cpButtons {
    float: left;
}
.address-box-input .form-field {
    width: 60% !important;
}
/* FRONT END EDITS
---------------------------------------------*/
.editLogoText {margin: -12px 0 0 2px; padding: 0;}
.editProduct {float: right; margin: 0; padding: 0;}
.editCategory {float: right; margin: 0; padding: 0;}
.editCartBtn {position: relative; top: 0; left: 45px; margin: 0; padding: 0;}
.editDetailBtn {position: relative; top: 0; left: 20px; margin: 0; padding: 0;}
.editNavMenu {position: absolute; margin: 2px 0 0 7px; padding: 0;}
.editFooterMenu {float: right; margin: 0; padding: 0;}
.editFooterWidget {position: relative; margin: 0; padding: 0; top: 7px; left: 13px;}
.deleteFooterWidget {position: relative; margin: 0; padding: 0; top: -9px; left: 38px;}
.editCategoryWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteCategoryWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.swapCategoryWidgetBullet {position: relative; margin: 0; padding: 0; left: -4px;}
.editCurrencyWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteCurrencyWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editFeaturedWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteFeaturedWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editInformationWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteInformationWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.swapInformationWidgetBullet {position: relative; margin: 0; padding: 0; left: 8px;}
.editLanguageWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteLanguageWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editNewArrivalsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteNewArrivalsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editRewardPointsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteRewardPointsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editSearchWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteSearchWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editSidebarWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteSidebarWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editSidebarDetailedWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteSidebarDetailedWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editSpecialsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteSpecialsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editSubscribeWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteSubscribeWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editTopSellersWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteTopSellersWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editVendorsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteVendorsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editLeftImageWidget {position: relative; margin: 0; padding: 0; top: 11px; left: 39px;}
.deleteLeftImageWidget {position: relative; margin: 0; padding: 0; top: -5px; left: 64px;}
.editRightImageWidget {position: relative; margin: 0; padding: 0; top: 11px; left: 39px;}
.deleteRightImageWidget {position: relative; margin: 0; padding: 0; top: -5px; left: 64px;}
.editShopByPriceWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteShopByPriceWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editProductListWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteProductListWidget  {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.addProductListWidget {position: relative; margin: 0; padding: 0; top: -47px; left: 100px;}
.editCustomImageWidget {position: relative; margin: 0; padding: 0; top: 28px; left: 39px;}
.deleteCustomImageWidget {position: relative; margin: 0; padding: 0; top: 13px; left: 64px;}
.addCustomImageWidget {position: relative; margin: 0; padding: 0; top: -5px; left: 14px;}
.editHorizontalImageWidget {position: relative; margin: 0; padding: 0; top: 7px; left: -12px;}
.deleteHorizontalImageWidget {position: relative; margin: 0; padding: 0; top: -10px; left: 13px;}