/* Stylesheet created for Alexanders Motor Company by Jason Millward 07/02/07 */

/* GENERAL STYLES*/

*{margin:0; padding:0;}

html{font-size:100%;}

body{font-size:62.5%;  color:#ffffff; background-color:#C7EAFE;}

#wrapper{font:1.2em/1.3em Arial; width:768px; margin-left:auto; margin-right:auto; padding-top:10px;}

p{margin-bottom:1em;}

h1 { margin-top: 0; margin-bottom:10px; font-size:1.6em;}

h2{font-size:1.2em;}

a, a:active, a:visited {color:#F3701A; text-decoration:underline;}

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

/* MASTHEAD */

#masthead { width:768px; height:67px; background:url(../images/background_header.png) no-repeat; }

#logo { position:relative; left:10px; top:10px; width:193px; float:left;}

#awards { position:relative; left:0px; top:2px; width:111px; float:left;}

#telnumbers{float:right; width:360px; height:40px;  padding-top:10px;}

.callnow{float:left; width:180px;}

.twentyfourhour {float:right; width:180px;}

#welcome {width:708px; height:15px; padding:15px 30px 15px 30px; color:#FFFFFF; font-size:2em; text-transform:capitalize; background-color:#282061; }

.orange{ color:#F3701A; text-transform:capitalize; font-size:1.3em; font-weight:bold; line-height:20px; }

.orange_form{ color:#F3701A; text-transform:capitalize; font-weight:bold;  }

.telnumbers{color:#282061; font-size:1.9em; font-weight:bold;}

.terms {float:right; padding-right:15px; padding-top:3px; color:#282061; font-size:1.1em;}

#top_content{ width:768px; height:158px; border-bottom:1px solid #7BB7E0;}

#left_column{ float:left; width:120px; height:158px; }

#main_image {width:648px; height:158px; float:right;}

/*HOMEPAGE IMAGES */

#images{ width:768px; height:277px;  border-bottom:1px solid #F3701A; border-top:1px solid #F3701A;}

#stock {width:268px; height:277px;float:left; border-right:1px solid #F3701A;}

#bodyshop{height:138px; width:230px; float:left; border-bottom:1px solid #F3701A;}

#figaro{height:138px;width:230px;}

#prestige{width:268px; float:right; height:277px; border-left:1px solid #F3701A;}

#center_images{width:230px; float:left;}

/*LINKS AND NAVIGATION */

	/*TOP NAVIGATION */

#navigation {  width:768px;  height:20px; background-color:#7BB7E0; font-size:1.2em; font-weight:bold; text-align:center; text-transform:uppercase;  }

#navigation ul{ list-style-type:none;  }

#navigation li{width:192px; height:20px;  display:block; float:left;}

#navigation li a { display:block; width:192px; height:18px; padding-top:2px; color:#ffffff; text-decoration:none; }

#navigation li a:hover { width:192px; display:block; height:18px; padding-top:2px; color:#ffffff; text-decoration:none; background-color:#F3701A; }

	/*LEFT NAVIGATION */

#left_nav {font-size:1.0em; line-height:16px; height:158px; text-decoration:none; background-color:#302867; font-weight:bold; border-right:1px solid #7BB7E0;}

#left_nav ul {list-style-type:none; padding: 8px 0px 0px 10px;}

#let_nav li {list-style-type:none;}

#left_nav li a {text-decoration:none; color:#7BB7E0; text-transform:capitalize;}

#left_nav li a:hover {text-decoration:none; color:#ffffff; text-transform:capitalize;}

body#mainpage a#navmainpage, body#contactus a#navcontactus, body#about a#navabout, body#list a#navlist, body#gallery a#navgallery, 
body#findus a#navfindus, body#opening a#navopening, body#buycar a#navbuycar, body#about a#navabout, body#staff a#navstaff  {color:#F3701A;}

/* TEXT AND LAYOUT */

#wrapper_content { background: #302867 url(../images/background_maincontent.gif) repeat-y right;}

#header { background: #C7EAFE; }

#container { width: 768px; background: #302867 url(../images/background_maincontent.gif) repeat-y right; }

#content { background-color:#302867; float:right; width:428px; padding:38px 10px 10px 10px; }

#content_fullwidth { background-color:#302867;  width:748px; padding:10px 10px 10px 10px; }

#content_fullwidth_list { background-color:#302867;  width:748px; padding:10px 2px 10px 5px; }

#sidebar {width: 300px; float: left; padding:10px; }
	
#footer { background-color:#C7EAFE; height: 67px;}
#footer { background-color:#C7EAFE; text-align: right;}

.last { margin-bottom: 0;}

.clearing { height: 0; clear: both;}

/* MAINPAGE LAYOUT */

#stockedbrands {width:119px; height:356px; float:left; border-right: 1px solid #7BB7E0; background-color:#302867;}

#mainpage_content_fullwidth { background-color:#302867; width:768px;}

#mainpage_content {
	width:644px; 
	float:left;  
	padding:10px 2px 0px 2px; 
	background-color:#302867;
	background-image:url(../images/maincontentbackground.png);
	background-position: bottom right;
	background-repeat:no-repeat;
	overflow:hidden;

}

#main_left_column{float:left; width:210px; height:336px; padding:0px 2px 0px; background-color:#302867; clear:none;}

#main_centre_column{float:left; width:210px; height:336px; padding:0px 2px 0px; background-color:#302867; clear:none;}

#main_right_column{float:right; width:210px; height:336px; padding:0px 2px 0px;  background-color:#302867; clear:none;}

#search{background:url(../images/background_carsearch.gif) no-repeat top left; height:186px; width:205px; padding:32px 0px 3px 5px; margin-bottom:1px;}

#deal{background:url(../images/background_deal.gif) no-repeat top left; height:220px; width:208px; padding-bottom:3px;}

#deal ul { list-style:none; line-height:20px; }

#deal a { color: #302866; text-decoration: none;}

#deal a:hover { color: #ffffff; text-decoration: none;}

#deal h3 {font-size:1.0em; }

#deal h1 { margin-bottom: 0;}

#testdrive {height:107px; width:208px; padding-bottom:3px;}

#introduce_friend{height:107px;width:208px; padding-top:3px;}

#newsletter{height:107px;width:208px; padding-top:3px;}

#care_centre{height:107px;width:208px; padding:3px 0px 3px 0px;}

#view_deals{height:107px; width:208px; padding-top:3px;}

#alexanderlimo { float:left; width:100%; height: 55px; }

.search_btn{ background:url(../images/btn_search.gif) no-repeat top left;  width:103px; height:22px; margin-top:5px; border:0px; cursor:pointer;}

.search_form{ text-align: left; width:210px; height:218px; overflow:hidden;}

#search_form div {margin-bottom:10px;  }

#search_form label {text-align:left; font-weight:bold; font-size:1.2em; margin-bottom:3px;}

.model{font-size:0.9em;}

/* FORMS */

#testdriveform {float:right; clear:both; position:relative; left:100px; top:100px;}

label {float: left; width:170px; text-align:right;}

#form1 div, #form2 div {clear:left; margin-top:10px;}

.text {padding: 0.1em;width:220px; border: 1px solid #ffffff; margin-left:10px; color:#302867;}

.btn {background: url(../images/btn_send.jpg); width:41px; height:58px; border:0px; margin-left:180px; cursor:pointer;}

.btn_testdrive {background: url(../images/btn_send.jpg); width:41px; height:58px; border:0px; text-align:right; cursor:pointer;}

.error{color:#ff0000; margin-left:182px; padding-top:10px; }

.radio_btn {padding-left:20px;}

.asterix{color:#ff0000;}

.asterix_testdrive{color:#ff0000; text-align:right;}

.required{margin-left:182px;}


/* CAR STOCK LIST */

.makeandmodel{color:#ffffff; font-weight:bold; font-size:1.3em;}

.header_description {color:#F3701A; font-weight:bold; font-size:1.2em; padding-left:10px;}

.details{ color:#FFFFFF; font-weight:bold; font-size:1.0em; }

.description {color:#F3701A; font-weight:bold; font-size:1.2em;}

#details_table { border:2px solid #7BB7E0; float: left; width: 50%; margin-right: -1px;}

#car_details img {border:0px;}

.paging_btn {text decoration:none; border:0px; color:#7BB7E0; position:relative; top:6px;}

.paging_btn a, paging btn a:hover {text decoration:none; border:0px; color:#7BB7E0;}

/*alexanders staff */

.alexanders_staff {width:124px; float:left; margin-bottom:10px;}

.staff_picture{border:1px solid #7BB7E0;}

.position{color:#7BB7E0; font-weight:bold; margin:0;}

/*details pages */

#additional_images{position:absolute; z-index:10; left:200px; top:300px;}

#testdriveform {float:right; clear:none;}

/*find us */

#direction_details {float:right; width:225px; padding:10px;}

/* list of cars */

#list_data {width:748px;}

.list_nocars {width:748px; color:#ff0000; text-align:center;}

.list_outer{float: left; width: 365px; height:181px; margin-right: -1px; margin:10px 3px 10px 0px; border:2px solid #7BB7E0; }

.list_makemodel{ width:359px; height:14px; clear:both; background-color:#7BB7E0; padding:3px;}

.list_makemodel a, .list_makemodel a:hover, .list_makemodel a:visited, .list_makemodel a:active { font-size:1.3em; color:#FFFFFF; font-weight:bold; text-decoration:none; }

.list_picture{width:215px; float:left; border-right:2px solid #7bb7e0; height:170px; background-color:#7bb7e0;}

.list_picture img {border:0px;}

.list_details{width:132px; padding-left:10px; float:right; padding-top:2px; height:158px;}

.list_details div {max-width:144px; margin-bottom:2px; color:#7BB7E0; font-weight:bold; font-size:1.1em;}

.clearer { clear: both; }

.paging {clear:left;}

/* details page */

#details_outer{width:736px; }

#details_info { color:#F3701A; font-weight:bold; font-size:1.2em; float:left; width:140px; margin-top:18px; padding-right:10px; }

#details_testdrive{ float:right; width:270px; margin-top:18px;}

#details_testdrive div {float:left; width:270px; }

#details_testdrive label{float:left; width:50px; text-align:right; }

#details_additionalimages{float:left; margin:10px 10px 0px 0px;}

#details_mainimage {font-size:1.3em; color:#FFFFFF; font-weight:bold; text-decoration:none; padding:5px; width:300px; float:left;}

#details_mainimage img {border:0px;}

#details_description {margin-top:10px; width:738px; clear:both;}

.text_details {width:180px; margin-bottom:3px; font-size:0.8em; border:1px solid #ffffff; margin-left:10px; color:#302867; font-size:0.9em; font-family:Arial, Helvetica, sans-serif;}

.details_description {color:#F3701A; font-weight:bold; font-size:1.2em; }

#details_main{width:748px; }

.dealoftheweek{margin-top:22px; margin-left:2px;}

#right {float:right; width:40%;padding-left:20px;}

#left {float:left; width:40%; padding-left:20px;list-style-position:outside; margin-bottom:10px;}

/* Gallery Page */

.gallerycontainer{
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
}

.galleryimage {
	width: 175px;
	display:table-cell; 
	display:inline-table; 
	display:inline-block;
	vertical-align:top;
}

.staffimage {
	width: 100px;
	display:table-cell; 
	display:inline-table; 
	display:inline-block;
	vertical-align:top;
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}


#siteinfo{width: 768px; font-weight:bold; font-size: 12px; text-decoration:none; text-transform:lowercase; text-align:right;}
.orange {color:#E17203; font-weight:bold; font-size: 12px; text-transform:lowercase; text-decoration:none;}

.orange a {text-decoration:none;}

.black {color:#000; font-size: 12px; text-decoration:none;}