/*
 * ------------- Elements -------------
 */

	* {
		margin: 0;
		padding: 0;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	ul, ol {
		margin: 15px 0 15px 0;
	}
	ul li {
		margin: 0 0 6px 20px;
		list-style-image: url(../images/bullet.gif);
	}
	ol li {
		margin: 0 0 6px 30px;
	}
	h1 {
		font-size: 18px;
		margin: 5px 0 15px 0;
	}
	h2 {
		font-weight: normal;
	}
	h3 {
		font-size: 16px;
		margin: 8px 0 4px 0;
	}
	h4 {
		font-size: 14px;
		margin: 8px 0 4px 0;
	}
	h5 {
		font-size: 12px;
	}
	h6 {
		font-weight: normal;
	}
	p {
		text-align: left;
		margin-top: 5px;
		margin-bottom: 15px;
		line-height: 140%;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	th {
		font-size: 11px;
		font-weight: bold;
		vertical-align: top;
	}
	th a 
	{
		font-weight: normal;
	}
	form {margin: 3px 0 0 0;}
	select option {
		padding-right: 5px;
	}
	input:focus {background-color: #eeeeee;}
	fieldset 
	{
		text-align: left;
	}
	dl {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 20px;
	}
	dt {
		font-weight: bold;
		color: #999;
		margin-top: 15px;
		margin-bottom: 5px;
	}
	sub, sup {font-size: 9px;}
	small {
		font-size: 11px;
	}
	a img {
		border: 0;
	}
	hr {
		height: 1px;
		color: #ccc;
		background-color: #ccc;
		border: 0;
	}
	input.button {
		padding: 2px;
	}
	input[type=submit] {
		padding: 3px;
	}
	input[type=button] {
		padding: 3px;
	}
	
/*
 * ------------- Layout -------------
 */

	body {
		background-color: #eee;
	}

	#wrapper {
		max-width: 990px;
		margin: 0 auto;
		background-color: #fff;
	}

	* html #wrapper {
		width: expression(document.body.clientWidth > 990? "990px": "auto" );
	}

	/* Menubar */
	#menuBar {
		height: 33px;
	}
	#menuBar ul {
		margin: 0;
		float: right;
	}
	#menuBar li {
		float: left;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-left: 2px;
		background: #e4e4e4 url(../images/tab_left.gif) no-repeat scroll top left;
	}
	#menuBar li a {
		font-size: 14px;
		color: #000;
		text-decoration: none;
		display: block;
		background: transparent url(../images/tab_right.gif) no-repeat scroll top right;
		height: 17px;
		padding: 8px;
	}
	* html #menuBar li a {
		float: left;			/* For some reason we need to float the a as well in IE6... */
	}
	#menuBar li.dropDownMenu {
		position: relative;
	}
	#menuBar li.dropDownMenu a {
		background-image: url(../images/tab_dropdown.gif);
		padding-right: 20px;
	}
	#menuBar li.dropDownMenu div {
		position: absolute;
		left: 0;
		width: 400px; 
		overflow: auto;
		border: 1px solid #333;
	}
	* html #menuBar li.dropDownMenu div {
		top: 33px;				/* ...but that means that we need to set the top to the height of the menu bar. */
	}
	#menuBar li.dropDownMenu ul {
		float: none;
	}
	#menuBar li.dropDownMenu ul li {
		float: none;
		background-image: none;
		margin: 0;
		background-color: #fff;		/* IE fix where we see the li background color under the last a. */
	}
	#menuBar li.dropDownMenu ul li a {
		font-size: 12px;
		padding: 3px 8px;
		outline: none;
		background: none;
		color: #000;
		height: auto;
		float: none;
		background-color: #fff;
	}
	#menuBar li.dropDownMenu ul li a:hover {
		color: #fff;
	}

	#menuBar #brandsMenu div {
		background-color: #fff;
	}
	#menuBar #brandsMenu ul {
		float: left;
		width: 50%;
	}

	/* Search bar */
	#searchBar {
		clear: both;
		background-color: #003399;
		padding: 7px;
	}
	#searchBar form {
		margin: 0;
	}
	#searchBar #query {
		border: none;
		padding: 2px;
	}

	/* Title bar */
	#titleBar {
		background-color: #e4e4e4;
		margin-top: 2px;
		padding: 8px;
	}
	#titleBar h1 {
		margin: 0;
	}

	/* Contact bar */
	#contactBar {
		padding: 20px 15px 0 10px;
	}
	#contactBarText {
		text-align: right;
		color: #666;
		font-size: 16px;
	}
	#contactBarText em {
		color: #ee0000;
		font-style: normal;
		font-size: 16px;
	}

	/* Breadcrumbs */
	#breadcrumbs {
		margin: 0;
		height: 25px;
		margin-top: 5px;
	}
	#breadcrumbs li {
		float: left;
		list-style-image: none;
		list-style-type: none;
		margin: 0 10px 0 0;
		background-image: url(../images/indent_arrow.gif);
		background-position: center right;
		background-repeat: no-repeat;
		padding-right: 15px;
	}
	#breadcrumbs li.current {
		background-image: none;
		padding-right: 0;
		margin-right: 0;
	}
	#breadcrumbs li a {
		font-size: 16px;
		
	}
	#breadcrumbs li h1 {
		margin: 0;
		font-size: 16px;
	}

	/* Content pane */
	#content {
		padding: 10px;
	}
	#content table {
		margin: 0 auto 0 0;
	}
	#content caption {
		margin: 0 auto 0 auto;
	}
	#content table td, #content table th {
		padding: 5px;
		vertical-align: top;
	}
	#content td, #content th, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content ul, #content ol {
		text-align: left;
	}

	/* Footer */
	#footer {
		clear: both;
		padding: 35px 15px;
	}
	#footer p {
		font-size: 11px;
		text-align: center;
	}
	#footer #ssl {
		float: right;
	}

	/* Admin link. */
	#admin-link {
		position: fixed;
		top: 0;
		left: 0;
		padding: 5px;
	}

