body, td, textarea
{
	font: 10pt ;
	font-family: arial;
	
}

html {
	background:url(images/blue_bg_pattern_03.gif) repeat;
	}

body {background:url(images/blue_bg_pattern_03.gif) repeat;
height:auto;}

table {background-color:#FFF;}

#graybg {width:242px;
height:auto;
background:#e4e3e3;
float:left;
min-height:500px;
}

hr
{
	height: 1px;
	color: #999999;
}

#bg2 {background:url(images/blue_bg_pattern_03.gif) repeat;}

a
{
	text-decoration: none;
	color: #003478;
}

a:hover
{
	color: #003478;
}

#adminlinks .NavButton {font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
width:160px;
height:auto;
padding:3px 30px 3px 5px;
display:block;
}

#adminlinks .NavButton:hover {background:url(images/rollover_new_11.jpg) no-repeat right;
background-color:#003478;
color:#FFF;
font-size:11px;
width:160px;
display:block;
}


#Subnav {margin:10px 0 0 -22px;}

.SubNav, .SubNav A
{
	font-family: Arial;
	text-decoration: none;
	font-size: 14px;
	color:#000;
	width:175px;
	height:auto;
	padding:3px 27px 3px 7px;
	display:block;
}

.SubNavHeader
{
	display:none;
}

.SubNav A:hover
{
	text-decoration: underline;
	color:#FFF;
	background-color:#003478;
	width:165px;
	height:auto;
	display:block;
}

.SubNav UL
{
	line-height: 15px;
	list-style:none;
	margin:0px 0 0 -28px;
	width:205px;
}

.SubNav ul li {line-height:22px;
width:160x;
height:auto;
display:block;
 }

.SubNav ul li a:hover {background:url(images/rollover_new_11.jpg) no-repeat right;
background-color:#003478;
display:block;
height:18px;
}

.DynamicSubNav li {
    list-style: none outside none;
}

.dynamicSubNav ul li ul li a:hover {width:160px;
display:block;
}

.SubNavSelectedItem {color:#003478;
}

.SubNavSelectedItem a:hover {width:165px;
display:block;}


.ConditionsOfUseLink
{
	padding-left: 4px;
	font-size: 7pt;
	color: #ffffff;
}

a.ConditionsOfUseLink:hover
{
	text-decoration: underline;
	color: #ffffff;
}

.infobox .Button
{
	color: #003478;
	border: 1px solid #999999;
	background-color: #FFF;
	font: bold 8pt;
	width:auto;
	height:auto;
	margin:25px 0 0 20px;
	cursor:pointer;
	vertical-align:baseline;
}

/*.addtoorder .Button {
	color: #003478;
	border: 1px solid #999999;
	background-color: #FFF;
	font: bold 8pt;
	float:right;
	width:auto;
	height:auto;
	margin:75px 0 0 20px;
	cursor:pointer;
}*/

.button:hover {
	color:#FFF;
	background-color:#003478;
}

.LinkButton
{
	color: #003478;
	font: bold 8pt;
}

.ProductSearchBox
{
	width: 90px;
	border:1px #999999 solid;
	display:block;
	padding:0;
	margin:10px 0 0 -20px;
}

.searchbtn {
margin:-29px 0 0 78px;
display:block;
width:100px;
}

#searchbox {width:100px;}


.ProductListTable
{
	border: 1px solid #999999;
	border-collapse: collapse;
	
}

#productsTable {
	width:auto;
	margin:5px 0 0 0px;
}

#productstable tr {}

.producttitle {color:#006;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
font-style:italic;
}

#productLabel {height:15px;
width:auto;
background-color:#FFF;
}

.ProductListImageCell
{
	text-align: center;
	padding: 0 6px 0 6px;
	border: 1px solid #666;
	background-color:#e4e3e3;
}

.ProductListDescriptionCell
{
	border: 1px solid #666;
	width:240px;
}

.ProductImage {border:#e4e3e3 solid 1px;
margin:5px 0 5px 0;}

