@import url("/css/extensions.css");
@import url("/css/subscriptions.css");




/*--NEW HEADER STYLE--*/

#headercontainer{
height:155px;
width:91%;

}

#header{
height:155px;
width:980px;
float:right;

}

#headertop{
height:44px;
}


.logo{
float:left;
height:42px;
width:325px;
}



.search{
float:right;
height:37px;
padding:5px 20px 0 0;
text-align:right;
width:325px;
}





#headerbottom{
background-image:url(images/partsheader_01.jpg);
background-repeat:no-repeat;
float:left;
height:106px;
margin:5px 0 0;
width:100%;

}

#headerbottomtoplinks{
float:right;
height:46px;
width:551px;
}


.companylink{
height:46px;
width:122px;
float:left;

}
.faqlink{
float:left;
height:46px;
width:68px;
}
.chatlink{
float:left;
height:46px;
width:120px;
}
.contactlink{
float:left;
height:46px;
width:92px;
}
.homelink{
float:left;
height:46px;
width:80px;
}



.selectbrand{
padding:12px 0 0 39px;
float:left;

}

.see-all{
float:left;
height:40px;
margin:0 0 0 10px;
width:77px;
}


.part-search{
float:left;
height:40px;
margin:-13px 0 0 187px;
width:182px;
}

#headerbottomlinks{
float:left;
height:46px;
width:100%;
}


/*---*/




.leftNavContracted {
overflow:hidden;
display:none;

}

TD
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

TEXTAREA
{
    BORDER-RIGHT: #DDCDA9 1px solid;
    BORDER-TOP: #DDCDA9 1px solid;
    BACKGROUND: #ffffff;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #DDCDA9 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #DDCDA9 1px solid
}


SELECT
{
    border-style:solid; 
    border-width:1px; 
    border-color:#999999; 
    font-face:Verdana, Arial, Helvetica, sans-serif; 

}

HR 
{
color: #7A7A79;
width:98%;
height:1px;
}

H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana
}

H2
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana;
    FONT-WEIGHT: normal
}

li {
	color:#444544;
	}


H3 {
    COLOR: #636363;
    FONT-FAMILY: Verdana, Helvetica, sans-serif; 
	FONT-SIZE: 10pt;
}

H4 {
    COLOR: #636363;
    FONT-FAMILY: Verdana, Helvetica, sans-serif; 
	FONT-WEIGHT:bold;
}

H5 {
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Helvetica, sans-serif; 
	FONT-WEIGHT:bold;
	FONT-SIZE:16px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444544;
}
.style1 {color: #000000}
.style2 {
	color: #D9FAF9;
	font-weight: bold;
}
a:link {
	color: #5E391D;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #5E391D;
}
a:hover {
	text-decoration: underline;
	color: #CC0000;
}
a:active {
	text-decoration: underline;
	color: #5E391D;
}

.openBoxHeader
{
	BACKGROUND-COLOR: FIREBRICK;
	color: #FFFFFF;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10pt;    
}

.TableHeader2
{
	BACKGROUND-COLOR: #EDEEDF;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10pt;  
	font-weight: bold; 
 }
 
 .TDBGColor
{
background-color:#F7F1CA;
}

.tableClass 
{
	BACKGROUND-COLOR: #FFFFFF;
}
.TableHeader
{
	BACKGROUND-COLOR: #7A7A79;
	color: #E1E4EB;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10pt;    
 }
 
.TDAlternateFont
 {
 COLOR: #7A7A79;
}

.TDSort
 {
 COLOR: #7A7A79;
 background-color:#D9FAF9;
}
.SubHeaderText
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #444544;
	font-size:10px;
	FONT-FAMILY: Verdana;
	vertical-align: middle
}

.SubHeaderText A:Link
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #444544;
	font-size:10px;
	FONT-FAMILY: Verdana
}

.SubHeaderText A:Hover
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #444544;
	font-size:10px;
	FONT-FAMILY: Verdana
}

.SubHeaderText A:Visited
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #444544;
	font-size:10px;
	FONT-FAMILY: Verdana
}

.backHeaderText 
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	font-size:12pt;
	FONT-FAMILY: Verdana;
	vertical-align: middle
}

