﻿body
{
	margin: 0;
	padding: 0;
	text-align: center;
	font: 11px;
	font-family: Trebuchet MS;

	background-color:#656a73;
    
}
#container
{
	width: 896px;
	/*height: 660px;*/
	margin: 0 auto;
	/*background: #101010 url(../Images/container-bg.jpg) repeat-x;*/
	}
#leftSide
{
	width: 168px;
	height: 708px;
	float: left;
	background: #191919 url(../Images/body-bg.jpg) repeat;
	}
#hyundaiLogo
{
	margin: 0;
	padding: 0;
	width: 168px;
	height: 81px;
	}
#matesMaslakLogo
{
	margin: 0;
	padding: 0;
	width: 168px;
	height: 79px;
	}

table.mainMenu
{
	background-color: #191919;
    border: none;
    text-align: left;
    width: 100%;
    }

table.mainMenu tr td
{
    border:medium none;
    padding:3px;
    width:100%;
    }

table.mainMenu tr td a,table.mainMenu tr td a:visited
{
	background: url(../Images/ok.gif) no-repeat center left;
  	padding:3px 10px 3px 17px;
	margin: 0 0 0 5px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	text-decoration: none;
  	color: #c9ccc9;
  	font-size: 14px;
  	font-weight: bold;
  	letter-spacing:inherit;
  	margin-left: 5px;
}
table.mainMenu tr td a:hover
{
	background:#666666 url(../Images/ok.gif) no-repeat center left;
  	padding:3px 10px 3px 17px;
	margin: 0 0 0 5px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	text-decoration: none;
  	color: #c9ccc9;
  	font-size: 14px;
  	font-weight: bold;
  	letter-spacing:inherit;
  	margin-left: 5px;
}
table.dynSale tableLeftSide.tr
{
	width: 300px;
	
	}

#quarentee
{
	margin: 0;
	padding: 0;
	}
#quarentee img
{
	border: none;
	padding: 0;
	margin: 0;
	}
#dynamicSale
{
	margin: 0;
	padding: 0;
	}
#dynamicSale img
{
	border:0 none;
	} 
.pngImg
{
	border:0 none;
	}
#contentArea
{
	width: 726px;
	min-height: 660px;
	float: right;
	text-align: center;
	}
#footer
{
	height: 100px;
	}
/* Home Page */
#slideshow
{
	width: 726px;
	height: 330px;
	margin: 0 auto;
	}


.pics a 
	{ 
		display: block; 
		width: 726px; 
		height: 350px; 
		top: 0; 
		left: 0 
		}
.pics img  
{
	display:none 
	}
#mainPageBottomContent
{
	width: 724px;
	height: 196px;
	margin-top: 21px;
	}

#mainPageServices
{
    height:192px;
    padding:0;
    width:354px;
	background: url(../Images/services-default.jpg) no-repeat center;
	cursor: pointer;
	}



.services a 
	{ 
		display: block; 
		width: 354; 
		height: 192; 
		top: 0; 
		left: 0;
		}
.Service img  
{
	display:none;
	}
#ServiceSelectors
{
	margin-left: 3px;
	width: 15px;
	height: 45px;
	float: left;
	}

#ServiceSelectors > a >img
{
	text-decoration:none;
	}
#ServiceSelectors > a:focus { outline: none; }

#ServiceSelectors > a.activeSlide > img
{
	text-decoration:none;
	}

.smallBtns
{
	border:0 none;
	width:14px;
	height:14px; 
	}
#homePagePhone
{
	margin-top: 28px;   
    }
#mainPageNewsFeed
{
    padding: 0;
	width: 330;
	height: 79px;
	text-align: left;
	background-color: #dbdde1;
	}
.newsBorder
{
	padding:2px 0;

	}
.newsSpan
{
	color: #a49a96;
	margin-left: 10px;

	}
.newsTitle
{
	font-size: 11px;
	color: #007ec0;
	}
.newHeader
{
    font-size: 11px;
	color: #999;
	margin-left: 10px;
    }
    
.newsWrapper    
{
    width: 96%;
    margin: 3px auto;
    border: solid 2px #999;
    }
    