.GridHeaderRow TD, .InfoBoxHeader
{
	padding:5px;
	font-weight: bold;
	border-left: 1px solid #999999;
	background-color: #003478;
	color: #ffffff;
}

.infobox {width:65%;
height:auto;}

.infobox tr {padding:10px;}

.categorytable {margin-left:-17px;}

.CategoryTable TD
{
	width: 80px;
	padding: 6px;
	vertical-align: top;
	text-align: center;
}

.CategoryTable TD b {display:none;}

.CategoryTable IMG
{
	border-style: none;
}

.CategoryTable IMG:hover {opacity:.7;}

.CategoryTable a:hover {color:#ff0b00;
font-size:12px;
font-weight:bold;}

.categoryTable a {font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:12px;
font-weight:bold;
}


/* example: Create New Address box in checkout process */
.ShadedRegion
{
	border: 1px solid #999999;
	background-color: #e9e9e9;
}


.CheckoutProgressBar
{
	border: 1px solid #999999;
	color: #999999;
	background-color: #e9e9e9;
	font-weight: bold;
}

.CheckoutProgressBarCurrentStage
{
	color: #003478;
}

#Calendar
{
	border: 1px solid #666666;
	filter:
		progid:DXImageTransform.Microsoft.dropshadow(OffX=3,OffY=3,Color='gray',Positive='true')
		progid:DXImageTransform.Microsoft.Alpha(Opacity=100,FinishOpacity=20,Style=1,StartX=97,FinishX=100,StartY=0,FinishY=0)
		progid:DXImageTransform.Microsoft.Alpha(Opacity=100,FinishOpacity=20,Style=1,StartX=0,FinishX=0,StartY=97,FinishY=100);
	border-collapse: collapse;
}

#Calendar .DayHeader
{
	background-color: #666666;
	font: bold 12px verdana;
	color: white;
}

#Calendar .DayCell
{
	height: 20px;
	border: 1px solid #666666;
	font: 12px verdana;
}

#Calendar .SelectedDayCell
{
	height: 20px;
	border: 2px solid #ff0000;
	font: 12px verdana;
}

body {
font: 11px arial, sans-serif; 
color: #000000; 
margin-top: 0; 
}

/* text formatting */

p, td, .white {
vertical-align: top;
font: 11px/13px arial, sans-serif;
}

p .white {
color: white;
}

hr {
border: 0;
}

hr.hr_nopad {
color: #eeeeee;
background-color: #eeeeee;
height: 1px;
}

hr.hr_pad {
color: #eeeeee;
background-color: #eeeeee;
height: 1px;
margin-top: 3px;
margin-bottom: 3px;
}

h1, .h1 {
font: bold 14px arial, sans-serif; 
margin: 0;
padding-bottom: 15px;
}

h1.black {
color: #000000;
margin: 0;
padding: 3px 0 0 0;
}

h1.white {
color: #ffffff;
padding-bottom: 10px;
}

h1.orange {
color: #e6560e;
padding-bottom: 15px;
}

a {
font: 12px Arial, sans-serif; 
color: #000000;
margin: 0;
text-decoration: none;
}

a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
margin: 0;
text-decoration : none; 
}

a.contact, a.contact:hover {
font: bold 12px arial, sans-serif; 
color: #E6560E; 
letter-spacing: 1px;
line-height: 1.5em;
}

a.grey {
font: 11px arial, sans-serif;
color: #81756D;
text-decoration: underline;
}

a.grey:hover {
font: 11px arial, sans-serif;
color: #81756D;
text-decoration: none;
}

a.white, a.white:hover {
font: bold 14px arial, sans-serif; 
color: #ffffff; 
letter-spacing: 1px;
line-height: 1.5em;
text-decoration: underline;
}

a.white:hover { 
text-decoration: none;
}

#menu {
background: #ffffff;
display: inline;
padding: 0;
margin: 0;
vertical-align: middle;
width: 758px;
}

#menu a {
border-left: 1px solid #81756D;
border-right: 1px solid #81756D;
}

#menu a:hover {
border-left: 1px solid #E6560E;
border-right: 1px solid #E6560E;
}

.about, a.about, a.about:hover {
color: #E6560E;
}

