/*
 ///////////////////////////////////////////////////////////////////////////////////
////////////////////  BEGIN  UNIVERSAL ELEMENTs   ///////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////*/


* { margin:0; padding:0; }

table, form, div {font-size:100%;}

body, table, form {
margin:0;
padding:0;
font-weight: normal;
color:#444;}


body{font-size:76%;
text-align:center;
font-family:"Arial", Arial,Helvetica,sans-serif;

/*background:url(/img/bkgr/body_bkg1.gif) repeat #fff;
background:url(/img/bkg1.jpg) no-repeat top center #999; text-align:center;*/
/*background:url(/img/background_img/bkg1.jpg) repeat-x #CFCFD1;*/
/*background:url(/img/bkgr/body_bkg1.gif) repeat #fff;*/
/*background:url(/img/bkgr/body_bkg2.gif) repeat #fff;*/
/*background:url(/img/bkgr/body_bkg3.gif) repeat #fff;*/
/*background:url(/img/bkgr/body_bkg4.gif) repeat #fff;*/
/*background:url(/img/bkgr/body_bkg5.gif) repeat #fff;*/
/*background:url(/img/bkgr/body_bkg5.gif) repeat #fff;
background:url(/img/bkgr/body_bkg6.gif) repeat #fff;
background:url(/img/bkgr/body_bkg7.gif) repeat #fff;
background:url(/img/bkgr/body_bkg8.gif) repeat #fff;*/
background:url(/img/bkgr/body_bkg9.gif) repeat #fff;
/*background:url(/img/bkgr/body_bkg10.jpg) top repeat-x #DEDEDC;*/
}

img {border:none; }
img.brand_profile{float:left; padding-right:7px;}
img.products_thumbs{float:left; padding-right:10px;}

hr {margin:0; padding:0; border:#C0C0C0 dashed 1px; margin: 3px 0 13px; clear:both; }

a:link {color:#333;text-decoration: underline}
a:visited {color:#333; text-decoration: underline;}
a:hover {color: #FD8402; text-decoration: underline;}
a:active {color:#333;text-decoration: underline;	}

a.secret_link {margin-left:25px; font-size:0.9em; font-weight:bold; }
a.secret_link:link {color:#343434;text-decoration: none; }
a.secret_link:visited {color:#343434; text-decoration: none;}
a.secret_link:hover {color: #FD8402; text-decoration: none;}
a.secret_link:active {color:#343434;text-decoration: none;	}

p {margin:0; padding:0; line-height:1.5; font-size:1em; padding-bottom:0.7em; text-align:left;}
p.light { color:#666666;}
p.small{font-size:0.9em; color:#666666; }
p.small_print{color:#666666; font-size:0.9em; font-style: italic;}
p.width_60percent{width:60%;}
p.width_75percent{width:75%;}
p.width_90percent{width:90%;}
p.intro {line-height:1.5; color:#333333; font-size:1.1em; padding-bottom:0.7em;}
p.please_note{color:#666666;}
p.note{color:#666666; font-style:italic;}
p.caption {font-size:1.2em; color:#000000; padding-left:70px; padding-right:70px; text-align:left;}
p.company_profile { line-height:1.8; padding-bottom:1em; text-align:justify; }
p.quote{margin:0; padding:0; line-height:1.5; font-size:1.2em; padding-bottom:0.7em; font-style:italic; color:#666;}
p.quote_by{margin:0; padding:0; line-height:1; font-size:1.1em; font-weight:normal; color:#444; text-align:right;}

h1, h2, h3, h4, h5, h6  {margin:0; padding:0; font-style: normal; font-weight:normal;}

h1 {font-size:1.5em; color: #333; font-weight: normal; padding-bottom:0.5em;}
   
h1 img {vertical-align: middle;}

h1.navigation {padding-bottom:0.3em; color:#444444; font-size:1.4em;}
h2 { font-size:1.2em; font-weight:bold; color:#FD8402; margin:0; padding:0; margin-bottom:0.2em; }
h3 {font-size:1.2em; padding-bottom:0.3em; color:#333333; font-weight:bold;}
h3 span.small{font-size:0.9em; padding-bottom:8px; color:#444444; font-weight:normal;}
h3 img {vertical-align: middle;}
h4 {font-size:1.1em;padding-bottom:3px;color:#333333; font-weight:bold;}
h5 {font-size:1.1em; padding-bottom:10px;}
h6 {font-size:1.1em; padding-bottom:8px;}


/* ####################  header set ############################ */

h1.header {
padding:0; margin:0;
font-size:1em;
line-height:1.4em;
font-weight:bold;
display:inline;
color:#555;
}

h1.image_wrapper {padding:0; margin:0;}

h2.header, p.header {
padding:0; margin:0;
font-size:1em;
line-height:1.4em;
font-size:1em;
font-weight:normal;
font-style:italic;
display:inline;
color:#666;
}

/* ####################  body set ############################ */
h1.body {
padding:0; margin:0;
font-size:1.1em;
line-height:1.5em;
font-weight:bold;
display:inline;
color:#333;
}

h1.body_orange {
padding:0; margin:0;
font-size:1.1em;
line-height:1.5em;
font-weight:bold;
display:inline;
color:#FD8402;
}


h2.body, p.body {
padding:0; margin:0;
font-size:1em;
line-height:1.5em;
font-size:1em;
font-weight:normal;
display:inline;
color:#333;
}



/* LISTS */
ul{list-style-type: none; margin: 0px; padding: 0px; display: list-item;}
li{	list-style-type: none; margin: 0px; padding: 0px; }


table.login{width:250px;}
table.sub_edit{width:325px;}


/* genral BOXES */
.redbox {width:100%; border-top:#FF0000 2px groove; border-bottom:#FF0000 2px groove; padding:4px;}
.yellowbox {width:100%; border-top:#FF0000 2px groove; border-bottom:#FF0000 2px groove; padding:4px;}

/* GENERIC CLASS */
.clear { clear:both; line-height:0 }
.noborder { border:none }
.info {padding:5px; background: #F7F7F7; border: #9D7C1A 1px dashed; font-size:1.1em; width:100%; float:left;}
.float_left { float:left }
.float_right { float:right }
.align_right {text-align:right}
.align_left {text-align:left}
.align_center {text-align:center}
div.form_row{ width:100%; padding:2px; float:left;} /* used to contain error message inside form*/
div.form_row_submit{ width:80%; padding:2px; text-align:right; } 
div.nugget_container{margin-top:1em;/* padding-top:10px; padding-bottom:10px; text-align:center; border:#FF0000 1px solid; float:left; */} /* used to add consistent distance between loaed nuggets*/
.more_readable {line-height:1.5;}
.width_75percent{width:75%;}
.width_70percent{width:70%;}
.width_60percent{width:60%;}
.padding4px {padding:4px;}
.sold{color:#FF0000; font-size:0.9em; font-weight:bold;}
.bigsize{font-size:2.4em;}
.underline{ text-decoration:underline;}
/*******************/


/***********************************************************************************************************************/
/********************************************* GG LHD changes/added styles **************************************************/
/***********************************************************************************************************************/


/* FORMS */

FORM{ padding: 0; margin: 0; }  

INPUT, TEXTAREA, OPTION, SELECT { color: #333333; background-color: #FFFFFF; margin:0px; padding:0;  }  
input.checkbox {width:15px; margin-bottom:0px; margin-right:5px; background-color:#FFFFFF;}  
input.submit-button   {color: #000; margin-left:4px; background:#FD8402  ; padding:0px; } 

label { display: block; float: left; margin-bottom: 0px; margin-left: 0px; text-align: right; color:#333333; padding-right:0px; vertical-align: top; }  
label {
display:block;
font-weight:bold;
font-size:0.9em;
width:12%;
text-align:right;
margin:0; padding:0;
float: left;  text-align:right; color:#000; font-weight:bold; padding:2px;  padding-right:10px;   
}
p.label {padding-bottom:0.2em;  }


form.lhd_web{margin:0; padding:0;	float: left; width:100%;}        

form.lhd_web input {display:block; float:left; margin-bottom:2px;	margin-left:5px; padding:2px;  }    

form.lhd_web select {display:block; float:left; margin-bottom:2px;  margin-left:5px; padding-left:2px;  }    

form.lhd_web textarea  {display: block; float: left;  margin-bottom:2px; margin-left:5px;  padding:2px;}    

form.lhd_web label {display: block; font-size:0.9em; margin:0; padding:0; float: left;  margin-bottom:5px;  text-align:right; color:#000; font-weight:bold;  padding-right:2px; width:28%; 
 padding:3px; /*border: #CE8922 1px solid; */
  }  
  
form.lhd_web label.shorter {width:20%; }    
   
form.lhd_web br {clear: left;  }    

/*form.lhd_web input.submit-button   {color: #000; margin-right:10px; float: right; background-color: #FF9900 ; padding:1px 5px 1px 5px; }    */

/*form.lhd_web input.submit-button   {color: #000; margin-right:10px; float: right; background:url(/img/bkgr/submit_button.jpg) #E88F0A bottom repeat-x ; padding:1px 5px 1px 5px; }*/  

form.lhd_web input.submit-button   {color: #000; margin-right:10px; float: right; background:#FD8402; padding:1px 5px 1px 5px; }  


/************************************************************************************************************/


#product_info label, #product_info_sold label {
display:block;
font-weight:bold;
font-size:0.9em;
width:12%;
text-align:right;
margin:0; padding:0;
float: left;  text-align:right; color:#000; font-weight:bold; padding:2px;  padding-right:10px;   
}
#product_info p, #product_info_sold p {padding-bottom:0.2em;  }
#product_info_sold {background: url(/img/bkgr/sold.gif) no-repeat top left;}

#wrapper_shadow {
 position:relative;
 width:1050px;
 text-align:left;

/*  padding-top:5px;*/
 margin-left:auto;
 margin-right:auto;

/* background:url(/img/page_elements/wrapper_shadow.gif) left top no-repeat;*/
  background:url(/img/page_elements/wrapper_shadow2.gif) center repeat-y;
}

#wrapper {
 position:relative;
 width:1000px;
 text-align:left;
background-color:#FFFFFF;
 margin-left:auto;
 margin-right:auto;
 border:1px solid #111;
 border-top:none;

}

#header {
position:relative;
width:100%;
float:left;
background-color:#FFFFFF;
margin:0; padding:0;
}

#header_message {width:36%; float:left; margin-left:16px; }

#header_right {width:60%; height:14em; float:right; margin:0; padding:0; /*background: url(/img/page_elements/header_img.jpg) bottom right no-repeat #FFE7CE; */
background: url(/img/page_elements/header_img1.jpg) bottom right no-repeat #060606;  }

#search_box {position:absolute; left:430px; top:4px; width:300px; height:auto; padding:3px; z-index:231;}
#search_box h2 { font-size:0.9em; font-weight:bold; color:#FF9900; margin:0; padding:0; margin-top:0.5em;}
#search_box p { color:#fff; text-decoration: none;  font-weight:bold; padding-top:1em; }
#search_box a { font-size:0.9em; color:#fff; text-decoration: none;  font-weight:bold;  text-decoration: none; }
#search_box a:link {color:#fff; text-decoration: none;}
#search_box a:visited {color:#fff; text-decoration: none;}
#search_box a:hover {color: #FF9900; text-decoration:none}
#search_box a:active {color:#fff; text-decoration: none;}

/***********************************************************************************************
************************  MENU CSS *************************************************************
***********************************************************************************************/

#menu_top{
/* -----------------------  positioning is dictated by the page's CSS *********GG changes: added width and height to match the backround image*/
position: relative;
width:100%;
/* colour of all menu top background */
float:left;
/*background:url(../img/nav/nav_bck.jpg) no-repeat bottom #f0f0f0;
background: url(/img/bkgr/menu_bkg1.jpg) repeat-x bottom #E3EFFF;
background:url(/img/bkgr/grey_stripes.jpg) repeat-x #272727;*/
/*background:#F0F0F0;*/
/*background:url(../img/nav/nav_bck.jpg) no-repeat bottom #f0f0f0;*/
/*background:url(/img/bkgr/tr_grey_grad.jpg) bottom repeat-x #fff;*/
background:url(/img/nav/nav4.jpg) bottom repeat-x #EDEDED;
border-top: 1px solid #111;
/*border-bottom: 1px solid #111;*/
/*	border: #00FF00 1px solid;*/

}

#menu_top ul {
	position:relative;
	float: left;
	list-style: none;
	line-height: 1;
	margin: 0 0 0 0;
	padding:6px;
	padding-bottom:14px;

}

#menu_top li {float: left; padding: 0;}

#menu_top ul li a {display: block; text-decoration: none; padding: 1px 15px 1px 15px;}

#menu_top a {color:#555; text-decoration: none; font-size:1.2em; font-weight:normal;  text-decoration: none; }
#menu_top a:link {text-decoration: none;}
#menu_top a:visited {text-decoration: none;}
#menu_top a:hover {color: #FF9900; text-decoration:none}
#menu_top a:active {text-decoration: none;}


#editable_body {
position:relative;
width:100%;
margin:0;
padding:0;
padding-top:2em;
/*padding-top:30px;*/
padding-bottom:2em;
float:left;
/*background:url(../img/page_elements/shadow.jpg) no-repeat right 30px #fff;*/
background: url(/img/bkgr/light_grey.jpg) right repeat-y #fff;
 z-index:105;
}

#editable_body_fullpage {
position:relative;
width:100%;
background:url(../img/page_elements/shadow.jpg) no-repeat right top #fff;
margin:0;
padding:0;
padding-bottom:3em;
float:right;
 z-index:105;
}
#editable_body_fullpage div.normal{width:94%; margin:20px;  }

#editable_body div.left {
position:relative;
width:53%;
margin:0;
padding:0;
margin-left:25px;
padding:3px;
float:left;
/*border:#00FF00 1px solid;*/
background-color:#FFFFFF;
}


#editable_body div.right{
position:relative;
width:37%;
margin:0;
padding:0;
padding-right:20px;
float:right;
/*background:url(../img/page_elements/shadow.jpg) no-repeat right 30px #fff;*/
/*border:#CC3300 1px solid;*/
}

#footer {
position:relative;
background:url(/img/page_elements/footer.jpg) no-repeat top #060606;
width:100%;
margin:0;
padding:0;
border:none;
border-top:#111 1px solid;
height:17em;
color:#FFFFFF;
font-size:0.9em;
position:relative;
}

#footer_links_container {
	position:absolute;
	float:right;
	width:auto;
	right: 10px;
	bottom: 7px;
	color:#FFFFFF;
	text-align:right;
}

#footer_copyrights {
	position:absolute;
	float:right;
	width:auto;
	left: 10px;
	bottom: 7px;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
}


a.footer:link {color:#ffffff;text-decoration: none; }
a.footer:visited {color:#ffffff; text-decoration: none;}
a.footer:hover {color: #ffffff; text-decoration:underline}
a.footer:active {color:#ffffff;text-decoration: none;}



#banners_horiz object {margin: 0 0 0 0;}

#footer span.left {text-align:left; float:left}
#footer span.right {text-align:right; float:right}
	
#editable_body div.normal{width:94%; margin:20px; background:#FFFFFF; }
#editable_body div.company_profile{width:90%; margin:25px; }
#editable_body div.normal_60percent{width:55%; margin:20px; }
#editable_body div.normal_centered{width:92%; margin:25px; text-align:center;}

/* END product info page */

#editable_body div.brands_list{width:23%; padding:4px;  float:left; border-right:1px dashed #D1B676;}
#editable_body div.brands_right{width:70%; padding:4px; padding-left:25px; float:left; }
#editable_body div.brands_list_overflow {height:380px; width:95%; overflow:auto;}

#editable_body div.index_intro{ width:60%; float:left; }
#editable_body div.index_intro a {text-decoration:underline;}
#editable_body div.index_intro p { line-height:1.5; }


/* thid div reset the formatting in the product list */

div.description_plain_format,
div.description_plain_format h1,
div.description_plain_format h2,
div.description_plain_format p,
div.description_plain_format span {font-size:1em; font-style:normal; font-weight:normal; color: #333333;}




/*************************************************************************************
***************************  -- CATEGORY TABLE class-- END ---*****************************
**************************************************************************************/


/************************************************************************************
*********************--- ARTAPART Bullet Lists ---- *****************************/


ul.artapart_list {
margin:0px;
padding:0px;
font-style:normal;
list-style:none;
display:block;
text-indent: 0px;
text-align: left;
float:left;
}

ul.artapart_list li {
background-image: url("/img/nav/arrow.gif");
background-repeat:no-repeat;
background-position: 0.5em 0.1em; /*distance of image from left margin */
margin:0px;
padding:0px;
margin-bottom:0.3em;
padding-left:20px;/*distance of text from left margin */
display:list-item;
}

ul.artapart_list li.press_nug {margin-bottom:0.5em; }

/******************************************************************************







/*********************  TABLE SORTER CSS ****************************************************************************************/
table.jquery { padding: 0px; 	height: auto; 	margin-left: 0px; width:100%;}  

table.jquery th {font-weight: bold; font-size:1.1em; color: #FFF; padding: 4px; padding-left:12px; 
border-top: #111 1px solid; 
border-bottom: #111 1px solid; 
background:url(/img/bkgr/grey_stripes.jpg) repeat-x #272727;
}  

table.jquery img { padding:4px; }  

table.jquery th.no_filter {padding-left:6px; background-color:#fff; color:#000000;  }  

table.jquery td { padding-left:5px; 	height: auto; 	margin-left: 0px; border-bottom:#CCCCCC solid 1px; }  
table.jquery td a.small{ font-size:0.8em;}  
table.jquery tr.line_through td{ font-style:italic; text-decoration:line-through; color:#666;} 
table.jquery tr.withpad td{ padding:2px; padding-left:5px;}  


table.jquery tr {  	font-weight: normal; 	color: #222; 	padding-left: 4px; 	border-top-color: #CCCCCC; border-top-width: 1px; 	border-left-style: none; 	border-right-style: none; 	border-top-style: solid; 	border-bottom-style: none; 	
/* background-image:url(img/bkgr/tr_grey_grad.gif) 	*/ 	}    

.highlight{ font-weight:bold;} 

table.jquery tr.even{background: #F4F1EC;}
table.jquery tr.odd{background: #FBFAF9;}
table.jquery tr.list_tr_over{background: #F0F0EC;}


/*********************  END TABLE SORTER CSS ****************************************************************************************/



/***************   NAVIGATION LIST LINKS  ************************************************/


#record_navigation {font-size:0.9em; }
#record_navigation a {font-weight:bold;}
#record_navigation span.span_left {float:left; font-weight:bold;}
#record_navigation span.span_right {float:right;}

/**************************************************************************/


/************************* -- IMAGE GALLERY --- **************************************************/


hr.photo_galery{ border: #807B88 2px solid; margin-bottom:5px; margin-top:5px;}
 
.car_category_logo a:link,
.car_category_logo a:active,
.car_category_logo a:visited{
margin:8px;
padding:0px;
border: none;
font-size:1.1em;
font-weight:600;
text-align:center;
text-decoration:none;
float:left;
background: #FFFFFF;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.75;}


.car_category_logo a:hover {
margin:8px;
padding:0px;
border: none;
text-align:center;
text-decoration:none;
font-size:1.1em;
font-weight:600;
float:left;
background:#FFFFFF;
filter:alpha(opacity=99);
-moz-opacity:0.99;
opacity:0.99;
}

div.photo_container {float:left; height:110px; background:#FFFFFF;}

div.car_thumb_frame {margin:4px; /*padding:6px;*/ float:left; background:url(/img/bkgr/photo_frame_bkg.jpg) repeat #EBECF1; width:120px;  }
div.car_thumb_frame_hover {margin:4px; /*padding:6px;*/ float:left; background:#FF9900; width:120px;}
 

div.car_thumb_frame img{margin:4px; padding:0; border: #999 1px solid; display:block; }

div.car_thumb_frame_hover img{margin:4px; padding:0; border: #999 1px solid; display:block;}

div.img_sold { position:absolute; width:110px; height:25px;
background: url(/img/bkgr/sold_img.jpg) top left no-repeat; z-index:1300; margin-left:5px; margin-top:5px;}


div.car_profile_frame {margin:4px; float:right; background:#fff; width:auto; border:1px solid #333;  }
div.car_profile_frame img{margin:2px; padding:0; border: #333 1px solid; display:block;}
/*********************  ADMIN LOG IN  ***************************/

.login_area {
	margin-top:100px;
	position:relative;
	width:400px;
	margin-left:auto;
	margin-right:auto;
	color:#444444;
	padding:2px;
	text-align: center;
	background:#FFFFFF;
	border:#FF9900 2px dashed;

}

.login_area table{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:80%;
}

.login_area label{ color:#333;}

/*********************  ADMIN LOG IN  ***************************/

/***********************************************************************************************************************/
/*********************************************  MX KOLLECTION CSS **************************************************/
/***********************************************************************************************************************/

/* Special items : error containers, field hints, required table cell  */
	.KT_field_error {	color:#800000;
		font-weight: bold;
		clear:left;
		background: #FFFFCC;
		border: #800000 1px dashed;
		padding:4px;
		margin:3px;}
	
	.KT_field_hint {
		color:#0000cc;
		font-size: 10px;
	}
	.KT_tngtable td.KT_required {
	}
	/* span containing the "*" for required field labels */
	.KT_tngtable label span.KT_required {
		padding: 0 2px;
		color: #cc0000;
		font-family: Courier New, Courier, monospace;
		font-weight: normal;
	}


/* The client-side error displaying */

	/* How the label should change on error */
	.form_validation_field_error_label {
		/* color:#cc0000; */
	}

	/* How the input's container (TD) should change on error */
	.form_validation_field_error_container {
		/* border: 2px solid black; */
	}

	/* How the input textfield should change on error */
	.form_validation_field_error_text {
		/* border:2px solid #cc0000; */
	}

	/* The actial error message style */
	.form_validation_field_error_error_message {
		color:#800000;
		font-weight: bold;
		clear:left;
		background: url(/img/navigation/delete.gif) 1% 20% no-repeat #F7F5E1;
		border: #800000 1px dashed;
		padding:2px;
		margin:2px;
		float:none;
		text-align:right;
	}
	form.form_validation_form_error table {
		border: 2px solid red;
	}

/* The server-side error displaying */
/* topmost error div */
#KT_tngerror {
	padding: 5px 10px 5px 50px;
	margin:5px;
	font-weight:bold;
	color: #CC0000;
	font-size: 12px;
	border:1px solid red;
	background-color:#FFFFE4;
	background-image:url(images/error.gif);
	background-repeat:no-repeat;
	background-position:left;
}

/* trace container ( iniitally collapsed), and "Submit this to InterAKT... " area */
#KT_tngdeverror, #KT_tngtrace {
	padding: 5px 10px 5px 5px;
	margin:5px;
	border:1px solid black;
	font-family:Courier, sans-serif;
	font-size: 12px;
	background-color:#FAFAFA;
}

	/* alignment and borders for the form submit buttons */
	#KT_tngdeverror #KT_needhelp {
		text-align: right;
	}

	#KT_tngdeverror label, #KT_tngtrace label {
		display: block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
	}

	#KT_tngtrace ul {
		padding-left:10px;
		margin-left:10px;
	}

	#KT_tngtrace_details {
		display: none;
	}

#KT_tngwarning {
	padding: 10px 10px 10px 50px;
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #0000CC;
	font-size: 12px;
	border:1px solid blue;
	background-color:#E4FFFF;
	background-image:url(images/warning.gif) ;
	background-repeat:no-repeat;
	background-position:left;
}


/************************************************************************************************************/
