/*
	global color schema
	Button #A6C1DC;
	Links #003399;
	Links hover #FF9900;
	Boxes #E0EEFF;
	Higlight on mouseover #FFD0A0
*/

/* general element styles */
/* * {margin: 0; padding: 0; }  does not work for quattro inframing */
h1,h2,h3,h4,h5,p,div,input,select,textarea,label,a {margin: 0; padding: 0; }
h1,h2,h3,h4,h5 { font-size: 1em; } /* inherit hack */
body {margin: 0; padding: 0; color:#000000; font-family:Verdana,Arial,Helvetica; font-size:10px;}
img { border-width:0px; }
a { text-decoration: none; }
a, a:visited { color: #002266; }
a:hover { color: #FF9900; }
select { font-family:Verdana,Arial,Helvetica; font-size: 10px; height: 17px; }
input { font-family:Verdana,Arial,Helvetica; font-size: 10px; padding-bottom:2px;}
textarea { font-family:Verdana,Arial,Helvetica; font-size: 10px;}
label { font-family:Verdana,Arial,Helvetica; font-size: 10px;  top: -0.2em; position:relative;}
span { font-family:Verdana,Arial,Helvetica; font-size: 10px;}
a:hover p, a:hover div { cursor:pointer; }

/* general control styles */
.Clear { clear:both }
.Right { text-align: right; }
.Center { text-align: center; }
.FLeft { float: left; }
.FRight { float: right; }
.SkipLink {position: absolute; top: -2000px; left: -3000px; width: 0px; height: 0px; overflow: hidden; display: inline; }
.space { margin-top: 5px; }
.spaceTop { margin-top: 10px; }
.spaceRight { margin-right: 30px; }
.Wide { width: 183px; }
.Center { text-align:center; }
.Confirm { background-color: #AAFFAA; text-align:center; padding: 4px 4px 4px 4px; }
.Failed { background-color: #FFAAAA;  text-align:center; padding: 4px 4px 4px 4px; }
.Error { font-weight: normal; font-size: 11px; color: red; }
.Hide { visibility: hidden; display: none; }
.AutoHeight { height: auto; }

.Box .Head1 { height: 23px; background-color: #A6C1DC; }
.Box .Head1 span {padding: 4px 0 0 8px; float:left; font-size: 13px; font-weight: bold;}
.Box .Head1 HeadLnk { float:right; }
.Box .Head2 { height: 17px; background-color: #E0EEFF; }
.Box .Head2 span {padding: 2px 0 0 8px; float:left; font-size: 11px; font-weight: bold;}
.Box .Head2 .HeadLnk { float:right; }
.Box .Content { border: solid 1px #E0EEFF; padding: 5px 6px 4px 6px; margin-bottom: 4px;}

#BoxContact .Head1 { height: 23px; background-color: #666666; }
#BoxContact .Head1 span {padding: 4px 0 0 8px; float:left; font-size: 13px; font-weight: bold;}
#BoxContact .Head1 HeadLnk { float:right; }
#BoxContact .Head2 { height: 17px; background-color: #FF9900; }
#BoxContact .Head2 span {padding: 2px 0 0 8px; float:left; font-size: 11px; font-weight: bold;}
#BoxContact .Head2 .HeadLnk { float:right; }
#BoxContact .Content { border: solid 1px #FF9900; padding: 5px 6px 4px 6px; margin-bottom: 8px;}
#BoxContact #ctl00_RightForm_CT_Mail {background-color:#FBE7CC; border: solid 1px #E0EEFF; padding:0 2px 0 2px;}
#BoxContact .ButtonRight {background-color:#FF9900; height:auto;}
#BoxContact .Button {background-color:#FF9900; float:none; width:136px; height:24px; margin-bottom:2px;}
#BoxContact .CTField { width: 138px; border-width:1px; }
#BoxContact .LabelNoTitle {margin:3px 0 1px 0;}


.BoxOTit { background-color: #A6C1DC; padding: 4px 6px 4px 8px; margin: 0px 0 4px 0;  font-size: 13px; font-weight: bold; }
.BoxITit { background-color: #E0EEFF; padding: 1px 6px 1px 8px; margin: 10px 0 4px 0; font-size: 11px; font-weight: bold; }
.BoxOTit .HeadLnk { float:right; font-size: 12px; }
.BoxOTit .HeadLnk a:hover { background-color: #FFC881; }
.ButtonRight { background-color: #A6C1DC; display:inline; float:left; height:16px; margin:0; padding: 1px 2px 1px 2px; }
.ButtonSpace { margin-left: 8px; }
.Button { background-color: #A6C1DC; padding: 1px; float: left; margin-left: 0px; overflow: visible; display: inline; border-style: none; font-size: 11px;	cursor:pointer;	height: 16px; font-weight: bold; vertical-align:middle; color: Black; }
.Button:hover { background-color: #FF9900 }
.ButtonPanel a { background-color: #A6C1DC; border-style: none; font-size: 11px;	cursor:pointer;	height: 16px; font-weight: bold; vertical-align:top; padding: 2px 4px 2px 4px; color: Black; }
.ButtonPanel a:hover { background-color: #FF9900; text-decoration:none;}
.Logo { float: left; }
.Logo img { width: 200px; height: 74px; }
.LabelEdit { height: 35px; } /* general form element height */
.LabelTitle { font-size: 12px; font-weight:bold; }
.LabelNoTitle { font-weight:bold; }

/* shared control styles */
#MenuTop { float: left; width: 800px; height: 61px; background-image: url(../Image/LogoMasterRight.gif); background-repeat:repeat-x; margin-bottom:15px; }
#BannerTop { width: 728px; height: 90px; float: left; }
#Login { float: left; margin-left: 4px;  height: 90px; width: 268px; }
#LoginLine { padding-top: 8px; padding-bottom: 2px;}
#LoginLine .LoginInput { float:left; margin-right: 2px; }
#LoginLine .LoginInput input { width: 90px; font-size: 10px; vertical-align: middle; padding-left:2px; }
#LoginLine .ButtonRight { margin-left: 10px; }
#RecoverLine { padding-top: 8px; padding-bottom: 2px;}
#RecoverLine div { float: left;}
#LoginBox #Register {padding: 3px 4px 2px 0px; font-size: 11px; font-weight: bold; }
#LoginBox #RecoverPassword { padding-left: 8px; padding-top: 1px; }
#LoginBox #LoggedInPhrase { padding: 0px 0px 4px 0px; }
.Navigation {  overflow: hidden; color: Black; background-color: #A6C1DC; padding: 0px; margin-top: 2px; font-size: 11px; font-weight: bold;}
* html .Navigation { height:22px; } /* hack for IE5x and 6 */
.Navigation ul, .NavigationSubMenu ul { margin: 0; }
.Navigation li, .NavigationSubMenu li { float: left; width: auto; list-style: none; margin: 0; }
.Navigation li li, .NavigationSubMenu li li { clear: both; }
.Navigation .nl0 a { font-size: 13px; display: block; color: Black; padding: 0.25em 1em;}
.Navigation a:focus,
.Navigation a:hover,
.Navigation .nl1 a, 
.Navigation .nl2 a, 
.Navigation .nl3 a { color: Black;	background-color: #A6C1DC; border-bottom: none; }
.Navigation a:hover { color: #FF9900; background-color: #E0EEFF;}
.Navigation .nls { border-left: solid 1px #000000; 	display: block; position: relative; top: 4px; height: 14px; width: 0px; font-size: 0px;}
.Navigation .Level1 li a:active { color: White; background-color: #E0EEFF; }
.Navigation li ul { position: absolute; left: -9999px; top: -9999px; display: inline; width: 0; height: 0; background-color: Transparent; }
.Navigation li:hover ul,
.Navigation li.sfhover ul { left: auto; top: auto; display: block; width: auto; height: auto; background-color: #E0EEFF; border-bottom: 2px solid #E0EEFF; }
.Navigation ul.Level1 ul.Level2 li a { background-color: #99ccff; }
.Navigation li li a { width: 8em;}
.Navigation .Selected a { background-color: #E0EEFF; }
.NavigationSubMenu { overflow: hidden; background-color: White; padding: 0px; margin-top: 2px; font-size: 11px; }
.NavigationSubMenu a { display: block; padding: 0.4em 1em; }
.NavigationSubMenu .Selected a { font-weight: bold; }
/*.NavigationSubMenu a , .NavigationSubMenu a:visited 
{
	color: #bb33AA;
}*/
.NavigationSubMenu .SubMenu a {background-color: White; }
.NavigationSubMenu .nls { border-left: solid 1px #000099;	display: block; position: relative; top: 5px; height: 12px; width: 1px; font-size: 0px;}
.NavIcons { float: right; margin-right: 4px; margin-top:2px; }
#BreadCrumb { margin: 6px 0 0 51px; }
#FooterBox  {position:relative;  color: White; background-color: #A6C1DC; text-align:center; margin-top: 10px; padding-top:5px;padding-bottom: 5px; border-top: solid 1px #6699cc; border-bottom: solid 1px #6699cc}
#FooterBox a { color: White; }
#FooterBox .Separator { border-left: solid 1px #FFFFFF; height: 14px; width: 1px; font-size: 10px;}
#Footer #Copyright { margin-top: 4px; color: #A6C1DC; text-align:center;}
#Footer #Copyright a {color: #A6C1DC; }


/* info pages */
#Info .DLeft  { float: left; width: 298px; padding-right: 8px; }
#Info .DRight { float: left; width: 298px; padding-left:  8px; }
#Info .DRight .C1 {float: left; width: 145px; padding-right: 4px;}
#Info .DRight .C2 {float: left; width: 145px; padding-left: 4px;}
#Info .DRight #Zip.C2  {float: left; width: 45px; padding-left: 4px;}
#Info .DRight #City.C2  {float: left; width: 96px; padding-left: 4px;}


/* partners */
.Partners { text-align: center; }
.Partners input { margin-bottom: 4px; }

/* ListView */
.LisView .LisPhoto { float: left; width: 108px; height: 82px; }
.LisActions .LisActive { text-align: center; background-color: #aaffaa;  cursor:pointer;}
.LisActions .LisInactive { text-align: center; background-color: #ffaaaa;  cursor:pointer;}


/* detail view */
#DetView .DVLeft  {width: 306px; float: left; }
#DetView .DVRight {width: 306px; float: left; margin-left: 6px; }

#DetView #DVStatic {float: left; width: 306px; }
#DetView #DVStatic .Left {float: left; width: 90px; height: auto;}
#DetView #DVStatic .Right {float: left; width: 202px; text-align: left;}
#DetView #DVStatic .Right p { height: 12px; overflow:hidden;}
#DetView #DVStatic .Content {height: auto; }

/* vehicle photo previews */
#DetView #Photos { float: left;  width: 306px; }
#DetView #Photos #Photo img { width: 220px; height: 165px; }
#DetView #Photos #PM { float: left; margin-right: 21px;}
#DetView #Photos #Slider { float:left; width:54px; height: 165px;}
#DetView #Photos #PL {   width: 54px; height: 10px;   margin-bottom: 2px; text-align:center; background-color:#E0EEFF;  }
#DetView #Photos #PL img {  padding-top: 0px; margin-left:0px; }
#DetView #Photos #PS {  position:absolute;  width: 54px; height: 130px; clip:rect(0px 54px 148px 0px); }
#DetView #Photos #PS img {  width: 54px; height: 41px; }
#DetView #Photos #PR { position:absolute;  margin-top: -112px; width: 54px; height: 10px;   text-align:center; background-color:#E0EEFF; }
#DetView #Photos #PR img { padding-top: 0px; margin-left:0px;  }
#DetView #Photos #PL:hover, #DetView #Photos #PR:hover {  background-color: #FF9900; }
#DetView #Photos #Slider_0 {  margin-top: 0px;}
#DetView #Photos #Slider_0 div {   padding-bottom: 2px;  }
#DetView #Photos #Slider_2 {  margin-top: 30px;}
#DetView #Photos #Slider_2 div {   margin-bottom: 20px;  }
#DetView #Photos #Slider_3 {  margin-top: 10px;}
#DetView #Photos #Slider_3 div {   margin-bottom: 12px;  }
/* dealer photo previews */
#DInfo #Photos { float: left; width:470px; }
#DInfo #Photos #PM { float: left; margin-right: 11px;}
#DInfo #Photos #Slider { float:left; width:54px; height: 165px;}
#DInfo #Photos #PL {   width: 54px; height: 10px;   margin-bottom: 2px; text-align:center; background-color:#E0EEFF;  }
#DInfo #Photos #PL img {  padding-top: 0px; margin-left:0px; }
#DInfo #Photos #PS {  position:absolute;  width: 54px; height: 130px; clip:rect(0px 54px 141px 0px); }
#DInfo #Photos #PS img {  width: 54px; height: 41px; }
#DInfo #Photos #PR { position:absolute;  margin-top: -112px; width: 54px; height: 10px; text-align:center; background-color:#E0EEFF; }
#DInfo #Photos #PR img { padding-top: 0px; margin-left:0px;  }
#DInfo #Photos #PL:hover, #DInfo #Photos #PR:hover {  background-color: #FF9900; }
#DInfo #Photos #Slider_0 {  margin-top: 0px;}
#DInfo #Photos #Slider_0 div {   margin-bottom: 2px;  }
#DInfo #Photos #Slider_2 {  margin-top: 30px;}
#DInfo #Photos #Slider_2 div {   margin-bottom: 20px;  }
#DInfo #Photos #Slider_3 {  margin-top: 10px;}
#DInfo #Photos #Slider_3 div {   margin-bottom: 12px;  }

/* PhotoGallery */
#PhotoGallery { width: 520px; height: 700px; }
#PhotoGallery #Photos{ margin: 0px 0px; }
#PhotoGallery #MenuTop{ width: 320px;  }
#PhotoGallery #PM{ margin-bottom: 4px;  }
#PhotoGallery	#PS { position:absolute; left: 24px; top:483px; width: 3000px; clip:rect( 0px 472px 81px 0px); }
#PhotoGallery	#PSF { width: 472px; overflow: hidden; float: left; }
#PhotoGallery	#PS img { width: 108px; padding-right: 4px; z-index: 2;}
#PhotoGallery	#PL, #PR { position:absolute;  top:483px; height: 81px; width:20px; float:left;  background-color: #E0EEFF;  }
#PhotoGallery	#PL img, #PR img { margin-left: 4px; padding-top: 35px; }
#PhotoGallery	#PL { left: 0px; }
#PhotoGallery	#PR { left: 500px; }
#PhotoGallery	#Top { margin-top: 2px; height: 30px;font-size: 13px; font-weight:bold; background-color:#A6C1DC; }
#PhotoGallery	#Sub {    }
#PhotoGallery	#MK {  margin: 6px 0px 0px 8px; width: 235px; float:left; overflow: hidden;}
#PhotoGallery	#PRC {  margin: 6px 8px 0px 0px;float:right; }
#PhotoGallery	#YR {  font-weight:bold; margin: 2px 0px 0px 8px; float:left; width: 140px; }
#PhotoGallery	#MIL { font-weight:bold; margin: 2px 0px 0px 0px; float:left; }

#PhotoGallery #Slider_2 #PS { left: 105px;}  
#PhotoGallery #Slider_2 #PS img { padding-right: 90;}  
#PhotoGallery #Slider_3 #PS { left: 60px;}  
#PhotoGallery #Slider_3 #PS img { padding-right: 43px;}  
#PhotoGallery #Slider_4 #PS { left: 20px;}  
#PhotoGallery #Slider_4 #PS img { padding-right: 14px;}  

/* equipment */
#DetView .EquipHead { padding: 5px 0px 2px 8px; font-weight: bold; }
#DetView .EquipBody { padding: 2px 4px 4px 8px; border: solid 1px #E0EEFF;  }
#DetView .EquipLine  { margin-top: 3px;}
#DetView .EquipLine input { width: 10px; height:12px; float:left; margin-right:10px;  }
#DetView #EquipStd a { text-decoration:none; } 
#DetView #EquipStd ul {margin: 0; padding:0;}
#DetView #EquipStd li { list-style-type: none; line-height: 15px; }
#DetView #EquipStd a .EquipBody { color:Black; }
#DetView #EquipStd a:hover .EquipBody { text-decoration:none; color:Black; }

#DetView #EquipOpt a {font-weight: bold; } 
#DetView #EquipOpt ul {margin: 0; padding:0;}
#DetView #EquipOpt li { list-style-type: none; line-height: 15px; }
#DetView #EquipOpt #showEquipStd1 { float: left; width: 299px; padding-right: 4px; }
#DetView #EquipOpt #showEquipStd2 { float: left;  width: 299px; padding-right: 4px; }		

#DetView #EquipPck a {font-weight: bold; } 
#DetView #EquipPck div div div div div { float:left; width: 270px; margin-top: 0px;}
#DetView #EquipPck ul {margin: 0; padding:0;}
#DetView #EquipPck li {margin-left: 8px; list-style-type:none; line-height: 15px; }
#DetView #EquipPck.Hidden li {  visibility:hidden; display:none; }
#DetView #EquipPck .EquipBody a  { }
#DetView #EquipPck.Hidden .EquipBody a  { font-weight: normal; }
#DetView #DVBan { margin-top: 16px; }
#DetView #DVBan #BannersBig { margin-top: 10px; margin-left: 8px; }
#DetView #DVBan .Partners { margin-left: 4px; }
#Sold { position: absolute; top: 200px; left: 200px; width: 440px; height: 330px; background-image: url(../Image/Sold.png); }
#SoldHint { position: absolute; top: 400px; left: 400px; width: 330px; height: 60px;  }
.MsgBox { background-color: #FFEEDD; border: solid 1px gray; }
.MsgBox .Title { color: White; font-size: 14px; font-weight: bold; padding-left: 4px; background-color: #FFD0A0}
.MsgBox .Close { background-color:#AAAAAA; float: right; color: White; width: 16px; height: 16px; font-size: 14px; border: solid 1px Gray; padding-left: 4px; cursor:pointer;}
.MsgBox .Content { padding: 4px; }

/* Banners used in detailview in public, private, dealer */
/* TyresHankook */
#DetView .BanHnk { width: 530px; position:absolute; z-index:20; visibility:hidden; margin-left: -231px; margin-top: -1px; padding: 10px; border: solid 1px #008D41; background-color: White; }
#DetView .BanHnk { 	font-size: 12px; }
#DetView .BanHnk .Highlight { color: #FF6633; background-color: White; }
#DetView .BanHnk#HnkLayer { border: 2px solid #FF6633;	padding: 1px 1px; }
#DetView .BanHnk #HnkLayer2 { border: 2px solid #FF6633; padding: 4px 8px 4px 8px; }
#DetView .BanHnk #HnkTit { height: 30px; }
#DetView .BanHnk #HnkTitImg { float:left; width: 150px; }
#DetView .BanHnk #HnkTitTxt { float:left; margin-top: 5px; margin-right: 8px; font-weight: bold; vertical-align: middle; }
#DetView .BanHnk #HnkTitMak { font-weight: bold; vertical-align: middle; text-align: left; float:left; }
#DetView .BanHnk #HnkTitClose { vertical-align: middle; text-align: left; float:right; }
#DetView .BanHnk .HnkLogo { margin-top: 4px;	padding: 0px 0px 0px 8px;	border: solid 1px #CCCCCC; height: 45px; }
#DetView .BanHnk .HnkLogo span {	vertical-align: middle; font-weight: bold; }
#DetView .BanHnk .HnkDesc { font-size: 12px; }
#DetView .BanHnk .HnkDesc ul { margin-top: 10px;	margin-left:0px; }
#DetView .BanHnk .HnkDesc li { margin-left: 10px; padding-bottom: 10px; list-style: square; list-style-position: inside; }
#DetView .BanHnk #HnkLink { font-weight: bold;	margin-top: 8px; }
#DetView .BanHnk #HnkLink p { padding-bottom:4px; }
#DetView .BanHnk #HnkLink a {	color: Black; }

#DetView #Lnk { margin-top: 6px;}
#DetView .Partners { text-align: left; }

/* search quick */
#HP_SQ .RadioTabItem {width: 55px; }
.RadioTab { height: 16px; }
.RadioTab input { visibility:hidden; width:0px; height:0px; position:absolute; top: -100px; }
.RadioTabItem { padding-top: 2px; text-align: center; color:#002266; font-weight: bold; height: 16px; float:left; border: solid 1px #E0EEFF; margin-right: 2px; cursor:pointer; background-color: #E0EEFF; }
.RadioTabItem.active { background-color: #A6C1DC; }
.RadioTabItem.active.Highlight { background-color: #FFEEDD; }
.Highlight { background-color: #FF9900; }
.ButtonSQSpace { margin-top: 5px; margin-left: 20px; }
#HP_SQ .ButtonSQSpace { margin-left: 30px; }
#DeaRes .SQ .ButtonSQSpace { margin-left: 45px; }

/* SortedList */
.THead { border-bottom: solid 1px #E0EEFF; }
.TAlternate {	background-color: #F2F8FF; } 
.Pager { margin-bottom: 2px;}
.PgrCnt { float: left; margin-right: 4px;}
.PgrImg { float: left; }
.PgrCur { float: left; margin: 0px 4px;color: #FF9900;}
.PgrNum { float: left; margin: 0px 4px;}
#ResNoRec { margin: 16px 0 16px 0; font-weight: bold }
.Tab { width: 80px; padding-top: 2px; text-align: center; color:#002266; font-weight: bold; height: 16px; float:left; border: solid 1px #E0EEFF; margin-right: 2px; cursor:pointer; background-color: #E0EEFF; }
.Tab.active { background-color: #A6C1DC; }
.Tab.active.Highlight { background-color: #FFEEDD; }
.Highlight { background-color: #FF9900; }

/* Address / contact */
.Address .Nam {font-weight: bold; }
.MapDesc { width:70px; Padding-Top: 10px;  }
.CTField { width: 145px; }

/* Printing */
.Print {width: 16px; height: 16px; background-image: url(../Image/Printer.png); cursor: pointer; }
.Print:hover {width: 16px; height: 16px; background-image: url(../Image/PrinterHover.png); }

/* Printing */
.Pdf {width: 16px; height: 16px; background-image: url(../Image/pdf.png); cursor: pointer; }