@import url(reset.css);
/*************************************
Table of Contents
-01 Structure
	Contains css for sizing and positing of the main  divs that create the overall layout of the site.
	Background images, default colours, _main_ div padding, etc, are also defined here.
-02 Global
	General styles applies to tags
-03 Spans and general classes
	Span and classes can appear anywhere, and should not depend on a heirarchical structure
-04 Divs and specific IDs
	Divs should be identified by #ids
-05 Forms
	default and specific styling for forms
**************************************/

/*************************************
-01 Structure
**************************************/
body 
{
	background: #950409 url(../_img/bgTile.jpg) repeat-x;
}

div#wrapper {margin: 0px auto; background: url(../_img/bgContentTop.jpg) no-repeat; width: 1076px; }
	div#plate-link { position:absolute; }
	div#right-text { position:absolute; }
	div#top-text {height:189px; background: url(../_img/imgTopText.gif) no-repeat 200px 54px;}
	div#main {margin: 0px auto; width: 980px; background: #FFFFFF; min-height: 357px; }
		div#content { width:696px; margin-left: 36px; }
	div#main-bottom {margin: 0px auto; background: #FFFFFF url(../_img/bgContentBottom.jpg) no-repeat bottom; width: 980px; height: 167px; }
	div#links {}

/*************************************
-02 Global
**************************************/
body {}
div, li, p, td, th{ font-family: Arial, Helvetica; font-size:12px; line-height: 1.5em; color:#333333;}
h1, h2 {}
h3 {}
p { padding-bottom:25px; }
a {   }
a:hover { }

h1,h2{font-size: 24px; color:#6F121B; font-weight:normal; font-family:Arial; margin-bottom:10px;}

/*************************************
-03 spans and general classes
**************************************/
.hide {display:none;}
.clear-both{clear:both;}
.print-only { display:none; }

/*************************************
-04 Divs and specific IDs
**************************************/
div#plate-link { width:185px; height:155px; }
div#plate-link a {display:block; width:185px; height:155px; text-indent:-9999px;}

div#right-text { background: url(../_img/imgTopRight.jpg) no-repeat 0px 40px; margin-left: 807px;}
div#right-text a.spiel{ display: block; width:191px; height:234px; margin-top:268px; text-indent: -9999px; background: url(../_img/imgRightText.gif) no-repeat;}

div#content {}
	div#content a {  text-decoration:none; color: #96050B; font-weight:bold;}
	div#content a:hover { text-decoration:underline;}

div#main-bottom{}
	div#main-bottom a.footer-button { display:block; height:143px; background-repeat:no-repeat; float:left; text-indent:-9999px;}
	div#main-bottom a.footer-button:hover { background-position: 0px bottom;}
	div#main-bottom a.about { background-image: url(../_img/btnBottom1.jpg); width: 288px; margin-left: 33px;}
	div#main-bottom a.sites { background-image: url(../_img/btnBottom2.jpg); width: 268px; margin-left: 42px;}
	div#main-bottom a.contact { background-image: url(../_img/btnBottom3.jpg); width: 227px; margin-left: 63px;}
	
div#links {}
	div#links a { display:block; float:left; text-indent: -9999px;}
	div#links a.FCA { background: url(../_img/lnkFCA.gif) no-repeat; width: 205px; height:36px; margin-left:90px; padding-bottom:10px;}
	div#links span.copyright {display:block; float:left; text-indent: -9999px; background: url(../_img/imgCopyright.gif) no-repeat; width: 108px; height:11px; margin-left:349px; margin-top:10px;}
	div#links a.back {background: url(../_img/lnkBackHome.gif) no-repeat; width: 119px; height:11px; margin-top:10px;}
	div#links a.privacy {background: url(../_img/lnkPrivacyPolicy.gif) no-repeat; width: 67px; height:11px; margin-top:10px;}
	div#links a.site {background: url(../_img/lnkSiteByLogisto.gif) no-repeat; width: 66px; height:11px; margin-top:10px;}

img#image-lenard {float:right;}

div#home-page{ min-height:380px; }
	div#home-page h1, 
	div#home-page p { display:none;}
	
	div#home-page ul{}
	div#home-page ul li{display: block; width: 309px; height: 154px; float:left; margin-bottom:10px; margin-left:10px;}
	div#home-page ul li a{ display: block; width: 309px; height: 154px; background: url(../_img/btnFeature1.jpg) no-repeat; text-indent:-9999px;}
	div#home-page ul li a:hover { background-position:bottom;}
	div#home-page ul li a#video1{ background-image: url(../_img/btnFeature1.jpg);}
	div#home-page ul li a#video2{ background-image: url(../_img/btnFeature2.jpg);}
	div#home-page ul li a#video3{ background-image: url(../_img/btnFeature3.jpg);}
	div#home-page ul li a#video4{ background-image: url(../_img/btnFeature4.jpg);}

div#contact-page {}
	/*
	div#contact-page div.content {width:216px; float:left; margin-right:16px; padding-top: 16px; }
	div#contact-page form {float:left; }
	*/
	
div#store-listing{}
	div#store-listing h2{ font-size:18x; margin-top:15px;}
	div#store-listing h3 { background: #F4ECDF url(../_img/bgArrowRight.gif) no-repeat; height:23px; padding:5px 0px 0px 33px; margin-top:2px; }
		div#store-listing h3 a{ color:#000000;}
	div#store-listing img {float:left; margin: 0px 20px 10px 0px;}
	div#store-listing a.back {display:block; width:229px; height:41px; background: url(../_img/lnkBackToRegionSelector.gif) no-repeat; text-indent:-9999px; float:right;}
		div#store-listing div.store-details{padding:10px 0px 0px 10px; clear:both; margin-bottom: 2px;}

/*************************************
-05 Forms
**************************************/
form 
{ 
	background: #F4ECDF url(../_img/bgContactFormTop.gif) no-repeat; 
	width:463px; 
	margin: 0px; 
	padding:0px; 
}
fieldset  
{
	background:  url(../_img/bgContactFormBottom.gif) no-repeat bottom;
	padding:16px 18px 16px 18px;
}
legend {font-size: 24px; color:#6F121B; font-weight:normal; font-family:Arial; margin:0px 0px 10px 0px; padding:0px;}

form em {color: #6F121B; font-style:normal;}


fieldset div {min-height: 20px; margin-bottom:8px; width:200px; float:left;}
	fieldset div.alt {padding-left: 20px;}
	
fieldset div.errors	{width: 100%; font-weight:bold;}
	fieldset div.errors ul li {color: #ff0000; font-weight:normal; font-style:italic;}
	
fieldset div label {width: 100%; display:block; margin-bottom:5px;}
fieldset div.buttons input {width:auto;}
fieldset img.captcha {padding-top:2px;}
fieldset a { text-decoration:underline;}

select, input, textarea {border: none; color: #666666; font-size:11px; width:190px; height:16px; padding:5px;}
select {height: 26px;}
textarea {height: 136px; width:420px; overflow:auto; font-family: Arial;}

input.checkbox,
input.button,
input.radio {width:auto; height:auto;}
form img.captcha {padding:0px; margin:0px 5px 0px 0px; float:left;}

fieldset div.full-row,
fieldset div.buttons {width:420px; float:none; padding-top:10px;}
	fieldset div.full-row label
	{
		width:auto; clear:none; float:none; display:inline;
	}

fieldset div.buttons input.button 
{
	width:89px;
	height:41px;
	background: url('../_img/btnSend.gif') no-repeat;
	cursor:pointer;
	position: absolute;
	text-indent: -9999px;
	margin-left: 248px;
	margin-top:-10px;
	
}