/* CSS2.1 stylesheet for www.skinem.com:copyright (c) 2007, Tomas J Stehlik, White Hat Media Ltd. */ /* colors: white: #FFFFFF; orange: #FF9E01; dark-grey: #333333; black: #000000; */  html, body { margin:0px; padding:0px; color:#333333; font:13px/1.4 Arial, Helvetica, sans-serif; } h1 { font-size:24px; line-height:1.0; margin:10px 0px; padding:0px; color:#FF9E01; text-transform:lowercase; } h2 { font-size:20px; line-height:1.2; margin:18px 0px 15px 0px; padding:0px; color:#FF9E01; text-transform:lowercase; } h3 { font-size:16px; line-height:1.4; margin:5px 0px 10px 0px; padding:0px; color:#333333; /*text-transform:lowercase */ ; } h4 { font-size:16px; margin:0px; padding:0px; border:0; color:#333333; } h5 { font-size:14px; line-height:1.4; margin:12px 0px; padding:0px; color:#333333; text-transform:lowercase; } h6 { font-size:12px; line-height:1.4; margin:12px 0px; padding:0px; color:#333333; text-transform:lowercase; } p { margin:12px 0px; padding:0px; } a { color:#FF9E01; text-decoration:underline; } a:hover { text-decoration:none; } th, td, input, select, textarea { color:#333333; font:13px/1.4 Arial, Helvetica, sans-serif; } table { clear:both } img { border:0px none; } /* forms begin */ form { margin:10px 5px 5px 8px; padding:0px; text-align:right; } form.formCart { margin:0px; padding:20px; text-align:left; } form.formLogin { margin:0px; padding:20px 50px 20px 0px; } form.formBounce { margin:0px; padding:50px; text-align:left; } fieldset { border:1px solid #999999; margin:0px; padding:5px 10px 0px 10px; } legend { margin:1px; padding:1px 3px; ; color:#000000; } .inputText { border:1px solid #999999; width:250px; } .inputSubmit { border:1px solid #FF9E01; background-color:#FF9E01; color:#FFFFFF; } select { border:1px solid #999999; } .selectFixed { border:1px solid #999999; width:250px; } textarea { border:1px solid #999999;/* width:95% */ ; } .textareaNarrow { width:250px; } .noBorder { border:0; } .insideFormStructure1 { text-align:left; } .insideFormStructure2 { margin-left:5%; } #formNewsletterSignup { margin:0px; text-align:left; } .inputTextNewsletter { width:141px; } .inputSubmitNewsletter { margin-bottom:-3px; } #formSearch { margin:0px; text-align:left; } #formSearch p { margin:0px; padding:5px 0 3px 0; } .formSearch { margin:0px; text-align:left; clear:both } .formSearch p { margin:0px; padding:5px 0 3px 0; } .inputTextSearch { width:128px; } .inputSubmitSearch { margin-bottom:-8px; } /* forms end */ .nv { display:none; visibility:hidden; margin:0px; padding:0px; } .divCleaner { clear:both; border:0px none; margin:0px; padding:0px; height:1px; font-size:1px; } #divBody { margin:0px; padding:0px; text-align:center; } #divBodyContent { margin:0px auto; padding:0px; width:950px; text-align:left; } #divBodyContentInsert { margin-top:10px; } #divBodyContentLeft { float:left; margin:0px; padding:0px; width:757px; text-align:left; } #divHeader { margin:0px; padding:0px; width:950px; height:115px; } #divHeaderLogo { float:left; background: url(../images/logo/skins-4-things-logo.gif) left top no-repeat; width:405px; height:91px; margin-top:7px; margin-left:3px; font-size:11px; font-weight:bold; } #divHeaderLogo a { padding:25px 0 0 10px; float:left; text-decoration:none; } #divHeaderLogoInsert1 { } #divHeaderLogoInsert2 { width:300px; height:60px; } #divHeaderLogoInsert2 a:hover { color:#FF0048; } #divHeaderRight { float:right; text-align:left; width:450px; } #divHeaderRight .phone { font-size:18px; padding:0 0 15px 0; border:3px; } #divHeaderRight a { color:#333333; text-decoration:none; } #divHeaderRight a:hover { text-decoration:underline; } #divHeaderRightInsert { display:block; padding:0; font-size:11px; text-align:right; height:60px; } #divHeaderRightInsert p { padding-top:7px; line-height:2em; } .imgShoppingBasket { margin-bottom:-10px; } .spanShoppingCartSummary { color:#FF9E01; font-weight:bold; } #divMenuTop { float:right; margin:0px; padding:0px; overflow:visible; width:387px; } #divMenuTopMenu { margin:0; padding:0; } #divMenuTopMenu ul { list-style-type:none; margin:0px; padding:0px; font-size:13px; text-align:center; } #divMenuTopMenu li { float:left; } #divMenuTopMenu a { float:left; color:#333333; text-decoration:none; font-weight:bold; } #divMenuTopMenu a:hover { background:#FF9E01; color:#FFFFFF; } #divMenuTopSubLine { background:url(../images/backgrounds/subheader-bg.gif) repeat-x left top; width:100%; height:13px; } #divLogo { float:left; } #divContent { margin:0px; padding:0px; } #divCallToAction { clear:both; margin:0px; padding:0px; font-size:12px; } #divCallToAction p { margin:10px 0; padding:0px; line-height:1.1; } #divCallToAction a { font-weight:bold; } .divCallToActionTop { margin-bottom:5px; } .divCallToActionLeft { float:left; margin:0 0 5px 0; padding:0; } .divCallToActionRight { float:right; margin:0 0 5px 0; padding:0; } .divCallToActionRight img { text-align:right; } #divContent { overflow:visible; } /*#divContentMain{float:right;margin:0px;padding:0px; width:564px;text-align:left;}*/ #divContentMain { float:right; margin:0px; padding:0px; width:564px; text-align:left; } #divContentMain h1 { margin-top:0px; padding-top:0px; } #divContentMain h2 { margin-top:0px; padding-top:0px; border:0 } #divContentMain li { padding:0 0 10px 0; } #divContentMainInsert1 { margin:0px; padding:0px; font:13px/16px Arial, Helvetica, sans-serif; } .divContentMainInsert2 { clear:both; margin:0px; padding:10px; text-transform:lowercase; } .divContentMainInsert2 li strong { color:#FF0048; } .divContentMainTwoColumnLeft { float:left; width:272px; padding-left:10px; } .divContentMainTwoColumnRight { float:right; width:272px; padding-right:10px; } .divContentMainTwoColumnRight th { text-align:left; } /*#divContentMenu{margin:0;padding:0 0 80px 0;float:left;width:185px;}*/ #divContentMenu { margin:0 6px 0 0; padding:0 0 80px 0; float:right; width:185px; } #divContentMenuSearch { background:#FFFFFF url(../images/backgrounds/search-bg.gif) left top no-repeat; margin:0; padding:0 0 20px 0; } #divContentMenuSearch #formSearch { padding:4px 0px 0px 12px; } .divContentMenuBox1Caption { padding-bottom:5px; } .divContentMenuBox2 { background:#FFFFFF; margin:0; padding:0 0 15px 5px; } .divContentMenuBox2 ul { list-style-type:none; margin:0px; padding:0px; } .divContentMenuBox2 li { } .divContentMenuBox2 p { margin:0px; padding:0 0 5px 0; } .divContentMenuBox2 a { color:#333333; margin-left:3px; padding:4px; width:160px; text-decoration:none; } .divContentMenuBox2 a:hover { background:#FF9E01; color:#FFFFFF; } .divContentMenuBox2 .menuItem { margin:0px; padding:4px 0; } .divContentMenuBox2 .menuItem a { font-weight:bold } .divContentMenuBox2 .menuItem img { margin-bottom:1px; } .divContentMenuBoxCaption { padding-bottom:5px; } .divContentMenuBox2Caption { padding-bottom:5px; } .divContentMenuBox2Caption a { font-weight:bold } .divContentMenuBox3 { background:#FFFFFF; margin:0; padding:0px 0 1px 0; line-height:1.2; } .divContentMenuBox3Insert { background:#FFFFFF; margin:0; padding:0 0 10px 0; overflow:visible; } .divContentMenuBestSellers { margin:0; padding:0 0 10px 0; } .divContentMenuBestSellers ul { list-style-type:none; margin:0; padding:0; } .divContentMenuBestSellers li { } .divContentMenuBestSellersCaption { } .best-seller-item { padding-left:20px; background:url('c-p.gif') left top no-repeat; } .best-seller-item a { color: #333333; font-weight:bold; /*margin-left: 3px;*/ padding: 4px; text-decoration: none; width: 160px; } .divContentMenuBestSellers a:hover { background:#FF9E01; color:#FFFFFF; } .divContentMenuBestSellers .menuItem { margin: 0; padding: 4px 0; } .divContentMenuBestSellers .menuItem a { font-weight: bold; } #divBreadcrumbs { visibility:hidden; display:none; margin:0px; padding:0px; text-align:left; padding:0px; font-size:12px; } #divBreadcrumbs p { margin:0px; padding:5px 10px; } #divBreadcrumbs p a { color:#FF9E01; text-decoration:none; } #divBreadcrumbs p a:hover { text-decoration:underline; } #divBodyContentRight { float:right; margin:0px; padding:0px; width:181px; text-align:left; } /* #divNewsletter{} #divNewsletterInsert{} #divNewsletterInsert h3{color:#FF9E01;margin:22px 0px 6px 0px;padding:0px;font-size:14px;line-height:15px;} #divNewsletterInsert p{margin:6px 0px 13px 0px;padding:0px;font-size:12px;line-height:13px;} */ #divOurSkinsAre { margin-left:1px; margin-bottom:3px; } #divSpecialOffer { margin-left:1px; margin-bottom:10px; } #divSkinsFrom { margin-left:1px; margin-bottom:10px; } #divRightNav { margin-left:1px; margin-bottom:10px; } #divRightNavBottom { margin-left:1px; margin-bottom:10px; } #divComingSoon { margin-left:1px; padding:0; margin-top:10px; margin-bottom:10px; z-index:0 } #divNewsletter { margin-left:1px; margin-bottom:10px; } #divInTouch { margin-left:1px; } .product-price { font-size:16px; margin:0; padding:0; color:#FF9E01; font-weight:bold; text-transform:lowercase; margin-right:10px } #divIWant { margin-left:1px; } #divIWantHeader { background:url(images/calls-to-action/i-want-header-text.jpg) left top no-repeat; margin:0px; padding:0px; height:36px; } #divIWantText { margin:0px; padding:2px 7px; } #divIWantFooter { background:url(images/calls-to-action/i-want-footer.jpg) left top no-repeat; margin:0px; padding:0px; height:13px; } #divWeHaveSkinsFor { padding-top:6px; padding-left:1px; } #divWeHaveSkinsForHeader { background:url(images/calls-to-action/we-have-got-skins-for-header-text.jpg) left top no-repeat; margin:0px; padding:0px; height:36px; } #divWeHaveSkinsForText { margin:0; padding:0; } .divWeHaveSkinsForTextInsert { background:url(../images/misc/horizontal-line.gif) left bottom repeat-x; margin:0; padding:2px 0 4px 0; } .divWeHaveSkinsForTextInsert h3 { color:#FF9E01; margin:0; padding:0 8px 2px 8px; font-size:13px; } .divWeHaveSkinsForTextInsert p { margin:0; padding:0 7px; font-size:12px; line-height:1.3; } .divWeHaveSkinsForTextInsert p a { color:#333333; margin:0; padding:0; } .divWeHaveSkinsForTextInsert p a:hover { text-decoration:underline; } .divWeHaveSkinsForTextInsert2 { margin:0; padding:2px 0 4px 0; } .divWeHaveSkinsForTextInsert2 p { margin:0; padding:0 7px; font-size:12px; line-height:1.4; } .divWeHaveSkinsForTextInsert2 p a { color:#FF9E01; margin:0; padding:0; font-weight:bold; text-decoration:none; } .divWeHaveSkinsForTextInsert2 p a:hover { text-decoration:underline; } #divWeHaveSkinsForFooter { background:url(images/calls-to-action/we-have-got-skins-for-footer.jpg) left top no-repeat; margin:0px; padding:0px; height:13px; } .quantityBox { float:left; width:100px; } .productAddToBasket { float:left; } /* #divComingSoon div{height:155px;} #divComingSoon p{margin-top:0px;} */ #divFooter { background:url(../images/misc/horizontal-line.gif) left top repeat-x; margin:10px 0 0 0; padding:10px 0px 50px 0px; font-size:11px; font-family:Arial, Helvetica, sans-serif; } #divFooterInsert { float:right; } #divFooter p { margin:0px; padding:0 0 5px 0; text-align:center; } #divFooter a { color:#333333; text-decoration:none; } #divFooter a:hover { text-decoration:underline; } #divFooterSkinemCopyright { color:#FF9E01; } #divFooterSkinemCopyright2 { color:#FF9E01; text-align:center; margin-bottom:5px; } #divFooterSkinemCopyright a { color:#FF9E01; } #divFooterSkinemCopyright2 a { color:#FF9E01; } #seoLinks { font-size:11px; font-family:Arial, Helvetica, sans-serif; } #seoLinks a { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; text-align:left; } #seoLinks a:hover { font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; text-align:left; } #SEO { wdith:950px; text-align:center; } p.emailLink a { text-decoration:underline; } p.emailLink a:hover { text-decoration:underline; } .trContentTable td { border-top:1px solid #333333; } #ulSiteMap li { margin-top:12px; margin-bottom:10px; padding:0; } #ulSiteMap li li { margin-top:10px; margin-bottom:10px; padding:0; } #divContentMainProducts { margin:0px; padding:0px; text-align:left } #divContentMainProducts .divSectionLink { float:left; width:180px; height:190px; padding-right:8px; } #divContentMainProducts .divSectionLinkImage { text-align:center; } #divContentMainProducts .divSectionLink p { margin:0; padding:3px 3px 15px 5px; } #divContentMainProducts .divSectionLink p a { color:#333333; text-decoration:none; font-weight:normal; } #divContentMainProducts .divSectionLink p a:hover { text-decoration:underline; } #divContentMainProducts .divProductDropdownQuantity { float:left; } #divContentMainProducts .divProductDropdownQuantity p { margin:0; padding:0 0 5px 0; line-height:1.6; } #divContentMainProducts .divProductDropdownQuantity select { width:340px; padding-bottom:4px; } #divContentMainProducts .product { color:#FF9E01; } #divContentMainProducts .product_list { text-align:left; width:540px; } #divContentMainProducts .image_product { width:195px; float:left; border:0; } #divContentMainProducts .form_input_qty { width:25px; } #divContentMainProducts .divProductAddToBasket { float:left; } #divContentMainProducts .divProductAddToBasket p { margin:0; padding:0 0 5px 0; line-height:1.6; } #divContentMainProducts .addToCartButton { } #hotDesigns { width:140px; height:150px; float:left; background-image:url(images/misc/hot-designs-frame.gif); background-position:top left; background-repeat:no-repeat; color:#FFF; font-size:11px } #hotDesigns p { padding:2px 2px 0 5px; margin:0; border:0 } #hotDesignsImg { text-align:center } #hotDesignsLink { margin-top:-11px; padding-right:8px; float:right } #hotDesignsLink2 { margin-top:-32px; padding-right:8px; float:right } #fragText { padding-right:40px } .basket { border-top:1px dotted #FF9E01; border-bottom:1px dotted #FF9E01 } .homeLink { cursor:pointer } .cartheading { font-weight:bold; } .h3pad { padding:0; border:0; margin-top:0; padding-top:0 !important; } .smalltext { font-size:10px; text-transform:none !important } .small { text-transform:none } .product { text-transform:none !important } .productNBD { text-transform:none !important; float:left; color:#FF9E01; width:370px; } .priceNBD { float:right; width:170px; text-align:right; margin-top:3px; } .textGrey { color:#999999 } .leftTable { text-align:left } .new { color:#FF0000; font-weight:bold; padding-left:2px } #dotted { background:url(../images/misc/horizontal-line.gif) left top repeat-x; height:1px; width:100% } .alignRight { float:right; text-align:right } .offer { font-weight:bold; } /* Jim added */ #forcelower { text-transform:lowercase; } .cartdescrip { margin-left:5px; } /* stuff for tell-a-friend form */ .formfield { position:relative; margin: 2px 2px 4px 0px; left:150px; } #formContact { position:relative; left:0px; top:0px; padding:0 0 20px 10px; line-height:2.0em; } .formlabel { position:absolute; margin:2px 2px 4px 0px; width:130px; } .formlabel p { padding:0; margin:0; } .checkbox { padding:0 10px 0 0; } #new-prod { width:140px; height:150px; margin:0 1px 0px 0px; float:left; background:url(images/misc/hot-designs-frame.gif) left top no-repeat; } #new-prod-text { height:35px; margin:0 5px 0 5px; color:#333333; font-size:11px; text-transform:lowercase; } /* #new-prod2 { width:140px; height:140px; margin:0 1px 0px 0px; float:left; background:url(images/misc/hot-designs-frame2.gif) left top no-repeat; } */ #new-prod2 { width:140px; height:150px; margin:0 1px 0px 0px; float:left; background:url(images/misc/hot-designs-frame.gif) left top no-repeat; } #new-prod-text2 { height:35px; margin:0 5px 0 5px; color:#333333; font-size:13px; font-weight:bold; text-transform:lowercase; } .hpText { font-size:16px; font-weight:bold; line-height:1.4; margin:5px 0px 10px 0px; padding:0px; color:#FF9E01; text-transform:none !important } .divBasket1 { width:400px; } #divBasket2 { margin-right:310px; vertical-align:top; float:right; } /* nav by devices */ #divContentMainWide { float:right; margin:0px; padding:0px; width:744px; text-align:left; } #divBodyContentLeftWide { float:left; margin:0px; padding:0px; width:940px; text-align:left; } .productWide { text-transform:none !important; font-size:12px } .product_listWide { text-align:left; width:245px; } #divContentMainProducts .divSectionLinkNavByDev { float:left; width:240px; padding-right:5px; } #divContentMainProducts .divSectionLinkImageNavByDev { } #divContentMainProducts .divSectionLinkNavByDev p { margin:0; padding:3px 3px 15px 5px; width:200px } #divContentMainProducts .divSectionLinkNavByDev p a { color:#333333; text-decoration:none; font-weight:bold; } #divContentMainProducts .divSectionLinkNavByDev p a:hover { text-decoration:underline; } /* end nav by devices */ .divCleaner { clear:both; font-size:1px; padding:0; margin:0; } .divCleaner2 { clear:both; font-size:1px; padding:0; margin:0; height:6px } .home-title { font-size:18px; font-weight:bold; line-height:1; letter-spacing: 0px; padding-top:0px; margin-top:0px; margin-bottom:5px; padding-bottom:0px; color:#FF9E01; } /* These are standard sIFR styles... do not modify */ h1.title { font-size:18px; margin-bottom:5px; } .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 .title { visibility: hidden; letter-spacing: 0px; line-height:0.5em; font-size:18px; } .product-related-products, .product-also-bought {  } .product-related-products .index, .product-also-bought .index { width:30px; } .product-related-products .image, .product-also-bought .image { width:120px; text-align:center; } .product-related-products img, .product-also-bought img { width:100px; } .product-related-products .name, .product-also-bought .name { width:250px; } .product-related-products .price, .product-also-bought .price { width:10px; } .product-related-products .ref, .product-also-bought .ref {  }