/* ---------------------------------------------------------------------------------------
	defaults
   ---------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {list-style:none;}
caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

abbr,acronym { border:0;}
a img {outline:0; border:0;}
strong {font-weight:bold;}

a {color:#881220}
a:hover {color:#666; text-decoration:none}

/* ---------------------------------------------------------------------------------------
	layout
   ---------------------------------------------------------------------------------------*/

body { 
    font: 62.5%/1.5 Lucida Sans, Tahoma, Verdana, sans-serif; 
    background-color:#eee;
    color: #333;     
    text-align:center; 
	margin:20px;
} 

#wrapper {
	margin:0 auto;
	text-align:left;
	width:1000px;
	border:3px solid #ccc;
}

#header {
	position:relative;
	height:195px;
	width:1000px;
	background:url(../images/header_bg.jpg) top left no-repeat #333;
	overflow:hidden;
}

a#fleetopsbanner {
	position:absolute;
	width:1000px;
	height:50px;
	top:280px;
	left:20px;
	display:block;
}

#logo {
	position:absolute; 
	top:20px;
	left:20px;
	width:257px; 
	height:141px;
	overflow:hidden;
}

#telephone {
	position:absolute; 
	top:80px;
	right:35px;
	color:#fff;
	font-size:1.8em;
	overflow:hidden;
}

#telephone p {margin:0; padding:0;}

#sub-wrapper {
	position:relative;
	width:1000px;
	height:790px;
	background:url(../images/sub-wrapper_bg.jpg) top left no-repeat #EDEDED;
	overflow:hidden;
}

#homepagePic {position:absolute; width:377px; height:243px; top:40px; left:45px;}

.subWrapperBtn {position:absolute; bottom:5px; right:-7px;}


#introduction {
	position:absolute; 
	right:65px; 
	top:45px; 
	width:500px; 
	height:230px; 
	color:#fff;
}

#specialOffer, #latestNews, #furtherResources {
	position:absolute;
	width:275px;
	height:380px;
}


#specialOffer h2 {
	color:#333;
	font-size:1.7em;
	padding:0.5em 1.2em;
}

.specBtn1 {position:absolute; bottom:0; left:5px;}
.specBtn2 {position:absolute; bottom:0; right:5px;}

#latestNews h2  {
	color:#333;
	font-size:1.7em;
	padding:0.5em 1em;
}

#latestNews a {color:#333333}

#furtherResources h2  {
	color:#333;
	font-size:1.7em;
	padding:0.5em 0.4em;
}

#specialOffer p {
	text-align:center;
	padding:0.5em;
}

#latestNews p {
	text-align:left;
	padding:1.5em;
}

#latestNews p span {
	color:#666;
	font-weight:bold;
}

#furtherResources img {margin:2px 5px;}

#specialOffer {top:355px; left:55px;} 
#latestNews {top:355px; right:52px;}
#furtherResources {top:355px; left:365px;} 

#specialOfferImg {
	position:relative; 
	margin:3px; 
	height:160px;
	width:265px;
}

#specialOfferImg img {position:absolute; top:0; right:24px; font-size:1.2em; z-Index:1;border:3px solid #fff;}
#specialOfferImg #dealID{position:absolute; top:130px; right:25px; font-size:1.2em; z-Index:2}
#specialOfferImg #dealStar {position:absolute; width:108px; height:108px; top:-30px; right:-5px; 
font-size:1.2em; z-Index:998; background:url(../images/deal.png) top left no-repeat; overflow:visible;}

#specialOfferPageImg {
	position:relative; 
	margin:20px 3px 3px 10px; 
	height:160px;
	width:265px;
}

#specialOfferPageImg img {position:absolute; top:20px; right:24px; font-size:1.2em; z-Index:1;border:3px solid #fff;}
#specialOfferPageImg #dealID{position:absolute; top:0px; right:25px; font-size:1.2em; z-Index:2}
#specialOfferPageImg #dealStar {position:absolute; width:108px; height:108px; top:-20px; left:10px; font-size:1.2em; z-Index:3;background:url(../images/deal.png) top left no-repeat ; overflow:visible }


#specialOffer p {padding-top:15px;}

.primaryOffer .head {height:25px; width:627px; background:url(../images/special_header.jpg) top left no-repeat}
.primaryOffer {width:627px; min-height:193px; height:auto; margin:10px 0 0 0; background:#ccc}
.primaryOffer .footer {height:25px; width:627px; background:url(../images/special_footer.jpg) top left no-repeat}

* html .primaryOffer {height:193px} 

.primaryOffer p {width:315px; padding-top:25px; float:right; display:inline; }

#leftCol {float:left; display:inline; width:645px;}
#rightCol {width:315px; float:left; display:inline;}

#footer {clear:both; background-color:#E0E0E0; color:#999999; padding:10px 0 20px 0; text-align:center;}
#footer a {color:#999999}

#contentWrapper {background:#E0E0E0; padding:20px;}

.clear {clear:both}

/* ---------------------------------------------------------------------------------------
	typography
   ---------------------------------------------------------------------------------------*/
   
h1 {
	background:url(../images/h1_bg.jpg) top left no-repeat; 
	width:960px; 
	height:50px; 
	line-height:50px; 
	font-size:2em; 
	color:#fff; 
	text-align:left; 
	padding-left:30px;
}

* html h1 {width:929px;}

h2 {font-size:1.3em; padding-left:10px; font-weight:bold;}
h3 {font-size:1.7em; padding:10px; font-weight:bold;}

p, li, td, th {font-size:1.2em;}

p {padding:1em}
ul {padding:10px 10px 10px 40px; list-style:disc;}

/* ---------------------------------------------------------------------------------------
	main navigation
   ---------------------------------------------------------------------------------------*/
   
#navigation {
	height:30px;
	position:absolute;
	bottom:0;
	right:25px;
}

