/* GLOBAL RESETS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, iframe, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding:0;
border:0;
outline:0;
font-style:inherit;
font-family:inherit;
/* vertical-align:baseline;*/
}
@font-face {
font-family: 'CenturyGothicRegular';
src: url('../fonts/century_gothic-webfont.eot');
src: url('../fonts/century_gothic-webfont.eot?#iefix') format('eot'),
url('../fonts/century_gothic-webfont.woff') format('woff'),
url('../fonts/century_gothic-webfont.ttf') format('truetype'),
url('../fonts/century_gothic-webfont.svg#webfontV9xAC6Zm') format('svg');
font-weight: normal;
font-style: normal;
}
.title{font-family: 'CenturyGothicRegular';}
.visit{font-family: 'CenturyGothicRegular';}
.formMessage{font-family: 'CenturyGothicRegular';}
.clear{clear:both;height:0px;}
.landClear{clear:both; border-top:1px solid #e4dedb; height:1px; margin:7px 0;}
body{ background:#f9d9e3 url(/images/universal/background_sliver.gif) 0 0 repeat-x; padding-top:0px; color:#544a3d; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
sup, sub {font-size:9px;}
#mainWrap{ background:url(/images/universal/bubbles.gif) center 19px no-repeat; padding:35px 0 25px; position:relative;}
a, a:visited{ color:#f15a23; text-decoration:none;}
a:hover{ color:#666; text-decoration:none;}
h2{font-weight:normal; margin-bottom:10px; font-size:15px;}
h3{font-weight:normal; margin-bottom:10px; font-size:15px;}
/* ------------------- HEADER STYLES ------------------- */
#header{background:#fff;width:935px; margin:0 auto; position:relative; z-index:2;}
/* Top Feature or Contest */
#header #topFeature{ float:left; padding-top:10px;position:relative; font-size:17px; width:394px; text-transform:uppercase;}
#header #topFeature span{color:#888075; margin-left:30px;}
#header #topFeature span span{color:#f15a23; margin-left:0px;}
/* Logo positioning */
#header #topLogo{float:left; margin-bottom:-43px;position:relative;}
/*Right side search, login and cart container */
#header #topAccount{float:right; position:relative; width:360px; margin-right:30px; margin-top:17px;}
#header #topAccount.home{ margin-top:0;}
#header #topAccount #wholesale{background:url(/images/universal/wholesalers.png) 0 0 no-repeat; width: 111px; height: 64px; text-indent:-9999px; display:block; float:right; margin-right:5px;}
#header #topFeature #wholesale{background:url(/images/universal/website.png) 0 0 no-repeat; width: 111px; height: 64px; text-indent:-9999px; display:block; float:left; margin-right:5px;}
#header #topAccount #loginInfo{ clear:both; border:1px solid #f1efee; border-left: none; border-right: none; margin:7px 0; padding: 7px 5px 4px; color:#f15a23; font-size:20px; text-transform:uppercase;}
#header #topAccount #loginInfo #name{ font-size:13px; text-transform:none;}
#header #topAccount #loginInfo .LogInOut{width: 80px; height: 17px; text-indent:-9999px; display:block; float:right;*margin-top:-25px;}
#header #topAccount #loginInfo #login{ background:url(/images/universal/login.gif) 0 0 no-repeat;}
#header #topAccount #loginInfo #logout{ background:url(/images/universal/logout.gif) 0 0 no-repeat;}
#header #topAccount #loginInfo #login:hover, #header #topAccount #loginInfo #logout:hover{background-position: -80px 0;}
#header #topAccount #searchCont{ background:url(/images/universal/search_box.gif) 0 0 no-repeat; width:226px; height:27px;/*padding-top:2px; */ float:left; margin-left:5px;}
#header #topAccount #searchCont #searchField{ width:188px; padding:4px 5px; border:none; color:#888075; background:none; margin-right:3px; height:17px; float:left;}
#header #topAccount #searchCont #searchButton{ width:24px; cursor:pointer; background:none; text-indent:-9999px; border:none; padding:0; border:none; float:right; height:24px; display:block;}
#header #topAccount #searchCont form { margin: 0;}
#header #topAccount #cart{ float:right; width: 80px; color:#888075; font-size:10px; background:url(/images/universal/shopping_cart.gif) right top no-repeat; padding-right:20px; text-align:right; padding-top:5px; margin-right:5px; margin-top:3px;}
/* ------------------- NAV STYLES ------------------- */
#header #nav{ background:url(/images/universal/navbar.gif) 0 0 no-repeat; height:44px; padding:15px 0 0 16px;}
#header #nav ul{ list-style:none;}
#header #nav ul li{ float:left; background:url(/images/universal/nav_bullet.gif) 0 50% no-repeat; padding-left: 25px; margin-left:19px;}
#header #nav ul li.first{background:none; padding:0;}
#header #nav ul li#connect{margin-left:233px;}
#header #nav ul li a{ font-size:16px; color:#544a3d;}
#header #nav ul li a:hover, #header #nav ul li a.current{color:#f15a23;}
/* ------------------- BODY STYLES ------------------- */
#bodyArea{background:#fff;width:887px; margin:0 auto; position:relative; padding:0 7px 40px 9px;}
img.BCHead{background:url(/includes/static/images/insideBC/frills_B.gif) center bottom no-repeat; padding-bottom:27px; float:left; margin:0 15px 15px 0; }
h2.title{font-size:24px; color:#f15a22; text-transform:uppercase; margin-bottom:15px; float:left; width:480px;}
h2.mtitle{font-size:24px; color:#f15a22; text-transform:uppercase; margin-bottom:15px;}
p{margin-bottom:15px;}
tr.atk, td.atk {font-size: 11px; font-family : Arial, Helvetica, sans-serif; color :#544a3d; list-style-type: disc; list-style-position: outside; margin: 0 0 0 0; vertical-align:middle;}
p.atk {font-size: 11px; font-family : Arial, Helvetica, sans-serif; color :#544a3d; list-style-type: disc; list-style-position: outside; margin: 0 0 1em 0; vertical-align:top; }
ul.atk {padding-left:20px;}
#greyborder {border: 2px solid #cccccc; border-collapse:collapse;}
#greyborder td {border: 1px solid #cccccc;}
#greyborder p { margin:0px; vertical-align: middle;}
.landLink{background:url(/images/universal/orange_circle_arrow.gif) 0 0 no-repeat; font-size:14px; color:#f15a22; display:block; padding:5px 0 5px 28px; margin-bottom:5px;}
.landLink:hover{color:#666;}
/* INSIDE PAGES */
#colLeft{ float:left; margin-right: 13px; width:218px;}
#colLeft .feature{ margin-bottom:13px;}
#colLeft .newsSign { margin:25px 0 13px 32px;}
/* RIGHT COLUMN STYLES */
#colRight{float:right; width:178px;padding-left:8px; background: url(/includes/static/images/universal/dash_vertical_repeat.gif) 0 0 repeat-y; margin-left:-1px; _display:inline;}
#colRight #shareThis{margin-bottom:15px;}
#colRight .rightFeature{ background:url(/includes/static/images/rightcolumn/bgrd_header_sliver.gif) 0 0 repeat-x; padding:10px; margin-bottom:20px;}
#colRight .rightFeature h4{font-size:12px; text-transform:uppercase; color:#544a3d; margin-bottom:10px;}
#colRight .rightFeature h4#blog{background:url(/includes/static/images/rightcolumn/blog_icon.gif) 0 0 no-repeat; padding: 10px 0 10px 40px;}
#colRight .rightFeature h4#faq{ background:url(/includes/static/images/rightcolumn/faq_icon.gif) 0 0 no-repeat;padding: 5px 0 10px 40px;}
#colRight .rightFeature h4#library{ background:url(/includes/static/images/rightcolumn/resource_icon.gif) 0 0 no-repeat;padding: 5px 0 10px 40px;}
#colRight .rightFeature h4#expert{ background:url(/includes/static/images/rightcolumn/experts_icon.gif) 0 0 no-repeat;padding: 10px 0 10px 40px;}
#colRight .rightFeature h4#info{ background:url(/includes/static/images/rightcolumn/info_icon.gif) 0 0 no-repeat;padding: 5px 0 10px 40px;}
#colRight .rightFeature .thumb{ width:55px; float:left; margin-right:10px; margin-bottom:15px;}
#colRight .rightFeature .text{ width:92px; float:left; margin-bottom:15px;}
#colRight .rightFeature h5{font-size:11px; font-weight:normal; margin-bottom:5px;}
#colRight .rightFeature a{color:#f89c1b;}
#colRight .rightFeature a:hover{color:#666;}
#colRight .rightFeature ul, #colRight .rightFeature ol{margin-left:20px;}
#colRight .rightFeature ol li{ margin-bottom:10px;}
#colRight .rightFeature ul li{ margin-bottom:10px; color:#f15a22;}
/* TEMPLATE "A" SPECIFIC STYLES*/
img.insideAHead {background:url(/includes/static/images/insideA/frill.gif) center bottom no-repeat; padding-bottom:27px; float:left; margin-bottom:10px; }
#bodyCopyA{float:left; width:457px; margin-left:4px; background: url(/includes/static/images/universal/dash_vertical_repeat.gif) right 0 repeat-y; padding-right:10px;}
#bodyCopyA .landThumb{ float:left; padding:4px; border:1px solid #e4dedb; width:115px; margin:0 13px 7px 0;}
#bodyCopyA .landText{ float:left; width: 300px; margin-bottom:7px;}
#bodyCopyA .landText p{margin-bottom:0px;}
/* TEMPLATE "B" SPECIFIC STYLES*/
#bodyCopyB{float:left; width:457px; margin-left:4px; background: url(/includes/static/images/universal/dash_vertical_repeat.gif) right 0 repeat-y; padding-right:10px;}
#bodyCopyB .landThumb{ float:left; padding:4px; border:1px solid #e4dedb; width:115px; margin-right:13px; margin-bottom:7px;}
#bodyCopyB .landText{ float:left; width: 300px; margin-bottom:7px;}
#bodyCopyB .landText h3{margin-bottom:10px;}
#bodyCopyB .landText p{margin-bottom:0px;}
#bodyCopyB h3.title{margin-top:10px; margin-bottom:10px;}
#bodyBtop {margin-bottom:15px;}
#bodyBtop h2.mtitle{font-size:15px; color:#f15a22; text-transform:none; margin-bottom:15px;}
#bodyCopyB ul, #bodyCopyB ol{margin:0 0 20px 25px;}
#bodyCopyB table {border:1px solid #afb5b0; border-collapse:collapse;}
#bodyCopyB td {padding-left:5px; border:1px solid #afb5b0; height:25px;}
/* TEMPLATE "C" SPECIFIC STYLES*/
#bodyCopyC{float:left; width:457px; margin-left:4px; background: url(/includes/static/images/universal/dash_vertical_repeat.gif) right 0 repeat-y; padding-right:10px; position:relative;}
#bodyCopyC h3{font-size:12px; font-weight:bold;}
#bodyCopyC ul, #bodyCopyC ol{margin:0 0 20px 25px;}
#bodyCopyC li{margin-bottom:10px;}
#bodyCopyC .landThumb{ float:left; padding:4px; border:1px solid #e4dedb; width:115px; margin:0 13px 7px 0;}
#bodyCopyC h3.title{margin-top:10px; margin-bottom:10px;}
#bodyCopyC object{position:relative; z-index:900 !important;}
#bodyCopyC table {border:1px solid #afb5b0; border-collapse:collapse;}
#bodyCopyC td {padding-left:5px; border:1px solid #afb5b0; height:25px;}
#faqCont{ background:url(/includes/static/images/rightcolumn/bgrd_header_sliver.gif) 0 0 repeat-x; padding: 5px 10px; margin-top:30px; }
#faqCont h3{ font-size:16px; margin-bottom:15px; background:url(/includes/static/images/rightcolumn/faq_icon.gif) 0 0 no-repeat;padding: 10px 0 10px 40px; text-transform:uppercase;}
#faqCont h3.relatedArticles{ background:url(/includes/static/images/universal/related_articles_icon.gif) 0 0 no-repeat;}
#faqCont #faqList{width:230px; padding: 0 10px; float:left;}
#faqCont #faqList ul{ margin-left:10px;}
#faqCont #faqList li{ color:#f15a22; margin-bottom:3px;}
#faqCont #faqList li a{color:#f89c1b;}
#faqCont #faqList li a:hover{color:#666;}
#faqSubmit{width:156px; background:#f9d9e3; padding-bottom:15px; margin-right:10px; margin-left:10px;}
#faqCont #faqSubmit{float:right;width:156px; margin-left:0;}
#faqSubmit h4, div#bodyBtop #faqSubmit h4{ background:#f09fba; padding:10px 19px; color:#fff; font-size:11px; margin-bottom:20px; font-weight:normal;}
#faqSubmit p{padding:0 19px; margin-bottom:10px;}
#faqSubmit #submitQuestion{ display:block; background:url(/includes/static/images/universal/submitquestion_button.gif) 0 0 no-repeat; width:118px; height:17px; margin-left:19px; text-indent:-9999px; margin-top:5px;}
#faqSubmit #submitQuestion:hover{ background-position: -118px 0;}
/* ------------------- FOOTER ------------------- */
#footerWrap{ background:#fff url(/images/universal/white_footer_repeat.gif) 0 0 repeat-x; padding-top:15px;}
#footer{width:903px; margin:0 auto; padding:20px 0 0; color:#888075;}
#footer .footCont{background:url(/images/universal/dash_footer.gif) 0 0 no-repeat; padding:8px 0 7px;}
#footer .footCont #copy{ margin-top:10px; float:left;}
#footer .footCont #social{float:right;}
#footer .footCont #social img{ vertical-align:middle; margin-left:5px;}
#footer .footCont p{font-size:9px;}
#footer .footCont .btmNavCont{float:left; background:url(/images/universal/dash_pink.gif) 0 0 no-repeat; padding:0px 15px; font-size:9px; margin-top:15px; height:150px; width:120px;}
#footer .footCont .btmNavCont a{color:#f09fba;}
#footer .footCont .btmNavCont a:hover{color:#666;}
#footer .footCont .btmNavCont.first{background:none; padding-left:0;}
#footer .footCont .btmNavCont.last{padding-right:0px; width:150px;}
#footer .footCont .btmNavCont h3{font-weight:bold; font-size:9px; margin-bottom:1px;}
#footer .footCont .btmNavCont ul{list-style:none; margin-bottom:15px;}
#footer .footCont .btmNavCont ul li{margin-bottom:1px;}
#footer-stretch{background: #fff;}
/* ------------------------- STORE SPECIFIC STYLES ------------------------- */
.validation {font-size:11px; font-weight: bold; color:#f15a23; vertical-align:middle;}
.right{float:right;}
.left{float:left;}
#storeBody{ float:left; width:649px;}
#storeBody h3, #storeBody h4{font-size:12px; font-weight:bold; margin-bottom:5px;}
#storeBody ul{ margin:0px 0 20px 10px;}
#storeBody ul li{ margin-bottom:5px; padding-right:23px;}
#storeBody #region1{float:right; font-weight:bold; color:#f15a23; vertical-align:top}
#storeBody #region2{float:right; color:#888075; vertical-align:top}
#storeBody #region1 a img{vertical-align:middle;}
#storeBody #region2 a img{vertical-align:middle;}
#storeBody .productList{list-style:none; margin:20px 0 0 -25px;}
#storeBody .productList li{ width:290px; height:133px; overflow:hidden; float:left; margin:0 0 30px 20px;}
#storeBody .productList li img{ border:1px solid #e4dedb; float:left; margin-right:15px;}
#storeBody .productList li h3{font-size:11px; font-weight:bold; margin-bottom:15px;}
#storeBody .productList li h3 .new, p .new{ text-transform:uppercase; color:#70a1d5; margin-left:5px;}
#storeBody .productList li .cost{ margin-bottom:15px; display:block; color:#544a3d;}
#storeBody .productList li .cost .onSale, p .onSale{color:#ff7baf;}
#storeBody .productList li p{color:#a4998b;}
p.cost{font-weight:bold; font-size:12px;}
p.region{font-weight:bold; font-size:12px; color:#f15a23;}
#storeBody #topOptions{margin-bottom:25px;}
#storeBody #topOptions #prodImage{ float:left; border:1px solid #e4dedb; width:170px;}
#storeBody #topOptions #prodOptions{ float:right; width:460px;}
#storeBody #topOptions #prodOptions #colorOptions{color:#f09fba; float:left; margin-right:50px;}
#storeBody #topOptions #prodOptions #detailImages{color:#f09fba; float:left;}
#storeBody #topOptions #prodOptions #colorOptions img,
#storeBody #topOptions #prodOptions #detailImages img{border:1px solid #000; margin-right:3px;}
#storeBody #topOptions #prodOptions #addedToCart{color:#f09fba; margin-bottom:20px;}
#storeBody #otherProd{padding:5px; border:1px solid #e4dedb; margin: 0 23px 20px 0;}
#storeBody #otherProd .alsoLike{width:195px; float:left; margin-right:9px;}
#storeBody #otherProd .alsoLike img{float:left;}
#storeBody #otherProd .alsoLike p{margin:25px 0 0 10px;}
#sizingChart{border:none; text-align:left; margin-left:40px;}
#altSizingChart{text-align:left; border:1px solid #e4dedb; border-left:none; border-top:none; margin-bottom:15px;}
#altSizingChart td, #altSizingChart th{border:1px solid #e4dedb; border-right:none; border-bottom:none; padding:5px 10px 5px 25px; width:120px; }
#sizingChart .ribBrand, #altSizingChart .ribBrand{}
#sizingChart .basic, #altSizingChart .basic{ color:#ff7baf;}
#sizingChart .plus, #altSizingChart .plus{ color:#669ad2;}
#sizingChart .doublePlus, #altSizingChart .doublePlus{ color:#9d9b5d;}
.currentStyle{ background:#fce7ee;}
#sizingChart th {font-weight:normal;}
#sizingChart th.ribBrand,
#sizingChart th.basic,
#sizingChart th.plus,
#sizingChart th.doublePlus{height:160px; font-weight:bold; padding-bottom:10px;}
#sizingChart th.ribBrand{ height:165px; vertical-align:bottom;}
#sizingChart th.basic{ color:#ff7baf;}
#sizingChart th.plus{ color:#669ad2;}
#sizingChart th.doublePlus{ color:#9d9b5d; height:160px;}
#sizingChart th img{border: 1px solid #e4dedb;}
#sizingChart td, #sizingChart th{width:125px; padding-right:25px;}
#sizingChart td span, #altSizingChart td span{display:block; width:30px; float:left;}
/* ------------------- FORMS ------------------- */
form .text-inputs {margin-bottom: 20px;}
form .text-entry{ width:250px; display:block; float:left; margin:0 0 10px 20px; border:1px solid #544a3d; padding:2px 5px;}
form .label{margin-bottom: 10px;}
form #ColorID{width:200px; font-size:11px; margin:0 10px 0 0 }
form #SizeID{width:115px; font-size:11px; margin:0 10px 0 0 }
form option{padding:1px 5px;}
form textarea{width:340px; margin:0 20px 10px 5px; border:1px solid #544a3d; padding:2px 5px;}
form #Qty{width:30px; font-size:11px;}
form .break{border:1px solid #e4dedb; margin-bottom:8px; margin-top:8px;}
#addCartBtn{ background:url(/images/universal/addtocart_button.gif) 0 0 no-repeat; text-indent:-9999px; width:80px; height:17px; border:none; cursor:pointer; margin-right:15px; float:left;}
#addCartBtn:hover{ background-position:0 -17px;}
#viewCart{ background:url(/images/universal/viewcart_button.gif) 0 0 no-repeat; text-indent:-9999px; width:127px; height:17px; border:none; cursor:pointer; margin-left:15px; display:block; float:left;}
#viewCart:hover{ background-position:0 -17px;}
#cartMessage{ font-size:11px; display:block; float:left;}
/* ------------------- JQUERY OVERRIDES ------------------- */
/* Accordion (Left Nav) */
#accordion{margin-bottom:13px;}
#accordion h3{ -moz-border-radius: 0/*{cornerRadius}*/; -webkit-border-radius: 0/*{cornerRadius}*/; border-radius: 0/*{cornerRadius}*/; font-size:11px; font-family:Arial, Helvetica, sans-serif; background:#fad1de; color:#544a3d; border:none; padding:7px 5px 7px 10px; margin-top:0; margin-bottom:3px;}
#accordion h3#first{background:#fdecf1;}
#accordion h3#second{background:#fce7ee;}
#accordion h3#third{background:#fce1ea;}
#accordion h3#fourth{background:#fbdae5;}
#accordion h3#fifth{background:#fbd5e1;}
#accordion h3 .ui-icon{ background-image:url(/images/universal/plus.gif); width:12px; height:12px; background-position:right 0; float:right; position:relative; top:1px; left:-5px; margin-top:0;}
#accordion h3 a{ padding:0; color:#544a3d;}
#accordion h3.ui-state-active,
#accordion h3#first.ui-state-active,
#accordion h3#second.ui-state-active,
#accordion h3#third.ui-state-active,
#accordion h3#fourth.ui-state-active,
#accordion h3#fifth.ui-state-active
{background:#f15a23; color:#fff;}
#accordion h3.ui-state-active .ui-icon{background-image:url(/images/universal/minus.gif);}
#accordion h3.ui-state-active a{color:#fff;}
#accordion .ui-accordion-content{-moz-border-radius: 0/*{cornerRadius}*/; -webkit-border-radius: 0/*{cornerRadius}*/; border-radius: 0/*{cornerRadius}*/; font-size:11px; font-family:Arial, Helvetica, sans-serif; background:#fff; color:#544a3d; border:none; padding:0px; margin-top: -4px;}
#accordion .ui-accordion-content ul{list-style:none;}
#accordion .ui-accordion-content ul li{ border-top: 1px solid #e4dedb;}
#accordion .ui-accordion-content ul li.first{ border-top:none;}
#accordion .ui-accordion-content ul li a{color:#f15a23; display:block; padding: 5px 10px}
#accordion .ui-accordion-content ul li a:hover, #accordion .ui-accordion-content ul li a.current{ background:#e4dedb; color:#544a3d;}
/*FLAGS ADDITIONS*/
#header #topAccount #wholesaleWrap{position:absolute;right:-15px;top:-35px;}
#header #topFeature #wholesaleWrap{position:absolute;left:5px;top:-35px;}
#header #topAccount .flags a img{vertical-align:middle;}
#header #topAccount .flags .visit{margin-right:3px;}
/* MAIN NAV HEIGHT FIX */
.ui-accordion .ui-accordion-content-active {min-height:2px;}
.paginationActions {clear:both;}
.paginationActions .prev{float:left;}
.paginationActions .next{float:right;}
#tabs{-moz-border-radius: 0/*{cornerRadius}*/; -webkit-border-radius: 0/*{cornerRadius}*/; border-radius: 0/*{cornerRadius}*/;border:none; margin-right:75px;}
#tabs #commentsTabs{ margin:0 ;-moz-border-radius: 0/*{cornerRadius}*/; -webkit-border-radius: 0/*{cornerRadius}*/; border-radius: 0/*{cornerRadius}*/;border:none; background:none; padding:0; position:relative; z-index:100; }
#tabs #commentsTabs li{margin:0;-moz-border-radius: 0/*{cornerRadius}*/; -webkit-border-radius: 0/*{cornerRadius}*/; border-radius: 0/*{cornerRadius}*/; border:1px solid #bababa; background:#eee; padding-right:0; padding-bottom:0; top:0;}
#tabs #commentsTabs li.ui-state-active{border:1px solid #000; border-bottom:1px solid #fff !important; background:none; padding-bottom:1px; margin-bottom:-1px;}
#tabs #commentsTabs li a{color:#f15a23;}
#tabs #commentsTabs li.ui-state-active a{color:#000; font-weight:bold;}
#tabs .comments{border:1px solid #000; -moz-border-radius: 0/*{cornerRadius}*/; -webkit-border-radius: 0/*{cornerRadius}*/; border-radius: 0/*{cornerRadius}*/; position:relative; z-index:1; height:280px; overflow:auto; font-size:11px; color:#544a3d;}
#tabs .comments h5{font-size:12px; font-weight:bold; padding-bottom:5px; margin: 20px 0 5px; border-bottom:1px solid #544a3d;}
#tabs .comments h5 span{margin-left:15px;}