/* ID names are listed here in the order they appear in the HTML. 
Styles are divided within these listings to delineate where you 
should edit position, dimensions, colors, borders, backgrounds, and typography.
*/
/* Global Tag Definitions */
body {
	/* position, margins and dimensions */
	margin:0px;
	/* borders, backgrounds and color */
	background-image:url(../images/pageline.gif);
	background-repeat:repeat-y;
	/* default page typography */
	font-family: Verdana, Arial, sans-serif;
}
form {
	margin:0px;
}
legend {
	font-size:12pt;
}
input.submit {
	background-color:#c92828;
	border:0px;
	color:#fff;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	padding:1px;
	margin:2px;
}
a {
	text-decoration:none;
}
.center {
	text-align:center;
}
.spacer {
	clear:both;
}
.brandPageBrandNameDIV
{
	width:200px;
	overflow:hidden;
}
.brandPageBrandName
{
	font-size:10px;
}
.finderSelectBox
{
	width:200px;
	overflow:hidden;
}
/* Named Container Elements */
#mainheader {
	/* position, margins and dimensions */
	width:850px;
	height:127px;
	margin:0px;
	/* borders, backgrounds and color */
	background-image:url(../images/headerbg.jpg);
	background-repeat:no-repeat;
}
/* nested inside #mainheader */
	#mainlogo {
		/* position, margins and dimensions */
		padding-top:12px;
		padding-left:18px;
		width:100px;
		float:left;
	}
	#mainLogoText
	{
		padding-top:10px;
		margin-left:150px;
		width:200px;
		float:left;
		font-family: Arial, Helvetica, sans-serif;
		color:#fff;
		font-weight:bolder;
		/*border: solid 1px black;*/
		text-align:center;
	}
	#toprightnav {
		/* position, margins and dimensions */
		margin-top:14px;
		float:right;
		padding-right:20px;
		text-align:right;
	}
	#toprightnav ul {
		/* position, margins and dimensions */
		margin:-80px 0px 0px 0px;
		width:350px;
		height:20px;
		/* borders, backgrounds and color */
		list-style:none;
		/*border: solid 1px black;*/
	}
	#toprightnav ul li {
		/* position, margins and dimensions */
		margin:0px;
		margin-right:-3px;
		padding:4px;
		display:inline;
		/* borders, backgrounds and color 
*/
background:transparent!important;
border:none!important;
border-left:1px solid #fff!important;
		/* typography */
		font-family: Arial, Helvetica, sans-serif;
		font-size:9pt;
		color:#fff;
	}
#toprightnav ul li:first-child {
border:none!important;
}

	#toprightnav ul li a {
		/* typography */
		color:#fff;
	}
	#toprightnav ul li a:hover {
		/* typography */
		color:#9093C5;
	}	
	#toprightnav p {
		/* typography */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:7pt;
		line-height:12px;
		color:#071E6A;
	}
	#toprightnav p.tagline {
		/* typography */
		font-family: Arial, Helvetica, sans-serif;
		font-size:7pt;
		color:#3e3e3d;
	}	
	#toprightnav a {
		/* typography */
		color:#071E6A;
	}
	#toprightnav a:hover {
		/* typography */
		color:#334B97;
	}	
#mainmenu {
		/* position, margins and dimensions */
		padding-top:8px;
		padding-left:0px;
		width:828px;
		height:32px;
position:absolute;
left:0px;
top:60px;
	}
	#mainmenu ul {
		/* position, margins and dimensions */
		height:25px;
		/* borders, backgrounds and color */
		list-style:none;
display:inline;
margin-top:30px;
	}
	#mainmenu ul li {
		/* position, margins and dimensions */
		float:left;
		display:inline;
		margin:20px 0px 0px 0px;
		padding:4px;
		padding-left:15px;
		padding-right:15px;
		/* borders, backgrounds and color */
		background-color:#334B97;
		border:1px solid #fff;
		/* typography */
		font-family: Arial, Helvetica, sans-serif;
		font-size:10pt;
		color:#fff;
	}
	#mainmenu ul li#search {
		/* position, margins and dimensions */