.about_dark, th.about {
background: #E6560E;
color: #ffffff;
}

.cle, a.cle, a.cle:hover {
color: #8f9356;
}

.cle_dark, th.cle {
background-color: #8f9356; 
color: #ffffff;
}

.cap, a.cap, a.cap:hover {
color: #624256;
}

.cap_dark, th.cap  {
background: #624256;
color: #ffffff;
}

.bro, a.bro, a.bro:hover {
color: #345A91;
}

.bro_dark, th.bro  {
background: #345A91;
color: #ffffff;
}

.inv, a.inv, a.inv:hover {
color: #A22934;
}

.inv_dark, th.inv {
background: #A22934;
color: #ffffff;
}

.bus, a.bus, a.bus:hover {
color: #213A72;
}

.bus_dark, th.bus {
background: #213A72;
color: #ffffff;
}

.cli, a.cli, a.cli:hover {
color: #81756D;
}

.cli_dark, th.cli {
background: #81756D;
color: #ffffff;
}

.text {
font: 11px arial, sans-serif;
vertical-align: top;
}

.text ul {
margin: 5px 15px 15px 15px;
padding: 0 0 .5em 2px;
}

.text li {
margin-left: 15px; 
padding: 0; 
}

.small {
font: 10px arial, sans-serif; 
color : #999999; 
text-decoration : none; 
}
 
.small_underline, a.small_underline {
font: 10px arial, sans-serif; 
color : #999999; 
text-decoration : underline; 
}

a.small_underline:hover {
font: 10px arial, sans-serif; 
color : #999999; 
text-decoration: none;
}

/* */

img {
border: 0;
}

.display {margin-top:10px;}

div.inline {
display: inline;
margin: 0;
padding: 0;
}

.box {
background-color: #CDC6C2; 
height: 24px; 
width: 63px;
vertical-align: middle;
text-align: center;
}
 
.box_on {
background-color: #ffffff; 
height: 24px; 
width: 63px;
vertical-align: middle;
text-align: center;
}

.column1 {
float: left; 
font: 11px/13px arial, sans-serif;
margin-right: 10px; 
padding: 20px 0 10px 20px; 
width: 190px; 
top: 0;
}

.column2 {
float: right; 
font: 11px/13px arial, sans-serif;
margin-right: 10px; 
padding: 20px 0 10px 0; 
width: 170px; 
top: 0;
}

.contact_box {
font: 11px arial, sans-serif;
color: #000000;
padding: 10px 0 12px 20px;
vertical-align: top;
width: 210px;
text-align: left;
}

.home_left {
width: 514px; 
background: #C1D7DA; 
padding: 15px 15px 15px 5px; 
vertical-align: top;
}

.home_right {
width: 262px;
background: #D5CDAB; 
padding: 15px; 
vertical-align: top;
}

.legal {
background: #ffffff;
margin: 0;
padding: 0;
left: 0;
}

.legal_header {
background: #e6560e;
margin: 0 0 20px 0;
padding: 0;
height: 18px;
width: 100%;
}

#legal_body {
font: 11px/13px arial, sans-serif;
color: #000000;
margin: 0;
padding: 0 30px 0 15px;
}

#legal_body .legal_content {
position: absolute; 
top: 80px; 
left: 150px;
}

#legal_body .grey .grey_head{
color: #333333;
}

#legal_body .grey_head {
font: 12px arial, sans-serif;
}

#legal_body li {
list-style: outside url(images/nf_bullet.gif);
}

.pad_30 {
padding: 0 30px 0 15px;
margin: 0;
}

.pad_15 {
padding: 0 0 0 0;
}

#promo_page {
background : #e6560e url(images/promo_page_bg.gif) no-repeat;
font: 11px arial, sans-serif;
width: 784px; 
height: 430px; 
}

.promo_page_contact {
float: left;
margin: 0;
padding: 340px 0 0 38px;
width: 280px;
}

.promo_page_right {
margin-left: 480px;
padding: 125px 10px 0 0;
width: 270px;
}