#navigation ul {padding:0}

#navigation ul li {
	display:inline;
}

#navigation ul li a {
	display:block;
	float:left;
	height:30px;
	cursor:pointer;
	position:static
}

#navigation ul li a:hover {
	background-color:#363636;
}

#navigation ul li a span {display:none}

#navigation ul li a.nav_home {background:url(../images/nav_home.png) top left no-repeat; width:93px; overflow:hidden}
#navigation ul li a.nav_products {background:url(../images/nav_products.png) top left no-repeat; width:160px; overflow:hidden}
#navigation ul li a.nav_news {background:url(../images/nav_news.png) top left no-repeat; width:93px; overflow:hidden}
#navigation ul li a.nav_testimonials {background:url(../images/nav_testimonials.png) top left no-repeat; width:118px; overflow:hidden}
#navigation ul li a.nav_contact {background:url(../images/nav_contact.png) top left no-repeat; width:93px; overflow:hidden}
#navigation ul li a.nav_special {background:url(../images/nav_special.png) top left no-repeat; width:118px; overflow:hidden}
#navigation ul li a.nav_about {background:url(../images/nav_about.png) top left no-repeat; width:93px; overflow:hidden}

#navigation ul li a.nav_home:hover, 
#navigation ul li a.nav_products:hover,
#navigation ul li a.nav_news:hover,
#navigation ul li a.nav_testimonials:hover,
#navigation ul li a.nav_contact:hover,
#navigation ul li a.nav_special:hover,
#navigation ul li a.nav_about:hover,
#navigation ul li a.currentPage 
{background-position:top right}

/* ---------------------------------------------------------------------------------------
	specific elements
   ---------------------------------------------------------------------------------------*/

#introduction h1 {padding:0; margin:0; background:none;}
#introduction p {padding:0; margin:0;}

* html #introduction p {position:absolute; right:0; top:70px; float:none;}
* html #introduction h1 {position:absolute; right:-440px; top:10px; float:none;}

.big {font-size:1.4em; color:#7E0416}

.testimonial{width:627px; margin:10px; background:url(../images/testimonial.jpg) top left no-repeat #ccc}

.testimonial .footer {background:url(../images/testimonial_foot.jpg) bottom left no-repeat; height:27px;}
.testimonial p {margin:0; padding:15px;}




.box {margin:10px 0; background:#ccc; position:relative; overflow:hidden;}

.box .head {height:25px; width:315px; background:url(../images/rightColBoxHeader.jpg) top left no-repeat}
.box .newshead {background:url(../images/news_icon.png) top left; width:66px; height:50px; position:absolute; top:20px; right:25px;}
.box .footer {height:25px; width:315px; background:url(../images/rightColBoxFooter.jpg) top left no-repeat}

.box .middle p {padding:2em}
.box a {color:#333333}
.box h2 {color:#333;font-size:1.7em;padding:0 1.5em;}
.box img {margin:3px 0;}

/* --- thumbnail offers --- */

.offerThumbs {position:relative; margin:10px 5px; width:300px; overflow:hidden; float:left; display:inline; min-height:190px; height:190px;
background:#ccc}

* html .offerThumbs {height:190px}

.offerThumbs .head {position:absolute; top:0; left:0; height:15px; width:300px; background:url(../images/offer_header.jpg) top left no-repeat}
.offerThumbs .mid {background:#ccc; width:300px; padding:15px 0 0 0; margin:0}
.offerThumbs .footer {position:absolute; bottom:0; left:0; height:15px; width:300px; background:url(../images/offer_footer.jpg) top left no-repeat}

.offerThumb img {width:120px; height:61px; float:left; display:inline; margin:10px; border:3px solid #fff;}

.offerThumbText {float:left; display:inline; margin:5px 5px 0 5px; width:80px}

/* --- thumbnail offers --- */

.littlePadding {padding:0; margin-left:-30px;}

.backtotop {background:#e0e0e0; padding-top:0px; padding-left:35px}
.backtotop a {color:#333}

p.bigtext {font-size:1.4em; }

form {border:0; padding:30px 10px}
legend {padding:10px; font-size:1.3em;}
label {display:block; float:left; width:10em}
.submitBtn {margin-left:10px;}


.error {padding:5px;background-color:red;color:#FFFFFF;border:1px solid maroon; width:600px}
.success {padding:5px;background-color:#00CC33;color:#FFFFFF;border:1px solid #009D27; width:600px}


#copytext p {font-size:1.5em}
#copytext p strong, .redtext {color:#881220}