.news
{
	font-size: 11px;
	margin-left: 10px;
	background-color: #ebebeb;
	line-height: 13px;
	border: solid 2px #ccc;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 320px;
	height:60px;
	}
a.newsDetailsLink,a:visited.newsDetailsLink
{
    text-decoration: none;
    color: #ff0000;
    font-weight: bold;
    font-size: 11px;
    padding-left: 10px;
    
    }
a.newsDetailsLink:hover
{
    text-decoration: none;
    color: #000;
    font-weight: bold;
    padding-left: 10px;
    font-size: 11px;
    }

/*Pages Common Propetties*/
.pageContents
{
	width: 720px;
	text-align: left;
	color: #fff;
	border: solid 1px #191919;
	min-height: 706px;
	padding: 0;
	margin: 0;
	}
.pageTitle
{
	width: 720px;
	height: 45px;
	font-size: 25px;
	border-bottom: solid 1px #191919;
	}
.pageName
{
	margin-left: 40px;
	height: 45px;
	line-height: 45px;
	margin-top: 5px;
	}
/*----------News---------------*/
.newsBody
{
	color:#CCCCCC;
    font-size:12px;
    height:550px;
    margin-left:40px;
    margin-top:40px;
    padding:20px;
    width:462px;
	}
.newsBody p
{
	width: 430px;
	margin-top: -30px;
	margin-bottom: 40px;
	}
.backTo
{
	width: 31px;
	height: 85px;
	position: absolute;
	left: 171px;
	top: 120px;
	cursor: default;
	}
.backTo > a
{
	width: 31px;
	height: 85px;
	text-decoration: none;
	}
.backTo img
{
	border: 0 none;
	}
.newsHyundaiImg
{
	position: absolute;
	top: 60px;
	left: 700px;
	}
.clearBoth
{
	clear: both;
	}

/*Show Room--------------*/

.ShowRoom
{
	width: 650px;
    overflow:hidden;
	}
/*.ShowRoom > a > img
{
	float: left;
	width: 241px;
	height: 183px;
	margin: 15px 30px;
	border: 0 none;
	}

/*------Group Companies ------*/
.groupCompanies
{
	width: 533px;
	margin-left: 90px;
	margin-top: 30px;
	}
.groupCompanies > ul
{
	width: 312px;
	height: 29px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-size: 11px;
	}
.groupCompanies > ul > li
{
	display: inline;
	width: 102px;
	height: 28px;
	}
.groupCompanies > ul > li > a
{
	text-decoration: none;
	color: #fff;
	}
.groupCompanies img
{
	border: 0 none;
	}
.tabContents
{
	margin-top: -2px;
	padding: 0;
	}
/*--------About Us----------*/
.aboutUs
{
	display:block;
    font-size:12px;
    margin:0 auto;
    overflow:hidden;
    padding:0 10px;
    width:95%;
	}
/*-------Second Hand Page----*/
a.fadeThis
{
    text-decoration: none;
    color: #FFF;
    }
 
.secondHandPage
{
	width: 640px;
	padding: 5px;
	position: relative;
	left: 50px;
	}
.secondHandwrapper
{
    cursor:pointer;
    display:inline;
    float:left;
    height:180px;
    width:295px;
    margin:3px 5px;
        }

.secondHandImgWrapper
{
    height: 120px;
    width: 98px;
    border: solid 1px #fff;
    text-align: center;
    line-height: 83px;
    background-color: Black;
    float: left;
    width:250px;
    margin: 0;
    }
 .secondHandImgWrapper img
 {
     margin: 1px auto;
     }
.carDetails
{
    width: 195px;
    height: 18px;
    line-height: 18px;
    text-align: left;
    display: inline;
    }
.carDetailBlack
{
    height: 16px;
    background-color: Black;
    padding: 0 3px;
    font-size: 10px;
    }
.carDetailWhite
{
    font-size: 10px;
    height: 16px;
    padding: 0 3px;
    background-color: White;
    color: #000;
    }
.carDetailYellow
{

    font-size: 14px;
    color: Yellow;
    height: 18px;
    padding: 0 3px;
    }
.secondHandDetailsWrapper
{
   float:left;
    height:60px;
    margin: 3px 0;
    width:268px;
    
    }
.pager
{
    
    }