margin-top:20px;
		padding-top:1px;
		padding-bottom:0px;
		padding-left:14px;
		padding-right:14px;
	}		
	#mainmenu ul li#search label {
		/* position, margins and dimensions */
		float:left;
  		line-height: 18pt;
 		vertical-align: top;
		height:14px;
		padding-right:14px;
	}
	#mainmenu ul li#search input#searchWords {
		/* position, margins and dimensions */
		margin-top:3px;
		float:left;
		width:204px;
		height:16px;
		/* borders, backgrounds and color */
		border:0px;
	}
	#mainmenu ul li#search img#findbutton {
		/* position, margins and dimensions */
		clear:none;
		padding-top:3px;
		padding-left:4px;
	}
	#mainmenu ul li a {
		/* typography */
		color:#fff;
	}
	#mainmenu ul li a:hover {
		/* typography */
		color:#9093C5;
	}	
#maincontent {
	/* position, margins and dimensions */
	position:absolute;
	top:127px;
	left:0px;
	margin:0px;
	width:850px;
	padding-bottom:50px;
	
}
/*nested and floated inside #maincontent*/
	#sidebar {
		/* position, margins and dimensions */
		float:left;
		width:162px;
		/* borders, backgrounds and color */
		background-color:#E6E9F2;
		border-bottom:1px solid #9093C5;
		border-right:1px solid #9093C5;
		/* typography */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:8pt;
		font-weight:normal;		
		}		
	#sidebar p a {
		/* typography */
		color:#071E6A;
	}
	#sidebar p a:hover {
		/* typography */
		color:#334B97;
	}	
	#sidebar p img {			
				/* position, margins and dimensions */
				margin-left:5px;

	}		
	#sidebar h3 {
				/* position, margins and dimensions */

				/* typography */
				font-family: Arial, Helvetica, sans-serif;
				font-size:10pt;
				color:#071E6A;
				font-weight:normal;
				/* borders, backgrounds and color 
				border-top:1px solid #334B97;*/
	}
				/*nested inside #sidebar*/
	#sidebar ul {
					/* position, margins and dimensions */
					margin:0px;
					margin-left:-32px;
					margin-bottom:10px;
	}	
	#sidebar ul li {
					/* position, margins and dimensions */
					width:148px;
					padding:10px 0px 10px 0px;
					/* borders, backgrounds and color */
					border-bottom:1px solid #334B97;
					list-style:none;
				}
	#sidebar ul li a {	
				/* typography */
				color:#000;	
	}	
	#sidebar ul li a:hover {	
				/* typography */
				color:#071E6A;
	}	
	#sidebar ul li p a {	
				/* typography */
				color:#071E6A;
	}	
	#sidebar ul li p a:hover {	
				/* typography */
				color:#334B97;
	}				
	#sidebar ul li ul li {
					/* position, margins and dimensions */
					padding:0px;
					margin-left:8px;
					/* typography */
					font-family: Arial, Helvetica, sans-serif;
					font-size:8pt;		
					line-height:16pt;
					color:#69695c;	
					/* borders, backgrounds and color */
					border:0px;	
					list-style-type:disc;
				}
				
	#sidebar ul li ul li a {	
				/* typography */
				color:#69695c;	
	}	
	#sidebar ul li ul li a:hover {
				/* typography */	
				color:#071E6A;
	}			
				#loginbox {
					/* position, margins and dimensions */
					width:155px;
					height:172px;
					margin-left:-4px;
					padding-top:3px;
					/* borders, backgrounds and color */
					background-image:url(../images/loginbox.jpg);
					background-repeat:no-repeat;
				}
				#loginbox h3 {
					/* position, margins and dimensions */
					text-align:center;
					padding:0px;
					margin-left:0px;
					/* borders, backgrounds and color */
					border:0px;
				}
				/* login form styles */
				#loginbox label {
					/* position, margins and dimensions */
					margin-left:8px;
					/* typography */
					font-family: Arial, Helvetica, sans-serif;
					font-size:8pt;
					color:#fff;
				}
				#loginbox input.textfield {
					/* position, margins and dimensions */
					margin-left:8px;
					width:134px;
					height:14px;
					/* borders, backgrounds and color */
					border:1px solid white;
				}
				#loginbox #loginbutton {
					/* position, margins and dimensions */
					margin:4px 0px 4px 48px;
					margin-left:48px;
				}
				#loginbox a {
					/* position, margins and dimensions */
					margin-left:10px;
					/* typography */
					color:#fff !important;
				}
				#loginbox a:hover {
					color:#9093C5 !important;
				}				
				#emaillistbox {
					/* position, margins and dimensions */
					width:155px;
					height:120px;
					margin-left:-4px;
					padding-top:3px;
					/* borders, backgrounds and color */
					background-image:url(../images/emailbox.jpg);
					background-repeat:no-repeat;
				}
				#emaillistbox h3 {
					/* position, margins and dimensions */
					text-align:center;
					padding:0px;
					margin-left:0px;
					/* borders, backgrounds and color */
					border:0px;
				}
				/* login form styles */
				#emaillistbox label {
					/* position, margins and dimensions */
					margin-left:8px;
					/* typography */
					font-family: Arial, Helvetica, sans-serif;
					font-size:8pt;
					color:#fff;
				}
				#emaillistbox input.textfield {
					/* position, margins and dimensions */
					margin-left:8px;
					width:100px;
					height:17px;
					/* borders, backgrounds and color */
					border:1px solid white;
				}
				#emaillistbox #joinbutton {
					/* position, margins and dimensions */
					margin:4px 0px 4px 48px;
					margin-left:48px;
				}
				#emaillistbox a {
					/* position, margins and dimensions */
					margin-left:10px;
					/* typography */
					color:#fff !important;
				}
				#emaillistbox a:hover {
					color:#9093C5 !important;
				}
