/* SCREEN.css */

/*----- MARGIN & PADDING RESET -----*/
* {
	margin:0;
	padding:0;
}
/*-------------------------*/


/*----- BODY -----*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
/*-------------------------*/


/*----- TOPBAR -----*/
#TopBar {
	background-color: #0053A1;
	border-top: 2px solid #FFD600;
	height:16px;
}
#TopBarInside {
	color: #FFF;
	font-size: 10px;
	margin: -1px auto auto auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width: 860px;
}
#TopBarInside div.home {
	text-align:center;
}
#TopBarInside li {
	display:inline;
	list-style-type:none;
}
#TopBarInside a:link, #TopBarInside a:visited {
	color: #CFE7F3;
	text-decoration:none;
}
#TopBarInside a:hover, #TopBarInside a:active {
	color: #FFF;
	text-decoration:none;
}
#TopBarInside a.little {
	font-size: 10px;
	margin-right: 1px;
}
#TopBarInside a.large {
	font-size: 13px;
}
/*-------------------------*/


/*----- WRAPPER -----*/
#Wrapper {
	border: 0px solid #F00;
	margin: 0 auto 0 auto;
	width: 940px;
}
/*-------------------------*/


/*----- HEADER -----*/
#Header {
	border: 0px solid #0F0;
	height: 60px;
	text-align:left;
	position:relative;
}
#Header div.christian_Logo {
	height: 52px;
	position:absolute;
	width: 220px;
	top: 7px;
	left: 23px;
}
#Header div.ccBrands {
	height: 52px;
	position: absolute;
	width: 471px;
	top: 7px;
	left: 354px;
}
/*-------------------------*/

/*----- HOMEIMG -----*/
#HomeImg {
	height: 255px;
	position:relative;
	text-align:left;
}
#HomeImg div.homeImg {
	height: 252px;
	left: 23px;
	position:absolute;
	width: 897px;
}
/*-------------------------*/

/*----- NEWHOMEIMG -----*/
#NewHomeImg {
	height: 255px;
	position:relative;
	text-align:center;
}
#NewHomeImg div.newHomeImg {
	height: 252px;
	left: 23px;
	position:absolute;
	width: 897px;
}
/*-------------------------*/
#CCFHomeImg {
	height: 255px;
	position:relative;
	text-align:left;
}
#CCFHomeImg div.homeImg {
	height: 252px;
	left: 24px;
	position:absolute;
	width: 893px;
	margin-top: 5px;	
}
/*-------------------------*/


/*----- HOMECONTENT -----*/
#HomeContent {
	height: 248px;
	position:relative;
	text-align:left;
}
#HomeContent div.homeText {
	height: 242px;
	left: 23px;
	position:absolute;
	width: 312px;
}
#HomeContent div.homeNav {
	height: 242px;
	left: 668px;
	position:absolute;
	width: 252px;
}
/*-------------------------*/

/*----- NEWHOMECONTENT -----*/
#NewHomeContent {
	height: 322px;
	position:relative;
	text-align:left;
	border:0px solid #000;
}
#NewHomeContent div.newHomeText {
	height: 322px;
	left: 23px;
	position:absolute;
	width: 320px;
}
#NewHomeContent div.newHomeNav {
	height: 322px;
	left: 658px;
	position:absolute;
	width: 263px;
}
#NewHomeContent div.topAd {
	position:absolute;
	border:0px solid #000;
	left:350px;
}
#NewHomeContent div.bottomAd {
	position:absolute;
	border:0px solid #000;
	left:350px;
	top:98px;
}
/*-------------------------*/

#CCFHomeContent {
	min-height: 260px;
	position:relative;
	text-align:left;
	margin-top: 10px;
}
* html #CCFHomeContent {
	height: 260px;
}
#CCFHomeContent div.homeText {
	height: 242px;
	left: 23px;
	position:absolute;
	width: 400px;
}
#CCFHomeContent div.ccfHomeNav {
	border: 0px solid #F00;
	height: 242px;
	left: 420px;
	position:absolute;
	width: 500px;
}
#CCFHomeContent div.ccfHomeNav div.item {
	width: 206px;
	margin-left: 30px;
	border: 0px solid #000;
	float:left;
	margin-top: 10px;
}
* html #CCFHomeContent div.ccfHomeNav div.item {
	width: 206px;
	margin-left: 15px;
	border: 0px solid #000;
	float:left;
	margin-top: 10px;
}
#CCFHomeContent div.ccfHomeNav div.item div.img {
	margin-bottom: 5px;
}
#CCFHomeContent div.ccfHomeNav div.item div.txt {
	width: 206px;
	border: 0px solid #000;
	float:left;
	font-size: 11px;
}
/*-------------------------*/


