/* CSS Document */
/*General Style Info - override them below*/
body
{
	background-color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:link
{
    color: #006d9a;
    text-decoration: none
}
a:visited
{
    color: #004080;
    text-decoration: none
}
a:hover
{
    color: #004080;
    text-decoration: underline
}
a:active
{
	color: #004080;
	text-decoration: underline
}

input
{
	margin: 0;
}

form
{
	padding: 0px;
	margin: 0px;
}

img
{
	border: 0px;
}

H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    background-color: #F0F8FF;
	font-weight: 700;
	margin: 5px 0px;
}
H2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
p
{
	margin-top: 5px;
	margin-bottom: 5px;
}
/*General Layout*/
div.mainFrame
{
	margin: 0px auto;
	padding: 0;
	background-color: #FFFFFF;
	width: 991px;
	text-align: left;
	max-width: 991px;
	min-width: 991px;
}
div.container
{
	float: left;
	display: inline;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 5px;
	width: 981px;
}
div.header
{
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	width: 981px;
	float: left;
	display: inline;
}
div.headerImage
{
	float: left;
	display: inline;
	width: 232px;
	height: 80px;
	background-image: url(../images/layout/logo.jpg);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}
div.headerContainer
{
	float: left;
	display: inline;
	height: 80px;
	width: 971px;
	margin: 0 5px;
}
div.headerInnerContainer
{
	float: left;
	display: inline;
	width: 738px;
}
div.headerText
{
	float: left;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	width: 738px;
}
div.headerText div
{
	float: left;
	display: inline;
	padding: 5px;
}
div.menuContainer
{
	float: left;
	display: inline;
	height: 26px;
	overflow: hidden;
	width: 738px;
}
ul.topMenu
{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width:738px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
}
ul.topMenu li
{
	float: left;
	display: inline;
}
ul.topMenu li a
{
	background-image: url(../images/layout/topMenu.png);
	background-repeat: no-repeat;
	float: left;
	display: inline;
	height: 0;
	overflow: hidden;
	padding-top: 26px;
}
li.home a
{
	background-position: 0 0;
	width: 60px;
}
li.home a:hover
{
	background-position: 0 -26px;
}
li.forums a
{
	background-position: -60px 0;
	width: 69px;
}
li.forums a:hover
{
	background-position: -60px -26px;
}
li.drivers a
{
	background-position: -129px 0;
	width: 69px;
}
li.drivers a:hover
{
	background-position: -129px -26px;
}
li.programming a
{
	background-position: -198px 0;
	width: 111px;
}
li.programming a:hover
{
	background-position: -198px -26px;
}
li.policies a
{
	background-position: -309px 0;
	width: 71px;
}
li.policies a:hover
{
	background-position: -309px -26px;
}
li.contact a
{
	background-position: -380px 0;
	width: 91px;
}
li.contact a:hover
{
	background-position: -380px -26px;
}
li.news a
{
	background-position: -471px 0;
	width: 57px;
}
li.news a:hover
{
	background-position: -471px -26px;
}
li.dealers a
{
	background-position: -528px 0;
	width: 71px;
}
li.dealers a:hover
{
	background-position: -528px -26px;
}
li.login a
{
	background-position: -599px 0;
	width: 71px;
}
li.login a:hover
{
	background-position: -599px -26px;
}
li.logout a
{
	background-position: -599px -52px;
	width: 71px;
}
li.logout a:hover
{
	background-position: -599px -78px;
}
li.cart a
{
	background-position: -670px 0;
	width: 68px;
}
li.cart a:hover
{
	background-position: -670px -26px;
}
div.footer
{
	float: left;
	display: inline;
	background-color: #FFFFFF;
	clear: both;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 981px;
	padding: 5px 0px;
}
div.bottomMenu
{
	float: left;
	display: inline;
	background-color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 981px;
	padding: 5px 0px;
}
div.innerContainer
{
	background-color: #FFFFFF;
	float:left;
	display: inline;
	position:relative;
	margin: 0px 0px 0px 150px;
	width: 830px;
	border-left: 1px solid #DDDDDD;
}
div.leftColumn
{
	float:left;
	display: inline;
	position:relative;
	width: 140px;
	margin-left: -151px;
	padding-left: 5px;
	z-index: 9998;
	background-color: #FFFFFF;
}
div.navLeftBlock
{
	float: left;
	display: inline;
	margin:4px 0px;
	width: 140px;
	background-color: #FFFFFF;
}
div.middle
{
	float:left;
	display: inline;
	position:relative;
	width: 830px;
	padding: 0;
	margin: 0;
}
div.clear
{
	background-color: #FFFFFF;
	height: 1px;
	clear:both;
	margin-top: -1px;
}
div.content
{
	float: left;
	display: inline;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 830px;
	margin: 0;
	padding: 0;
}
div.inside
{
	float: left;
	display: inline;
	padding:5px;
	margin: 0;
}
div.contentContainer
{
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
	width: 820px;
}
li.menu
{
	padding-left: .4em;
}
li.menuNested
{
	padding-left: .4em;
	margin-left: .6em;
}
ul.navLeft
{
	LIST-STYLE-TYPE:none;
	text-align:left;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div.navLeftBlockContent
{
	float: left;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	margin:0px;
	padding: 4px;
	width: 136px;
	background-color:#FFFFFF;
}
div.currencySwitcher
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table.payLogoTable
{
	margin: 4px;
	width: 132px;
	background-color: #FFFFFF;
}
table.payLogoTable td
{
	padding: 2px;
	width: 40px;
	background-color: #FFFFFF;
}
div.upsLogoCell
{
	float: left;
	display: inline;
	width: 140px;
	margin: 4px 0px;
	padding: 0;
	background-color: #FFFFFF;
}
div.upsLogoCell img
{
	margin-left: 46px;
}
div.geoTrustLogoCell
{
	float: left;
	display: inline;
	width: 140px;
	margin: 4px 0px;
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
}
div.ROHSLogoCell
{
	float: left;
	display: inline;
	width: 140px;
	margin: 4px 0px;
	padding: 0;
	background-color: #FFFFFF;
}
div.ROHSLogoCell img
{
	margin-left: 55px;
}
input.searchText
{
	width: 130px;
}
/* General Style Rules */

/* Formatted 'div table' Settings */
/* can overload these on specific pages to specify widths etc. */
/* do subdivs in specific css file */
div.pageHeaderCell
{
	border-bottom-width: 2px;
	border-bottom-color: #990000;
	border-bottom-style: solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	width: 820px;
	padding: 0;
	margin: 0;
}
div.contentCell
{
	float:left;
	display: inline;
	width: 820px;
	padding: 0;
	margin: 0;
}
div.generalLeftColumn, div.generalRightColumn
{
	float: left;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	border: 0;
	margin: 0;
	padding: 0;
}
div.generalRightColumn
{
	font-weight: normal;
	text-align: left;
}

div.errorCell
{
	float: left;
	display: inline;
	border: 2px solid #D10000;
	width: 816px;
	padding: 0;
	margin: 5px 0;
}
div.errorCell div
{
	float: left;
	display: inline;
	padding: 5px;
}
div.errorDetails
{
    width: 806px;
}
div.errorBaseMessage
{
    width: 806px;
    font-weight: bold;
}
div.errorFieldCell
{
    width: 393px;
    float: left;
    display: inline;
    font-weight: bold;
}
div.errorHeader
{
	float: left;
	display: inline;
	width: 816px;
	border-bottom: 2px solid #D10000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0 !important;
}
div.errorHeader div
{
	float: left;
	display: inline;
	margin: 0;
	padding: 5px;
}
/* General Font Settings */
font.instock
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	color: #009900;
	text-align:right;
	font-weight: bold;
}
font.outofstock
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	color: #CC0000;
	text-align:right;
	font-weight: bold;
}

