/* 

	Coded By: Nicula Vlad ( Agilius )
	Date: 20 Aug 2009 ~ 22 Aug 2009
	Marquis Auto Website Styles

*/

@import "cssReset.css";
@import "classes.css";

/*
	General Styles
*/

body {
	background:url(../images/bodyBg.jpg) repeat-x #9d9d9d;
	color:#FFFFFF;
	font-size:62.5%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}
#webPage { width:1001px; text-align:left;}
a {color:#fff; text-decoration:none;}


/*
	Header
*/
#header{background:url(../images/headerBg.jpg) no-repeat; width:1000px; height:161px; position:relative;}
#header h1.pageTitle {width:380px; height:110px; position:absolute; top:42px; left:37px;}
#header h1.pageTitle a {display:block; width:380px; height:110px; text-indent:-9999px;}
#header p.phoneNumber {width:425px; height:34px; font-weight:700; font-size:2.9em; color:#e2dfdf; line-height:120%;text-align:right;position:absolute; top:90px; right:0px;}


/*
	Menu Styles
*/

#nav {width:1001px; position:relative;}
#nav li{float:left; text-indent:-9999px; background:url(../images/menuSprite.png);}
#nav li#company {width:128px; height:40px; background-position:0px 0px;}
#nav li#specials {width:125px; height:40px; background-position:-128px 0px;}
#nav li#services {width:125px; height:40px; background-position:-253px 0px;}
#nav li#testimonials {width:159px; height:40px; background-position:-378px 0px;}
#nav li#partners {width:125px; height:40px; background-position:-538px 0px;}
#nav li#faq {width:138px; height:40px; background-position:-665px 0px;}
#nav li#request {width:200px; height:40px; background-position:-803px 0px;}

#nav li#company:hover, #nav li#company.active { background-position:0px 42px;}
#nav li#specials:hover, #nav li#specials.active{ background-position:-128px 42px;}
#nav li#services:hover, #nav li#services.active { background-position:-253px 42px;}
#nav li#testimonials:hover, #nav li#testimonials.active { background-position:-378px 42px;}
#nav li#partners:hover, #nav li#partners.active {background-position:-538px 42px;}
#nav li#faq:hover, #nav li#faq.active {background-position:-665px 42px;}
#nav li#request:hover, #nav li#request.active  {background-position:-803px 42px;}

#nav li a {display:block; width:100%; height:40px;}

/*
	Homepage Content Styles
*/

#homepageWelcome {position:relative; width:1001px; height:546px; background:url(../images/homePageBg.jpg); overflow:hidden;}
#homepageWelcome h2.welcomeMessage, .welcomeMessage {position:absolute; width:100px; height:50px; text-indent:-9999px; top:50px; right:10px;} 
#featuredArea {width:310px; height:434px; background:url(../images/featuredArea.png); position:relative; top:40px; left:0px; padding-top:90px;}
#featuredArea  a.thumbHome {margin-left:10px; margin-bottom:30px; display:block; position:relative; width:270px;}
#featuredArea .carName {position:absolute; top:95px; left:10px; font-size:1.3em; font-weight:700;}
#featuredArea #closeArea {position:absolute; width:24px; height:71px; cursor:pointer; display:block; bottom:23px; right:0px;}
.showButton {background:url(../images/showPng.png);}

#secondContent { line-height:22px; height:155px; background:url(../images/homeSecond.jpg) repeat-x   #000000; width:966px; overflow:hidden; padding-left:34px;}
#secondContent .homeCol {width:288px; height:134px; background:url(../images/conBox.png) no-repeat; margin-right:34px; margin-top:20px; 
text-align:right;}
#secondContent .homeCol img{max-width:141px; float:left; margin-left:2px; margin-top:5px;}
.homeCol div {height:135px; width:140px; float:right; position:relative; line-height:15px;}
.homeCol h3 {font-size:1.2em; font-weight:500; margin:13px 13px 0px 0px; text-align:right;}	
.homeCol span {display:block; font-size:1.4em; text-align:right;}
.homeCol p {margin:13px 13px 0px 0px; line-height:18px; color:#444;}
.more {display:block; width:55px; height:20px; background:#fff; text-indent:-9999px; text-align:left; position:absolute; bottom:5px; right:8px;
 background:url(../images/homeButtonsSlice.png) no-repeat; }
#browseLink.more {background-position:0px -15px;}
#submitLink.more  {background-position:0px -30px;}
.homeCol .last {width:160px !important;}
.homeCol #newsLetter {margin-top:30px; margin-right:10px; background:url(../images/inputBox.png); border:none; width:154px; height:20px;
padding-top:4px; padding-left:4px; color:#777;}

#contentHeader {position:relative;}
.subtitle {position:absolute;}

/*
	Homepage Content Styles
*/
#footer { background:url(../images/FooterBg.jpg) repeat-x; height:70px; width:1000px;}
#leftFooter {width:653px; padding:23px 0px 0px 20px;}
#leftFooter ul {margin-top:3px; font-family:tahoma;}
#leftFooter ul li {float:left; background:url(../images/footerBullet.png) no-repeat center right; padding:0px 18px 0px 15px; font-size:1.2em;
font-size:700;}
#leftFooter ul li a {color:#a6a6a6}
#leftFooter ul li a:hover {color:#b13131;}
#leftFooter small {margin-left:15px; line-height:18px;}
#leftFooter small a {color:#871112;}