.rule_menu {
border-top: 1px solid #81756D;
border-bottom: 1px solid #81756D;
height: 25px;
margin: 0;
padding: 0;
width: 784px;
}

div.rule_menu td {
border-left: 1px solid #81756D;
}

div.rule_menu td:hover {
border-left: 1px solid red;
}

.rule {
border-bottom: 1px solid #CDC6C2;
margin-top: 10px;
margin-bottom: 3px;
padding: 0;
vertical-align: top;
width: 784px;
top: 0;
}

.spacer {
background: #ffffff;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 4px;
height: 25px;
}


.wrapper {
vertical-align: top;
background: #ffffff;
border-top: 0; 
border-right: 1px solid #81756D; 
border-bottom: 1px solid #81756D;
border-left: 1px solid #81756D; 
padding : 0;
}

/* landing pages */

table.content {
font: 11px/13px arial, sans-serif;
height: 100%;
width: 884px;
vertical-align: top;
}

#landing_left {
float: left; 
height: 100%;
width: 364px; 
vertical-align: top; 
margin: 0; 
padding: 0;
top: 0;
}

#landing_left .intro_text {
color: #ffffff; 
font: 12px/20px arial, sans-serif; 
padding: 20px;
vertical-align: top;
}

#landing_right {
float: right; 
height: 100%;
width: 412px; 
vertical-align: top; 
margin: 0; 
padding: 0; 
top: 0;
}

.cle_light {
border: 1px solid #E2E5D0; 
background-color: #E2E5D0; 
vertical-align: top;
}

.cle_light a {
font-weight: bold;
color: #8f9356;
}

.cle_light a:hover {
font-weight: bold;
color: #8f9356;
}

td.cle_contact {
border: 1px solid #E2E5D0; 
}

#landing_right .cap_light {
border: 1px solid #EAE6D5; 
background-color: #EAE6D5; 
vertical-align: top;
}

#landing_right .cap_light a {
font-weight: bold;
color: #624256;
}

td.cap_contact {
border: 1px solid #EAE6D5; 
}

#landing_right .bro_light {
border: 1px solid #BFDCE8; 
height: 100%;
background: #BFDCE8; 
vertical-align: top;
}

#landing_right .bro_light a {
font-weight: bold;
color: #345A91;
}

td.bro_contact {
border: 1px solid #BFDCE8; 
}

#landing_right .inv_light {
border: 1px solid #EFE7E3; 
background: #EFE7E3; 
vertical-align: top;
}

#landing_right .inv_light a {
font-weight: bold;
color: #A22934;
}

td.inv_contact {
border: 1px solid #EFE7E3; 
}

#landing_right .bus_light {
border: 1px solid #E0EBEC; 
background: #E0EBEC; 
vertical-align: top;
}

#landing_right .bus_light a {
font-weight: bold;
color: #558f98;
}

td.bus_contact {
border: 1px solid #E0EBEC; 
}

#landing_right .cli_light {
border: 1px solid #E6E2E0; 
background-color: #E6E2E0; 
vertical-align: top;
}

#landing_right .cli_light a {
font-weight: bold;
color: #81756D;
}

td.cli_contact {
border: 1px solid #E6E2E0; 
}

#maphead {
background: #ffffff; 
background-image : url(images/white.gif); 
width : 138px; 
height : 20px; 
padding : 4px; 
}
 
#map {
padding-top: 2px; 
padding-right: 2px; 
padding-bottom: 2px; 
padding-left: 4px; 
text-align: left; 
vertical-align: top; 
}


/* detail pages */

.detail_banner_right {
float: right;
padding: 0;
margin: 0;
width: 568px;
height: 93px;
}

.detail_left { 
clear: both;
float: left;
color: #81756D;
font: 11px/18px arial, sans-serif;
line-height: 1.5em;
padding: 0;
margin-top:20px;
width: 225px;
top: 0;
}

.detail_left a {
font: bold 11px/18px arial, sans-serif;
text-decoration: none;
}

.detail_left a:hover {
font: bold 11px/18px arial, sans-serif;
text-decoration: none;
}

