body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; background-color: #006699; color: #666666; } .black { color: #000000; } .grey { color: #666666; } .white { color: #ffffff; } #content a:hover { color: #49ADC5; } #footer { background-image: url('footgrad-blue.jpg'); background-repeat: repeat-x; height: 50px; /*padding-top: 20px;*/ margin-top: 30px; color: #FFFFFF; text-align: center; font-size: 80%; } #footer .content { padding-top: 20px; } #footer a { color: #FFFFFF; } #footer a:hover { color: #CF380B; } * { margin: 0px; padding: 0px; } #container { width: 968px; border: 1px solid #333333; background-color: #FFFFFF; margin-right: auto; margin-left: auto; margin-top: 30px; padding: 10px; margin-bottom: 60px; } #nav a:hover { color: #000000; } #banner { background-image: url('header.jpg'); background-repeat: no-repeat; background-position: top; height: 120px; width: 970px; margin-bottom: 5px; } #leftContent { float: left; width: 165px; margin-right: 15px; } #mainContent { float: left; width: 585px; } #rightContent { float: right; width: 185px; } #nav ul { display: inline; margin-top: 3px; } #nav { width: 700px; padding-top: 6px; text-align: left; padding-left: 10px; } #nav li { display: inline; margin-right: 5px; margin-left: 5px; } #nav li a { color: #FFFFFF; } #search { float: left; width: auto; height: 23px; padding: 0 11px 0 0 ; } #search .form { margin: 0; } #search .formfield { border: solid 1px #a6a9ab; background: #fff; width: 110px; font-size: 0.8em; color: #444; padding: 2px; margin-right: 2px; } #search .search-btn { margin-top: -3px; } #content { background-image: url('grey-grad.jpg'); background-repeat: repeat-x; background-position: top; padding-top: 20px; width: 970px; } .clear { clear: both; } #content  h1 { color: #006699; font-size: 150%; margin-bottom: 10px; border-bottom: none; } .itemBox { width: 132px; float: left; font-size: 90%; text-align: center; margin-right: 14px; } .marginRight { margin-right: 15px; } .red { color: #CC0000; } #mainContent a { color: #2E598E; } #mainContent p { font-size: 100%; line-height: 140%; margin-bottom: 5px; } .marginBottom { margin-bottom: 10px; } .marginBottomBig { margin-bottom: 25px; } .border { border: 1px solid #5DBDD3; } .marginRight { margin-right: 10px; } .trolHead { background-image: url('blue-grad.jpg'); background-repeat: repeat-x; background-position: top; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #006699; border-right-color: #006699; border-left-color: #006699; } .floatRight { float: right; } .floatleft { float: left; } .yelGrad { background-image: url('yel-grad.jpg'); background-repeat: repeat-x; } .yelGrad p { text-align: center; padding-top: 3px; padding-bottom: 3px; font-weight: bold; } .orangeGrad { background-image: url('orange-grad.jpg'); background-repeat: repeat-x; } .orangeGrad p { font-weight: bold; color: #FFFFFF; text-align: center; padding-top: 3px; padding-bottom: 3px; } .cartInner { border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #CCCCCC; border-left-color: #CCCCCC; height: 60px; padding: 10px; } .trolley { margin-bottom: 20px; } .trolley p { font-size: 90%; line-height: 170%; } .blue { color: #03738B; } .trolHead h2 { color: #FFFFFF; font-size: 110%; padding-top: 5px; padding-bottom: 5px; text-align: center; } .trolHead h3 { color: #FFFFFF; font-size: 100%; padding-top: 5px; padding-bottom: 5px; text-align: center; margin: 0; } #cat-nav ul { float:left; margin: 0; padding: 0; list-style: none; width: 160px; font-size: 90%; font-weight: bold; list-style-image: none; list-style-type: none; } #cat-nav li { margin: 0; width: 100%; list-style: none; } #cat-nav a { text-decoration: none; color: #2E598E; padding: 4px 0px 4px 5px; border-bottom: dotted 1px #d8d8d8; display: block; } #cat-nav a:hover { border-bottom: solid 1px #49ADC5; } .marginTop { margin-top: 15px; } .marginLeft { margin-left: 10px; } .productHolder { float: left; padding-bottom: 15px; margin-bottom: 25px; border-bottom: solid 1px #ccc; } .productContent { width: 390px; float: left; } .productBox { width: 180px; text-align: center; font-size: 90%; margin-left: 15px; float: right; } .productBox strong { font-size: 130%; color: #000000; } .paddingRight { padding-right: 15px; } h3 { margin-bottom: 5px; color: #43A9C2; } #mainContent  .productBox p { margin-bottom: 15px; } .small { font-size: 80%; } #mainContent h2 { margin-bottom: 10px; font-size: 130%; color: #0E7A94; } .prod-row { float: left; width: 580px; } .prod-row .product-item { float: left; padding: 0 18px 20px 0; width: 125px; text-align: center; font-size: 90%; font-weight: bold; } .prod-row .product-item img { width: 125px; margin-bottom: 5px; } hr { clear: both; margin: 10px 0; } ol { text-align: left; } ol li { list-style-type: decimal; list-style-position: inside; margin: 5px; } .left { float: left; } .right { float: right; } .fragment { margin-bottom: 5px; } .fragmentBlack { color: #000000; } .sitemap li { padding: 3px 0; }