#rightFooter {width:70px; background:url(../images/logo.png) no-repeat center right; height:50px; margin-top:14px; float:right; margin-right:30px;}
#rightFooter a {display:block; width:100%; height:100%; text-indent:-9999px;}
#rightFooter:hover {background:url(../images/logo_hover.png) no-repeat center right;}

/*
	Company Content Styles
*/

body#companyPage #contentHeader {width:1000px; height:271px; background:url(../images/companyPage/companyHeader.jpg);}
body#companyPage #contentHeader .subtitle {width:250px; height:80px; font-size:1.2em; line-height:18px; color:#6b5d49; top:130px; right:20px;}
body#companyPage #secondContent {
	height:auto;
	color:#FFFFFF;
	font-size:1.4em;
	background:#000;
	padding-top:35px;
	padding-right:30px;
	width:936px;
}
body#companyPage #secondContent  p {margin:0px 0px 25px 0px; }

body#companyPage #secondContent .contentHeading {background:url(../images/companyPage/headingSlice.png) no-repeat; text-indent:-9999px; width:138px; height:33px;
margin-bottom:18px;}
body#companyPage #secondContent #whyHeading {background-position:0px -35px;}

/*
	Contact Content Styles
*/

body#contactPage  #contentHeader {width:1000px; height:271px; background:url(../images/contactPage/contactHeader.jpg);}
body#contactPage  #secondContent {height:auto; background:#000; padding-top:35px;}
body#contactPage   #contactPageForm {width:510px; position:relative;}
#contactPageForm  .line { margin:0px 0px 18px 0px; height:25px;}
#contactPageForm h2 {text-indent:-9999px;}
#contactPageForm  .textareaLine {height:75px; }
#contactPageForm  .textareaLine p {line-height:75px !important;}
#contactPageForm  .line p {display:block; width:180px; float:left; clear:both; font-size:1.6em; font-weight:700; line-height:25px;}
#contactPageForm  .line input {background:url(../images/contactPage/inputType.jpg) no-repeat; width:257px; height:20px; padding-top:3px; border:none; margin-top:3px;}
#contactPageForm .textareaLine textarea  {width:257px; height:130px; background:url(../images/contactPage/textType.jpg); border:none; padding-top:5px; margin-top:5px;}
#contactPageForm #contactUsButton {width:135px; height:36px; background:url(../images/contactPage/contactUs.jpg); border:none; text-indent:-9999px; position:absolute;
display:block; bottom:0px; right:83px; cursor:pointer;}
#contactDetails {width:400px;}
#firstContact, #secondContact, #thirdContact {
	width:400px;
	padding-right:7px;
	height:250px !important;
	border:3px solid  #0e0e0e;
	background:url(../images/contactPage/comingsoon.jpg) #0a0a0a no-repeat top left;
	text-align:right;
	font-size:2.2em;
	color:#fff;
	font-weight:600;
	line-height:60px;
	padding-top:10px;
}
#secondContact {
	background:url(../images/contactPage/mainOffice.jpg) #0a0a0a no-repeat top left;
	margin-top:10px;
}
#thirdContact {
	background:url(../images/contactPage/paOffice.jpg) #0a0a0a no-repeat top left;
	margin-top:10px;
}
.redText {color:#580800; font-weight:100;}
.smallerContact {font-size:0.8em; margin-top:5px;  line-height:23px;}

/*
	Quote Content Styles
*/

body#requestQuotePage  #contentHeader {width:1001px; height:271px; background:url(../images/quotePage/quoteHeader.jpg);}
body#requestQuotePage  #secondContent {height:auto; background:#000; padding-top:35px;}
body#requestQuotePage  #contactPageForm {width:510px; position:relative; padding-bottom:10px;}
body#requestQuotePage  #contactUsButton {background:url(../images/quotePage/quoteButton.jpg); width:135px; height:34px; 
 border:none; text-indent:-9999px; position:absolute; display:block; bottom:0px; right:83px; cursor:pointer;}
