/*************************************** Element Styles ***************************************/ html { font-family:"Trebuchet MS"; font-size:62.5%; color:#6c6c6c;} body {background: url(../images/bg_spotty.gif) repeat-x; padding:0; margin:0; font-size:1.3em;} a {color:#6c6c6c; text-decoration:none;} a:hover {text-decoration:underline;} small {font-size:0.9em;} ul {list-style-type:none; padding:0; margin:0;} a.pink {color:#ed96c1;} a img {border:none;} h1 {margin-top:0; font-size:1.3em; color:#F8B961;} h2 {margin-top:0; font-size:1.4em; color:#f8b961;} h3 {display:inline; font-size:0.9em; text-decoration:none; color:#6C6C6C;} /**************************************/ /*************************************** Class and ID Styles ***************************************/ #container {width:948px; margin:0 auto 0 auto;} .pink {color:#ed96c1;} .orange {color:#F8B961;} .smaller {font-size:0.8em;} .floatleft {float:left;} .floatright {float:right;} .clear {clear:both;} .separator_small {background: url(../images/separator.png) no-repeat; width:443px; height:41px; margin:0 auto 0 auto;} .separator_large {background: url(../images/separator_large.png) no-repeat; width:649px; height:41px; margin:0 auto 0 auto;} #thumbnails {width:300px; float:left; margin-left:25px; margin-top:-13px;} #thumbnails img {border: 1px solid #DDDDDD; padding:1px;} #largeimage {float:left; max-width:358px; overflow:hidden; border: 1px solid #DDDDDD; padding:1px;} #banner {margin: 1px auto 10px auto;} .item {width:200px; margin-left:20px; margin-right:20px; margin-bottom:20px; float:left;} /**************************************/ /*************************************** Header Styles ***************************************/ #header {background: url(../images/bg_header.png) no-repeat; width:948px; height:104px; margin:30px auto 0 auto; padding:0 10px 0 10px; position:relative; z-index:10;} #header .searchform, #header .signupform {float:right; position:relative; top:15px; display:inline;} #header .signupform {right:10px; top:12px;} .searchform input.search {border: dashed 2px #f6b4d3; font-size:1.1em; color:#6c6c6c;} .searchform label {font-weight:bold;} .searchform input.button {position:relative; top:18px;} .signupform input.search {border: dashed 2px #f6b4d3; font-size:1.1em; color:#6c6c6c;} .signupform label {font-weight:bold; width:160px; display:block; float:left; position:relative; top:32px; color:#df75ab;} .signupform input.button {position:relative; top:18px;} #ktctag {width:220px; height:159px; position:absolute; top:-30px; left:-20px;height:130px; z-index:1} /**************************************/ /*************************************** Nav Styles ***************************************/ #navlist {position:relative; z-index:1; top:-75px; left:2px; margin-bottom:-75px; width:728px;} #navlist li {display:inline;} #home_clickarea {position:absolute; z-index:5000; top:100px; left:11px; width:117px; height:51px; display:block;} #aboutus_clickarea {position:absolute; z-index:5000; top:100px; left:132px; width:109px; height:51px; display:block;} #navlist li img {position:relative;} #breadcrumb {padding:5px 0 5px 20px;} /**************************************/ /*************************************** Basket Styles ***************************************/ #baskettab {position:relative; top:-96px; margin-bottom:-96px; background: url(../images/link_basket.png) no-repeat; width:180px; height:145px; padding:10px 20px 0 20px; color:#FFFFFF; position:relative; z-index:3;} #baskettab a {color:#FFFFFF; text-decoration:none; font-weight:bold;} #baskettab a:hover {text-decoration:underline;} /**************************************/ /*************************************** Left Sidebar Styles ***************************************/ #leftsidebar {width:211px; float:left; position:relative; z-index:1;} #leftsidebar ul {padding-bottom:100px;} #leftsidebar li {border-bottom:dashed 2px #bff0f3; padding:2px 0 2px 0;} #leftsidebar a:hover {color:#ed96c1; text-decoration:none;} #leftsidebarhead {background: url(../images/header_products.png) no-repeat; width:211px; height:54px; position:relative; z-index:2;} #leftsidebarrepeat {width:191px; background: url(../images/bg_products_repeat.png) repeat-y; padding:25px 10px 0 10px; margin:-12px 0 0 0; position:relative; left:3px; z-index:1;} #leftsidebarbottom {width:207px; background: url(../images/bg_products_bottom.png) no-repeat; margin:0; padding:0 2px 0 2px; position:relative; left:3px; height:20px;} /**************************************/ /*************************************** Middle Section Styles ***************************************/ #middlesection {width:470px; margin:10px 25px 0 25px; float:left; position:relative; z-index:1;} #middlesection_nosidebar {width:687px; margin:10px 25px 0 25px; float:left; position:relative; z-index:1;} #middlesection ul, #middlesection_nosidebar ul {margin-top:5px;} #middlesection ul li, #middlesection_nosidebar ul li {background: url(../images/bullet.png) no-repeat left center; padding-left:20px; margin-bottom:8px;} .quickproducts {width:450px; text-align:center; margin:0 auto 0 auto;} .quickproducts_wide {width:680px; text-align:center; margin:0 auto 0 auto;} .quickproducts img.productimage, .quickproducts_wide img.productimage {border: 1px solid #DDDDDD; padding:1px;} .productdisplay {width:110px; margin-right:12px; margin-left:12px; float:left; margin-bottom:30px;} .productdesc {height:71px; overflow:hidden; margin-bottom:5px;} .productprice {margin-bottom:10px; font-size:1.2em;} /**************************************/ /*************************************** Right Sidebar Styles ***************************************/ #rightsidebar {width:205px; margin-top:10px; float:left; position:relative; z-index:1;} /* Blog Button*/ #blogbutton {background:url(../images/bg_blog.png) no-repeat; width:198px; height:84px; padding:45px 0 0 10px; margin-bottom:20px;} #blogbutton p {width:182px; margin:0; padding:0 10px 0 6px; text-align:center;} #blogbutton img {position:relative; top:2px; left:45px;} /* Sign Up Form */ /*#signupform {background: url(../images/bg_signup.png) no-repeat; width:198px; height:84px; padding:45px 0 0 10px; margin-bottom:20px;} #signupform p {width:182px; margin:0; padding:0 10px 0 6px;} #signupform input.search {border: dashed 2px #cacaca; font-size:1.1em; color:#6c6c6c;} #signupform input.button {position:relative; top:10px; right:9px;}*/ /* Recent Purchases and Slider */ #recentpurchases {background: url(../images/bg_recentpurchases.png) no-repeat; width:208px; height:257px; margin-bottom:20px;} #slidercontainerproduct {width:192px; position:relative; top:55px; padding-left:6px; padding-right:6px;} #sliderproduct {width:180px; overflow:hidden; position:relative; left:45px;} #sliderproduct ul {width:1000px;} #sliderproduct li {display:inline; margin-right:10px; margin-bottom:2px;} #productsliderbuttons {position:relative; top:-30px;} /* Latest News and Slider */ #latestnews {background: url(../images/bg_latestnews.png) no-repeat; width:186px; height:260px; padding:45px 10px 0 10px; margin-bottom:20px;} #latestnews h5 {color:#ffaa3f; font-size:1.2em; font-weight:normal; margin-bottom:-5px;} #latestnews p {text-align:left;} #latestnews a.readmore {color:#ffaa3f;} #latestnews a.readmore:hover {text-decoration:underline;} #slidercontainernews {width:187px;} #slidernews {width:160px; overflow:hidden;} #slidernews ul {width:1000px; margin-top:-5px;} #slidernews li {display:inline; margin-right:10px; margin-bottom:2px;} #newssliderbuttons {position:relative;} /* What People Say and Slider */ #whatpeoplesay {background: url(../images/bg_whatpeoplesay.png) no-repeat; width:206px; height:239px; padding:65px 10px 0 10px;} #whatpeoplesay h5 {color:#ed96c1; font-size:1.1em; font-weight:normal; width:130px; height:20px;} #whatpeoplesay p {text-align:left; margin-top:20px;} #whatpeoplesay a.readmore {color:#ed96c1;} #whatpeoplesay a.readmore:hover {text-decoration:underline;} #slidercontainerpeople {width:187px;} #sliderpeople {width:187px; overflow:hidden;} #sliderpeople ul {width:5000px; margin-top:-5px;} #sliderpeople li {float:left; width:187px; margin-right:10px; /*margin-bottom:2px;*/} #peoplesliderbuttons {position:relative;} /**************************************/ /*************************************** Product Styles ***************************************/ #individualproduct_top {background: url(../images/bg_individual_product_top.png) no-repeat; width:692px; height:20px;} #individualproduct_middle {background: url(../images/bg_individual_product_repeat.png) repeat-y; width:692px; padding-left:20px;} #individualproduct_bottom {background: url(../images/bg_individual_product_bottom.png) no-repeat; width:692px; height:20px;} #left_column {width:260px; height:100%; float:left;} #main_image {background: url(../images/bg_individual_product_image.png) no-repeat; height:338px; width:236px; padding:30px 0 0 7px; margin:0 0 20px 0;} #main_image img {} #main_image_container {width:225px; height:315px; border:1px solid #DDDDDD; padding:1px; overflow:hidden;} #small_images img {border:1px solid #DDDDDD; padding:1px;} #right_column {width:380px; float:left;} .price {font-size:2em; color:#ed96c1; margin-bottom:10px;} #productoptions {width:379px; float:left; margin-bottom:7px;} #productoptions select {width:103px; margin-bottom:7px;} #productoptions input.search {width:50px;} #productpersonalise {float:left; width:379px; margin-bottom:15px;} #productpersonalise input {width:236px; float:left; border:2px dashed #F6B4D3; color:#6C6C6C; font-size:1.4em; height:25px; margin-top:4px;} #productactions {width:680px; margin-left:-20px;} /**************************************/ /*************************************** Footer Styles ***************************************/ #footer {background: url(../images/bg_hills.png) repeat-x 50%; min-height:380px; position:relative; margin-top:-150px; z-index:0;} #footer a {} #subfooter {background-color:#99c62d; min-height:50px; padding-bottom:50px;} #footerinfo {background: url(../images/bg_footerinfo.png) no-repeat bottom; width:911px; height:248px; margin:0 auto 0 auto; padding:0 10px 0 10px; color:#496216;} #footerinfo a {color:#496216;} #footerinfo div {float:left;margin:0; padding:0; min-height:138px;} #fileft {width:290px; background: url(images/bullet.png) no-repeat 230px 60px;} #fimiddle {width:250px; background: url(images/bullet.png) no-repeat 200px 60px;} #firight {width:370px;} #footerinfo hr {height:1px; width:931px; border:0; margin:0 0 0 -10px;} #footerinfo hr.darker {color:#99c62d; background-color:#99c62d; margin-top:5px;} #footerinfo hr.lighter {color:#cee67a; background-color:#cee67a; margin-bottom:5px;} /**************************************/ /*************************************** Banner Styles ***************************************/ #banner_holiday {background: url(../images/banner_holiday.png) no-repeat; width:455px; height:133px;} #banner_holiday #banner_text_with_img {width:210px; height:70px; position:relative; top:50px; left:220px;} #banner_important_info {background:url(../images/banner_important_info.png) no-repeat; width:455px; height:133px;} #banner_important_info #banner_text_with_img {width:270px; height:70px; position:relative; top:40px; left:140px; font-weight:bold;} /**************************************/ /* GREET BOX STYLES */ #greet_block{width:610px;margin:auto;padding:10px;background:#FADCEB;border:2px dashed #ed96c1} .greet_image{width:48px;float:left;padding:10px;background:#fff;border:1px dashed #ed96c1;margin-right:15px;} .greet_image a{text-decoration:none;} .greet_text a{text-decoration:underline;} /* END GREET BOX STYLES */