/***********************************************/
/*************** LIGHTBOX STYLING **************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;

	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.car-almighty.com/js/lightbox/images/overlay.png); }

* html #overlay{
    background-color: #333; 
	background-color: transparent; 
	background-image: url(http://www.car-almighty.com/js/lightbox/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.car-almighty.com/js/lightbox/images/overlay.png", sizingMethod="scale");
	}

/********** END of LIGHTBOX STYLING ************/
/***********************************************/

/*************TOP RH CORNER CONTENT*************/
/***********************************************/


#div-rh-corner {
 position:relative;
 top:110;
 right:0;
 width:200px;
}


/*********END OF TOP RH CORNER CONTENT**********/
/***********************************************/




/* This sectino needs tweaking to help the unordered lists flow across a page as well as down.

ul {
  float: left;
  width: 12em;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
li {
  float: left;
  width: 6em;
  margin: 0;
  padding: 0;
} 
*/ 

ul.2col { width: 400px;   list-style-type:none;}
ul.4col { width: 800px; }
li.ctrl_flow { float: left; width: 180px; margin: 0px 20px 0px 0px; padding: 0px; }
li.no-bullets {list-style-type:none;}

body
{
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	font-family: Trebuchet MS, Verdana, DejaVu Sans;
	font-size: 14px;
	background-color: grey;
	width: 1000px;
 	border-right: thin solid yellow;
	border-left: thin solid yellow;
}

h1 
{
	font-size: 34px;
	color: #333333;
	margin-left: 00px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.head_a:link	
{
	color: #333333;
	text-decoration: none;
}

.head_a:visited
{
	color: #333333;
	text-decoration: none;
}

.head_a:active 
{
	color: #333333;
	text-decoration: none;
}

.head_a:hover	
{
	color: #333333;
	text-decoration: underline;
}

h2
{
	font-size: 20px;
	color: #333333; 
	margin-left: 00px;
	margin-top: 10px;
	margin-bottom: 0px;
}

h3
{
	font-size: 14px;
	color: #333333;
	margin-left: 00px;
	margin-top: 10px;
	margin-bottom: 0px;
/*	max-width: 200px; */
}

h4
{
	font-size: 1em;
}

div#popular_box
{
	border: thin solid lightgrey;
	float: right;
	padding: 5px;
	margin-left: 10px;
	background-color: white;
}

span#popular_head
{
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #333333;
}

div#manufacturer_info
{
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
	color: black;
	padding: 5px;
	text-align: justify;
	clear: both;
	background-color: white;
}

div#list_box
{
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
	color: black;
	padding: 5px;
	text-align: justify;
	clear: both;
	background-color: white;
}

.list_item_large
{
	font-size: 16px;
	font-weight: bold;
}


div#feedback_div
{
	position: fixed;
	top: 0px;
	z-index: 100;
	left: 320px;
	right: 320px;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	vertical-align: middle;
	overflow: hidden;
	padding-top: 2px;
	background-color: red;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	opacity:.65;
	filter: alpha(opacity=65);
}

img.border {
border: 1px solid grey ;
padding: 5px 5px 5px 5px ;
background-color: white;
}

.header_div {
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
	letter-spacing: normal;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
	clear: none;
	float: none;
	height: 80px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url( images/site/head_bg.png);
	overflow: hidden;
	margin-bottom: 0px;
}

/* ---Redundant--- */
.header_div #logo_circles {
	position: absolute;
	left: 12px;
	top: 0px;
}

.header_div #login_out_area
{
	position: relative;
	z-index: 10;
	margin-right: 4px;
	margin-top: 4px;
	height: 66px;
	float: right;
	font-size: 11px;
	color: #9d9fa1;
	text-align: justify;
	border: 1px dashed #9d9fa1;
	padding: 2px;
	overflow: hidden;
}

.header_div #login_out_area input
{
	font-size: 10px;
	width: 100px;
	margin-bottom: 4px;
}

.header_div #login_out_area span
{
	color: #c66300;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	cursor: pointer;
	text-transform:capitalize;
	font-variant: small-caps;
}

.header_div #login_out_area span:hover
{
	color: #ffffff;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	cursor: pointer;
	text-transform:capitalize;
	font-variant: small-caps;
}

.header_div #site_title
{
	position: relative;
	z-index: 5;
	left: 20px;
	top: -5px;
	font-size: 48px;
	text-transform: capitalize;
	font-variant: small-caps;
}

.site_title_darker
{
	color: #808284;
}

.site_title_lighter
{
	color: #9d9fa1;
}

.site_title_highlight
{
	color: #bcbec0;
}

.header_div #site_menu
{
	position: relative;
	z-index: 4;
	left: 10px;
	top: -10px;
	font-size: 18px;
	text-transform: capitalize;
	font-variant: small-caps;
	color: #9d9fa1;
}

.nav_div
{
	background-attachment: scroll;
	background-image: url(images/site/sub_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 25px;
	width: 100%;
	position: static;
}

.nav_div select
{
	top: 1px;
	position: relative;
}






.sub_text {
	/*font-family: "Trebuchet MS", Verdana;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #636466;
	bottom: 3px;*/
	position: relative;
	left: 8px;
}

.sub_arrows
{
	/*font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	position: relative;
	bottom: 1px;*/
}

.select_box
{
	/*font-family: "Trebuchet MS", Verdana;
	font-size: 14px;
	position: relative;
	bottom: 2px;*/
}

.select_box_disabled
{
	/*font-family: "Trebuchet MS", Verdana;
	font-size: 14px;
	position: relative;
	bottom: 2px;*/
}

.editor_titlebar
{
	background-image: url(images/site/head_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	color: #9d9fa1;
	width: 100%;
	border: none;
}

.editor_section
{
	background-color: white;
	color: #333333;
	cursor: text;
	border: solid 1px black;
	width: 200px;
}

.clickable
{
	cursor: pointer;
	color: #c66300;
}

.draggable
{
	cursor: move;
}

.editor_titlebar div
{
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	color: #bcbec0;
	cursor: move;
	font-weight: bold;	
}

#homepage {
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
	width: auto;
	color: black;
	padding: 5px;
	text-align: justify;
	background-color: white;
	}
	
#about_page {
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
	width: auto;
	color: black;
	padding: 5px;
	text-align: justify;
	background-color: white;
	}
	