body#requestQuotePage #contactPageForm h2 {background:url(../images/quotePage/quoteHeading.jpg) no-repeat center; text-indent:-9999px; height:38px;
margin-bottom:45px;}

/*
	Logos Content Style
*/
body#partnersPage #contentHeader { height:194px; background:url(../images/partnersPage/logoHeader.jpg);width:1000px; position:relative; }
body#partnersPage .subtitle {
	margin:80px 30px 0px 30px;
	width:930px;
	font-size:1.4em;
	color:#FFFFFF;
	line-height:22px;
} 
body#partnersPage  #secondContent {height:auto; background:#000; padding-top:35px;}

/*
	Testimonials Content Style
*/
body#testimonialsPage  #contentHeader { height:271px; background:url(../images/testimonialsPage/testimonialsHeader.jpg);width:1000px;}
body#testimonialsPage .subtitle { position:absolute; top:120px; right:30px; font-size:1.2em; width:315px; height:60px; color:#505050; line-height:20px; } 
body#testimonialsPage  #secondContent {height:auto; background:#000000; padding-top:35px; color:#343333;}
body#testimonialsPage  #secondContent h3 a{
	color:#FF0000;
	font-style:italic;
	font-size:1.5em;
	font-weight:100;
}
body#testimonialsPage .testimonialEntry {background:url(../images/testimonialsPage/borderBottom.jpg) bottom center no-repeat; padding-bottom:35px; 
margin-bottom:35px; width:415px;}
body#testimonialsPage .thumb {max-width:135px;}
body#testimonialsPage .testimonialContent  {width:270px; text-align:right; line-height:20px; font-size:1.1em; color:#343333;}
body#testimonialsPage .newLineTestimonial {clear:both; margin-right:85px;}

/*
	Services Content Style 
*/
body#servicesPage  #contentHeader { height:272px; background:url(../images/servicesPage/servicesHeader.jpg);width:1000px;}
body#servicesPage .subtitle { position:absolute; top:120px; right:25px; font-size:1.1em; width:315px; height:60px; color:#505050; line-height:20px; } 
body#servicesPage  #secondContent {
	height:auto;
	background:#000000;
	padding-top:35px;
	color:#FFFFFF;
}
body#servicesPage  #secondContent .serviceHeading {width:300px; height:35px; background:url(../images/servicesPage/serviceHeadlinesSlice.jpg); 
text-indent:-9999px; margin-bottom:24px;}
body#servicesPage  #secondContent  .serviceEntry  {margin-bottom:24px;}
body#servicesPage  #secondContent #afterSale { background-position:0px -108px;}
body#servicesPage  #secondContent #insurance { background-position:0px -35px;}
body#servicesPage  #secondContent #bodyShop { background-position:0px -72px;}
body#servicesPage  #secondContent  .thumb  {margin-top:7px;}
body#servicesPage  #secondContent .features {font-size:1.3em; line-height:50px; width:500px; float:left; margin-left:30px; font-weight:700;  }
body#servicesPage #secondContent .features li{background:url(../images/servicesPage/servicesBullet.jpg) no-repeat left center; padding-left:30px;}