.pager td
{
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: solid 1px #fff;
    background-color: #85bdd5;
    margin-left: 5px;
    position: relative;
    }
 .pager > td >a
{
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    margin: 2px;   
}
 .pager > td >a:hover
{
    margin: 2px;
    color: #0066cc;
    text-decoration: none;
}
.secondHandPageLink
{
	margin: 30px auto;
	width: 652px;
	height: 268px;
	}
.secondHandPage
{
	color: #cccccc;
	font-size: 12px;
	}
.secondHandPage > p
{
	color: #cccccc;
	margin: -20px auto 25px auto;
	width: 80%;
	}
.secondHandForm
{
	width: 587px;
	height: 337px;
	margin: 10px auto;
	padding: 0;
}
.secondHandTabContent
{
	width: 585px;
	height: 284px;
	padding: 0;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	}
.secondHandFormTabFooter
{
	width: 587px;
	height: 24px;
	padding: 0;
	}
.secondHandFooterMessage
{
	width: 518px;
	height: 24px;
	float: left;
	padding: 0;
	text-align: right;
	color: #cccccc;
	font-size: 11px;
	line-height: 24px;
	}
.secondHandSubmitButton
{
	width: 69px;
	height: 24px;
	float: right;
	padding: 0;
	}
.GetVehicle
{
	width: 102px;
	height: 28px;
	float: left;
	margin-right: 5px;
	}
.secondHandTab
{
	border-bottom: solid 1px #999999;
	}	
.secondHandTab > ul
{
	width: 587px;
	height: 28px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-size: 11px;
	}
.secondHandTab > ul > li
{
	display: inline;
	width: 102px;
	height: 28px;
	float: left;
	margin-right: 5px;
	}
.secondHandTab > ul > li > a
{
	text-decoration: none;
	color: #fff;
	}
.secondHandTab img
{
	border: 0 none;
	}
.formLeftSide
{
	width: 275px;
	height: 230px;
	
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	}
.formLeftSideFormInputs
{
	width: 275px;
	height: 26px;
	margin-bottom: 5px;
	}
.formRightSide
{
	width: 288px;
	height: 262px;
	margin-right: 5px;
	margin-top: 10px;
	float: right;
	}
.formRightSideFormInputs
{
	width: 288px;
	margin-bottom: 5px;
	}
.SellBtn
{
	position: relative;
	top: 45px;
	left: 517px;
	}
.secondHandFormImg
{
	width: 42px;
	height: 26px;
	margin-left: 2px;
	}
.secondHandFormRightLabel
{
	width: 100%;
	height: 26px;
	line-height: 26px;
	text-align: left;
	background-color: #313131;
	border: solid 1px #878787;
	padding: 0;
	color: #b6b6b6;
	font-size: 12px;
	font-weight: bold;
	}
.secondHandFormRightTxt
{
	width: 288px;
	height: 156px;
	background-color:#d2d2d2;
	border:0 none;
	padding: 0;
	margin-top: 1px;
	color:#333;
	}
.secondHandFormRightTxt2
{
	width: 288px;
	background-color:#d2d2d2;
	border:0 none;
	padding: 0;
	margin-top: 1px;
	color:#333;
	}
.secondHandFormLabel
{
	width: 105px;
	height: 26px;
	line-height: 26px;
	text-align: left;
	background-color: #313131;
	border: solid 1px #878787;
	float: left;
	padding: 0;
	color: #b6b6b6;
	font-size: 12px;
	font-weight: bold;
	}
.secondHandFormLabel > span
{
	margin-left: 5px;
	}

.secondHandFormTxt
{
	width: 166px;
	height: 26px;
	line-height: 26px;
	background-color:#d2d2d2;
	border:0 none;
	padding: 0;
	margin-top: 1px;
	float: right;
	color:#333;
	}
.secondHandFormSmallTxt
{
	width: 80px;
	height: 26px;
	line-height: 26px;
	background-color:#d2d2d2;
	border:0 none;
	padding: 0;
	margin-top: 1px;
	margin-left: 4px;
	float: right;
	color:#333;
	}
/*-----Service Page---------*/
.servicePage
{
	width: 710px;
	height: 576px;
	}
