﻿body { background-color: #eeeeee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; }
input, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
strong { color: #123a8d; }

div#content { background-color: #ffffff; margin-left: auto; margin-right: auto; width: 963px; position: relative; }
div#logoTab { float: left; width: 217px; height: 61px; }

div#spacerTab { background-image: url('../Images/Spacer.gif'); height: 61px; margin-left: 217px; }
div#spacerTab div { background-image: url('../Images/SpacerLeft.gif'); background-repeat: no-repeat; height: 21px; padding: 20px; }
div#spacerTab a { color: #000000; text-decoration: none; }
div#spacerTab a:hover { text-decoration: underline }

div#cartTab { position: absolute; right: 0px; top: 0px; height: 61px; width: 200px; background-image: url('../Images/CartTab.gif'); }
div#cartTab div { background-image: url('../Images/CartTabLeft.gif'); background-repeat: no-repeat; height: 61px; }
div#cartTab div div { background-image: url('../Images/CartTabRight.gif'); background-repeat: no-repeat;
	background-position: top right; padding: 20px 5px 0px 15px; height: 31px; }
div#cartTab div a, div#cartTab div span { float: left; }
div#cartTab div a.trolley { padding: 0px 15px 0px 15px; }

div#body { padding: 0px 10px 10px 10px; }
div#leftBox { float: left; width: 200px; }
div#mainBox { width: 730px; margin-left: 210px; }
div#centerBox { width: 520px; }
div#rightBox { float: right; width: 200px; }

div#navbar { height: 49px; margin-bottom: 10px; }
div#navbar ul { list-style-type: none; padding-left: 0px; margin: 0px; }
div#navbar ul li { display: block; float: left; background-image: url('../Images/NavigationButton.gif'); background-repeat: no-repeat;
	width: 146px; height: 32px; font-weight: bold; font-size: 12px; text-align: center; padding-top: 17px; }
div#navbar ul li a { color: #ffffff; text-decoration: none; }
div#navbar ul li a:hover { color: #ffff99; text-decoration: none; }
	
div#footer { background-image: url(../Images/Footer.gif); height: 27px; clear: both; }
div#footer div { background-image: url(../Images/FooterLeft.gif); background-repeat: no-repeat; height: 27px; }
div#footer div div { background-image: url(../Images/FooterRight.gif); background-repeat: no-repeat; background-position: top right; height: 27px; }
div#footer p { color: #ffffff; padding: 5px 5px 5px 10px; height: 17px; }
div#footer a { color: #ffffff; }
div#footer a:hover { color: #ffff99; }
	
div.sideBox { margin: 0px 0px 10px 0px; }
div.sideBox div.boxHeader { background-image: url('../Images/BoxHeader.gif'); height: 26px; width: 200px; }
div.sideBox div.boxHeader div { background-image: url('../Images/BoxTopLeft.gif'); background-repeat: no-repeat; }
div.sideBox div.boxHeader div div { background-image: url('../Images/BoxTopRight.gif'); background-repeat: no-repeat;
	background-position: top right; padding: 6px 6px 6px 10px; font-weight: bold; color: #ffffff; text-transform: uppercase; }
div.sideBox div.boxContent { border-left: solid 1px #999999; border-right: solid 1px #999999; border-bottom: solid 1px #999999;
	background-color: #e3ebf4; padding: 10px 10px 0px 10px; }
div.sideBox div.boxContent a { color: #000000; }
div.sideBox div.boxContent a:hover { color: #666666; }
div.sideBox div.boxContent p { margin-top: 0px; margin-bottom: 10px; padding-bottom: 0px; }
div.sideBox div.boxContent input.goButton { background-image: url('../Images/SideBoxButton.gif'); text-transform: uppercase;
	background-color: #e3ebf4; width: 29px; height: 24px; border: none; font-weight: bolder; color: #ffffff; font-size: 11px; }

div.listBox ul { margin: 0px 0px 10px 25px; padding-left: 0px; margin-top: 0px; list-style-image: url('../Images/Arrow.gif'); }
div.listBox ul a { text-decoration: none; color: #123a8d !important; font-weight: bold; }
div.listBox ul a:hover { text-decoration: none; color: #666666 !important; }
div.listBox ul ul { list-style-type: none; list-style-image: none; margin-left: 0px; margin-right: 10px; }
div.listBox ul ul a { color: #000000 !important; font-weight: normal; }

div.contentBox { margin: 0px 0px 10px 0px; padding-bottom: 0px; }
div.contentBox div.boxHeader { background-image: url('../Images/ContentBoxHeader.gif'); height: 26px; }
div.contentBox div.boxHeader div { background-image: url('../Images/ContentBoxTopLeft.gif'); background-repeat: no-repeat; }
div.contentBox div.boxHeader div div { background-image: url('../Images/ContentBoxTopRight.gif'); background-repeat: no-repeat;
	background-position: top right; padding: 6px 6px 6px 10px; font-weight: bold; color: #ffffff; text-transform: uppercase; height: 16px; }
div.contentBox div.boxContent { border-left: solid 1px #ff6600; border-right: solid 1px #ff6600; border-bottom: solid 1px #ff6600;
	padding: 10px; }
div.contentBox div.boxContent a { color: #ff0000; }
div.contentBox div.boxContent a:hover { color: #666666; }
	
div.separator { margin:10px 0px 10px 0px; height: 1px; border-bottom: dotted 1px #999999; }