
/* EJ Base CSS Styles */


/*   MTC Wordpress CSS Cocktail - the perfect mix of form and function */


/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body { font: 13px/1.6 Helvetica, Arial, sans-serif; margin: 0; padding: 0; text-align: center; background:url(../images/back.gif) center top repeat-x #143961;/*background:url(../images/snowbg.jpg) top left repeat-x #0e2946;*/ color: #333; }

hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

a img {border: none;}

embed, object {border: none;}

.navsnow {
	position: absolute;
	top: 87px;
	left: 41px;
}

.bauble {
	position: absolute;
	top: 0;
	left: 176px;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 { font-size: 23px; }

h2 { font-size: 21px; }

h3 { font-size: 17px; }

h4 { font-size: 15px; }

h5 { font-size: 14px; }

h6 { font-size: 13px; }

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol { list-style: decimal; }

ul { list-style: disc; margin: 0 0 20px 10px; padding: 0; }

li { margin-left: 30px; }

p, dl, hr, ol, ul, pre, table, address, fieldset { margin: 0 0 20px 0; }

h1, h2, h3, h4, h5, h6{ margin:0 0 10px 0;  line-height: 1.2; color: #143961;}

a {text-decoration: underline; color: #143961;}


table {margin: 0 0 20px 0; position: relative;}

/* EJ says KILL the font tag
----------------------------------------------------------------------------------------------------*/

font { display: none; }

/*   For classes see bottom of this document */

/* Global */





/* Wrapper */

#wrapper { width: 1000px; margin: 0 auto; }

#inner-wrapper { width: 1000px; float: left; text-align: left; position:relative; }

/* Banner and top navigation */

#banner { position: relative; width: 1000px; background: url(../images/banner.gif) center bottom no-repeat ; height:118px; padding: 1px 0 0 0; }

#logo {position:absolute; top: 0px; left: 0px;}

#home-link, #about-link, #contact-link, #FAQ-link, #index-link { position: absolute; display: inline; top: 10px;}

#home-link { left: 550px ;}
#about-link { left:630px;}
#contact-link { left: 725px;}
#FAQ-link { left:810px ;}
#index-link { left: 888px;}


#content-wrapper { padding: 20px 0 20px 20px; float: left; width: 980px; background: none; }

.home-wrapper{ padding: 0 0 20px 20px !important; margin-top: -20px !important; }

#left-nav {float: left; width: 226px; background: url(../images/services-menu-quote-big.gif) center top no-repeat; padding: 28px 0 0 0; }

#nav img {float: left; width: 226px;  height: 24px; padding: 0 0 4px 0; border: none; }
#nav img#quote-img {float: left; width: 226px;  height: 48px; padding: 0 0 4px 0; border: none; }
#left-nav img  {border: none; }

#left-icons {float: left; width: 226px; position: relative;}

.calls-to-action { float: left; width: 734px; background:url(../images/car-rental-calls-to-action-3.gif) right top no-repeat; height: 118px; padding: 0 20px 0 0;}

.home-calls-to-action { float: left; width: 734px; background:url(../images/car-rental-calls-to-action.gif) right top no-repeat !important; height: 118px; padding: 0 20px 0 0;}

#calls-to-action img {padding: 0 10px;}

#content {float: left; width: 680px; padding: 20px 20px 0 20px; background: #fff;  display: inline; margin: 18px 0 0 23px;}

/* Home Page */

#obfusc {position: absolute; width: 40px; height: 40px; background: url(../images/back.jpg) center -310px repeat-x; top: 310px; left: 185px; z-index: 310;}


/* Content Page */
 
 
 
/* Footer */


#footer { float: left; position: relative; width: 980px; color: #fff; font-size: 12px; float: left; padding: 20px 0 0 0; }

#footer a {
	color:  #fff;
	text-decoration:  none;
}
#footer-left {float: left; width: 490px;}
#footer-right {float: left; width: 490px; text-align: right;}
#footer span {font-size: 16px;}

/* End Footer */


a.french, a.german, a.italian, a.portuguese, a.spanish { width:20px; height: 14px; display: block ; position: absolute; top: 87px; text-indent: -9999px; overflow: hidden;}

a.french {right: 154px;} 
a.german {right: 129px;}
a.italian {right: 101px;}
a.portuguese {right: 76px;}
a.spanish {right: 52px;}



/* -------------------------------------------------------------- 

   css-classes.css

-------------------------------------------------------------- */



.phark { position: absolute; left: -9999px; }

.small { font-size: 0.9em; }

/*  Form Validation Messages */


.full-input { width: 90%; border: 1px solid #ccc; font-size: 14px; padding: 4px; display: block; }

.half-input { width: 40%; border: 1px solid #ccc; font-size: 14px; padding: 4px; display: block; }

.error, .information, .success { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

.error { background: #f7eaea; color: #d30e0e; border: 1px solid #d30e0e; display: block; }

.information { background: #f9f2d7; color: #CC6600; border: 1px solid #d08707; display: block; }

.success { background: #f0f9d7; color: #63a004; border: 1px solid #63a004; display: block; }

.float-left {float: left; padding: 0 15px 15px 0;}
.float-right {float: right; padding: 0 0 15px 15px;}

/* Graeme added these */

.quote-details {
	width: 350px;
}

.quote-details .full-input {
	width: 165px;
}

#carousel1 {
	float: left;
}