.servicePageDetails
{
	font-size: 12px;
	padding: 20px;
	width: 432px;
	margin-left: 30px;
	margin-top: 30px;
	height: 560px;
	color: #cccccc;
	overflow:scroll;
	float: left;
	}
.servicePageDetails > p
{
	width: 410px;
	margin-top: -30px;
	margin-bottom: 40px;
	}
.servicePageDetails > p > b
{
	color: #fff;
	}
.servicePageTabs
{
	position: absolute;
	top: 70px;
	left: 660px;
	width: 208px;
	}
.servicePageTabs > ul
{
	width: 208px;
	height: 29px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-size: 11px;
	}
.servicePageTabs > ul > li
{
	display: inline;
	width: 102px;
	height: 28px;
	}
.servicePageTabs > ul > li > a
{
	text-decoration: none;
	color: #fff;
	}
.servicePageTabs img
{
	border: 0 none;
	}
.serviceLinks
{
	position: absolute;
	top: 330px;
	left: 660px;
	width: 208px;
	height: 250px;
	}
.serviceLinks ul
{
	width: 208px;
	height: 250px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}
.serviceLinks img
{
	border: 0 none;
	}
	
/*--------Service / Why Service Page----*/


.whyServiceBody
{
	font-size: 12px;
	padding: 20px;
	width: 410px;
	margin-left: 30px;
	margin-top: 30px;
	height: 500px;
	color: #cccccc;
	overflow:scroll;
	float: left;
	}
.whyServiceBody p
{
	width: 370px;
	margin-top: -30px;
	margin-bottom: 40px;
	}
.whyServiceBody > p > b
{
	color: #fff;
	}
.whyServiceBodyImg
{
	position: absolute;
	top: 60px;
	left:630px;
	}


/*----------Insurance Page-----------*/
.insurancePage
{
	width: 501px;
	height: 586px;
	margin-left: 93px;
	margin-top: 20px;
	}
p.insuranceForm 
{
	margin-top: 5px;
	}
span.formTitle
{
	color: #dde6e5;
	font-size: 13px;
	font-weight: bold;
	}
.insuranceForm
{
	padding: 0;
	margin-top: 5px;
	}
.insuranceFormLabel
{
	width: 199px;
	height: 24px;
	line-height: 24px;
	text-align: left;
	background-color: #313131;
	border: solid 1px #878787;
	float: left;
	margin-bottom: 5px;
	padding: 0;
	color: #b6b6b6;
	font-size: 12px;
	font-weight: bold;
	}
.insuranceFormLabel > span
{
	margin-left: 5px;
	}

.insuranceFormTxt
{
	width: 300px;
	height: 26px;
	line-height: 26px;
	background-color:#d2d2d2;
	border:0 none;
	padding: 0;
	margin-bottom: 5px;
	float: right;
	color:#333;
	}
.InsuranceFormDropDown
{
	width: 300px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin-bottom: 5px;
	float: right;
	background-color:#d2d2d2;
	border: solid 1px #878787;
	}
.submitInsuranceForm
{
	position: absolute;
	left: 800px;
	font-size: 12px;
	top: 630px;
	color: #65fefe;
	text-decoration: none;
	}


/*------Online Reservation----*/
.onlineReservation
{
	width: 620px;
	height: 400px;
	margin-left: 60px;
	margin-top: 30px;

	position: absolute;
	}
.datePickerArea
{
	width: 195px;
	height: 400px;
	float: left;
	}
.calendar
{
    width: 180px;
    margin: 20px auto 0 auto;
    height: 160px;
    
    }
   .dateSelectorCalendar > span
   {
       padding: 0 !important;
       
       }
 .calendarWrapper_Default .TableLayout_Default td span 
 {
     padding: 0 !important;
     }
.calendarWrapper_Default
{
    *width: 160px;
    *height: 120px;
    }
.radCalDefault_Default
{
    padding: 0;
    margin: 0;
    }


.reservationForm
{
	width: 413px;
	height: 400px;
	text-align: center;
	float: right;
	
	margin: 0;
	}
p.reservationFormP 
{
	position: relative;
	margin-bottom: 10px;
	}
