﻿/*-------BODY OVER ALL -------*/
/*-----------------------*/
html
{

}
body
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif, 宋体;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom: 0px;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	text-align: center;
	line-height: 150%; /*color: white; 	background-color: #191919;*/
	color:#283f61;
	background-color:White;
	/*color:#2f2f2f;*/
}

a:link
{
	color: #006699;
	text-decoration: none;
}

a:visited
{
	color: #336699;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.margin10
{
	margin: 0px 10px;
	padding-top: 10px;
}

/*-----------------------------------------positioning and box property styles-----------------------------------------------------*/

/*--------------------------------------------HEADER AREA----------------------------------------------------*/

/*----WHOLE HEADER----*/

#header
{
	width: 100%; /*	WIDTH: expression(document.body.clientWidth < 960 ? "940px" : "auto" ); 	min-width:860px;*/
	padding-bottom: 5px;
	text-align: left;
}

#header p
{
	padding-top: 0px;
	margin: 0;
	padding-bottom: 0px;
	display: inline;
	text-align:center;
}

#greeting
{
	text-align:center;
	width:100%;
}

/*----//END of WHOLE HEADER----*/


/*----HEADER NAVEGATION BAR-----*/

#metanav
{
	padding-top: 0px;
	float: left;
}

#metanav ul
{
	margin: 0;
	padding: 0;
}

/*----//END of HEADER NAVEGATION BAR-----*/


/*----Quick Search----*/
#headersearch
{
	width: 100%;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-top: 0px;
	clear: both;
}

/*

----contains both the main text area and the side panel-----
-------Overall Page layout is here------------

*/

#content
{
	clear: both;
	z-index: 2;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	width: 990px;
	text-align: left; /*	WIDTH: expression(document.body.clientWidth < 960 ? "940px" : "auto" );*/
}
#ctl00_outercontent
{
	float: left;
}

#ctl00_innercontent
{
	margin: 0px 280px 0px 0px;
}

#ctl00_sidepanel
{
	width: 270px;
	margin-left: 0;
	margin-right: 0;
	float: right;
}

/*----//END of both the main text area and the side panel-----*/

/*----SELECT CAR----*/


#selectcar
{
	vertical-align: middle;
	padding: 10px 3px 2px 3px;
	font-size:small;
}

#selectcar img
{
	vertical-align: middle;
}

#selectcar select
{
	border:0 none !important;
}



#ctl00_mc_up
{

	padding-top:10px;
}

#ctl00_mc_CarFilterbyBrand1_UpdatePanel1
{
}

/*----//END of SELECT CAR----*/

/*-----Select Product------*/
#selectprod
{
	float: left;
	width: 105px;
	height: 280px;
}


#selectprod ul li
{
	display: inline;
}

#ctl00_mc_MainNavPan
{
	float: left;
	width: 590px;
	height: 280px;
	margin-bottom: 10px;
	padding-left: 0px;
}

#menuselectby
{
	float: right;
	margin: 0px;
}

#menuselectby li
{
	display: inline;
}

#tfscontainer, #WiperFilter
{
	padding: 10px;
}

.prodFilterSize
{
	float: right;
	text-align: center;
}

#ctl00_mc_TFS_UpdatePanel1, #ctl00_mc_WiperFilterbySize1_UpdatePanel1
{
	text-align: right;
	width: 160px;
	margin-left: 0px;
}

#ctl00_mc_WiperFilterbySize1_UpdatePanel1
{
}

.subs-navbar
{
	margin-bottom: 10px;
	padding-top: 0;
}


ul.Menu
{
	float: left;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 0;
}

ul.Menu li
{
	margin: 0px;
	padding: 0px;
	float: none;
	display: inline;
}

.PaymentTable
{
	width: auto;
	text-align: right;
}

.PaymentTable input
{
	width: 99%;
	text-align: right;
	border: solid 1px #dddfd8;
}

.PaymentTable .BalanceDueRow th, .PaymentTable .BalanceDueRow td
{
	border-top: solid 1px black;
}

.PaymentTable .BalanceDueRow *
{
	background-color: #f6f7f2;
}

.userimg
{
	float: left;
}

#brand_list
{
	clear: both;
	height: 258px;
	overflow: auto;
}

.brand_item
{
	float: left;
	height: 70px;
	width: 150px;
	text-align: center;
	padding: 5px;
}

.brand_item_img
{
	width: 100%;
	height: 50px;
	vertical-align: bottom;
}

.vmiddle
{
	vertical-align: bottom;
}

#ctl00_mc_ShopBrief
{
	padding: 0 5px 5px 10px;
}

#shopImg
{
	height: 247px;
	overflow: auto;
	text-align:center;
}

.UserSidePanel #ctl00_ShoppingCart
{
	display: inline;
}

#findcarLogo
{
	float: left;
}

.carsel
{
	float: left;
	padding: 3px 0 3px 3px;
	width: 305px;
	line-height:19px;
}

.carselhistory
{
	float: right;
	width: auto;
	padding-right: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align:right;
}

#matchProd
{
	float: right;
	width: 135px;
	display: inline;
	border: solid 1px silver;
}

.prodSelLeft
{
	width: 80px;
	text-align: right;
}

.prodSelRight
{
	text-align: left;
	width: 30px;
}

.prodTop5ListLoad
{
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 8px;
	vertical-align: bottom;
	text-align: center;
	width: 99px;
	height: 141px;
	float: left;
	color: #ffff00;
}

.ShippingAddres
{
	float: left;
	width: 250px;
}
#ctl00_mc_ProductReviewPanel
{
	width: 680px;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.clear{
 border-top:1px solid transparent !important;
 margin-top:-1px !important;
 border-top:0;
 margin-top:0;
 clear:both;
 visibility:hidden;
 }
 
 
 #shopInfoLeft, #shopInfoRight
 {
	width:45%;
	padding:15px;
 }
 
  #shopInfoLeft
 {
	float:left;
 }
 
 #shopInfoRight
 {
	float:right;
 }
 
 #ctl00_mc_ShopBrief li
 {
	border-bottom:1px dashed #B5D7FF;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:2px 0px;
}
#TopProdNav ul
{
	list-style-type: none;
}

#TopProdNav li
{
	float: left;
}
.topNavTab
{
	float:left;
}
.topNavTab a
{
	display: block;
	width:80px;
	height:24px;
}

#TopProdNav a
{
	display: block;
	width:79px;
	height:24px;
}

#ctl00_topNavTire
{
	background: url(images/headerTabs.gif) no-repeat left top;
}

#ctl00_topNavWiper
{
	background: url(images/headerTabs.gif) no-repeat -79px top;
}
#ctl00_topNavBrake
{
	background: url(images/headerTabs.gif) no-repeat -158px top;
}


#svcnum
{
	float:left;
	padding-left:50px;
}

table.title
{
	width:100%;
	font-size:larger;
	height:26px;
	vertical-align:middle;
	font-weight:bolder;
}
table.title td
{
	padding-top:6px;
	padding-bottom:1px;
}

table.roundbottom
{
	width:100%;
}

.tleft
{
	width:8px;
	background-image:url("images/tleft.gif");
	background-repeat:no-repeat;
}

.tmiddle
{
	width:100%;
	background-image:url("images/tmiddle.gif");
	background-repeat:repeat-x;
}

.tright
{
	width:8px;
	background-image:url("images/tright.gif");
	background-repeat:no-repeat;
}

.tleftbottom
{
	width:8px;
	background-image:url("images/tleft.gif");
	background-repeat:no-repeat;
	background-position:bottom;
}

.tmiddlebottom
{
	width:100%;
	background-image:url("images/tmiddle.gif");
	background-repeat:repeat-x;
	background-position:bottom;
}

.trightbottom
{
	width:8px;
	background-image:url("images/tright.gif");
	background-repeat:no-repeat;
	background-position:bottom;
}

.tleftbottomorg
{
	width:8px;
	background-image:url("images/tleftorg.gif");
	background-repeat:no-repeat;
	background-position:bottom;
}

.tmiddlebottomorg
{
	width:100%;
	background-image:url("images/tmiddleorg.gif");
	background-repeat:repeat-x;
	background-position:bottom;
}

.trightbottomorg
{
	width:8px;
	background-image:url("images/trightorg.gif");
	background-repeat:no-repeat;
	background-position:bottom;
}

.tleftOrg
{
	width:8px;
	background-image:url("images/tleftOrg.gif");
	background-repeat:no-repeat;
}

.tmiddleOrg
{
	width:100%;
	background-image:url("images/tmiddleOrg.gif");
	background-repeat:repeat-x;
}

.trightOrg
{
	width:8px;
	background-image:url("images/trightOrg.gif");
	background-repeat:no-repeat;
}

#ArticlelistHeader
{
	padding:5px;
	vertical-align:text-top;
}

#ArticlelistHeader img
{
	vertical-align: middle;
}

.bordertop
{
	height:10px;
	background-image:url("images/SelectProdUp.gif");
	background-repeat:no-repeat;
}

.bordermid
{
	background-image:url("images/SelectProdMid.gif");
	background-repeat:repeat-y;
	padding-left:10px;
}

.borderbottom
{
	height:10px;
	background-image:url("images/SelectProdBottom.gif");
	background-repeat:no-repeat;
	background-position:left bottom;
}
		