.testspacer{
clear:both;
height: 1px;
}


/*
	FAQ Content Style 
*/
body#faqPage  #contentHeader { height:272px; background:url(../images/faqPage/faqHeader.jpg);width:1000px;}
body#faqPage .subtitle { position:absolute; top:120px; right:25px; font-size:1.1em; width:315px; height:60px; color:#505050; line-height:20px; } 
body#faqPage  #secondContent {
	height:auto;
	background:#000000;
	padding-top:35px;
	color:#FFFFFF;
}
body#faqPage  #secondContent .serviceHeading {width:300px; height:35px; background:url(../images/faqPage/serviceHeadlinesSlice.jpg); 
text-indent:-9999px; margin-bottom:24px;}
body#faqPage  #secondContent  .serviceEntry  {margin-bottom:24px;}
body#faqPage  #secondContent #afterSale { background-position:0px -108px;}
body#faqPage  #secondContent #insurance { background-position:0px -35px;}
body#faqPage  #secondContent #bodyShop { background-position:0px -72px;}
body#faqPage  #secondContent  .thumb  {margin-top:7px;}
body#faqPage  #secondContent .features {font-size:1.3em; line-height:50px; width:500px; float:left; margin-left:30px; font-weight:700;  }
body#faqPage #secondContent .features li{background:url(../images/faqPage/faqBullet.jpg) no-repeat left center; padding-left:30px;}

.testspacer{
clear:both;
height: 1px;
}




/*

	Specials Content Style
*/

body#specialsPage #contentHeader { height:268px; background:url(../images/specialsPage/specialsHeader.jpg);width:1000px; border-bottom:1px solid #2d2b22;}
body#specialsPage .subtitle { position:absolute; top:120px; right:25px; font-size:1.1em; width:265px; height:60px; line-height:20px; color:#d0d0d0; } 
body#specialsPage  #secondContent {padding-left:25px; width:975px; height:auto; background:#000000; padding-top:35px; color:#ffffff; border-top:1px solid #1b1a14;}
body#specialsPage  .readMoreButton { position:absolute; display:block; width:115px; height:21px; right:420px; bottom:0px; text-indent:-9999px; 
background:url(../images/specialsPage/readMore.jpg); }
body#specialsPage  #secondContent .specialsEntry {width:300px; height:220px; position:relative;}
body#specialsPage  #secondContent .specialsEntry  h3 a{font-size:1.5em; color:#d04040; font-weight:100;}
body#specialsPage  #secondContent .specialsEntry .priceTag {display:block; width:30px; height:15px; font-size:1.5em; color:#fff; position:absolute;
 top:140px; right:10px;}
body#specialsPage  #secondContent .specialsEntry .hotdeal {display:block; font-size:1.5em; color:#fff; position:absolute;
 top:-10px; right:-20px;}
 body#specialsPage  #secondContent .specialsEntry .hotdeal2 {display:block; font-size:1.5em; color:#fff; position:absolute;
 top:54px; right:-20px;}
body#specialsPage  #secondContent .specialsEntry .hotdeal3 {display:block; font-size:1.5em; color:#fff; position:absolute;
 top:118px; right:-20px;}