.reservationFormLabel
{
	width: 170px;
	height: 24px;
	line-height: 24px;
	text-align: left;
	background-color: #313131;
	border: solid 1px #878787;
	float: left;
	margin-bottom: 5px;
	margin-left: 5px;
	padding: 0;
	color: #b6b6b6;
	font-size: 12px;
	font-weight: bold;
	}
.reservationFormLabel > span
{
	margin-left: 5px;
	}
.reservationFormTxt
{
	width:234px;
	height: 26px;
	line-height: 26px;
	background-color:#d2d2d2;
	border:0 none;
	margin-bottom: 5px;
	padding: 0;
	float: right;
	color:#333;
	}
.reservationFormSmallTxt
{
	width:115px;
	height: 26px;
	line-height: 26px;
	background-color:#d2d2d2;
	border:0 none;
	margin-bottom: 5px;
	margin-left: 3px;
	padding: 0;
	float: left;
	color:#333;
	}
.reservationFormVerySmallTxt
{
	width:78px;
	height: 26px;
	line-height: 26px;
	background-color:#d2d2d2;
	border:0 none;
	margin-bottom: 5px;
	padding: 0;
	font-size: 11px;
	float: left;
	color:#333;
	text-align: center;
	}
.formElements
{
	margin-top: 25px;
	}
.submitReservation
{
	clear: both;
	float: right;
	}
.reservationHourSelector
{
	width: 130px;
	height: 118px;
	margin: 20px auto 0 auto;
	cursor: pointer;
	}
..TableLayout_Default td span
{
    padding: 0;
    }
.reservationHourSelectorHours
{
	float: left;
	text-align: center;
	font-size: 12px;
	color: #cccccc;
	cursor: pointer;
	
	}
.reservartionPlaceSelector
{
	width: 130px;
	height: 38px;
	margin: 10px auto 0 auto;
	}
/*----------Contact Page--------*/
.contactPage
{
	width: 590px;
	height: 570px;
	margin-left: 100px;
	margin-top: 20px;
	font-size: 13px;
	}
.contactPageAlert
{
	
	}
.quickContacts
{
	width: 280px;
	height: 570px;
	float: left;
	}
.contactForm
{
	width: 228px;
	height: 250px;
	float: right;
	background: url(../Images/contactFormBg.jpg) no-repeat center;
	
	}
.contactPageInfoName
{
	color: #999999;
	}
.contactPageDetailSpan
{
	width: 260px;
	position: absolute;
	margin-top: -5px;
	color: #ffffff;
	}
.contactPageDetailSpan a,a:hover,a:visited
{
	text-decoration: none;
	color: #ffffff;
	}
.companiesInfoHeader
{
	margin: 0;
	padding: 0;
	}


a.gooogleMap,a:visited.gooogleMap
{
    color:#FF0000;
    left:250px;
    position:relative;
    text-decoration:none;
    top:14px;
    }

a:hover.gooogleMap
{
    position: relative;
    text-decoration: none;
    color: #ff0000;
    position: relative;
    left: 250px;
    top:14px;
    }
.companiesQuickContact
{
	width: 281px;
	height: 170px;
	padding: 0;
	margin-bottom: 15px;
	border-bottom: solid 2px #ffffff;
	}
.companyAddress
{
	height: 136px;
	z-index: 1;
	}
.contactFormTxt
{
	width: 212px;
	height: 22px;
	line-height: 22px;
	background-color:#d2d2d2;
	border:0 none;
	padding: 0;
	margin-bottom: 2px;
	color:#333;	
	}
.contactFormTxtBoxes
{
	width: 212px;
	height: 157px;
	position: relative;
	left: 7px;
	background-color: #545454;
	font-size: 10px;
	
	}
.submitContactForm
{
	position: relative;
	left: 160px;
	font-size: 12px;
	top: 10px;
	color: #65fefe;
	text-decoration: none;
	}
.fastMessage
{
	color: #49baaf;
	margin-bottom: 0px;
	position: relative;
	top: -10px;
	left: 5px;
	padding: 0;
	}
/*---Dynami Sale Page---*/

table.dynSale
{
	font-size: 12px;
	}

.dynamicSalePage
{
	width: 660px;
	height: 530px;
	}