/*----- MAINMENU -----*/
#MainMenu {
	background-image:url("../jpg/backgrounds/main-menu.jpg");
	background-repeat:no-repeat;
	border: 0px solid #000;
	margin: 0px auto 0 auto;
	width:890px;
}
#MainMenu ul.navlist {
	list-style-type:none;
	margin-left: 9px;
	height:26px;
}	
#MainMenu li {
	display:block;
	float:left;
	font-size:12px;
	border: 0px solid #000;
	margin-top: 1px;
}
#MainMenu a {
	background-image:url("../jpg/backgrounds/main-menu-separator.jpg");
	background-repeat:no-repeat;
	background-position:right;
	display: block;
	margin: 0;
	padding: 6px 8px 6px 6px;
	text-decoration: none;
	width: auto;
	color: #FFF;
}
#MainMenu a:hover, #MainMenu a:active {
	background-image:url("../jpg/backgrounds/main-menu_over.jpg");
	background-repeat:repeat-x;
}
#MainMenu a.active {	
	background-image:url("../jpg/backgrounds/main-menu_over.jpg");
	background-repeat:repeat-x;
}
/*-------------------------*/


/*----- CONTENT -----*/
#Content {
	margin: 8px auto 8px auto;
}
div.openingText {
	margin-top: 15px;
}
/*-------------------------*/


/*----- SUBMENU -----*/
#SubMenu {
	float:left;
	margin-left:25px;
	width: 181px;
	text-align:left;
}
#SubMenu div.subMenuMiddle {
	background-image:url("../png/backgrounds/submenu-middle.png");
	background-repeat:repeat-y;
	background-position:left top;
	width: 180px;
}
#SubMenu ul.navlist {
	list-style-type:none;
	margin-left: 0px;
}	
/*-------------------------*/


/*----- SUBMENU MAIN -----*/
#SubMenu li.main a {
	background-image:url("../png/backgrounds/submenu-item_up.png");
	background-repeat:repeat-y;
	background-position:top left;
	display: block;
	margin: 0;
	text-decoration: none;
	width: auto;
	color: #077B9E;
	padding: 6px;
}
#SubMenu li.main a:hover, #SubMenu li.main a:active {
	background-image:url("../png/backgrounds/submenu-item_over.png");
	background-repeat:repeat-y;
	background-position:top left;
	color: #077B9E;
}
#SubMenu li.main a.active {	
	background-image:url("../png/backgrounds/submenu-item_down.png");
	background-repeat:repeat-y;
	background-position:top left;
	color: #13425B;
}
/*-------------------------*/


/*----- SUBMENU SUB -----*/
#SubMenu li.sub a {
	background-image:url("../png/backgrounds/submenu-item_up.png");
	background-repeat:repeat-y;
	background-position:top left;
	display: block;
	margin: 0;
	text-decoration: none;
	width: auto;
	color: #077B9E;
	padding: 6px 6px 6px 15px;
}
#SubMenu li.sub a:hover, #SubMenu li.sub a:active {
	background-image:url("../png/backgrounds/submenu-item_over.png");
	background-repeat:repeat-y;
	background-position:top left;
	color: #077B9E;
}
#SubMenu li.sub a.active {	
	background-image:url("../png/backgrounds/submenu-item_down.png");
	background-repeat:repeat-y;
	background-position:top left;
	color: #13425B;
}
/*-------------------------*/

/*----- SUBMENU EXTLINK -----*/
#SubMenu li.extlink a {
	background-image:url("../png/backgrounds/submenu-item_up.png");
	background-repeat:repeat-y;
	background-position:top left;
	display: block;
	margin: 0;
	text-decoration: none;
	width: auto;
	color: #077B9E;
	padding: 6px;
}
#SubMenu li.extlink a:hover, #SubMenu li.extlink a:active {
	background-image:url("../png/backgrounds/submenu-item_over.png");
	background-repeat:repeat-y;
	background-position:top left;
	color: #077B9E;
}
#SubMenu li.extlink a.active {	
	background-image:url("../png/backgrounds/submenu-item_down.png");
	background-repeat:repeat-y;
	background-position:top left;
	color: #13425B;
}
/*-------------------------*/





/*----- OPENING TEXT -----*/
div.openingText {
	float:left;
	margin-left: 15px;
	width: 685px;
	border-right: 0px solid #000;
	text-align:left;
}
/*-------------------------*/