body#specialsPage  #secondContent .specialsEntry .specialsContent { padding:5px 10px 0px 10px; line-height:18px; font-size:1.2em;}
body#specialsPage  #secondContent .specialsEntry .specialsContent p {padding-top:5px;}
body#specialsPage  #secondContent  .specialsEntry  .readMoreTwo { width:59px; height:19px; display:block; text-indent:-9999px; margin-left:232px; 
background:url(../images/specialsPage/readMoreTwo.jpg);}
body#specialsPage  #secondContent .specialsEntry {padding-left:23px; padding-bottom:35px;}
body#specialsPage  #secondContent  .newLineTestimonial {clear:both; padding-left:0px !important;}

/*
	XYZ Page
	
	
*/
body#xyzPage #contentHeader { height:268px;;width:1000px; border-bottom:1px solid #2d2b22;}
body#xyzPage  #contentHeader .hotdeal {display:block; font-size:1.5em; color:#fff; position:absolute;
 top:5px; left:0px;}
body#xyzPage #contentHeader  .welcomeMessage {text-indent:0px; width:425px; font-family:Verdana, sans-serif; font-size:1.8em; color:#fff; font-style:italic; text-align:right;
text-transform:uppercase; line-height:1.4em; top:1px;}
body#specialsPage  #secondContent {border-top:1px solid #1b1a14;}
body#xyzPage #contentHeader  .welcomeMessage  span {font-size:0.8em; color:#770000;}
body#xyzPage #contentHeader  .welcomeMessage .tag {font-size:1.5em; color:#dd0000;}


body#xyzPage #contentHeader  .welcomeMessage2 {line-height:1.3em; position:absolute; top:5px; left:598px; font-size:1.6em; width:400px; font-family:Verdana, sans-serif; top:1px;}
body#specialsPage  #secondContent {border-top:1px solid #1b1a14;}



body#xyzPage .valid {
	position:absolute;
	width:500px;
	height:150px;
	top:240px;
	right:300px;
	font-size:2.7em;
	height:70px;
	color:#cc0808;
} 

body#xyzPage .data {
	position:absolute;
	width:300px;
	height:150px;
	top:0px;
	right:230px;
	font-size:1.7em;
	width:350px;
	height:70px;
	color:#cc0808;
} 
body#xyzPage .subtitle {
	position:absolute;
	width:250px;
	height:250px;
	top:225px;
	right:30px;
	font-size:1.1em;
	width:350px;
	height:60px;
	color:#cc0808;
} 
body#xyzPage .fuel {
	position:absolute;
	width:250px;
	height:250px;
	top:285px;
	right:260px;
	font-size:1.7em;
	width:350px;
	height:60px;
	color:#FFFF00;
} 

