body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #3bd8ee; } #wrapper { margin: 0px; padding: 0px; height: auto; width: 100%; background: #5c4a3e; } #container { margin: 0px auto; padding: 0px; height: auto; width: 960px; } /* ------------------------------------ HEADER ---------------------------------*/ #header { height: 132px; width: 960px; margin: 0px; padding: 0px; position: relative; } #lefthead { margin: 0px; padding: 0px; float: left; height: 132px; width: 688px; } #logo { margin: 0px; padding: 0px; height: 78px; width: 688px; } /* --------------------------------------------- TOP NAVIGATION  -------------------------------------*/ #nav { margin: 0px; padding: 0px; padding-left: 39px; float: left; height: 54px; width: 649px; background: url('nav1.gif') no-repeat left top; } #nav ul { margin: 0px; padding: 0px; list-style-type: none; } #nav ul li{ padding: 0px; margin: 0px; float: left; display: inline; position:relative; z-index: 1000; } #nav ul li a{ padding: 0px; margin: 0px; display: inline-block; text-decoration: none; color: #9b9b9b; } #nav ul li .dropdown{ position:absolute; display: none; margin: 0px; padding: 5px 0px 10px 0px;; top:54px; left:0; height: auto; width: 247px; border-top: 4px solid #36d8ee; border-right: 1px solid #d3cfcb; border-left: 1px solid #d3cfcb; border-bottom: 1px solid #d3cfcb; background: #FFFFFF; z-index: 1001; } #nav ul li:hover .dropdown { display: inline; } #nav .dropdown ul li a { width: 237px; margin: 0px; padding-left: 10px; padding-right: 0px; padding-top: 5px; display: inline-block; text-decoration: none; color: #84756b; display: block; height: 21px; } #nav .dropdown ul li a:hover { background: url('drop-hover_over.gif') no-repeat top left; display: inline-block; text-decoration: none; color: #474c45; display: block; } /*----------------------------------------- SHOPPING CART --------------------------------------*/ #cart { margin: 0px; padding: 0px; height: 132px; width: 272px; float: right; background: url('nav_end.gif') no-repeat right bottom; } #cartheader { background: url('cart_summary.jpg') no-repeat left top; margin: 0px; padding: 0px; height: 78px; width: 204px; } #cartheader p { margin: 0px; padding: 0px; padding-left: 100px; padding-top: 38px; font-size: 12px; color: #5c4a3e; font-weight: bold; } /* End Header */ /*---------------------------------------------- CONTENT ---------------------------------------------*/ #contentcontainer { margin: 0px; padding: 22px 0px 20px 15px; height: auto; width: 945px; background: #FFFFFF; clear:both; } #content { margin: 0px; padding: 0px 0px 0px 15px; float: right; height: auto; width: 659px; } #contentheader { margin: 0px; padding: 75px 295px 0px 25px; height: 229px; width: 341px; background: url('welcome_top.jpg') no-repeat left top; } #contentheader p { color: #5c4a3e; font-size: 12px; text-decoration: none; padding: 10px 0px 0px; margin: 0px; } #maincontent { margin: 0px; padding: 0px; height: auto; width: 647px; background: url('main_bckgrd.gif') repeat-y; } #maincontent p { margin: 0px; padding: 0px; } .proddesc, .proddesc2{ margin: 0px; height: auto; width: 567px; padding-top: 25px; padding-right: 55px; padding-bottom: 10px; padding-left: 25px; } .proddesc img{ float: left; margin-right: 15px; margin-bottom: 20px; } .proddesc2 img{ float: right; margin-left: 15px; margin-bottom: 20px; } .proddesc h2, .proddesc2 h2{ margin: 0px; padding: 0px; } .proddesc h2 a, .proddesc2 h2 a  { margin: 0px; padding: 0px; font-size: 18px; color: #3bd8ee; font-weight: bold; text-decoration: none; } .homesecttext{ color: #f8f9e1; padding-top: 8px; font-size: 12px; } .proddesc h2 a:hover, .proddesc2 h2 a:hover { text-decoration: underline; } .proddesc h3 { margin: 0px; padding: 10px 0px 5px; font-size: 14px; font-weight: bold; color: #f8f9e1; } .proddesc p, .proddesc2 p{ font-size: 12px; font-weight: normal; color: #f8f9e1; margin: 0px; padding: 10px 0px 15px; } .prodescbot { border-bottom: 1px dotted #f8f9e1; margin: 0px; padding: 5px 0px 10px; clear:both; } #maincontentbot { margin: 0px; padding: 0px; width: 638px; background: url('main_bot1.gif') no-repeat left top; height: 19px; } /*  --------------------------------- SIDEBAR -------------------*/ #sidebar { margin: 0px; padding: 0px; float: left; height: auto; width: 271px; } #sidebar .products { background: url('gazebo_top.gif') no-repeat left top; margin: 0px; padding: 70px 0px 0px; height: auto; width: 264px; } #sidebar .productsmid { margin: 0px 0px 0px 1px; padding: 0px; height: auto;  width: 261px; background: url('sidebarmid2.gif') no-repeat top left #fbfbfa; border-right: 1px solid #aba29c; border-left: 1px solid #aba29c; } #sidebar .productsmid ul { margin: 0px; padding: 0px; list-style-type: none; } #sidebar .productsmid ul li { padding: 10px 0px 0px 0px; margin: 0px; height: 25px; } #sidebar .productsmid ul li a { color: #84756b; text-decoration: none; width: 249px; line-height: 27px; padding: 0px 0px 0px 12px; display: block;	 } #sidebar .productsmid ul li a:hover { background: url('sidebarhover1.gif') no-repeat; color: #474c45; } #sidebar .productsbot { margin: 0px; padding: 0px; height: 23px; width: 264px; background: url('sidebar_bot.gif') no-repeat left top; } #sidebar .gallery { background: url('home_of_graphic.jpg') no-repeat left top; margin: 15px 0px 0px; padding: 105px 0px 0px 35px; height: 204px; width: 226px; } #gazebonews { background: url('gazebo_new.gif') no-repeat left top; height: 183px; width: 264px; margin: 0px; padding: 0px; overflow: hidden; } #gazebonews ul { margin: 0px; padding: 50px 0px 0px 2px; list-style-type: none; } #gazebonews  ul li { padding: 10px 0px 0px 0px; margin: 0px; height: 20px; } #gazebonews ul li a { color: #84756b; text-decoration: none; width: 255px; height: 27px; padding-left: 12px; display: block; } #gazebonews ul li a:hover { background: url('sidebarhover1.gif') no-repeat; color: #474c45; } /* --------------------------- FOOTER ---------------------------------*/ #bottomfooter { margin: 0px auto; padding: 0px; height: 21px; width: 100%; background: url('wrapper_rpt.gif') repeat-x; } #contactfooter { background: url('bottom_footer.gif') no-repeat left top; margin: 0px auto; padding: 27px 0px 0px 245px; height: 68px; width: 715px; } #footer { margin: 0px auto; padding: 0px; height: auto; width: 960px; } #footer .botnav { margin: 0px; float: left; height: auto; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; } #footer .botnav ul { list-style-type: none; margin: 0px; padding: 0px; } #footer ul li { padding: 0px 0px 10px 5px; margin: 0px; float: left; display: inline; color: #296060; } #footer ul li a { text-decoration: none; color: #296060; text-transform: uppercase; font-size: 10px; } #footer ul li a:hover { text-decoration: underline; } #footer .login { margin: 0px; padding: 10px 0px 0px; float: right; height: auto; width: 500px; font-size: 10px; color: #296060; } #footer .login a { color: #296060; text-decoration: none; } #footer .login a:hover { text-decoration: underline; } /*------------------------------------PRODUCTS PAGE --------------------------------*/ #prodcontent { background: url('prod_bckgrd_rpt.gif') repeat-y; margin: 0px 0px 0px 15px;	 padding: 0px; float: left; height: auto; width: 638px; } #productheader { margin: 0px; padding: 0px; height: auto; width: 638px; background: url('prodmain_top.gif') no-repeat left top; } .breadcrumbs { margin: 0px; padding: 15px 0px 0px 70px; } .breadcrumbs a { font-size: 10px; color: #b6aa9c; text-decoration: none; } .breadcrumbs a.currentbread   { font-size: 10px; color: #FFFFFF; text-decoration: underline; } #productheader h2 { font-size: 24px; color: #3bd8ee; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 25px; } #prodbot { background: url('prod_bot.gif') no-repeat left top; margin: 0px; padding: 0px; height: 28px; width: 638px; } #productheader .proddesc h2  { margin: 0px; padding: 0px; } /* -------------------------------------- Main Product Page ----------------------------------------*/ #mainprodcontent { background: url('main_prod_rpt.gif') repeat-y; margin: 0px 0px 0px 15px;	 padding: 0px; float: right; height: auto; width: 659px; } #mainproductheader { margin: 0px; padding: 0px; height: auto !important; min-height: 286px; height: 286px; width: 638px; background: url('product_main.gif') no-repeat left top; } #mainproductheader h2 { font-size: 24px; color: #3bd8ee; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 25px; } #prodholderarea h3 { font-size: 18px; font-weight: bold; color: #49372b; margin: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 25px; } #prodholderarea #price { margin: 0px; font-size: 12px; color: #49372b; padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 25px; } #prodholderarea .price { font-size: 18px; font-weight: bold; color: #49372b; } #prodholderarea .plus20 { font-size: 14px; font-weight: normal; } #colours { margin: 0px; padding: 0px 0px 0px 25px; } #colours .colours { margin: 0px; padding: 0px 5px; } #colourradio { margin: 0px; padding: 0px 0px 0px 30px; } #colourradio p { margin: 0px; padding: 0px; } #buynow { margin: 0px; padding: 0px; float: right; margin-top: 8px; margin-bottom: 8px; } #mainprodinfo { margin: 0px; padding: 0px; float: left; height: auto; width: 295px; padding-top: 10px; } #mainprodinfo h3{ margin: 0px; padding: 0px; } #prodholderarea p { text-align: justify; margin: 0px; padding: 0px 0px 0px 25px; } .mainprodimg { margin: 0px; padding: 0px; float: right; width: 320px; height: auto; } .enlarged_image { margin: 0px; padding: 0px; } #thumbnail { width: 304px; background-image: url('extrathumbs_bkg.gif'); background-repeat: repeat-x; background-position: left top; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ABA29C; border-right-color: #ABA29C; border-bottom-color: #ABA29C; border-left-color: #ABA29C; background-color: #E1DDD1; padding: 0; padding-top: 5px; padding-bottom: 5px; position: relative; margin-top: 40px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #thumbnail #thumnailtab { position: absolute; z-index: 6; left: -1px; top: -36px; } #enlargebutt { position: absolute; top: -37px; right: 0px; } #thumbnail .thumbnail { margin: 0px; padding: 3px; } #productspectop { background: url('productspecs_top.gif') no-repeat left top; margin: 0px; padding: 70px 0px 0px; min-height:61px; height:auto !important; height:61px; width: 600px; margin-top: 10px; } #productspecbot { margin: 0px; padding: 0px; height: 23px; width: 600px; background: url('productspec_bot.gif') no-repeat left top; } #productspec { margin: 0px 0px 0px 15px; padding: 0px; background: url('productspec_mid.gif') repeat-y; height: auto; } #productspec h3{ margin: 0px; padding: 0px; font-size: 14px; font-weight: bold; border-bottom: 1px dotted #333333; padding-left: 15px; padding-right: 15px; width: 550px; margin-left: auto; margin-right: auto; } #productspectop .leftspec { margin: 0px; padding: 0px; height: auto; } #productspectop .rightspec { margin: 0px; padding: 0px; float: right; height: auto; width: 310px; } #productspectop  li { font-size: 14px; font-weight: bold; color: #49372b; } .viewbut { margin: 0px; padding: 0px; float: right; height: 41px; width: 69px; } #mainprodcontbot { background: url('main_prod_bot.gif') no-repeat left top; margin:  20px 0px 0px; padding:0px; height: 5px; width: 638px; } /*-----------------------------------------NEWS PAGE -----------------------------------------*/ #newsheader { background: url('newsheader.gif') no-repeat left top; margin: 0px; padding: 104px 0px 0px 0px; height: auto; width: 638px; } #newsheader .post .posthead { margin: 0px; padding: 0px; background: url('newsblogheader.gif') no-repeat top left; width: 638px; height:auto; } .postheadrpt { background: url('newsheadrpt.gif') repeat-y; margin: 0px; padding: 0px; height: auto; width: 638px; } #newsheader .post h2 { padding: 20px 40px 0px; margin: 0px; } #newsheader .post h2 a{ font-size: 18px; font-weight: bold; color: #49372b; margin: 0px; padding:  0px; text-decoration: none; } #newsheader .post h2 a:hover { color: #3bd8ee; } #newsheader .post .date { font-size: 10px; font-weight: normal; margin: 10px 0px 0px; padding: 0px 0px 10px 40px; color: #49372b; } #newsheader .post .date a { color: #49372b; text-decoration: none; } #newsheader .post .date a:hover { text-decoration: underline; } .postheadbot { background: url('newsheaderbot.gif') no-repeat left top; margin: 0px; padding: 0px; height: 32px; width: 638px; } #newsheader .entry { margin: 0px; padding: 10px 20px 30px 40px; height: auto; width: 578px; background: url('newrpt.gif') repeat-y; } .readmore { margin: 0px 20px 0px 0px; padding: 0px; float: right; } .readmore a { font-size: 12px; text-decoration: none; color: #49372b; font-weight: bolder; } .newsbot { background: url('news_cont_bot.gif') no-repeat left top; margin: 0px; padding: 0px; height: 32px; width: 638px; } .readmore a:hover { text-decoration: underline; } #newsheader .entry p { margin: 0px; padding: 0px; font-size: 12px; color: #49372b; text-align: justify; } /*generic styles*/ .clear { clear: both; } .alignleft { margin: 0px; padding: 0px 20px 20px 0px; float: left; } .alignright { margin: 0px; padding: 0px 0px 20px 20px; float: right; } #prodholderarea { margin: 0px; padding: 0px; width: 628px; margin-left: auto; margin-right: auto; background-image: url('mainprodbkg.gif'); background-repeat: no-repeat; background-position: left top; background-color: #f8f8e1; } .colorselector{ width: 18px; padding: 2px; float: left; margin-right: 2px; } .colorbox{ width: 18px; height: 18px; margin: 0px; margin-bottom: 4px; } .colorbox_input{ width: 18px; text-align: center; } #proddesc{ font-size: 12px; padding-left: 25px; line-height: 15px; } .topinfo{ min-height:160px; height:auto !important; height:160px; } #Gall{ -webkit-transform: rotate(-5deg) scale(1, 1); -moz-transform: rotate(-5deg) scale(1, 1); transform: rotate(-5deg) scale(1, 1); }