.detail_right {
float: right;
font: 12px/18px Arial, sans-serif;
color: #000000;
line-height : 1.5em;
padding: 0;
margin-top: 0;
width: 625px;
top: 0;
}

.detail_right .pad_30 {margin:0 0 0-170px;
}

.detail_right p {
font: 12px/15px Arial, sans-serif;
/* padding-right: 80px; */
}

table.pyramid {
background : url(images/about_pyramid.gif) no-repeat; 
background-repeat : no-repeat; 
text-align: center;
}

.type {
font: 13px/18px arial, sans-serif;
color: white;
padding: 0 30px 0 30px;
}

.type p {
font: 13px/18px arial, sans-serif;
color: white;
}

table.detail {
background-color : #eeeeee; 
border : 1px solid #666666; 
border-collapse : collapse; 
width: 400px;
}

table.detail td {
border: 1px solid #FFF;
padding: 4px;
vertical-align: top;
}

table.detail th {
font: bold 11px arial, sans-serif;
border: 1px solid #666666;
padding: 4px;
vertical-align: top;
}
 
td.matrix_head, .matrix_head {
background-color : #E6560E; 
color: #ffffff;
font-weight : bold; 
padding : 4px; 
vertical-align : top; 
text-align : center; 
}

.matrix_head a{
color : #ffffff; 
font-weight : bold; 
text-decoration: underline;
}

.matrix_head a:hover {
color : #ffffff; 
font-weight : bold; 
text-decoration: none;
}

td.matrix {
background-color : #eeeeee; 
border : 1px solid #ffffff; 
padding : 4px; 
vertical-align : top; 
}

sup {
font: 8px arial, sans-serif; 
}

ul.big {
margin-left : 21px; 
line-height : 19px; 
padding : 0; 
}

#top_nav {width:100%;
height:24px;
background-color:#ff0b00;
display:block;
}

#toplinks {list-style:none;
display:inline-block;
text-decoration:none;
width:100%;
height:24px;
margin:3px 0 0 -5px;
}

#toplinks li {display:inline-block;
padding:0 5px 0 15px;
width:auto;
height:24px;
}

#toplinks li a {color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
float:left;}

#toplinks li a:hover {color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;}

#toplinks .firstlink {margin-left:-15px;}

.CategoryCrumbs {
padding-bottom:10px;
}

.MessageBox {display:block;
padding-bottom:35px;
}

.MessageBox ul li {margin-left:55px;
}

.CategoryCrumbs a:hover {color:#ff0b00;}

#toplinks li img {float:right;
margin:-3px 0 0 25px;
height:24px;}

.categoryRow {width:700px;}

 
 .helpPopup {width:200px;}
 
#loginwrapper {width:816px;
height:auto;
margin:0 auto 0 auto;
}

#bgimage {
margin:0 auto 0 auto;
position:relative;
z-index:100;
}

#rightblock {width:281px;
height:331px;
background:url(images/signin_box_05.png) no-repeat;
margin:-330px 0 0 430px;
position:relative;
z-index:102;

}

#leftblock {width:283px;
height:329px;
background:url(images/partner_box_03.png) no-repeat;
margin:50px 0 0 100px;
display:block;
position:relative;
z-index:103;
}

#logo {width:816px;
height:111px;
background-color:#FFF;
margin-top:-555px;
position:relative;
z-index:101;
}


#logo img {margin:7px 0 0 120px;}

.logintable {
	float:left;
	margin:10px 0 0 25px;
	}
	
.logintable td {font-style:italic;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

.logintable2 {
	float:left;
	margin:20px 0 0 25px;
	}
	
	.logintable2 td {font-style:italic;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

.loginbtn {padding-right:15px;}

.forgotbtn {padding:4px 15px 0 0;}
	

.formentry {margin-top:4px;}

.error {font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
color:#F00;
width:240px;
height:auto;
float:right;
margin:27px 0 0 0;
}

.introtext {float:left;
width:260px;
height:auto;
margin:55px 0 0 10px;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
}

.authorized {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-style:italic;
}

#registerlink {color:#fc0100;
}

#registerlink:hover {color:#666;
}