/* General Form Settings */
input.button
{
	background-color:#FAFAFA;
	border:1px solid #000000;
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 2px 5px;
	margin: 0px;
}
input.button:disabled
{
    color: #DDDDDD;
    border:1px solid #DDDDDD;
}
.disabled
{
    color: #DDDDDD !important;
    border:1px solid #DDDDDD !important;
}
input.cartButton
{
	background-color:#FAFAFA;
	border:1px solid #A9B8C2;
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:1px;
	margin: 0;
}
input.textField
{
	border:1px solid #000000;
	background-color:#FAFAFA;
	padding: 1px;
	margin: 0px;
}
input.textField:disabled
{
	background-color: #CACACA !important;
	color: #666666 !important;
}
input.radio
{
	margin-bottom:0;
	margin-top:0;
	vertical-align:middle;
}
input.checkBox
{
	margin-bottom:0;
	margin-top:0;
	vertical-align:middle;
}
select.comboBox
{
	color: #333333;
	background-color: #FAFAFA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #000000;
	padding: 1px;
	margin: 0px;
}
textarea.textArea
{
	border: 1px solid #000000;
	background-color: #FAFAFA;
	padding: 1px;
	margin: 0px;
}
textarea.textArea:disabled
{
	background-color: #CACACA;
	color: #666666;
}

.YELLOW
{
    background-color: #FFFF80 !important;
    font-weight: bold;
}
.RED
{
    background-color: #FF8080 !important;
    font-weight: bold;
}
.verticalStack
{
    clear: left;
}