/*------------------------------------------------------------------------------*/ /* --> FACE THE FUTURE SHOP V 1.0 2009 CSS DOCUMENT */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* --> WEBSITE BODY AND TOP PAGE STRUCTURE */ /*------------------------------------------------------------------------------*/ body {margin:0px; padding:0px; width:100%; background-color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #535353;} #top_bar_container{width:100%; background:url(../styleImages/backgrounds/top_bar_container_bg.gif) repeat-x; height:30px;} #top_bar{width:960px; margin:0 auto 0 auto; height:30px; color:#FFFFFF; font-size:12px; line-height:16px;} #top_bar_1{width:440px; float:left; padding:6px 0 0;} #top_bar_2{width:440px; float:right; text-align:right; padding:6px 0 0;} #top_bar a{color:#FFFFFF; text-transform:uppercase;} #top_header{width:960px; margin:25px auto; height:81px; background: url(../../../images/getLogo.php?skin=facethefuture) top left no-repeat;} #top_header .your_bag{margin:0; padding:32px 0 0 10px; width:120px; height:49px; float:right; background:url(../styleImages/backgrounds/your_bag.gif) no-repeat; text-align:left; font-size:11px; line-height:20px;} #top_header .your_bag a{color:#535353;} #top_header .your_bag a:hover{color:#F38A2C;} /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* --> NAVIGATION STRUCTURE AND STYLES */ /*------------------------------------------------------------------------------*/ #nav_body{margin:0px; padding:0px; width:100%; background:#42c1c7;} /*XMAS NAVIGATION #nav_body{margin:0px; padding:0px; width:100%; background:url(../styleImages/backgrounds/bg_xmas_navrepeat.gif) #42c1c7 top center repeat-x;} */ #navbar{width:960px; margin-left:auto; margin-right:auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; height:44px;} #navbar_1{width:660px; float:left; display:inline;} #navbar_2{width:300px; float:right; display:inline;} #nav{width:660px; margin-left:auto; margin-right:auto; text-align:left;} #navbar_1 ul{padding:0; margin:0; list-style:none;} ul#nav{padding:0;} #navbar_1 li{position: relative;} #navbar_1 .top_level{float: left; color:#ffffff; margin: 0; text-decoration: none; border-left:1px #42c1c7 solid;} #navbar_1 .top_level a.border_right{border-right:1px #42c1c7 solid;} #navbar_1 .top_level a {color: #ffffff; text-decoration:none; display:block; padding: 14px 10px 12px 10px; background:#34b2b8;} #navbar_1 .top_level a:hover {background:#10898f;} #navbar_2 .search{margin:9px 0 0 0; padding:0; float:right;} #navbar_2 .search_1{width:165px; float:left; display:inline;} #navbar_2 .search_2{width:26px; float:left; display:inline; text-align:right;} #navbar_2 .subscribe{background:#ffffff; margin:0; padding:5px; border:0; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#535353; width:150px; height:15px;} #navbar_2 .subscribe_button{height:25px; width:26px; background-image:url(../styleImages/backgrounds/search_button_bg.gif); margin:0; padding:0; background-repeat:no-repeat; border:0; cursor:pointer;} /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* --> TOP OFFERS STRUCTURE AND STYLES */ /*------------------------------------------------------------------------------*/ #three_col_body{background: url(../styleImages/backgrounds/bg_top_3col.gif) repeat-x; width:100%; height:100px;} #three_col{width:960px; margin:0 auto; padding:0;} #three_col ul{margin:0; padding:0; float:left; width: 100%; list-style: none;} #three_col ul li{float: left; margin:0; padding:0;} #three_col li a{float:left; font-size:16px; line-height:24px; text-decoration:none; color:#8f8f8f;} #three_col li:hover a, three_col li a:hover{background-position: right top; color:#595959;} /*--Hover State for all Top Navigation--*/ #three_col a.col_1{background:url(../styleImages/backgrounds/col_1.gif) top left no-repeat; width:315px; height:100px; padding:0; display:block; text-indent:-9999px;} #three_col a.col_2{background:url(../styleImages/backgrounds/col_2.gif) top left no-repeat; width:330px; height:100px; padding:0; display:block; text-indent:-9999px;} #three_col a.col_3{background:url(../styleImages/backgrounds/col_3.gif) top left no-repeat; width:315px; height:100px; padding:0; display:block; text-indent:-9999px;} /*BIG WEEKEND SALE BANNER #big_weekend_sale{width:100%; height:68px; background:url(../styleImages/backgrounds/bg_weekend_sale.jpg) top center repeat-x;}*/ /*FREE MASK BANNER*/ #big_weekend_sale{width:100%; height:68px; background:url(../styleImages/backgrounds/bg_free_mask.jpg) top center repeat-x;} #social_body{background: url(../styleImages/backgrounds/bg_social.gif) repeat-x; width:100%; height:30px;} #social_container{width:960px; margin:0 auto; padding:0; background:url(../styleImages/backgrounds/bg_social_container.gif) no-repeat top left; height:30px;} #social_container ul{margin:0; padding:0; width: 100%; list-style: none;} #social_container li{float: right; margin:0; padding:0; text-indent:-9999px;} #social_container li.facebook a{background:url(../styleImages/backgrounds/btn_facebook.gif) top left no-repeat; width:77px; height:30px; padding:0; display:block; text-indent:-9999px;} #social_container li.facebook a:hover{background:url(../styleImages/backgrounds/btn_facebook.gif) top right no-repeat; display:block;} #social_container li.twitter a{background:url(../styleImages/backgrounds/btn_twitter.gif) top left no-repeat; width:82px; height:30px; padding:0; display:block; text-indent:-9999px;} #social_container li.twitter a:hover{background:url(../styleImages/backgrounds/btn_twitter.gif) top right no-repeat; display:block;} /*------------------------------------------------------------------------------*/ /* --> MAIN PAGE STRUCTURE AND STYLES */ /*------------------------------------------------------------------------------*/ #freebie{width:900px; margin: 0 auto; padding:25px 0 0;} #freebie_2{width:900px; height:75px; margin: 25px auto 0; padding:0; background:url(../styleImages/homepage/freebie_2.gif) no-repeat;} #closed{width:900px; height:70px; margin: 25px auto 0; padding:0; background:url(../styleImages/shop_closed.gif) no-repeat;} /*code for delivery with free melaclear - edited for bank holiday #free_delivery{width:900px; height:150px; margin: 25px auto 0; padding:0; background:url(../styleImages/backgrounds/free-delivery-topmelbank.jpg) no-repeat; text-indent:-9999px;} */ /* code for delivery with free mask #free_delivery{width:900px; height:150px; margin: 25px auto 0; padding:0; background:url(../styleImages/backgrounds/free-delivery-topmask.jpg) no-repeat; text-indent:-9999px;} */ /* code for standard free delivery */ #free_delivery{width:900px; height:71px; margin: 25px auto 0; padding:0; background:url(../styleImages/backgrounds/free-delivery-top.jpg) no-repeat; text-indent:-9999px;} #middle_body{margin:0px; padding:0px; width:100%; background-color:#FFFFFF;} #middle_container{width:960px; padding:25px 0; margin: 0 auto 10px auto;} #middle_col_1{width:225px; float:left; display:inline; margin:0;} #middle_col_2{width:700px; float:right;} #middle_col_1 .mailing_list{width:225px; margin:0; padding:0;} #middle_col_1 .mailing_list_1{width:165px; float:left; display:inline;} #middle_col_1 .mailing_list_2{width:60px; float:left; display:inline; text-align:right;} #middle_col_1 .sign{background-image:url(../styleImages/backgrounds/search_box_bg.gif); margin:0; padding:5px; border:0; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#38aeb3; width:155px; height:15px;} #middle_col_1 .sign_button{height:25px; width:61px; background-image:url(../img/backgrounds/col_3_subscribe_button.gif); margin:0; padding:0; background-repeat:no-repeat; border:0; cursor:pointer;} #middle_col_1 .shipping {width:225px; height:177px; margin-top:25px; background:url(../styleImages/backgrounds/free_shipping_new.gif) 0px 0px no-repeat; text-indent: -9999px;} #middle_col_1 .cards {width:225px; height:86px; margin-top:25px; background:url(../styleImages/backgrounds/cards_new.gif) 0px 0px no-repeat; text-indent: -9999px;} #middle_col_1 .gold{margin:25px 0 0;} #middle_col_1 .gold a {width:225px; height:226px; background:url(../styleImages/backgrounds/gold-clinic-badge.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #middle_col_2 h1{font-family: Arial, Helvetica, sans-serif; font-size:20px; margin:0; font-weight:normal; color:#1f8a91; padding: 0 0 3px 0;} #middle_col_2 h1.home{font-family:Arial, Helvetica, sans-serif; font-size:20px; margin:0; font-weight:normal; color:#1f8a91; padding: 10px 0 3px 0;} #middle_col_2 h2{font-family:Arial, Helvetica, sans-serif; font-size:20px; margin:0; font-weight:normal; color:#ff8b20; padding: 0 0 3px 0;} #middle_col_2 h2 a{color:#ff8b20; text-decoration:none;} #middle_col_2 h2 a:hover{color:#ff8b20; text-decoration:underline;} #middle_col_2 h4{font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0; font-weight:bold; color:#ff8b20; padding: 0 0 10px 0; text-transform:uppercase;} #middle_col_2 .boxContent {margin-bottom: 10px; margin-top: 0px; position: inherit;} #middle_col_2 .boxContent p{margin-top:0; padding-top:0; line-height:18px;} #middle_col_2 .boxContent p a{color:#0c8085; text-decoration:none;} #middle_col_2 .boxContent p a:hover{ color:#0c8085; text-decoration:underline;} #middle_col_2 .boxContent p img.right{border: 1px solid #DDDDDD; float: right; margin: 4px 0 5px 15px; padding: 5px;} #middle_col_2 .boxContent p img.left{border: 1px solid #DDDDDD; float: left; margin: 4px 15px 5px 0; padding: 5px;} #middle_col_2 .boxContent .login_box{background-image:url(../styleImages/backgrounds/search_box_bg.gif); margin:0; padding:5px; border:0; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#535353; width:150px; height:15px;} #middle_col_2 .boxContent .location{margin-bottom:10px; border-top: 1px dotted #7e7e7e; border-bottom: 1px dotted #7e7e7e; padding:7px 0 7px 0;} #middle_col_2 .boxContent .location a {padding-left: 3px; padding-right: 3px; color:#0c8085; text-decoration:none;} #middle_col_2 .boxContent .location a:hover {padding-left: 3px; padding-right: 3px; color:#0c8085; text-decoration:underline;} #middle_col_2 .boxContent .product_sort{text-align:right; margin-bottom:10px; border-top: 1px dotted #7e7e7e; border-bottom: 1px dotted #7e7e7e; padding:7px 0 7px 0;} #middle_col_2 .boxContent .enq_form{background-color:#ffffff; border: #208b92 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#353535; padding:3px; width:250px;} #middle_col_2 .boxContent .pound {background:url(../styleImages/pound.gif) no-repeat top left; padding:3px 3px 3px 11px; width:242px} .product_list{width:700px; margin:0 0 0 0; padding:10px 0 10px 0; border-top: 1px dotted #7e7e7e;} .product_list p {margin:0; padding:0;} .product_list_1{width:170px; float:left; display:inline;} .product_list_2{width:530px; float:left; display:inline;} .product_list .prod_border{border:1px solid #dfdfdf;} .product_list .price{ margin: -5px 0 10px 0;} .product_list .view_buy{margin:15px 0;} .pagination{width:680px; padding: 10px; margin:0 0 10px 0; border:1px solid #dfdfdf; font-size:11px; background:#ffffff;} .pagination_1{width:290px; float:left; display:inline; text-align: left; } .pagination_2{width:315px; float:right; display:inline; text-align: right; } .pagination a{color:#0c8085; } #subCats {background-color: #ffffff; border: 1px solid #e1e1e1; margin: 0px auto 10px auto; padding: 10px; float: left; width: 680px; font-size:14px; font-weight:bold;} #subCats .subCat {text-align: center; padding: 8px 35px; float: left;} #subCats .cat_border{border:1px solid #dfdfdf; margin-bottom:5px;} #product_page{width:700px; padding:10px 0 0;} .truspilotreviews{margin-top:20px;} /* Original Product page code #product_page_1{width:325px; float:left; display:inline;} #product_page_2{width:290px; margin-left:10px; float:left; display:inline; text-align:right;} #product_page .product_border{border:1px solid #dfdfdf;} #product_page .item_price{ font-family:Arial, Helvetica, sans-serif; width:268px; margin:0 0 10px 0; padding:10px; border: 1px dotted #fc821c; background:#ffffff; font-size:18px;} #product_page .txtSale {color: #42C2C7; font-weight:bold;} #product_page .buy_item{width:268px; height:60px; margin:0 0 10px 0; padding: 10px; border: 1px dotted #1f8a91; background:#ffffff;} #product_page .buy_item_1{width:158px; float:left; display:inline;} #product_page .buy_item_2{width:99px; margin-left:11px; float:left; display:inline; text-align:left;}*/ /*New Product Page Design 26/01/2011*/ #product_img_col{float:left; width:380px; position:relative; z-index:1;} #product_img_col .enlarge{ height:29px; width:29px; position:absolute; z-index:99; bottom:5px; right:5px;} #product_img_col .product_border{border:1px solid #dfdfdf;} #product_price_col{float:right; width:290px;} #product_price_col .purchase_information {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #535353; border-bottom: 1px dotted #7e7e7e; padding: 0 0 5px 0; line-height:12px;} #product_price_col .item_price{font-family:Arial, Helvetica, sans-serif; width:260px; margin:3px 0 8px 0; padding:5px; border: 1px solid #e6e6e6; font-size:14px; background:#FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #product_price_col .txtSale {color: #FD8B26; font-weight:bold; font-size:18px;} #product_price_col .info{width:290px; font-size:12px; color:#535353; line-height:20px; margin:0 0 10px;} #product_price_col .info span.red{ color:#ff1b1b;} #product_price_col .buy_item{width:272px; margin:0 0 5px 0; padding:9px 9px; background:#f0f0f0; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #product_price_col .buy_item_1{width:150px; float:left; padding:5px 0 0;} #product_price_col .buy_item_1 .textbox{ font-family:Arial, Helvetica, sans-serif;} #product_price_col .buy_item_1 strong{font-size:16px; font-weight:bold; color:#535353;} #product_price_col .buy_item_2{width:122px; float:right; margin:0 0 5px;} #product_price_col .buy_item span.orange{ color:#ff931b;} #product_description{width:700px; margin:15px 0 0;} #product_description h2{color: #FF8B20; font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal;} #product_description h3{font-size:14px; font-weight:bold; color:#3f3f3f;} .product_options{width:678px; padding:10px 10px 0; border:1px solid #e6e6e6; background:#fcfcfc; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin:0 0 15px;} .txtPrice {font-size:18px; font-weight:bold; color: #FD8B26;} .txtOldPrice {text-decoration: line-through; font-size:14px; color: #208B92; font-weight:normal;} .txtSale {color: #de0900; font-size:20px; font-weight:bold;} .txtOutOfStock { color: #FF0000;} .txtSmall{font-size:11px;} #product_price_col div.product_reviews{ width:260px; height:85px; background:url(../styleImages/backgrounds/reviews.gif) no-repeat; margin:9px 0 0; padding:60px 15px 0;} #product_price_col div.stars{width:250px; padding:5px; background:#FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align:left;} #product_price_col div.stars p{margin:0; padding:0; line-height:18px; font-family: Arial, Helvetica; font-size:13px;} #product_price_col div.stars p img{padding:0; float:left; margin:1px 2px 0 0;} #product_price_col div.stars p a{margin:0 0 0 3px; color:#797979;} #product_price_col div.product_reviews ul{ text-align:left; margin:0; padding:7px 0 0 15px; font-size:14px; line-height:20px} #product_price_col div.product_reviews ul li{ color:#FFFFFF;} #product_price_col div.product_reviews ul li a{color:#ffffff;} .txtContentTitle { border-bottom:1px dotted #7E7E7E; border-top:1px dotted #7E7E7E; padding:5px 0; text-transform:uppercase; font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FD8B26; margin:0 0 10px; } div.RatingMain{line-height:18px; font-size:12px;} div.RatingBottom{ padding:5px 0 0;} div.boxContentrelated{ border:1px solid #e1e1e1; background:#fdfdfd; text-align:center; } div.latestProds { text-align: center; width: 230px; margin:0; float: left; } div.latestProds img{border:1px solid #e1e1e1;} #middle_col_2 .index_brands{width:100%;} #middle_col_2 .index_brands ul{margin:0; padding:0; list-style:none;} #middle_col_2 .index_brands li{margin:0; padding:0; display:inline;} #middle_col_2 .index_brands li.pad{ margin-left:13px;} .boxTitleLeft {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #535353; border-bottom: 1px dotted #7e7e7e; padding: 0 0 5px 0;} .boxTitleLeftOffer {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FC841F; border-bottom: 1px dotted #7e7e7e; padding: 0 0 5px 0;} .boxOfferBorder{border:1px solid #228D94; margin-right:10px;} .boxOfferButton{margin:0;} .boxOfferButton a{border: 1px dotted #7e7e7e; width:217px; padding:10px 0 10px 0; text-align:center; background-color:#fd951c; color:#FFF; display:block; text-decoration:none;} .boxOfferButton a:hover{background-color:#228D94;} .boxCategories {margin-bottom: 10px; padding-top:5px;} /* Start Cross-Browser DHTML Menu - Needs Finishing*/ .boxCategories ul{margin:0; padding:0;} .boxCategories ul#mainmenu-nav{color:#535353;} .boxCategories ul#mainmenu-nav li{margin:0; padding:0;} .boxCategories ul#mainmenu-nav li.li-nav {font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:26px; width:225px; display:block; background-color:#ffffff;} .boxCategories ul#mainmenu-nav li.li-nav a{color:#208b92; text-decoration:underline; width:225px;} .boxCategories ul#mainmenu-nav li.li-nav a:hover{color: #535353; text-decoration:underline;} .boxCategories ul#mainmenu-nav li ul.ul-nav {width:175px; padding:0px;} .ul-nav, .li-nav {display: block;} .li-nav .ul-nav {display:none; position:absolute; margin-left:200px; margin-top:-26px; border:1px solid #e1e1e1; z-index: 99;} a.hassubmenu {background-image: url(../styleImages/more.gif); background-repeat: no-repeat; background-position: 185px 6px;} /*Home Layout*/ #best_products{margin: 0;} #best_products .best_title{padding:0 0 15px;} #best_products ul{margin:0; padding:0; list-style-type:none;} #best_products li{float:left; width:307px; margin-bottom:15px;} #best_products li.pad{padding:0 0 0 10px;} #best_products .sale-title{color:#ff8b20; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;} #best_products .sale-title a{text-decoration:none; color:#ff8b20;} #best_products .sale-title a:hover{text-decoration:underline;} #best_products .sale-was{font-size:14px; text-decoration:line-through; color:#000000;} #best_products .sale-price{color:#42c2c7; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;} #best_products .view-pad{margin:5px 0 0;} #best_products .view-pad a{margin:5px 0 0; width:307px; height:28px; background:url(../styleImages/best-products/link_bg.gif) 0 0 no-repeat; display:block; text-align:center; line-height:16px; padding:12px 0 0; text-decoration:none; color:#FFFFFF;} #best_products .view-pad a:hover{width:307px; height:28px; background:url(../styleImages/best-products/link_bg.gif) -307px 0 no-repeat; display:block; text-align:center; line-height:16px; padding:12px 0 0;} /*Home Layout -7 day sale*/ #seven{ margin:0 0 40px; width:624px; padding:80px 0 0; background: url(../styleImages/seven-day/top.jpg) no-repeat top; } #seven ul {margin:0; padding:0; list-style-type:none;} #seven li{float:left; width:302px; margin:0 padding:0; height:200px;} #seven li.right{float:right; width:322px; margin:0 padding:0; height:200px;} /*Home Layout - Xmas products*/ #jan-prodcuts {margin:0; width:700px; padding:210px 0 0; height:860px; background: url(../styleImages/jan-products/bg.jpg) no-repeat; padding-bottom:10px;} #jan-prodcuts ul{margin:0; padding:0 0 0 20px; list-style-type:none;} #jan-prodcuts li{float:left; width:340px; margin:0; padding:0; height:280px;} #jan-prodcuts li.right {float:right; width:340px; margin:0x; padding:0; height:280px;} /*Home Layout - JAN products*/ #xmas-prodcuts {margin:0; width:700px; padding:90px 0 0; height:860px; background: url(../styleImages/xmas-products/xmas-bg-2011.jpg) no-repeat; padding-bottom:10px;} #xmas-prodcuts ul{margin:0; padding:0 0 0 20px; list-style-type:none;} #xmas-prodcuts li{float:left; width:340px; margin:0; padding:0; height:280px;} #xmas-prodcuts li.right {float:right; width:340px; margin:0x; padding:0; height:280px;} /*Home Layout -no vat increase*/ #vat{margin:0; width:624px; padding:205px 0 0; height:729px; background: url(../styleImages/vat/bg.jpg) no-repeat; padding-bottom:10px;} #vat ul{margin:0; padding:0; list-style-type:none;} #vat li{ float:left; width:282px; margin:0 0 20px 20px; padding:0; height:220px; } #vat li.right { float:right; width:282px; margin:0px 20px 20px 0px; padding:0; height:220px; } /*Home Layout - Weekend sale*/ #weekend-sale{ margin:0; width:603px; padding:300px 0 10px 21px; height:605px; background: url(../styleImages/sale/sale-bg.jpg) no-repeat; } #weekend-sale ul{margin:0; padding:0; list-style-type:none;} #weekend-sale li.left-side{ float:left; width:180px; margin:0px 0px 21px; padding:0; height:180px; } #weekend-sale li{ float:left; width:180px; margin:0px 0px 21px 21px; padding:0; height:180px; } #weekend-sale li.obagi{ floatt:left; width:180px; margin:0px 0px 21px -1px; padding:0; height:180px; } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* --> BUTTON STYLES */ /*------------------------------------------------------------------------------*/ #middle_col_2 .boxContent .apply_changes{margin:0; float:left;} #middle_col_2 .boxContent .apply_changes a {height:25px; width:108px; background:url(../styleImages/buttons/apply_changes.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #middle_col_2 .boxContent .empty_bag{margin:0; float:left;} #middle_col_2 .boxContent .empty_bag a {height:25px; width:92px; background:url(../styleImages/buttons/empty_bag.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #middle_col_2 .boxContent .update_bag{margin:0 7px; float:left;} #middle_col_2 .boxContent .update_bag a {height:25px; width:95px; background:url(../styleImages/buttons/update_bag.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #middle_col_2 .boxContent .continue_shopping{margin:0; float:left;} #middle_col_2 .boxContent .continue_shopping a {height:25px; width:133px; background:url(../styleImages/buttons/continue_shopping.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #middle_col_2 .boxContent .billing_address, #middle_col_2 .boxContent .delivery_address{margin:0; float:left;} #middle_col_2 .boxContent .billing_address a {height:25px; width:123px; background:url(../styleImages/buttons/billing_address.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #middle_col_2 .boxContent .delivery_address a {height:25px; width:133px; background:url(../styleImages/buttons/delivery_address.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #middle_col_2 .boxContent .add{height:25px; width:44px; background-image:url(../styleImages/buttons/add.gif); margin:0; padding:0; background-repeat:no-repeat; border:0; cursor:pointer;} #middle_col_2 .boxContent .login{height:25px; width:48px; background-image:url(../styleImages/buttons/login.gif); margin:0; padding:0; background-repeat:no-repeat; border:0; cursor:pointer;} #middle_col_2 .boxContent .send{height:25px; width:58px; background-image:url(../styleImages/buttons/send.gif); margin:0; padding:0; background-repeat:no-repeat; border:0; cursor:pointer;} #middle_col_2 .boxContent .password{height:25px; width:100px; background-image:url(../styleImages/buttons/password.gif); margin:0; padding:0; background-repeat:no-repeat; border:0; cursor:pointer;} #product_page div.add_to_bag{margin:0;} #product_page div.add_to_bag a {height:32px; text-decoration:none; width:122px; background:url(../styleImages/buttons/add_to_bag_new.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} .product_list .add_to_bag{margin:0 0 0 5px; float:left;} .product_list .add_to_bag a {height:26px; width:99px; background:url(../styleImages/buttons/add_to_bag.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} .product_list .view_product{margin:0; float:left;} .product_list .view_product a {height:26px; width:102px; background:url(../styleImages/buttons/view_product.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} /*------------------------------------------------------------------------------*/ /* --> BUTTON AND FORM CLASSES */ /*------------------------------------------------------------------------------*/ .sort_box{background-color:#ffffff; border: #208b92 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#353535; padding:3px; width:175px;} .sort{height:25px; width:44px; background-image:url(../styleImages/buttons/sort.gif); margin:0; padding:0; background-repeat:no-repeat; border:0; cursor:pointer;} /*------------------------------------------------------------------------------*/ /* --> SHOPPING CART CLASSES */ /*------------------------------------------------------------------------------*/ .txtcartProgressCurrent {color: #ff8b20; font-weight: bold;} .txtButton {color: #FFFFFF; background-color: #FD871B; padding: 5px; line-height: 18px; text-align: center; border:1px solid #eaeaea; margin:0; text-decoration: none;} a.txtButton {color: #FFFFFF; background-color: #FD871B; padding: 5px; line-height: 20px; text-align: center; border:1px solid #eaeaea; margin:0; text-decoration: none;} a.txtButton:hover {color: #FFFFFF; background-color: #34A9AF; padding: 5px; line-height: 20px; text-align: center; border:1px solid #eaeaea; margin:0;text-decoration: none;} li.account {list-style-type: square; padding-top: 5px; padding-bottom: 5px;} li.account a{color:#0c8085; text-decoration:none;} li.account a:hover{ color:#0c8085; text-decoration:underline;} .txtDefault, a.txtDefault{color: #0c8085; text-decoration:none;} a.txtDefault:hover { color: #0c8085; text-decoration:underline;} .txtOrange, a.txtOrange{color: #ff8b20; text-decoration:none;} a.txtOrange:hover { color: #ff8b20; text-decoration:underline;} .txtRed, a.txtRed{color: #ff0000; text-decoration:none;} a.txtRed:hover { color: #ff0000; text-decoration:underline;} .txtCurrency{font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0;} .enq_form{background-color:#ffffff; border: #FC841F 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#353535; padding:3px; width:219px; margin-bottom:10px;} .freeText{font-family:Arial, Helvetica, sans-serif; float:right; font-size:14px; font-style:italic; color:#FF0000; padding-left:5px; padding-top:5px; line-height:18px;} .freeTexte{font-family:Arial, Helvetica, sans-serif; float:right; font-size:9px; font-style:italic; color:#000000; padding-left:5px;} .tdcartTitle { font-weight: bold; color: #1f8a91; background-color: #ffffff; border-top: 1px dotted #7e7e7e; border-bottom: 1px dotted #7e7e7e; padding:5px 0 5px 0;} .tdcartEven {border-bottom: 1px dotted #7e7e7e;} .tdcartOdd {border-bottom: 1px dotted #7e7e7e;} .product_border{border:1px solid #dfdfdf;} /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* --> FOOTER DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #footer_body{width:100%; padding-bottom:20px; background:url(../styleImages/backgrounds/bg_footer_body.gif) repeat-x;} #footer_container{ padding-top:20px; width:960px; margin:0 auto 0 auto; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;} #footer_col_1{width: 310px; float:left; display:inline;} #footer_col_2{width: 640px; float:right; display:inline; text-align:right;} #footer_col_2 #nav{text-align:right; width:640px;} #footer_container a{color:#ffffff; text-decoration:underline;} #footer_container a:hover{color:#c75a00; text-decoration:underline;} #footer_container ul {list-style-type: none; padding:0; margin:0 0 10px 0; line-height:18px;} #footer_container li {display:inline; padding: 0; margin: 0;} #footer_container li em{ font-size:11px;} /*------------------------------------------------------------------------------*/ /* --> MISC VALUES, DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ .clearcols{clear:both; height:1px;} img{border: none;} /* CHECKOUT PAGES */ .colLeftCheckout { position: relative; left: 0px; width: 160px; padding-left: 15px; padding-right: 5px; float: left; } .colMainCheckout { position: relative; width: 100%; float: left; } /* END CHECK OUT PAGES */ .siteDocs { text-align:center; margin-top: 7px; margin-bottom: 20px; } .regSep{ padding: 10px 0px 10px 0px; margin: 10px 0px 10px 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #imgThumbSpace{ line-height: 0px; } #imgThumbSpace img { padding-right: 3px; padding-bottom: 3px; }