.backHeaderText A:Link
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	font-size:12pt;
	FONT-FAMILY: Verdana
}

.backHeaderText  A:Hover
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	font-size:12pt;
	FONT-FAMILY: Verdana
}

.backHeaderText  A:Visited
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	font-size:12pt;
	FONT-FAMILY: Verdana
}


.TabDefault
{
	BACKGROUND-COLOR: #DDCDA9;
	border-color:#DDCDA9;
	border-style:solid;
	border-width:1px;
    color:#E1E4EB;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    padding-bottom:4px;
    padding-top:4px;
    padding-left:10px;
    padding-right:10px;
}

.TabHover
{
	BACKGROUND-COLOR: #E1E4EB;
	border-color:#DDCDA9;
	border-style:solid;
	border-width:1px;
    color:#787668;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    padding-bottom:4px;
    padding-top:4px;
    padding-left:10px;
    padding-right:10px;
}

.TabSelected
{
	BACKGROUND-COLOR: #E1E4EB;
	border-color:#DDCDA9;
	border-style:solid;
	border-width:1px;
    color: #DDCDA9;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    padding-bottom:4px;
    padding-top:4px;
    padding-left:10px;
    padding-right:10px;
}

.Tabs
{
	border-color:#DDCDA9;
    color:#787668;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #FFFFFF;
    vertical-align: top;   
    
}

.Label
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana
}



.TextNoBorder
{
    BORDER-RIGHT: #DDCDA9 0px solid;
    BORDER-TOP: #DDCDA9 0px solid;
    BACKGROUND: #ffffff;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #DDCDA9 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #DDCDA9 0px solid;
     
}

.LINKHEAD
{
    FONT-SIZE: xx-small;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana
}
.LINKHEAD A:link
{
    FONT-WEIGHT: bold;
    COLOR: #000066;
    TEXT-DECORATION: none
}
.LINKHEAD A:visited
{
    FONT-WEIGHT: bold;
    COLOR: #000066;
    TEXT-DECORATION: none
}
.LINKHEAD A:hover
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.BOTTOMLINK
{
    FONT-SIZE: x-small;
    COLOR: red;
    FONT-FAMILY: Verdana
}
.BOTTOMLINK A:link
{
    COLOR: red;
    TEXT-DECORATION: none
}
.BOTTOMLINK A:visited
{
    COLOR: red;
    TEXT-DECORATION: none
}
.BOTTOMLINK A:hover
{
    COLOR: #5c7bad;
    TEXT-DECORATION: none
}
.LEFTLINK
{
    FONT-SIZE: x-small;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana
}
.LEFTLINK A:link
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}
.LEFTLINK A:visited
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}
.LEFTLINK A:hover
{
    COLOR: #D9FAF9;
    TEXT-DECORATION: none
}
#elButton A
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000000;
    PADDING-TOP: 0px;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #C7C7C7;
    TEXT-DECORATION: none
}
#elButton A:hover
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #5c7bad;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #C7C7C7
}

/*** RSS Feed Button ***/
.standardsButton:link
{
    border:1px solid;
    border-color:#ffc8a4 #7d3302 #3f1a01 #ff9a57;
    padding:0px 3px 0px 3px;
    font:bold 10px verdana,sans-serif; 
    color:#FFFFFF; 
    background-color:#ff6600;
    text-decoration:none;
    margin:0px;
    vertical-align:middle;   
}
.standardsButton:hover
{
    border:1px solid;
    border-color:#ffc8a4 #7d3302 #3f1a01 #ff9a57;
    padding:0px 3px 0px 3px;
    font:bold 10px verdana,sans-serif; 
    color:#FFFFFF; 
    background-color:#ff6600;
    text-decoration:none;
    margin:0px;
    vertical-align:middle;
}
.standardsButton:visited
{
    border:1px solid;
    border-color:#ffc8a4 #7d3302 #3f1a01 #ff9a57;
    padding:0px 3px 0px 3px;
    font:bold 10px verdana,sans-serif; 
    color:#FFFFFF; 
    background-color:#ff6600;
    text-decoration:none;
    margin:0px;
    vertical-align:middle;
}

