/* Global Values
===================================*/

* { margin: 0; padding: 0; } 
img { border: none; }

body { background-color: #333; font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; line-height: 1.6em; } 



/* Global Tyopgraphy
===================================*/

ul { margin-bottom: 1em; }
li { margin-left: 2em; font-size: 1.2em; }
p { padding-bottom: 1em; font-size: 1.2em; }

a { color: #000; font-weight: bold; }

.smallText {  font-size: 1em; line-height: 1.1em; } 
.red { color: #b72026; }


/* Specific Tyopgraphy
===================================*/


#dealers h1 { font-size: 1.2em; font-weight: bold; color: #b72026; text-transform: uppercase; margin: 1em 0em; }
#dealers h1 a { color: #b72026; }


/* Containers
===================================*/


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

#promo { background-image:url(../images/promo-left.jpg); width: 440px; height: 600px; margin-top: 1em !important; margin-top: .5em; float: left; }

#footer { clear: both; color: #8d8d8d; font-size: .9em; padding-top: 1em !important;  padding-top: .5em; }


#home { width: 500px; height: 600px; margin-top: 1em !important; margin-top: .5em; background-image:url(../images/bkd-home.jpg); background-repeat: no-repeat; float: right; }
#home .content { width: 435px; height: 330px; overflow: auto; margin: 70px 0px 0px 36px; }

#register { width: 500px; height: 700px; margin-top: 1em !important; margin-top: .5em; background-image:url(../images/Background-500x700.JPG); background-repeat: no-repeat; float: right; }
#register .content { width: 435px; height: 675px; overflow: auto; margin: 28px 0px 0px 36px; }
#register ul {list-style-type:disc; line-height:11px; font-size: .8em; line-height: 1.2em; font-weight:bold;}
#register sup {font-size: .6em; line-height: .7em;}
#register br { line-height:.8em; }

#error { width: 500px; height: 600px; margin-top: 1em !important; margin-top: .5em; background-image:url(../images/bkd-empty.jpg); background-repeat: no-repeat; float: right; }
#error .content { width: 435px; height: 525px; overflow: auto; margin: 40px 0px 0px 36px; }

#programDetails { width: 500px; height: 600px; margin-top: 1em !important; margin-top: .5em; background-image:url(../images/bkd-programDetails.jpg); background-repeat: no-repeat; float: right; }
#programDetails .content { width: 435px; height: 330px; overflow: auto; margin: 70px 0px 0px 36px; }

#dealers { width: 500px; height: 600px; margin-top: 1em !important; margin-top: .5em; background-image:url(../images/bkd-dealers.jpg); background-repeat: no-repeat; float: right; }
#dealers .content { width: 435px; height: 505px; overflow: auto; margin: 70px 0px 0px 36px; }

#friend { width: 500px; height: 600px; margin-top: 1em !important; margin-top: .5em; background-image:url(../images/bkd-friend.jpg); background-repeat: no-repeat; float: right; }
#friend .content { width: 435px; height: 335px; overflow: auto; margin: 70px 0px 0px 36px; }


#voucher { width: 500px; height: 700px; margin-top: 1em !important; margin-top: .5em; background-image:url(../images/Background-500x700.JPG); background-repeat: no-repeat; float: right; }
#voucher .content { width: 435px; height: 525px; margin: 30px 0px 0px 36px; }
#voucher .picture { position: relative; z-index: 1; }
#voucher .id { position: relative; left: 230px; top: -525px; width: 190px; z-index: 10; }
#voucher .name { position: relative; left: 230px; top: -535px; width: 190px; z-index: 11; font-size: 1.2em; font-weight: bold;  }

#required {font-size: .8em; line-height: .9em; float:right;}


/* Main Nav
===================================*/

#mainNav { display: block; padding: 0; margin: 10px auto !important; margin: 5px auto; clear:both; }
#mainNav li { list-style-type:none; padding: 0px; margin: 0px; float:left; text-indent:-9999px; }
#mainNav li a { display: block; height: 42px; background-image:url(../images/navMatrix.jpg); background-repeat: no-repeat; }

/* Link */
#mainNav li#navDetails a:link, #mainNav li#navDetails a:visited { background-position:0px 0px; width: 240px; }
#mainNav li#navDealers a:link, #mainNav li#navDealers a:visited { background-position:-240px 0px; width: 240px; }
#mainNav li#navFriend a:link, #mainNav li#navFriend a:visited { background-position:-480px 0px; width: 240px; }
#mainNav li#navClose a:link, #mainNav li#navClose a:visited { background-position:-720px 0px; width: 230px; }

	
/* Hover */
#mainNav li#navDetails a:hover { background-position:0px -44px; width: 240px; }
#mainNav li#navDealers a:hover { background-position:-240px -44px; width: 240px; }
#mainNav li#navFriend a:hover{ background-position:-480px -44px; width: 240px; }
#mainNav li#navClose a:hover { background-position:-720px -44px; width: 230px; }

	
/* Active */

body#ctl00_aDetails #mainNav li#navDetails a { background-position:0px -44px;  }
body#ctl00_aDealers #mainNav li#navDealers a { background-position:-240px -44px;  }
body#ctl00_aFriend #mainNav li#navFriend a { background-position:-480px -44px;  }


/* Forms
================================= */
      
fieldset { padding: .5em 0em 0em 4.5em; border: none; }
input.grey {margin-bottom:1px; padding-bottom:0px; font-weight:bold; background: #d8d8d8;  border-top-color: #505050; border-left-color: #6b6b6b; border-right-color: #e4e4e4; border-bottom-color: #e4e4e4; }
select {background: #d8d8d8; font-weight:bold;}
input:focus, textarea:focus, select:focus{ background: #ffc; }
textarea { width: 300px; height: 30px; background: #d8d8d8; border-top-color: #505050; border-left-color: #6b6b6b; border-right-color: #e4e4e4; border-bottom-color: #e4e4e4; }
label {  margin-bottom: .5em; font-weight: bold; font-size: .9em; }

/* Buttons
================================= */

a.home { display: block; width: 379px; height: 35px; background: url(../images/button-home.jpg) 0 0 no-repeat; text-decoration: none; border: none; }
a.home:hover { background-position: 0px -35px; }

a.getVoucher { display: block; width: 137px; height: 35px; background: url(../images/button-getVoucher.jpg) 0 0 no-repeat; text-decoration: none; border: none; }
a.getVoucher:hover { background-position: 0px -35px; }

a.forward { display: block; width: 137px; height: 35px; background: url(../images/button-forward.jpg) 0 0 no-repeat; text-decoration: none; border: none; }
a.forward:hover { background-position: 0px -35px; }

a.print { display: block; width: 137px; height: 35px; background: url(../images/button-print.jpg) 0 0 no-repeat; text-decoration: none; border: none; margin-top: 1em; }
a.print:hover { background-position: 0px -35px; }

a.voucher {display: block; width: 137px; height: 35px; background: url(../images/button-getVoucher.jpg) 0 0 no-repeat; text-decoration: none; border: none; margin-top: 1em;}
a.voucher:hover {background-position: 0 -35px;}