body#xyzPage .subtitle li {padding-left:20px; background:url(../images/xyzPage/bulletButton.jpg) no-repeat center left; font-weight:700; font-size:1.3em;
line-height:26px !important; padding-bottom:1px;}
body#xyzPage  #contactPageForm  {
	position:static;
	height:355px;
}
body#xyzPage  #contactPageForm .line {color:#bfbfbf;}
body#xyzPage  #contactPageForm  p.introForm {font-size:1.2em;}
body#xyzPage  #contactPageForm h2{ background:url(../images/xyzPage/specialHeading.jpg); width:289px; height:29px; margin-bottom:18px;}
body#xyzPage  #secondContent {height:850px; background:#000; padding-top:35px; color:#5d5d5d;}
.firstFormArea   {font-size:1.1em; color:#FFFFFF; width:450px; margin-top:10px;}
.secondFormArea   {font-size:1.6em; color:#FFFFFF; margin-left:460px; width:440px; margin-top:-660px;}
body#xyzPage  #secondContent #contactPageForm  #submitButton { width:134px; height:34px; background:url(../images/xyzPage/submitButton.jpg);
display:block; top:200px; left:0px;}
.specialsContent ul li {padding-left:20px;  background:url(../images/xyzPage/bulletButton.jpg) no-repeat center left; line-height:22px;}


div.sample_popup { z-index: 1; }

div.sample_popup div.menu_form_header
{
  border: 1px solid black;
  border-bottom: none;

  width: 480px;


  height:      30px;
  line-height: 19px;
  vertical-align: middle;
  
  background:gray;

  text-decoration: none;
  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  18px;
  color:   #FFFFFF;
  cursor:  default;
}

div.sample_popup div.menu_form_body
{
  width: 480px;
  border: 1px solid black;
  background:gray;
}

div.sample_popup img.menu_form_exit
{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

div.sample_popup table
{
  width: 100%;
  border-collapse: collapse;
}

div.sample_popup th
{
  width: 1%;
  padding: 0px 5px 1px 0px;

  text-align: left;

  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px;
  color:   #004060;
}

div.sample_popup td
{
  width: 99%;
  padding: 0px 0px 1px 0px;
}

div.sample_popup form
{
  margin:  0px;
  padding: 8px 10px 10px 10px;
}

div.sample_popup input.field
{
  width: 95%;
  border: 1px solid #808080;

  font-family: Verdana, Sans-Serif;
  font-size: 12px;
}

div.sample_popup input.btn
{
  margin-top: 2px;
  border: 1px solid #808080;

  background-color: #DDFFDD;

  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}

.photos {
	overflow: hidden;
	border: 10px solid #f0f0f0;
	padding: 10px;
	width: 400px;
	margin: 0 auto;
}
img { border: none;}
.photos img.logo {margin: 0 auto; display:block;}
.photos div img {
	padding: 10px 0;
	margin: 20px 0;
	float: left;
	border-bottom: 1px solid #ddd;
}
.photos ul.thumbs {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	width: 390px;
	float: left;
}
.photos ul.thumbs li{
	width: 110px;
	height: 100px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	overflow: hidden;
	position: relative;
	border: 5px solid #ddd;
	text-align: center;
}
.photos ul.thumbs li:hover {
	border: 5px solid #888;
	-moz-opacity:.75; 
	filter:alpha(opacity=75); 
	opacity:.75; 
}
.photos ul.thumbs li img {
	position: absolute;
	top: -180px;
	left: -145px;
}




.clear	{ clear:both;}

.floatleft			{ float:left;}
.floatright			{ float:right;}

/************************************************
          Common Testimonials
************************************************/

#testimonial_full			{ width:auto; }

.sys_tm1					{ font:normal 11px Tahoma,Verdana, Arial, Sans-serif; border-bottom:1px solid #ccc; border:1px solid #ddd; background:#ffffff URL(../images/quote_icon.png) 20px 20px no-repeat; margin:0; padding:20px; width:auto; margin-bottom:10px;  position:relative;}


.sys_tm1 .testimonial		{ padding-left:60px;	 }
.sys_tm1 .msg				{ font:italic normal 13px/22px Georgia, Arial, sans-serif; }
.sys_tm1 .title				{ font:normal bold 14px Arial, Verdana, sans-serif; margin:5px 0; }
.sys_tm1 .author img 		{ float:left; border:1px solid #ddd; padding:2px; margin-right:10px; }


/************************************************
             Fade Testimonials
************************************************/

#fadereview	.msg				{ font:italic normal 12px/20px Georgia, Arial, sans-serif; margin:0 0 15px 0; }
#fadereview	.title				{ font:normal bold 14px Arial, Verdana, sans-serif; margin:5px 0; }
#fadereview	.author img 		{ float:left; border:1px solid #ddd; padding:2px; margin-right:10px; }


#fadereview		{ overflow:hidden;  height:100%;padding-bottom:15px; }

#fadeblock			{ padding:10px; }

#fadeblock	.nav	{ padding:3px 0px; border-bottom:1px solid #ddd; margin-bottom:5px; text-align:right; }
a#next, a#prev		{ font:normal 9px Tahoma, Arial, Verdana; text-transform:uppercase; text-decoration:none; outline:none;}
a#next				{ padding-left;5px; }
a#prev				{ }