.grid	
{
	border-width:1px;
	border-color:#C7C7C7;
	border-style:solid;
	font-size:	11px;
	background-color: #C7C7C7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#444544;
	width:100%;
	padding: 0px;	
	vertical-align:top;
	text-align:left;
	}
.gridhead	{	
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	padding-bottom:5px;
	color:#444544;
	background-color:#7A7A79;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.gridhead A:Link
{
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	font-size:11px;
	FONT-FAMILY: Verdana
}

.gridhead A:Hover
{
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	font-size:11px;
	FONT-FAMILY: Verdana
}

.gridhead A:Visited
{
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	font-size:11px;
	FONT-FAMILY: Verdana
}

.gridalter	{	
	font-size:11pt;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.gridAlter	{	
	font-size:11px;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.Calendar
{
	BACKGROUND-COLOR: #D7D7C6;
    color:#787668;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
}

.CalendarDropDown
{
    BACKGROUND-COLOR: white;
    color: #989682;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    height: 16px;
}

.CalendarDays
{
    BACKGROUND-COLOR: white;
    color: #989682;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
}

.CalendarDayHeader
{
    BACKGROUND-COLOR: #F3F3EC;
    color:#787668;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
}

.searchImage 
{
	border-style:solid;
	border-color:#7A7A79;
	border-width:1px;
}

.gridpage	{	
	font-size:10pt;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.productDots 
{
	border-left: dotted #000000; 
	border-width: 1px;
	}

/*Blog CSS-------------------------------------------------------*/

#blog_rssbutton
{
    font:bold 10px verdana,sans-serif; 
    color:#FFFFFF;
    padding:10px 0 20px 35px; 
    background:url(images/RSS-icon.jpg) no-repeat;
    text-decoration:none;
    margin:0px;
    display:block;  
}
#blog_block
{
    padding:0 0 0 10px;
}
#blog_block a
{
    text-decoration:none;
    color:#0066cc;
}
.hrDash HR 
{
color: #e2e2e2;
width:100%;
height:1px;
border-top: 1px dashed;
}

.blogsidebar 
{
    background:#ddd; 
    border:1px solid #c8d0d6;
}
.blogsidebartitle
{
    background:#c8d0d6;
    padding:5px 0;
}
.blogsidebartitle b
{
    text-transform:uppercase;
}
#CntrlBlogSider_btnSearch
{   
    height:21px;
    width:25px;
    background:url(images/blog-go.jpg);
    cursor:pointer;
    border:0;
}
.blogentry
{   
    border-top:1px solid #c8d0d6;
    border-left:1px solid #c8d0d6;
    border-right:1px solid #c8d0d6;
    margin:0 0 10px 0;
    padding:0 5px 5px 5px;
    background:url(images/blog-commentend-bg.gif) repeat-x 0 100%;
}
#blog_author
{
    padding:10px 0 0 0;
    background:url(images/blog-comment-bg.gif) repeat-x;
}
#blog_sticky {
    background-image:url(images/sticky.jpg);
    display:table;
    float:right;
    font-size:9px;
    padding:25px 0 42px 0;
    width:80px;
    text-align:center;
}
.tagTable {
    background-color: #eee;
    width:100%;
}
#hypPage 
{
	color: #000;
	text-decoration:none;
	font-size:22px;
}

.blogcommententryform   
{ 
     background:url(images/blog-comment-bg.gif)  repeat-x; 
     border-top:1px solid #c8d0d6;
	 border-bottom:2px solid #c8d0d6;
	 border-left:1px solid #c8d0d6;
	 border-right:1px solid #c8d0d6;
     color:black;
     padding:10px; 
} 
.blogcommententryform hr{
	display:none;
}
.blogcommententryform a {
	color: #666;
}

.blogcommententryform span{
	font-weight:bold;
}
span#grdComments_ctl02_lblComment{
	font-weight:normal;
}
#comment
{
    font-size:10pt;
}
#btnSaveComment{
	border:0;
	background:url(images/savecomment-button.jpg) no-repeat 50% 0;
	padding:4px 0;
	cursor:pointer;
}
#txtName,#txtEmail,#txtWebsite,#txtComment{
	border:1px solid #c8d0d6;
	margin:0 0 5px 0;
}
#comment_writeown
{
    font-weight:bold;
    font-size:12pt;
    margin:0 0 10px 0;
}