.dynamicSaleDetails
{
	font-size: 12px;
	width: 400px;
	margin-left: 40px;
	margin-top: 50px;
	height: 530px;
	color: #cccccc;
	float: left;
	}
.dynamicSaleDetails p
{
	width: 410px;
	margin-top: -30px;
	margin-bottom: 40px;
	}
.dynamicSaleRightSide
{
	margin-top: 30px;
	width: 190px;
	height: 530px;
	float: right;
	}
.dynamicSaleFormTitle
{
	font-size:11px;
	color: #54c3c3;
	}
.dynamicSaleTxtBoxes
{
	width: 212px;
	height: 250px;
	position: relative;
	left: 7px;
	background-color: #545454;
	font-size: 10px;
	margin-top: 10px;
	
	}
.dynamicSaleSubmitBtn
{
	text-decoration: none;
	color: #54c3c3;
	position: relative;
	float: right;
	}
span.dynamicSaleSpan
{
	color: #999;
	margin-top: 40px;
	clear: both;
	}
.requiredField
{
	position: relative;
	font-size: 18px;
	}
.CustomerRelationRequiredField
{
	position: absolute;
	display: inline;
	overflow: inherit;
	font-size: 18px;
	margin-left: 310px;
	}
.customerRelationBottomSpan
{
	clear: both;
	float: right;
	margin-top: -20px;
	font-size: 10px;
	color: #999;
	text-align: right;
	}
.calendarBorder
{
	border-bottom: solid 2px #000;
	}
.calenderSelector
{
	background:#191919 url(../Images/calenderLeft.jpg) repeat-x;
	}
/*----------Car Details ------*/
.carDetailsBubbles
{
	width: 640px;
	height: 580px;
	float: left;
	margin-left: 40px;
	text-align: center;
	}
.bubblesses
{
	width: 620px;
	height: 280px;
	margin: 0 auto;
	}
.bubble
{
	width: 41px;
	height: 41px;
	margin: 40px auto;
	background:#191919 url(../Images/bubbleOpener.jpg);
	}
.carDetails
{
	text-align: center;
	width: 120px;
	height: 120px;
	float: left;
	}
.bubbleDetails
{
	width: 120px;
	height: 120px;
	text-align: center
	}
.bubbleDetailImg
{
	width: 120px;
	height: 86px;
	}
.bubbleDetailExplain
{
	width: 120px;
	height: 34px;
	background-color: #2e2e2e;
	color: White;
	font-size: 10px;
	text-align: left;
	}
.bubbleDetailExplain span
{
	margin: 3px;
	}
.carDetailsList
{
	float:right;
    height:500px;
    margin-right:3px;
    margin-top:20px;
    position:absolute;
    right:10px;
    top:50px;
    width:29px;
	}
table.cardetails tr td
{
	vertical-align: top;
	}
table.showroomlinks
{
	overflow: hidden;
	display: block;
	}
table.showroomlinks tr td
{
    height: 84px;
    vertical-align: top;
    }
table.showroomlinks tr td img
{
	border: none;
	}
a.backtobtn, a:visited.backtobtn
{
    background: url(../Images/btnBackToBg.gif)  no-repeat 0 0 ;
    padding: 32px 16px;
    }	
a:hover.backtobtn
{
    background: url(../Images/btnBackToBg.gif)  no-repeat -30px 0 ;
    padding: 32px 16px;
    }

	
a.colorView, a:visited.colorView
{
    background: url(../Images/btn/colors-btn.jpg)  no-repeat 0 0 ;
    padding: 32px 15px ;
    }
    
a.colorView, a:visited.colorView
{
    background: url(../Images/btn/colors-btn.jpg)  no-repeat 0 0;
    padding: 32px 15px;
    }
a:hover.colorView
{
    background: url(../Images/btn/colors-btn.jpg)  no-repeat -29px 0;
    padding: 32px 15px;
    }
  
a.accessoriesView, a:visited.accessoriesView
{
    background: url(../Images/btn/gears-btn.jpg)  no-repeat 0 0;
    padding: 32px 15px;
    }
a:hover.accessoriesView
{
    background: url(../Images/btn/gears-btn.jpg)  no-repeat -29px 0;
    padding: 32px 15px;
    }  
  