/*
 * ------------- Dotted lines -------------
 */

	div.dottedLine {
		height: 1px;
		margin: 6px 0 6px 0;
		background-image: url(../images/dottedline.gif);
		background-repeat: repeat-x;
	}
	td.dottedLine {
		height: 13px;
		background-image: url(../images/dot.gif);
		background-repeat: repeat-x;
	}
	td.verticalDottedLine {
		width: 11px;
		background-image: url(../images/vdot.gif);
		background-repeat: repeat-y;
	}

/*
 * ------------- Message boxes -------------
 */

	#content div.infoBox {
		width: 500px;
		border: solid 1px #cccccc;
		margin: 15px auto 30px auto;
		padding: 4px 10px 0px 10px;
		background-image: url('../images/info_bg.gif');
		background-repeat: no-repeat;
	}
	#content div.errorBox {
		width: 500px;
		border: solid 1px #ff0000;
		margin: 15px auto 30px auto;
		padding: 4px 10px 0px 10px;
		background-image: url('../images/error_bg.gif');
		background-repeat: no-repeat;
	}
	#content div.infoBox h4, div.warningBox h4, #content div.errorBox h4,
		#content div.infoBox p, #content div.warningBox p, #content div.errorBox p,
		#content div.infoBox ul, #content div.warningBox ul, #content div.errorBox ul {
		margin-left: 35px;
	}

	#content div.info {
		background-color: #f5f5f5;
		border: dotted 1px #ccc;
		margin: 30px auto;
		padding: 4px 10px 0px 48px;
		background-image: url(../images/info_bg.gif);
		background-repeat: no-repeat;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	#content div.warning {
		background-color: #ffffcc;
		border: dotted 1px #ccc;
		margin: 30px auto;
		padding: 4px 10px 0px 48px;
		background-image: url(../images/warning_bg.gif);
		background-repeat: no-repeat;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	#content div.error {
		background-color: #fff5f5;
		border: solid 2px #cc0000;
		margin: 30px auto;
		padding: 4px 10px 0px 48px;
		background-image: url(../images/error_bg.gif);
		background-repeat: no-repeat;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

/*
 * Featured products.
 */

	#featuredProducts {
		clear: both;
		margin-top: 30px;
		text-align: left;
	}
	#featuredProducts strong {
		color: #666;
		font-size: 16px;
		padding-right: 30px;
	}
	#featuredProducts small {
		color: #666;
		font-size: 11px;
	}
	#content #featuredProducts table
	{
		margin-top: 10px;
	}
	#content #featuredProducts td 
	{
		width: 25%;
		padding: 10px 5px;
		vertical-align: top;
		border-left: solid 1px #ccc;
	}
	#content #featuredProducts td.first {
		border-left: none;
	}
	#featuredProducts div.image {
		float: left;
		width: 64px;
		height: 64px;
	}
	#featuredProducts div.image img 
	{
		width: 64px;
		height: 64px;
	}
	#featuredProducts div.details {
		margin-left: 70px;
	}
	#featuredProducts div.description {
		margin-top: 7px;
		font-size: 11px;
	}
	#featuredProducts div.price {
		margin-top: 7px;
		color: #f00;
	}

/*
 * Standard tables and boxes for custom HTML.
 */

	#content table.simple {
		margin: 10px 0;
		width: 100%;
	}
	#content table.simple thead th {
		background-color: #ddd;
		font-size: 13px;
	}
	table.simple tr.alternate {
		background-color: #f5f5f5;
	}
	
	div.box-low {
		float: right;
		clear: right;
		width: 200px;
		margin: 5px 0 5px 10px;
		border-top: solid 1px #999;
		border-bottom: solid 1px #999;
		padding: 10px;
	}
	div.box-low p {
		font-size: 14px;
		color: #000;
	}
	div.box-medium {
		float: right;
		clear: right;
		width: 200px;
		margin: 5px 0 5px 10px;
		background-color: #eee;
		padding: 10px;
	}
	div.box-high {
		float: right;
		clear: right;
		width: 200px;
		margin: 5px 0 5px 10px;
		background-color: #cbd6ea;
		padding: 10px;
	}
	div.box-low h4, div.box-medium h4, div.box-high h4
	{
		margin-top: 0 !important;
	}

/*
 * ------------- Deprecated -------------
 */

	.verdana11 {font-size: 11px;}
	.verdana11_bold {font-size: 11px; font-weight: bold;}