#contact_page {
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
	width: auto;
	color: black;
	padding: 5px;
	text-align: justify;
	background-color: white;
	}
	

#car_images-only {
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
	width: auto;
	color: black;
	padding: 5px;
	text-align: justify;
	background-color: white;
	}
	
#car_reviews {
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
	width: auto;
	color: black;
	padding: 5px;
	text-align: justify;
	background-color: white;
	}

	
.images-only-images
{
margin-left: 175px;
}	

	
#car_suggest-cars {
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
	width: auto;
	color: black;
	padding: 5px;
	text-align: justify;
	background-color: white;
	}


#carinfo {
	/* background: GhostWhite; */
	/*border-top: 1px solid yellow;
	border-bottom: 1px solid yellow; */
	width: 500;
	color: black;
	padding: 5px;
	text-align: justify;
	background-color: white;
	}

			.car_info_float_left {
			float: left;
			padding: 2px 10px 10px 10px;
			background-color: white;
			width: 200px;
			}

.car_info_float_right
{
	float: right;
	/*padding: 2px 10px 10px 10px;*/
	background-color: #e7e7e7;
	width: 550px;
	height: 328px;
	border: solid 1px grey;
	margin-bottom: 25px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
}
			
			.car_info_float_top_right {
			float: right;
			padding: 8px 5px 10px 10px;
			margin-left: 15px;
			background-color: white;
			width: 70px;
			}

.tab_selected
{
	background-color: #ffffff;
	border-left: solid 1px #c7c7c7;
	border-right: solid 1px #c7c7c7;
	border-top: solid 1px #c7c7c7;
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.tab_deselected
{
	background-color: #aaaaaa;
	border: solid 1px #c7c7c7;
	margin-top: 2px;
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 1px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.tab_content
{
	border: solid 1px #c7c7c7;
	background-color: #ffffff;
	height: 265px;
	width: 540px;
	overflow: auto;
	position: absolute;
	z-index: 1;
	margin-top: 25px;
	/*padding: 5px;*/
}

.extracarinfo {
	/* background: GhostWhite; */
	/*border-top: 1px solid yellow;
	border-bottom: 1px solid yellow; */
	color: black;
	padding: 3px;
	width:auto;
	background-color: white;
	
	}
	
			.extra_info_float_left {
			background-color: white;
			width: 98%;
			padding: 4px;
			margin-right: -10px;
			float: left;
			}

			
	
.footer_div
{
	background-attachment: scroll;
	background-image: url(images/site/sub_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 25px;
	width: 100%;
	margin-top: 0px;
	clear: both;
	text-align: center;
}

br.clear-both
{
	clear: both;
}

button
{
	background-color: LightGrey;
}

a:link	
{
	color: #C66300;
	text-decoration: none;
}

a:visited
{
	color: #C66300;
	text-decoration: none;
}

a:active 
{
	color: #C66300;
	text-decoration: none;
}

a:hover	
{
	color: #C66300;
	text-decoration: underline;
}

.inline
{
	display: inline;
}

h1.editable_inactive
{
	background-color: #ffffff;
}

h1.editable_active
{
	background-color: #efefef;
}

div.section_inactive
{
	background-color: #ffffff;
	margin-top: 15px;
	padding-bottom: 40px;
}

div.section_active
{
	background-color: #efefef;
	margin-top: 15px;
	padding-bottom: 40px;
}

div.section_nested_inactive
{
	padding-left: 50px;
	background-color: #ffffff;
	margin-top: 15px;
	padding-bottom: 40px;
}

div.section_nested_active
{
	padding-left: 50px;
	background-color: #efefef;
	margin-top: 15px;
	padding-bottom: 40px;
}

.edit_toolbar
{
	padding-top: 5px;
	/*float: right;*/
	cursor: pointer;
	color: #c66300;
	border: thin solid lightgrey;
}

.sortable_list {
    list-style-type : none;
    margin : 0;
}
.sortable_list li {
    border : 1px solid #000;
    cursor : move;
    margin : 2px 0 2px 0;
    padding : 3px;
    background-color : #f7f7f7;
    border : #ccc;
    width : 400px;
}

.row_dark
{
	background-color: #d7d7d7;
	vertical-align: middle;
}

.row_light
{
	vertical-align: middle;
}

.row_hover
{
	background-color: #333333;
	color: #ffffff;
	vertical-align: middle;
}

.image_comments_container
{
	margin-left: auto;
	margin-right: auto;
	background-color: #e7e7e7;
	text-align: right;
	margin-top: 5px;
	border: solid 1px #b7b7b7;
	margin-bottom: 25px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

.comments_dark
{
	background-color: #d7d7d7;
	border: solid 1px #d7d7d7;
	margin-bottom: 4px;
	padding: 4px;
}

.comments_light
{
	border: solid 1px #d7d7d7;
	margin-bottom: 4px;
	padding: 4px;
}

.image_comments_date
{
	font-size: 11px;
	color: #555555;
}

.car_content
{
	margin-left: 10px;
	margin-right: 10px;
	border: dashed 1px #d7d7d7;
}