a.hardwareView, a:visited.hardwareView
{
    background: url(../Images/btn/hardware-btn.jpg)  no-repeat 0 0;
    padding: 32px 15px;
    }
a:hover.hardwareView
{
    background: url(../Images/btn/hardware-btn.jpg)  no-repeat -29px 0;
    padding: 32px 15px;
    }  
    

a.technicalView, a:visited.technicalView
{
    background: url(../Images/btn/technical-btn.jpg)  no-repeat 0 0;
    padding: 32px 15px;
    }
a:hover.technicalView
{
    background: url(../Images/btn/technical-btn.jpg)  no-repeat -29px 0;
    padding: 32px 15px;
    }  
    
    
a.priceView, a:visited.priceView
{
    background: url(../Images/btn/price-btn.jpg)  no-repeat 0 0;
    padding: 32px 15px;
    }
a:hover.priceView
{
    background: url(../Images/btn/price-btn.jpg)  no-repeat -29px 0;
    padding: 32px 15px;
    } 
    
 a.galleryView, a:visited.galleryView
{
    background: url(../Images/btn/gallery-btn.jpg)  no-repeat 0 0;
    padding: 32px 15px;
    }
a:hover.galleryView
{
    background: url(../Images/btn/gallery-btn.jpg)  no-repeat -29px 0;
    padding: 32px 15px;
    }
    
table.rightBtns
{
    margin:3px 0;
    height: 500px;
    }
.carDetailsList a,a:hover,a:visited
{
	text-decoration: none;
	}
.carDetailsList a img
{
	border: 0 none;
	}
.carAccessories
{
    clear:both;
	left:50px;
	position:relative;
	top:50px;
    }
 .ImageEquipment
 {
     float: left;
     margin: 10px 40px;
     width: 200px;
     height: 150px;
     overflow: hidden;
     }
.carColorsArea
{
	left:30px;
    margin:0;
    padding:0;
    position:relative;
    top:41px;
    width:573px;
	}
ul.idTabs
{
	margin: 0;
	padding: 0;
	}
ul.idTabs li
{
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
	}
.carColorPickers
{
    position: relative;
    }
 .carColorPickers img
 {
     border: none;
     }
 .carDetailsGears
 {
     font-size:12px;
    left:37px;
    position:relative;
    width: 600px;
    padding-right: 30px;
     }
 .carGallery
 {
    
	overflow:hidden;
	width:100%;
     } 
 .carDetailsGears table
 {
     width: 93%;
     }
.colorPageBackTo
{
	width: 31px;
	padding: 0;
	margin: 0;
	height: 240px;
	float: left;
	}
.colorShowerImg
{
	width: 569px;
	height: 240px;
	float: left;
	padding: 0;
	margin: 0;
	}
.colorSelector
{
	width: 119px;
	border-left: solid 1px #cccccc;
	height: 240px;
	float: right;
	padding: 0;
	margin: 0;
	}
#colors
{
	overflow: hidden;
	width: 116px;
	height: 190px;
	}
.upOrDownColors
{
	width: 119px;
	height: 25px;
	padding: 0;
	margin:0;
	text-align: center;
	}
.upOrDownColors a,a:hover,a:visited
{
	text-decoration: none;
	}
.upOrDownColors > a > img
{
	border: 0 none;
	margin-top: 4px;
	}
#scrollLinks
{
	color: Silver;
	}
.colorImg
{
	width: 86px;
	height: 31px;
	margin: 7px auto;
	}
.colorName
{
	width: 720px;
	height: 30px;
	background-color: #666666;
	color: #ffffff;
	clear:both;
	}

.backToCarDetailsLink
{
	height: 85px;
	width: 31px;
	margin-top: 66px;
	}
backToCarDetailsLink a,a:hover,a:visited
{
	text-decoration: none;
	}
.backToCarDetailsLink a img
{
	border: 0 none;
	}
.carGears
{
	width: 670px;
	height: 526px;
	overflow: scroll;
	}
#hor-zebra
{

	font-size: 11px;
	margin: 45px;
	width: 670px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 11px;
	font-weight: normal;
	padding: 3px 3px;
	background-color: #4c0000
}
.carGearName
{
	color :  #fdfb32;
	font-weight: bold;
	}