/* Blog Search TextBox */  
.blogsearchtext   
{ 
     font-family: Helvetica, Arial, sans-serif; 
     font-size: 12px; 
     font-weight: bold; 
     letter-spacing: -1px; 
     color:#000; 
}/* Rating */ 
.ratingStar  
{ 
     background-color: #ffffff; 
    font-size: 0pt; 
    width: 18px; 
    height: 18px; 
    margin: 0px; 
    padding: 0px; 
    cursor: pointer; 
    display: block; 
    background-repeat: no-repeat; 
} 

.filledRatingStar { 
    background-image: url(../Images/FilledStar.gif); 

} 

.emptyRatingStar { 
    background-image: url(../Images/EmptyStar.gif); 
} 

.savedRatingStar { 
    background-image: url(../Images/SavedStar.gif); 
}

.sv {
text-align:center;
font-size:8px;
}

.sv a{
text-align:center;
font-size:8px;
text-decoration:none;
}

.sv a:hover{
text-align:center;
font-size:8px;
text-decoration:none;
}

.sv a:visited{
text-align:center;
font-size:8px;
text-decoration:none;
}



.tagTable {
background-color: #eee;
}

.blogTitle {
font-size:18px;
text-decoration:underline;
}
input.btnBig 
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	margin-top: 1em;
	height: 35px;
	color:#000;
    background-color:#fed;
    border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
}

input.btnMid 
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	margin-top: 1em;
	height: 25px;
	color:#000;
    background-color:#fed;
    border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
}

input.btnNormal 
{
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin-top: 1em;
	height: 18px;
	color:#111;
	background-color:#fed;
	border:1px solid;
    border-top-color:#3687D2;
    border-left-color:#3687D2;
    border-right-color:#363;
    border-bottom-color:#363;
    filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
}

input.btnBigOrange
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	margin-top: 1em;
	height: 35px;
	color:#000;
    background-color:#fed;
    border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffFA7D22');
}
.infoStyle 
{
	background-color:#eeeeee;
	border-color:#666666;
	border-width:1px;
	border-style:solid;
	text-align:center;
	width:95%;
	font-size:12px;
}
.modalBackground {
	background-color:#e2e2e2;
	filter:alpha(opacity=60);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:2px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	overflow:scroll;
	height: 350px;
	
}


/*Modal Popup */
/* moodalbox CSS */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
z-index:4;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
z-index:4;
}

div#mb_center {
background-color: #FFF;
z-index:4;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #fff;
visibility: hidden;
z-index:4;
}

.mb_loading {
background: #DDD url(/images/loading.gif) no-repeat center center;
z-index:4;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
z-index:4;
}

#mb_error em {
font-size: 0.8em;
z-index:4;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
z-index:4;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(/images/closelabel.gif) no-repeat center;
margin: 5px 0;
z-index:4;
}

div#mb_caption {
margin-right: 71px;
z-index:4;
}
.emailTotal {
     background-color:#FFFF99;
}
.cartFormFontSize {
     font-size:10pt;
}
.itemStyleHorizontal
{
	float: left;
	display: block;
	width: 23%;
	padding: 2px;
	font-size: 11px;
	overflow: visible;
	height: 250px;
	margin: 5px;
}

.itemStyleVertical
{
	display: block;
	width: 100%;
	padding: 2px;
	font-size: 11px;
	overflow: visible;
	margin: 5px;
}

.itemSeparatorHorizontal
{
	float: left;
	display: block;
	padding-right: 1px;
	border-left-style: dotted;
	border-left-width: 1px;
	border-left-color: #666699;
	height: 381px;
}

.itemSeparatorVertical
{
	display: block;
	padding-top: 1px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #666699;
}

.groupSeparator
{
	clear: left;
	margin-bottom: 1px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #666699;
}


/**Fix for 100% width hardcoded tables on standard pages **/
#StandardPageMainTable {
     width:100%;
}

.quoteBoxFont {
	font-size:20pt;
	font-weight:bold;
	color:#ffffff;
}
.quoteTopFont {
	font-size:14pt;
	font-weight:bold;

}
.quoteBottomFont {
	font-size:10pt;
}

#brandList {
	overflow-x:auto;
	height:750px;
	padding:5px;
	
}