#pagecontent {
/* position, margins and dimensions */
width:655px;
margin:50px 15px 10px 0px;
float:right;
/*typography*/
font-size:8pt;
vertical-align:top;
}
#pagecontent a {
	color:#ad4100;
	text-decoration:none;
}
	#pagecontent p {
		/* position, margins and dimensions */
		padding-left:20px;
		line-height:11pt;
	}
	.breadcrumb a {
		color:#273015;
		text-decoration:none;
	}
	.pagetable {
		/* position, margins and dimensions */
		padding-bottom:15px;
		border-bottom:1px solid #273015;		
	}
	.pagetable h1 {
		/* position, margins and dimensions */
		padding-left:20px;
		background-image:url('../images/arrowheader.jpg');
		background-repeat:no-repeat;
		background-position: -2px 4px;
		font-family:Verdana, Arial, sans-serif;
		font-size:16pt;
		font-weight:normal;
	}
	
	.pagetable 	h2 {
		font-size:inherit;
	}
	.pagetable .formlabel {
		font-size:10pt;
		color:#666;
		text-align:right;
	}
	.pagetable .formbody {		
		/* position, margins and dimensions */
		margin-left:20px;
	}
	.carttable h1 {		
		/* position, margins and dimensions */
		background-image:url('../images/arrowheader.jpg');
		background-repeat:no-repeat;
		background-position: -2px 4px;
		font-family:Verdana, Arial, sans-serif;
		font-size:16pt;
		font-weight:normal;
		padding-left:20px;
		margin-top:30px;
		
	}
	.carttabdetail {
		border:1px solid #EFEFEF;
		font-size:12pt;
	}
	.columnlabel {
		background-color:#f0e5c4;
		font-size:8pt;
		font-weight:bold;
		color:#666;
	}
	.cartformlabel {	
		/* position, margins and dimensions */
		font-size:9pt;
		color:#666;
		text-align:right;
	}	
	.pagetable .graycell {
		background-color:#ddd;
	}
	.greencolumnlabel {
		background-color:#334B97;
		padding-left:4px;
		font-size:10pt;
		font-weight:normal;
		height:16px;
		color:#fff;		
	}
	td.productgrid 
	{
		vertical-align:top;
		padding:3px;
		margin:0px;
		width:166px;
		height:175px;
		border:1px solid #EFEFEF;
		background-image:url('../images/gradient-bg.png');
		background-repeat:repeat-x;
	}	
	td.productgrid table {
		height:100%;
	}
	td.productgrid td {
		height:30%;
	}
	td.productgrid td h4 {
		font-size:9pt;
		line-height:10pt;
		margin:4px;
	}
	td.productgrid td h4 a {
	    color:#9093C5 !important;
	}
	td.productgrid td p{
		margin-top:0px;
		font-size:8pt;
		line-height:9pt;
	}	
	td.relatedgrid h4 {
		font-size:9pt;
		line-height:10pt;
	}	
	td.relatedgrid {
		padding:3px;
		margin:0px;
		border:1px solid #EFEFEF;
		background-image:url('../images/gradient-bg.png');
		background-repeat:repeat-x;
	}
	td.relatedgrid p {
		font-size:7pt;
		line-height:8pt;
		margin-top:0px;
		margin-left:-10px;
	}	
	td.relatedgrid img {
		margin-top:-5px;
	}			
	span.gridprice {
		color:#071E6A;
		font-weight:bold;
		font-size:10pt;
		margin:2px;
	}
	.gradientcell {
		background-image:url('../images/gradient-bg.png');
		background-repeat:repeat-x;
	}	
	.greyline {
		border-bottom:1px solid #EFEFEF;
	}
	#finderBrand, #finderCategory, #finderModel {
		min-width:150px;
		text-transform: uppercase;
		font-size:9pt;
	}
	span.detailprice {
		color:#071E6A;
		font-weight:bold;
		font-size:12pt;
	}
	.addtocart {
		border-top:1px solid #EFEFEF;
		border-bottom:1px solid #EFEFEF;
		padding-top:4px;
		padding-bottom:4px;
		margin-top:3px;
	}
	.arrow {
		margin:2px;
	}
	