#hor-zebra td
{
	padding: 8px;
	color: #fff;
	background-color: #4c0000;
	opacity:0.5; 
	filter: alpha(opacity=50)
}
#hor-zebra .odd
{
}
.humanResourcePage
{
	width: 570px;
	height: 602px;
	margin-left: 100px;
	margin-top: 10px;	
	}
.wizardTxtInputs
{
	width: 430px;
	height: 56px;
	margin: 5px 5px 0 5px;
	background-color: #303030;
	color: #BCBCBC;
	border: solid 1px #939393;
	}
.wizardSelectorsInputs
{
	width: 430px;
	height: 44px;
	margin: 5px 5px 0 5px;
	background-color: #303030;
	color: #BCBCBC;
	border: solid 1px #939393;
	}
.wizardStepName
{
	width: 450px;
	height: 30px;
	color: #303030;
	margin-left: 5px;
	}
.wizardTxtMultipleInputs
{
	width: 430px;
	height: 420px;
	margin: 5px 5px 0 5px;
	background-color: #303030;
	color: #BCBCBC;
	border: solid 1px #939393;
	}
.humanResourcePage select
{
	height: 20px;
	}
.fullCvToReview
{
	width: 430px;
	height: 500px;
	overflow: scroll;
	border: solid 1px #000;
	background-color: #fff;
	margin-left:5px;
	margin-top: 5px;
	}
.wizardSelector
{
	position: relative;
	left:320px;
	top: -30px;
	}
.wizardStepName
{
	position: relative;
	color: #ffffff;
	}
	
.second_hand_details_values
{
    color: #000;
    
    }
    
    
#scroller li
{
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:10px 5px;
    }
 #scroller li a img
 {
     border:2px solid #999999;
     }


.carDetailsPanel
{
    font-size:12px;
    left:0;
    margin:0 auto;
    position:relative;
    width: 90%;
    }
    
	
ul.servicesTabs
{
	margin: 0;
	padding: 0;
	}
ul.servicesTabs li
{
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
	float: left;
	}
ul.servicesTabs li a,a:hover,a:visited
{
	padding: 0;
	margin: 0;
	
	}

	
#carSlider
{
    height:160px;
    margin:0 auto;
    overflow:hidden;
    padding:0;
    text-align:center;
    width:722px;
    }

    
#carSlider img
{
    border: none;
    padding: 0;
    margin: 0;
    }
ul.carslider
{
    width: 722px;
    list-style: none;
    height: 160px;
    padding: 3px;
    margin: 0;

    
    }
ul.carslider li
{
    list-style: none;
    height: 74px;
    display: inline;
    padding: 0;
    margin: 0;
    background-color: #191919;
    
 } 
#carSlider a,a:hover,a:visited
{
    padding: 0;
    margin: 0;
    }

a.marq, a:hover.marq, a:visited.marq
{
    padding: 0;
    margin: 0;
    }
   
.carWrapper
{
	width: 90px;
	height: 74px;
	padding: 0;
	margin: 0;
	float: left;
	}

table.secondHandTable
{
	padding: 0;
	margin: 0;
	width: 100%;
	}
table.secondHandTable  tr.SecondHandTableHead
{
	background-color:#EDEDED;
	border:1px solid #333333;
	color:#191919;
	font-size:14px;
	font-weight:bold;
	height:30px;
	padding:10px 5px;
	text-align:center;
	vertical-align:middle;
}
table.secondHandTable tr.secondHandTableRows td
{
	border:1px solid #333333;
	color:#FFFFFF;
	font-size:14px;
	padding:5px 3px;
	vertical-align:middle;
	}
.carColorName
{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #ffffff;
	}
.secondhandImageDiv
{
	width: 652px;
	height: 202px;
	background: url(../Images/ikinciel.jpg) no-repeat center;
	
	}
	
#calculator
{
	background-color: #656a73;
	text-align: center;
	color: #ffffff;
	}
table.calc
{
	margin:90px auto;
	width: 85%;
	text-align: left;
	}
table.calc th
{
	padding: 5px 10px;
	background-color: #ededed;
	color: #000;
	}
table.calc td
{
	border: solid 1px #333;
	}