body {  margin : 0;  font-size : 0.8em;  color : #444;  font-family : Arial, Helvetica, sans-serif;  background:  #333 ; }  H1 {  font-size : 1.5em;  margin-bottom : 10px;  margin-top : 25px;  color : #463E3F;  }  H2 {  font-size : 1.3em;  margin-bottom : 10px;  margin-top : 0;  color : #463E3F; } H3 {  font-size : 1.1em;  margin-bottom : 10px;  margin-top : 0;  color : #463E3F; } P {  margin-top : 2px;  margin-bottom : 8px;  }  #widthfix {	position: relative; width: 960px; margin-left: auto; margin-right: auto; }  /* Header Classes Start/////////////////////////*/ #header1 { position : absolute; width : 960px; left : 50%; margin-left : -480px; margin-top: 25px; height : 200px; border-right: 1px  dotted #463E3F; border-left: 1px  dotted #463E3F; border-top: 1px  dotted #463E3F; border-bottom: 1px  solid #333; background-image:url('header.jpg'); background-repeat:no-repeat; }  #header-right{ float:right; margin: 5px 2px  0 0; width : 200px; } #header-left{ float:left; width : 432px; } #header-middle{ float:left; width : 318px; } #basket { background-image:url('bg-basket.gif'); background-repeat:no-repeat; background-position:top right; float:left; width : 185px; border: 1px  dotted #663366; padding: 5px; font-size: 1.3em; color:#666; font-weight:bold; }  #basket-top { margin: 0 0 0 0 ;  width:180px; } div.basket-left { margin: 5px 0 0 0 ;  float:left; width:45px; font-size: 0.9em; text-align:right; } div.basket-right{ margin: 5px 0 0 0 ; float:right; font-size: 0.9em; width:145px; } #basket-button-left { margin: 10px 0 0 0 ;  float:left; width:92px; font-size: 0.7em; text-align:right; } #basket-button-right{ margin: 10px 0 0 0 ; float:right; font-size: 0.7em; width:90px; } #search { float:left; width : 185px; border: 1px  dotted #663366; margin: 8px 0 0 0; padding: 5px 5px 5px 5px; font-size: 1.2em; color:#666; font-weight:bold; }  #search input { width: 80px;       color: #102132;     border: 1px  solid #663366; }  #header2 { position : absolute; width : 960px; top : 226px; left : 50%; margin-left : -480px; font-size : 0.8em; text-align:center; color:#333; border-right: 1px  dotted #463E3F; border-left: 1px  dotted #463E3F; } #header2 a:link{ color:#333; text-decoration:none; font-weight:normal; } #header2 a:visited{ color:#333; text-decoration:none; font-weight:normal; } #header2 a:hover{ color:#333; text-decoration:none; font-weight:normal; } #header-top { position : absolute; width : 960px; left : 480px; margin-left : -480px; font-size : 0.9em; text-align:right; color:#ccc; height:30px; padding: 3px 0 0 0; background-color:#000000; } #header-top a:link{ color:#ccc; font-weight:normal; text-decoration:none; } #header-top a:visited{ color:#ccc; font-weight:normal; text-decoration:none; } #header-top a:hover{ color:#fff; text-decoration:underline; font-weight:normal; } #header3 {  position : absolute;  width : 960px;  top : 132px;  left : 50%;  margin-left : -480px;  height : 16px; background-color:#FFCC66; }  #underheader { position : absolute; width : 960px; top : 262px; left : 50%; margin-left : -480px; background-color : #fff; /*background: url('side_bar_menu.gif') repeat-y left;*/ border-right: 1px  dotted ##463E3F; border-left: 1px  dotted ##463E3F; }  /* Header Classes Finish/////////////////////////*/ /* Sidebar Classes Start/////////////////////////*/ #sidebar { float : left; width : 182px; border-right: 1px  dotted #463E3F; border-bottom: 1px  dotted #463E3F; padding: 0 0 5px 0; background-image: url('side_bar_menu.jpg'); background-repeat: no-repeat; }  #section-title{ padding: 15px 5px 10px 5px; font-size: 1.3em; color : #463E3F; font-weight:bold; }  div.best-sellers { width : 160px; margin: 0 0 10px 10px ; } div.best-sellers-title { font-weight:bold; margin: 15px 0 5px 0 ; } div.best-sellers-more-info{ margin: 0 0 5px 0 ; } div.best-sellers a:link{color: #663366;  text-decoration:underline;} div.best-sellers a:visited {color: #663366; text-decoration:underline;} div.best-sellers a:hover {color: #663366; text-decoration:none; } /* Sidebar Classes Finish////////////////////////*/ #inner { float : right; padding: 10px 10px 0 10px ; width : 757px; vertical-align : top; min-height : 370px; background-color: #fff; }  #inner-home { float : right; width : 960px; vertical-align : top; min-height : 350px; background-color: #ffffff; }  #inner-text { float : right; padding: 10px 20px 10px 20px ; width : 920px; vertical-align : top; min-height : 370px; background-color: #fff; }  /* Product Detail Classes Start////////////////////////*/ #product-detail-left { margin: 10px 0 0 0 ;  float:left; width:410px; background-color:#fff; } #product-detail-right{ margin: 10px 0 0 0 ;  float:right; width:335px; text-align:left; } tr.product-detail-mini td{ text-align:center; padding: 5px 0 0 0 ; } tr.product-detail-colour-name td{ text-align:center; padding: 5px 0 10px 0 ; } div.tabber{ width:410px; margin: 20px 0 20px 0; } div.related-products{ width:400px; margin: 20px 0 20px 0; padding: 5px; border: 1px  dotted #463E3F; background-color:#F7F7F7; } div.reviews{ width:400px; margin: 20px 0 20px 0; padding: 5px; border: 1px  dotted #463E3F; background-color:#fff; } #product-select-colour-left { margin: 23px 0 0 0 ;  float:left; width:125px; font-size: 0.9em; text-align:right; background-color:#fff; font-weight:bold; } #product-select-colour-right{ margin: 20px 0 0 0 ;  float:right; font-size: 0.9em; width:200px; background-color:#fff; } table.product-check-box  { margin: 10px 0 15px 0 ; font-size:0.9em; } table.product-check-box td  { vertical-align:top; padding: 3px 0 3px 0; } #product-quantity-left { margin: 20px 0 0 0 ;  float:left; width:135px; font-size: 0.9em; text-align:right; background-color:#fff; } #product-quantity-right{ margin: 15px 0 0 0 ;  float:right; font-size: 0.9em; width:190px; background-color:#fff; } #select-size{ font-size : 1.3em;  margin-bottom : 10px;  margin-top : 0;  color : #463E3F; font-weight:bold; } /* Product Detail Classes Finish////////////////////////*/ /* Text Classes Start////////////////////////*/ #text-left { margin: 10px 0 0 0 ;  float:left; width:450px; background-color:#fff; } #text-right{ margin: 10px 0 0 0 ;  float:right; width:450px; text-align:left; background-color:#fff; } #text-box-2-col-page { width : 100%; background-color : #fff; color : #333; font-size:0.9em; padding-top : 5px; text-align:justify; }  #text-box-home { margin: 0 20px 0 20px ; width : 920px; background-color : #fff; color : #333; font-size:0.9em; padding-top : 5px; text-align:justify; }  /***************BULLET LIST******************/ ul.bullet_points{ list-style-type: none; line-height: 1.7; padding: 0; margin: 8px 5px 15px 10px; font-size: 1.0em; } li.bullet_points{ font-size: 1.0em; background-image: url('bullet.gif'); background-repeat: no-repeat; background-position: 0 .2em; padding: 0 0 10px 22px; font-weight: bold; font-style:italic; } /***************BULLET LIST END******************/ /* Text Classes Finish////////////////////////*/ /* Home Classes Start////////////////////////*/ #home-box-middle-1 { margin:  4px 4px 4px 6px; padding: 4px 4px 2px 4px; border: 1px  dotted #463E3F; float:left; } #home-box-middle-2 { margin:  4px 4px 4px 4px; padding: 4px 4px 2px 4px; border: 1px  dotted #463E3F; float:left; } #home-box-middle-3 { margin:  4px 4px 4px 4px; padding: 4px 4px 2px 4px; border: 1px  dotted #463E3F; float:left; } #home-box-middle-4 { margin:  4px 4px 4px 4px; padding: 4px 4px 2px 4px; border: 1px  dotted #463E3F; float:left; } div.home-box-3up-1 { margin:  4px 4px 4px 6px; padding: 4px 4px 2px 4px; border: 1px  dotted  #463E3F; float:left; } div.home-box-3up-2 { margin:  4px 4px 4px 4px; padding: 4px 4px 2px 4px; border: 1px  dotted #463E3F; float:left; } div.home-box-3up-3 { margin:  4px 6px 4px 4px; padding: 4px 4px 2px 4px; border: 1px  dotted #463E3F; float:left; } div.ticker { height: 30px; width: 960px; } /* Home Classes Finish////////////////////////*/ /* Section Classes Start*/ #product-thumbs{ margin: 10px 0 25px  0 ; width : 757px; background-color:#fff; } table.product-thumbs{ margin: 10px 0 25px  0 ; } td.product-thumbs-header { font-weight:bold; padding:3px 0 3px 0; width: 160px; vertical-align:top; } td.product-thumbs-image{ font-weight:bold; padding:3px 0 3px 0; width: 160px; } td.product-thumbs-copy { width: 160px; font-size: 0.9em; text-align:left; } #product-thumbs a:link{color: #463E3F;  text-decoration:underline;} #product-thumbs a:visited {color: #463E3F; text-decoration:underline;} #product-thumbs a:hover {color: #463E3F; text-decoration:none; } /* Section Classes End*/ #breadcrumb { color : #333; font-size : 12px; height: 20px; }  #breadcrumb a:link{color: #333;  text-decoration:none;} #breadcrumb a:visited {color: #333; text-decoration:underline;} #breadcrumb a:hover {color: #000000; text-decoration:underline; } .clearing {  clear : both;  height : 0;  }  #footer { margin: 10px 0 0 0 ; width : 960px; min-height: 255px; text-align : center; background-color : #7A378B; color : #fff; font-size : 12px; padding-top : 5px; }  #footer a:link{color: #fff;  text-decoration:none;} #footer a:visited {color: #fff; text-decoration:none;} #footer a:hover {color: #99CC00; text-decoration:underline; } #footer #left-float {width: 360px; padding: 5px 0 0 5px ;text-align: left; float: left; color: #fff; background-color: #7A378B; font-weight:bold;} #footer ul {margin: 0 auto 0 auto; padding: 0 0 5px 0; list-style-type: none;  text-align: right; float: right;} #footer #foot-right {width: 175px;  padding: 0 10px 5px 0; list-style-type: none;  text-align: right; float: right; background-color: #7A378B; } #footer #foot-centre {width: 175px; padding: 0 0 5px 0; list-style-type: none;  text-align: right; float: right; background-color: #7A378B; border-right: 1px  dotted #fff; padding: 0 10px 0 0} #footer #foot-left {width: 175px; padding: 0 0 5px 0; list-style-type: none;  text-align: right; float: right; background-color: #7A378B; border-right: 1px  dotted #fff; padding: 0 10px 0 0} #footer ul li {font-size: 1em; color: #fff; padding: 5px 0 0 10px;} #footer ul li a:link{color: #fff;  text-decoration:none;} #footer ul li a:visited {color: #fff; text-decoration:none;} #footer ul li a:hover {color: #463E3F; text-decoration:underline; } #footer ul li a:focus {color: #fff; text-decoration:underline; } #footer ul li a:active  {color: #fff;  text-decoration:underline; } /* Navigation */ #nav { font-size: 1.1em; margin: 0 0 0 0; padding: 0; /*following background-color is colour of  left tab image background: #99CC00; */ background: #663366; list-style-type: none; width: 960px;     float: left; /* Contain floated list items */ } #nav li { margin: 0; padding: 0; float: left; color: #FFF; } #nav a { padding: 2px 4px 2px 4px; height:30px; float: left; width: 72px; color: #FFF; text-decoration: none; /* set the line height to atch the height of the images*/ /* line-height: 1.2;*/ text-align: center; border-right: 0 solid #FFF; background: url('tab.gif') no-repeat; /* Add the background image */ } #nav #nav_con a { border: none; color: #FFF; } #nav a:hover { /*following background-color is colour of middle tab image*/ background-color: #99CC00; background-position: -80px 0; color:#FFFFFF; } #body_hom #nav_hom a, #body_kit #nav_kit a{ /*following background-color is colour of far right tab image*/ background-color: #99CC00; background-position: -160px 0; color: #fff; font-weight: bold; } img.go { margin: 0 0 0 3px; vertical-align:top; } img.product-thumb { padding: 5px; border: 1px  dotted  #463E3F; } img.best-seller-thumb { padding: 5px; border: 1px  dotted  #663366; } img.ancillery-bullet { /*margin: 3px 0 0 0 ;*/ vertical-align:bottom; } table.product-thumbs { text-align:center; } tr.headings { font-weight:bold; } ul.mainnav { /*///////// I added the width in the line below to fix the IE/Firefox problem ////////////*/ list-style: none;  margin: 6px 0 0 0;  padding: 0 0 0 0;  font-family: arial, helvetica, sans-serif;  font-weight: normal; font-size:0.9em; text-align:left; } ul.mainnav li a:link, ul.mainnav li a:visited { display: block; text-decoration: none; /*///////// width should have the padding subtract ////////////*/ width: 179px; padding: 6px 0 6px 4px; color: #333; } ul.mainnav li { border-bottom:1px dotted #463E3F; border-left: 0px solid #999; margin:0 0 0 0; padding: 0 0 0 0;  } ul.mainnav li a:hover { width: 179px; padding: 6px 0 6px 4px; margin:0 0 0 0; color: #333; background-color:#E6E6E6; } /*************JQuery START******************/ .main_view { float: left; position: relative; } .window { height:199px;	width: 318px; overflow: hidden;  position: relative; margin:0px; padding:0px; } .home_window { height:376px;	width: 960px; overflow: hidden;  position: relative; margin:0 0 0 0; padding-bottom:0px; } .image_reel img { float: left;  border: 0; } .image_reel { position: absolute; top: 0; left: 0px; } .paging { position: absolute; bottom: 10px; left: 0px; width: 155px; height:20px; z-index: 100; /*--Assures the paging stays on the top layer--*/ text-align: left; line-height: 30px; background: url('page-bg.png') no-repeat; /*-- Note Transparent png is solid in IE6--*/ padding: 0 0 14px 15px; display: none; /*--Hidden by default, will be later shown with jQuery--*/ } .paging a { /*create the boxes surrounding the page nums*/ padding: 2px 5px; text-decoration: none; color: #fff; } .paging a.active { font-weight: bold; background: #FF9900; border: 1px solid #610000; -moz-border-radius: 3px;  -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .paging a:hover { font-weight: bold; } /***************JQuery END******************/