//Add all styles that are specific to the front end of the site only
//Any global font styles that you want accessible in the admin tool should be placed in style.css

/***********************
*                      *
* MAIN TEMPLATE STYLES *
*                      *
************************/
body {width:100%;}

#siteContainer{margin-left:auto;margin-right:auto;width:940px}
#logo {text-align:center;}
#audiLogos .fleft {float:left}
#audiLogos .fright {float:right}

#logoMaster {}
	.leftMaster {float:left;}
	.rightMaster {float:right;margin-top:10px;}
	.rightMaster img{display:block;}
#menu {width:940px;height:24px;background-image:url(/global/bg_menu.gif);background-repeat:no-repeat;margin:0px 0px 10px 0px;}
#contentContainer {border:0px solid #000;height:100%;}
#footerContainer {background-image:url(/global/bg_gr_btm.jpg);background-repeat:no-repeat;height:224px;}
#footer {color:#666666;font-size:10px;text-align:right;padding:5px 0px 0px 0px;}
#footer a, visted {color:#666666;font-size:10px;}
#footer hover {color:#666666;text-decoration:underline;font-size:10px;}

.left {float:left;border:1px solid #383838;width:293px;height:258px;}
.right {float:right;border:1px solid #383838;width:634px;height:258px;background-color:#FFF;}
.logoContainer {width:938px;height:78px;border:1px solid #383838;background-color:#FFF;margin:10px 0px 0px 0px;}
.audiBottom {width:938px;padding:10px 0px;border:1px solid #383838;background-color:#FFF;margin:10px 0px 0px 0px;text-align:center}
.arrow {float:left;vertical-align:middle;padding-left:20px;}
.logo {float:left;padding-left:45px;}

.contentHome {height:258px;}

.contain {clear:both;dislpay:block;}

h1 {font-size:16px;margin:10px 0px 10px 0px;}
h2 {}
h3 {}
h4 {}
h5 {}

/************************
*                       *
* SIDEBOXES STYLES      *
*                       *
************************/

#login {border:1px solid #000;width:178px}
#login h3 {background-color:#BBB;font-size:14px;width:100%;color:#FFF;padding:2px 0px 2px 0px;text-align:center;margin-top:0px}

#sideNav {float:left;width:180px;height:100%;border-right:1px solid #999;}
	.sideNavLogo {margin:10px 0px 10px 0px;text-align:center;}
	.book {float:left;width:180px;text-align:center;margin-top:20px;}
#sideNav h3 {background-color:#BBB;font-size:14px;width:100%;color:#FFF;padding:2px 0px 2px 0px;text-align:center;margin-top:0px}
#sideNav ul {margin:0px;padding:0px 0px 0px 0px;list-style:none;border:0px solid #999;}
#sideNav li {padding:3px 0px 3px 0px;border-top:1px solid #CBCBCB;float:left;display:block;list-style:none;}
#sideNav li.overWrite {padding:3px 0px 3px 0px;color:#FFF;float:left;display:block;list-style:none;background-color:#333;width:180px;}
#sideNav li.link_prim, li.link_sec, li.inactive_sec, li.inactive_prim{width:180px;list-style:none;}
#sideNav li.inactive_prim {background-color:#333;color:#FFF;}
#sideNav li.link_prim, li.inactive_prim{background:#FFF; list-style:none;}
#sideNav div.rolledover, li.rolledover{background:#023881;color:#ffffff;font-weight:bold;}
#sideNav li.link_sec{background:#EDF0EE;list-style:none;}
#sideNav li.inactive_sec{background:#999;color:#FFF;list-style:none;}
#sideNav span.dot_link_sec,span.dot_inactive_sec{display:none }

/*search*/
#search .text {float:left;padding-right:5px}
#search .input {float:left}
#search {background-color:#EEE333;padding:2px 2px 2px 2px;}

/************************
*                       *
* MODULE STYLES         *
*                       *
*************************/

.titleBanner {width:100%;background-color:#CCC;text-align:center;padding:5px 0px 5px 0px;font-weight:bold;}
.searchButton {margin-top:10px;}

/*new car category*/
#newCarCategory {}
	#newCarCategory .logo {float:left;padding-left:18px;margin-top:80px;}
	
/*used car results*/
#usedCarResults {background-color:#FFF;border-top:1px solid #393939;border-bottom:1px solid #393939;}
	#usedCarResults .message {font-size:14px;padding:20px;font-weight:bold;height:300px}
	#usedCarResults .message a {font-size:14px;}
	#usedCarResults .paging {background-color:#CCC;height:25px;border:0px solid #000;}
	#usedCarResults .pagingLeft {float:left;border:0px solid #000;margin:0px 0px 0px 0px;}
		#usedCarResults .pagingLeftLeft {float:left;margin:3px 0px 0px 0px;margin-left:10px;}
		#usedCarResults .pagingLink {float:left;margin:5px 0px 0px 0px;margin-left:10px;}
		#usedCarResults .pagingLeftLeftBreak {float:left;margin:3px 0px 0px 0px;margin:8px 0px 0px 10px;}
		#usedCarResults .pagingLink a,visited, hover{text-decoration:underline;color:#000;}
	#usedCarResults .pagingMiddle {float:left;border:0px solid #000;width:570px;height:100%;margin:7px 0px 0px 0px;}
	#usedCarResults .pagingRight {float:right;margin:3px 0px 0px 0px;}
	#usedCarResults .sellLine{padding-left:0px;}
    #usedCarResults .sellLine div{padding-left: 10px; padding-right: 3px;}
    #usedCarResults .sellLine a,visited{font-size:14px;color:#666;}
	
/*saved list*/
#savedList {background-color:#FFF;border-top:1px solid #393939;}
	#savedList .paging {background-color:#CCC;height:25px;border:0px solid #000;}
	#savedList .pagingLeft {float:left;border:0px solid #000;margin:0px 0px 0px 0px;}
		#savedList .pagingLeftLeft {float:left;margin:3px 0px 0px 0px;margin-left:10px;}
		#savedList .pagingLink {float:left;margin:5px 0px 0px 0px;margin-left:10px;}
		#savedList .pagingLeftLeftBreak {float:left;margin:3px 0px 0px 0px;margin:8px 0px 0px 10px;}
		#savedList .pagingLink a,visited, hover{text-decoration:underline;color:#000;}
	#savedList .pagingMiddle {float:left;border:0px solid #000;width:570px;height:100%;margin:7px 0px 0px 0px;}
	#savedList .pagingRight {float:right;margin:3px 0px 0px 0px;}
	#savedList .sellLine{padding-left:10px;}
	#savedList .sellLine a,visited{font-size:14px;color:#666;}
	
/*new car details*/
#newCar {background-color:#FFF;border-top:1px solid #393939;border-bottom:1px solid #393939;height:100%;}
	
	#newCar .newLeft{float:left;width:185px;border:1px solid;}
	#newCar .nav{margin-bottom:10px;}
	#newCar .newMiddle{float:left;width:400px;margin:0px 14px 14px 14px;border:0px solid;}		
	#newCar .newRight{float:left;width:310px;border:0px solid;}
		#newCar .newThumbLeft {float:left;}
		#newCar .newThumb {float:left;margin:0px 0px 0px 10px;}
		#newCar .title{font-size:16px;margin:10px 0px 10px 0px;}
		#newCar .desc{}	
		
/*new car dealer details*/
#newCarDeal {background-color:#FFF;border-top:1px solid #393939;border-bottom:1px solid #393939;height:100%;}		
	#newCarDeal .newLeft{float:left;width:185px;border:1px solid;}		
	#newCarDeal .newMiddle{float:left;width:400px;margin:10px 14px 0px 14px;border:0px solid;}		
	#newCarDeal .newRight{float:left;width:310px;border:0px solid;text-align:right;}
		#newCarDeal .top {margin:0px 0px 0px 0px;border:1px solid #999;width:278px;}
		#newCarDeal .bottom {margin:10px 0px 10px 0px;border:1px solid #999;width:278px;}
		
/*book car dealer details*/
#bookCar {background-color:#FFF;border-top:1px solid #393939;border-bottom:1px solid #393939;height:100%;}
	#bookCar .newLeft{float:left;width:185px;border:1px solid;}		
	#bookCar .newRight{float:left;border:0px solid;margin:10px 14px 0px 14px;}
		#bookCar .top {margin:0px 0px 0px 0px;border:1px solid #999;width:278px;}
		#bookCar .bottom {margin:10px 0px 10px 0px;border:1px solid #999;width:278px;}
		#bookCar td {padding-bottom:3px;}
	
/*used car details*/
#usedCar {background-color:#FFF;border-top:1px solid #393939;border-bottom:1px solid #393939;height:100%;}
	#usedCar .nav{margin-bottom:10px;}
	#usedCar .usedLeft{float:left;width:296px;margin:0px 0px 0px 22px;border:0px solid;}
	#usedCar .usedLeftEnquires{float:left;width:296px;margin:0px 0px 0px 17px;border:0px solid;}
		#usedCar .title{font-size:16px;margin-bottom:10px;}
		#usedCar .desc{}
		#usedCar .featuresTitle{height:18px;color:#FFF;padding:4px 0px 0px 10px;background-color:#666;margin:10px 0px 10px 0px;}
		#usedCar .features{padding:0px 0px 0px 10px;}
	#usedCar .usedMiddle{float:left;width:280px;margin:0px 10px 0px 13px;border:0px solid;}
		#usedCar .thumbs{margin-top:5px;}
	#usedCar .usedRight{float:left;width:295px;border:0px solid;}
		#usedCar .usedCarTable{border:1px solid #666;width:295px;}
		#usedCar .usedCarTable td{border:1px solid #666;padding-left:10px;height:22px;}
		#usedCar .titleTable{background-color:#666;height:18px;color:#FFF;padding-left:10px;}
	#usedCar .usedEnquires{float:left;}
		#usedCar .enquiresTable{margin-bottom:10px;}
		#usedCar .enquiresTable td{padding:5px;}
		#usedCar .usedEnquiresText{float:left;margin-top:4px;}
		#usedCar select{width:206px;}
		#usedCar .input{width:200px;}
		#usedCar input.radio{}
		
/*alerts*/
#alertsContainer {background-color:#FFF;border-top:1px solid #393939;border-bottom:1px solid #393939;height:100%;}
	.alertsTitleBanner {background-color:#CCC;padding:5px 0px 5px 18px;font-weight:bold;}
	.alertsForm {padding-left:18px;margin:20px 0px 0px 0px;}
	.row {margin-top:10px;}

	
/*anything*/
#anything {background-color:#FFF;border-top:1px solid #393939;border-bottom:1px solid #393939;height:100%;}
	#anything .anythingLeft {float:left;margin:0px 0px 0px 18px;width:560px;border:0px solid;}
	#anything .anythingRight {float:right;margin:10px 18px 0px 0px;}
	#anything .top {margin:0px 0px 0px 0px;border:1px solid #999;}
	#anything .bottom {margin:10px 0px 10px 0px;border:1px solid #999;}
	#anything image {border:1px solid #999;}
	
/*services*/	
#servicesContainer {background-color:#FFF;border-top:1px solid #393939;border-bottom:1px solid #393939;height:100%;width:940px}
.servicesTitleBanner {background-color:#CCC;padding:5px 0px 5px 18px;font-weight:bold;}
#brandsContainer {margin-left:auto;border:0px solid #000;margin-right:auto}
#brandsContainer img {margin-left:29px}
#servicesContainer a,visited, hover{color:#335CAD;text-decoration:underline;}
.serviceForm {padding-left:18px;margin:20px 0px 0px 0px; border:0px solid;height:100%;}
.colLeftServices {float:left;width:100px}
.colSec {float:left;width:180px}
.colRightServices {float:left;border:0px solid #000;}
.leftService {float:left;width:580px;}
.rightService {float:right;margin-right:18px;}
.topService {margin:0px 0px 0px 0px;border:1px solid #999;width:278px;}
.bottomService {margin:10px 0px 10px 0px;border:1px solid #999;width:278px;}

/*employment*/	
#employmentContainer {background-color:#FFF;border-top:1px solid #393939;border-bottom:1px solid #393939;height:100%;}
.employmentTitleBanner {background-color:#CCC;padding:5px 0px 5px 18px;font-weight:bold;}
#employmentContainer .employmentContainerLeft {float:left;margin:18px 0px 0px 18px;width:600px;border:0px solid;}
	#employmentContainer .employmentContainerRight {float:right;margin:10px 18px 0px 0px;}
	#employmentContainer .top {margin:0px 0px 0px 0px;border:1px solid #999;}
	#employmentContainer .bottom {margin:10px 0px 10px 0px;border:1px solid #999;}
	#employmentContainer .employmentContainerRight image{display:block;}
	
	/*employment*/	
#eventsContainer {background-color:#FFF;border-top:1px solid #393939;border-bottom:1px solid #393939;height:100%;}
.eventsTitleBanner {background-color:#CCC;padding:5px 0px 5px 18px;font-weight:bold;}

	
#insurance {background-color:#FFF;color:#000}
#insurance img {display:inline}
#insurance .imgLeft {float:left}
#insurance .imgRight {float:left;margin-top:28px;margin-left:100px}
#insurance .navLeft {float:left;margin-top:10px;font-family:Arial,sans-serif;font-weight:bold}
#insurance .navLeft ul {list-style:none;margin:0px;padding:0px}
#insurance .navLeft li {margin-bottom:10px;margin-left:5px} 
#insurance .content {float:left;width:350px;margin-left:100px;color:#000;margin-top:10px;}
#insurance .btmRight {float:left;margin-left:50px;margin-top:10px;}
#insurance h3 {color:#000;margin-top:0px}

/*register*/
#register {background-color:#FFF;border-top:1px solid #393939;border-bottom:1px solid #393939;height:100%;}
#register .intro {padding:10px 0px 0px 10px}
#register .error {padding:0px 0px 0px 10px}
#register .confirm {padding:0px 0px 0px 10px}
#register .row {margin-top:5px;border:0px solid #000;width:100%}
#register .colLeft {float:left;width:150px;border:0px solid #000;}
#register .colRight {float:left;border:0px solid #000;}
#register .buttons {}
#register .form {border:0px solid #000;height:100%;}
	#register .formLeft {float:left;width:480px;border:0px solid #000;}
		#register .formTitle {background-color:#CCC;padding:6px 0px 6px 10px;}
		#register .HOContent {padding:10px 0px 0px 10px;}
	#register .formRight {float:right;width:420px;border:0px solid #000;}
	#register .formTitle2 {background-color:#CCC;padding:6px 0px 6px 10px;height:100%;margin:10px 0px 10px 0px;}
	#register .title1 {float:left;width:230px;font-weight:bold;}
	#register .title2 {float:left;width:230px;font-weight:bold;}
	#register .title3 {float:left;width:230px;font-weight:bold;}
	#register .title4 {float:left;width:230px;font-weight:bold;}
	#register .contact1 {float:left;width:230px;}
	#register .contact2 {float:left;width:230px;}
	#register .contact3 {float:left;width:230px;}
	#register .contact4 {float:left;width:230px;}
	#register .formContent2 {padding:0px 0px 0px 10px;height:100%;margin:0px 0px 10px 0px;}
#register .message {margin-top:5px}
#register .message .text { float:left;width:150px}
#register .message .input { float:left;}
#register .buttons {margin-top:20px;}
#register a,visited, hover{text-decoration:underline;color:#4562A4;}

#eventGallery {background-color:#FFF;border-top:1px solid #393939;border-bottom:1px solid #393939;min-height:450px}

#eventGallery .mainImage{float:left;border:1p solid #999999;padding:0px 0px 0px 17px;}
#eventGallery .thumbnails {float:left;margin-left:20px}
#eventGallery .thumbnail {float:left;margin-left:5px;border:1p solid #999999}
/*default searh/index*/
.rowOdd {margin-top:10px;padding:0px 10px 0px 10px}
.rowEven {margin-top:10px;padding:0px 10px 0px 10px}
#index h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
#searchResults h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
.link {text-align:right}
.text {padding-left:10px}
.date {padding-left:10px}
.paging {text-align:center;background-color:#3FE2DD;font-size:10px;padding:2px 0px 2px 0px}

/*index*/
/*OVERWRITE DEFAULT STYLES
#index .rowOdd {margin-top:10px;padding:0px 10px 0px 10px}
#index .rowEven {margin-top:10px;padding:0px 10px 0px 10px}
#index h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
#index .link {text-align:right}
#index .text {padding-left:10px}
#index .date {padding-left:10px}
#index .paging {text-align:center;background-color:#3FE2DD;font-size:10px;padding:2px 0px 2px 0px}
*/

/*searchResults*/
/*OVERWRITE DEFAULT STYLES
#searchResults .rowOdd {margin-top:10px;padding:0px 10px 0px 10px}
#searchResults .rowEven {margin-top:10px;padding:0px 10px 0px 10px}
#searchResults h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
#searchResults .link {text-align:right}
#searchResults .text {padding-left:10px}
#searchResults .date {padding-left:10px}
#searchResults .paging {text-align:center;background-color:#3FE2DD;font-size:10px;padding:2px 0px 2px 0px}
*/

/*subnav*/
 .nav {height:26px;margin-bottom:10px;}
		.nav .selected {background-color:#CCC;}
		.nav .navLeft {float:left;margin:0px 0px 0px 0px;height:21px;padding:5px 15px 0px 15px}
		.nav .navMiddle {float:left;margin:0px 0px 0px 0px;height:21px;padding:5px 15px 0px 15px}
		.nav .navRight {float:left;margin:0px 0px 0px 0px;height:21px;padding:5px 15px 0px 15px}	

/************************
*                       *
* DEFAULT STYLES        *
*                       *
*************************/
img {border:0px;}
.bold {font-weight:bold}
form {margin:0px;}
.test a,visited, hover{text-decoration:underline;color:#4562A4;}
.clearLeft {clear:left}
.clearRight {clear:right}
.clear {clear:both;overflow:hidden;height:0px;line-height:0px}

/******************************* DINNER ON US *****************************/
#dinnerOnUs                     {min-height:400px;background-color:#FFFFFF;border-top:1px solid #393939;border-bottom:1px solid #393939;padding:10px}
#dinnerOnUs .content            {margin-bottom:20px}
.form .formLeft                 {float:left;width:240px;margin-right:10px}
.form .formRight                {float:left;width:310px}
.form .label                    {float:left;width:100px;margin-bottom:3px}
.form .input                    {margin-bottom:3px}
.form .checkLeft                {float:left;width:150px;}
.form .checkRight               {float:left;}
.form .controls                 {margin-top:10px}
#dinnerOnUs ol                  {}
#dinnerOnUs .interests p        {margin-bottom:10px}
#dinnerOnUs .interests .other   {margin-top:10px}
#dinnerOnUs .anythingLeft {float:left;margin:0px 0px 0px 18px;width:560px;border:0px solid;}
    #dinnerOnUs .anythingRight {float:right;margin:10px 18px 0px 0px;}
    #dinnerOnUs .top {margin:0px 0px 0px 0px;border:1px solid #999;}
    #dinnerOnUs .bottom {margin:10px 0px 10px 0px;border:1px solid #999;}
    
.anythingRight img {display:block}