﻿body  { margin: 0; padding: 0; background: #8bd526 url('bg_grad.jpg') repeat-x; font-family: Tahoma, Arial, Sans-Serif; } sub, sup { font-size: 0.8em; } #site  { width: 990px; margin: auto; overflow: hidden; background: #ffffff; } #brand_menu { text-align: center; margin: auto; } #main_menu { border-bottom: solid 1px #548d0b; border-top: solid 1px #548d0b; height: 24px; /*margin-bottom: 5px;*/ background: #548d0b url('grad_green.jpg') repeat-x; } #main_menu a  { display: block; float: left; height: 24px; padding-top: 3px; padding-left: 6px; padding-right: 8px; font-family: Tahoma, Arial, Sans-Serif; font-size: small; font-weight: bold; color: white; text-decoration: none; } #main_menu a:hover { background: url('grad_grey.jpg') repeat-x; } #main {position: relative; border-top: solid 1px white; padding-top: 5px;} #col1 {position: absolute; top: 5px; left: 5px;} #col2 {padding-left: 165px; padding-right: 200px;} #col3 {position: absolute; top: 5px; right: 5px;} #bybrand, #men, #women {width: 150px; padding-bottom: 5px;} #bybrand {border-top: solid 1px #af8a06; border-left: solid 1px #af8a06; border-right: solid 1px #af8a06; text-align: center;} #men     {border-top: solid 1px #1a5c8c; border-left: solid 1px #1a5c8c; border-right: solid 1px #1a5c8c; background: #dbe6fc;} #women   {border: solid 1px #a21598; background: #fcd6fd; margin-bottom: 5px;} #bybrand img {border: 0px none;} .menmenu a, .womenmenu a { font-size: small; font-family: verdanda, Arial, Sans-Serif; color: black; text-decoration: none; display: block; padding: 3px 3px 3px 30px; } .menmenu a:hover { background: #1666bb; color: #ffffff; } .womenmenu a:hover  { background: #ea33ee; color: #ffffff; } .brandheader, .menheader, .womenheader { color: White; height: 24px; overflow: hidden; text-align: left; margin-bottom: 5px; } .brandheader h1, .menheader h1, .womenheader h1 { color: white; font-family: Verdana, Arial, Sans-Serif; font-weight: bold; font-size: small;     margin: 0; padding: 5px 0 0 5px; } .brandheader a, .menheader a, .womenheader a { font-size: small; font-family: verdanda, Arial, Sans-Serif; color: white; text-decoration: none; display: block; padding: 0; } .brandheader a:hover, .menheader a:hover, .womenheader a:hover { text-decoration: underline; background: transparent; } .breadcrumb a, .breadcrumb { color: white; font-family: Verdana, Arial, Sans-Serif; font-weight: bold; font-size: x-small;     margin: 0; padding: 5px; } .breadcrumb  {background: #fad56d url('grad_blue.jpg'); border: solid 1px #1a5c8c; width: 565px; height: 14px;} /* height is 24px including padding*/ .brandheader {background: #fad56d url('grad_orange.jpg'); border-bottom: solid 1px #af8a06;} .menheader   {background: #fad56d url('grad_blue.jpg'); border-bottom: solid 1px #1a5c8c;} .womenheader {background: #fad56d url('grad_pink.jpg'); border-bottom: solid 1px #a21598;} #content {padding: 0; margin: 0; min-height: 670px;} /*.imageheading {margin: 10px 0 0 15px;}*/ #quicksearch {margin: 0; padding: 0;} #quicksearch img {position: relative; top: 2px;} #shoppingcart  { background: #3a80a1 url('cart_bg.jpg'); width: 190px; margin-top: 5px; } #shoppingcart a { color: white; font-size: x-small; font-weight: bold; } #cartdetails h1  { margin: 0; padding: 0; color: #ffffff; font-size: x-small; font-family: Verdana, Arial, Sans-Serif; } #cartdetails  { float: left; padding-top: 20px; width: 100px; color: #ffffff; font-size: x-small; font-family: Verdana, Arial, Sans-Serif; } #products { width: 615px; margin: 0; padding: 0; } .product { border: solid 1px #106229; width: 187px; float: left; margin: 0 10px 10px 0; padding: 0; } .productdetails { border: solid 1px #106229; width: 617px; float: left; margin: 0; padding: 0;    } .productdetails h2  { color: #106229; margin: 0; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-size: small; } .productdetailsheader  { background: #106229; color: White; font-family: Verdana, Arial, Sans-Serif; font-size: small; padding: 3px; } .productdetailsheader h1  { color: White; margin: 0; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-size: small; } .productheader a, .productdetailsheader a { text-decoration: none; } .productheader  { background: #106229; color: White; font-family: Verdana, Arial, Sans-Serif; font-size: small; padding: 3px; } .productheader h1  { color: White; margin: 0; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-size: x-small; } .productprice { font-size: x-small; } .productimage  { text-align: center; } .productdesc { font-family: Verdana, Arial, Sans-Serif; color: #666666; font-size: small; padding: 10px;   } .productdetailsimage, .productthumbimage  { text-align: center; } .productfooter  { border-top: solid 1px #106229; padding: 2px; background: #ececec; } .productfooter a  { /*position: relative; top: -5px;*/ font-size: x-small; font-family: verdana, Arial, Sans-Serif; color: #2f36aa; } .productfooter img  { /*position: relative; top: 3px;*/ } #footerlinks  { text-align: center; border-top: solid 1px #d3dce3; } #footerlinks, #footerlinks a {font-size: x-small; font-family: Arial, Sans-Serif;} #footerlinks a {color: #47760c; text-decoration: none;} #creditcards  { text-align: center; } .section_header { font-size: medium; color: #106229; margin-bottom: 5px; } .table th { color: white; background-color: #58961c;   } .main_head { color: black; background-color: white; font-weight: bold; } a.sect_menu { display: block; height: 21px; width: 145px; color: white; text-decoration: none; font-family: arial, sans-serif; background: url('grad_grey.jpg') repeat-x; padding-left: 5px; padding-top: 3px; font-size: small; font-weight: bold; border: solid 1px #000000; margin-bottom: 2px; } a:hover.sect_menu { background: url('grad_green.jpg') repeat-x;  } .home a { color: #27219c; text-decoration: none; font-weight: bold; } .home a:hover { color: maroon; } .extendedprice { font-weight: bold; font-size: 1.5em; } .rrp { font-weight: bold; font-size: 1.2em; } .save { font-weight: bold; font-size: 1.2em; color: red; } .left  {float: left;} .right {float: right;} .clear { clear: both; height: 0px; }