#footer {
	/* position, margins and dimensions */
	clear:both;
	position:absolute;
	left:0;
	bottom:-2px;
	width:850px;
	height:50px;
	/* borders, backgrounds and color */
	background:#334B97 url(../images/footertop.jpg) center top no-repeat;
	/* typography */
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
}
#footer p {
		/* position, margins and dimensions */
		float:left;
		padding-top:2px;
		padding-left:6px;
		line-height:12pt;
}
#footer a {
		/* typography */
		color:#fff;
}
#footer a:hover {
		/* typography */
		color:#9093C5;
}
#footer img {
	/* position, margins and dimensions */
	float:right;
	padding-right:8px;
	padding-top:12px;
}	
/* PRODUCT DETAIL TABS STYLE */
	.carttabdetail {
		border:1px solid #EFEFEF;
		font-size:11pt;
	}
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #aaa;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #aaa;
 border-bottom: none;
 background: #E6E9F2;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #999; }

ul.tabbernav li a:hover
{
 background: #9093C5;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 background: #fff;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 font-size:12pt;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}


			.catpost {
				width:240px;
				border-bottom:1px solid #999999;
				float:left;
				margin:0px 10px 0px 10px;
				font-size:10pt;
				font-weight:normal;
				padding-bottom:6px;
				height:120px;
			}
			.catindexpost {
				width:240px;
				border-bottom:1px solid #999999;
				float:left;
				margin:0px 10px 0px 10px;
				font-size:10pt;
				font-weight:normal;
				padding-bottom:6px;
			}
			.catpost h2 {
				font-size:10pt;
				font-weight:normal;
				text-transform:uppercase;
				margin-bottom:0px;
			}

/*--------------------------------------------------
  buttons
  --------------------------------------------------*/

.button {
	border: 1px solid #000;
	background: #CF2118;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
.button:hover {
	border: 1px solid #000;
	background: #000;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}



