/* CSS2.1 stylesheet for www.skinem.com:copyright (c) 2007, Tomas J Stehlik, White Hat Media Ltd. */ /* colors: white:            #FFFFFF; orange:           #76b900; 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:#76b900; text-transform:lowercase;} h2{font-size:20px;line-height:1.2;margin:18px 0px 15px 0px;padding:0px;color:#76b900; 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:#76b900;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 #76b900;background-color:#76b900;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:#76b900;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:#76b900;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 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;} #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;} .divContentMenuBox1{background:#FFFFFF;margin:0;padding:0 0 15px 10px;} .divContentMenuBox1 ul{list-style-type:none;padding-top:1px;padding-bottom:1px;} .divContentMenuBox1 li{} .divContentMenuBox1 p{margin:0px;padding:0 0 5px 0;} .divContentMenuBox1 a{color:#333333;margin-left:3px;padding:4px;width:160px;text-decoration:none;} .divContentMenuBox1 a:hover{background:#76b900;color:#FFFFFF;} .divContentMenuBox1 .menuItem1{margin:0px;padding:2px 0;} .divContentMenuBox1 .menuItem1 img{margin-bottom:-4px;margin-left:-5px;} .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:#76b900;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:10px 0 1px 0;line-height:1.2;} .divContentMenuBox3Insert{background:#FFFFFF;margin:0;padding:0 0 10px 0;overflow:visible;} #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:#76b900;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:#76b900;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; } #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; } #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:#76b900;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:#76b900;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:#76b900;} #divFooterSkinemCopyright a{color:#76b900;} 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{} #divContentMainProducts .divSectionLink p{margin:0;padding:3px 3px 15px 5px;} #divContentMainProducts .divSectionLink p a{color:#333333;text-decoration:none;font-weight:bold;} #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:#76b900;} #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 #76b900; border-bottom:1px dotted #76b900} .homeLink{ cursor:pointer} .cartheading{font-weight:bold;} .textGrey{color:#999999} .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:#76b900;width:370px; } .priceNBD{float:right;width:170px; text-align:right; margin-top:3px; } .product-price{font-size:16px;margin:0;padding:0;color:#76b900;font-weight:bold;text-transform:lowercase;margin-right:10px} .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: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:20px 0px 10px 0px;padding:0;color:#76b900; text-transform:none !important} .divBasket1 { width:400px; } #divBasket2 { margin-right:310px; vertical-align:top; float:right; } .divCleaner {clear:both; font-size:1px; padding:0; margin:0;} .divCleaner2 {clear:both; font-size:1px; padding:0; margin:0; height:6px}x} /* 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 */