/*----- FOOTER -----*/
#Footer {
	height: 65px;
	position:relative;
	text-align:left;
}
#Footer div.footer {
	background-image:url("../png/backgrounds/footer-background.png");
	background-repeat:no-repeat;
	background-position:left top;
	height: 65px;
	left: 25px;
	position:absolute;
	width: 890px;
}
#Footer div.footerText {
	margin: 20px 0 0 12px;
}
/*-------------------------*/

/*----- BUTTON -----*/
div.button {
	display:block;
}

div.buttonUp div.btnLeft {
	background-image:url("../png/backgrounds/button.png");
	background-position:0% 0%;
	cursor:hand;
	float:left;
	height: 22px;
	width:5px;
}
div.buttonUp div.btnRight {
	background-image:url("../png/backgrounds/button.png");
	background-position:100% 0%;
	cursor:hand;
	float:left;
	height:22px;
	padding-right: 18px;
}
div.buttonUp div.btnText {
	cursor:hand;
	font: 11px/normal Verdana, Arial, Helvetica, sans-serif;	
	margin-top:4px;
}

/* buttonOver */
div.buttonOver div.btnLeft {
	background-image:url("../png/backgrounds/button.png");
	background-position:0% 25%;
	cursor:hand;
	float:left;
	height: 22px;
	width:5px;
}
div.buttonOver div.btnRight {
	background-image:url("../png/backgrounds/button.png");
	background-position:100% 25%;
	cursor:hand;
	float:left;
	height:22px;
	padding-right: 18px;
}
div.buttonOver div.btnText {
	cursor:hand;
	font: 11px/normal Verdana, Arial, Helvetica, sans-serif;	
	margin-top:4px;
}

/* buttonDown */
div.buttonDown div.btnLeft {
	background-image:url("../png/backgrounds/button.png");
	background-position:0% 50%;
	cursor:hand;
	float:left;
	height: 22px;
	width:5px;
}
div.buttonDown div.btnRight {
	background-image:url("../png/backgrounds/button.png");
	background-position:100% 50%;
	cursor:hand;
	float:left;
	height:22px;
	padding-right: 18px;
}
div.buttonDown div.btnText {
	cursor:hand;
	font: 11px/normal Verdana, Arial, Helvetica, sans-serif;	
	margin-top:4px;
}

/* buttonDisabled */
div.buttonDisabled div.btnLeft {
	background-image:url("../png/backgrounds/button.png");
	background-position:0% 75%;
	cursor:hand;
	float:left;
	height: 22px;
	width:5px;
}
div.buttonDisabled div.btnRight {
	background-image:url("../png/backgrounds/button.png");
	background-position:100% 75%;
	cursor:hand;
	float:left;
	height:22px;
	padding-right: 18px;
}
div.buttonDisabled div.btnText {
	cursor:hand;
	font: 11px/normal Verdana, Arial, Helvetica, sans-serif;	
	margin-top:4px;
	color: #777;
}



/*----- CLEARFIX -----*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*-------------------------*/


/*----- OTHER -----*/
#HiddenVariables {
	clear:both;
	display:none;
}


.hide {
	display:none;
}
.show {
	display:block;
}


span.req {
	color: #F00;
}

.error {
	color: #F00;
}
	
.centre,.center {
	text-align:center;
}

.map_button {
	/* BORDER-WIDTH: 1px; 	*/
	font-family:Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px; 
	/* BORDER-LEFT-COLOR: #A0B7D8; */
	/*
 	BACKGROUND:url(file:///C|/Documents%20and%20Settings/user1/Desktop/christian_car_ltd/jpg/logos/map_button_background.png) #EFF0F2 no-repeat; 
	*/
	/* BORDER-BOTTOM-COLOR: #8CA8D0; */
	COLOR: #003366; 
	/* BORDER-TOP-COLOR: #A0B7D8; */
	/* BORDER-RIGHT-COLOR: #8CA8D0; */
}

.contact_us_labels {
	font-size:9px;
}

.contact_us_labels_error_message {
	font-size:9px;
	color:#FF0000;
}

.contact_us_content {
	font-size:11px;
}

.copyright {
	font-size:10px;
	color:#FF6633;
}

a.copyright {
	font-size:10px;
	color:#FF8800;
}

a.copyright:hover {
	font-size:10px;
	color:#FF8800;
}

.mendatory_field {
	color:#FF0000;
	font-size:9px;s
}

a.sitemap_link {
font-size:12px;
}

a.sitemap_link:hover {
font-size:12px;
}