body,html{
 height: 100%;
}
body{
 margin: 0px;
 padding: 0px;
 background-color: #FFFFFF;
 color: #000000;
 font: 18px/19px 'Myriad Pro Light','Myriad Pro',Myriad,Helvetica,Arial,sans-serif;
}
a,img{
 color: #D10018;
 border-width: 0px;
}
#wrapper{
 position: relative;
 width: 940px;
 margin: 0px auto;
 height: 100%;
}
h1,h2{
 margin: 0px;
 padding: 0px;
 height: 30px;/*bg img height 20px*/
 overflow: hidden;
 font-size: 100%;
}
h1{
 position: absolute;
 width: 136px;
 top: 0px;
 right:0px;
 text-indent: -20em;
 background: #FFFFFF url(/images/template/titlelogo.png) no-repeat -18px center;
}
h1 a{
 display: block;
 height: 100%;
}
h2{
 padding-top: 6px;
 height: 24px;
 padding-left: 0.5em;
 background: #D10018 url(/images/template/titlelogo.png) no-repeat right center;
 color: #FFFFFF;
}
h3,h4,h5,h6{
 color: #D10018;
 margin: 0px 0px 1em;
 padding: 0px;
}
#content{
 background-color: #000000;
 color: #FFFFFF;
 position: absolute;
 top: 30px;
 right: 0px;/*ie6 tanks on this because left is also specified, js fix*/
 bottom: 30px;/*ditto due to top*/
 left: 0px;
 font-size: 14px;
 overflow: auto;
 overflow-x: hidden;
}
#nav{
 position: absolute;
 margin: 0px;
 right: 0px;
 height: 24px;
 left: 0px;
 bottom: 0px;
 padding: 6px 0px 0px;
}
#nav,#nav li,#nav a{
 background-color: #FFFFFF;
 color: #000000;
}
.home #nav,.home #nav li,.home #nav a{
 background-color: #000000;
 color: #FFFFFF;
}
#nav li{
 display: inline;
 position: relative;
 margin: 0px 1em 0px 0px;
}
#nav li.current>a{
 color: #D10018;
}
#nav a{
 text-decoration: none;
 padding: 0em 0.5em;
}
#nav a:hover,#nav a:focus{
 background-color: #D10018 !important;
 color: #FFFFFF !important;
}
#nav ul{
 display: none;
 position: absolute;
 margin: 0px;
 padding: 0px;
 font-size: 13px;
 left: 0px;
 bottom: 99%;
}
#nav li:hover ul,#nav li.over ul{
 display: block;
}
#nav ul li{
 position: static;
 margin: 0px;
 display: block;
}
#nav ul a{
 display: block;
 padding: 0.2em 0.5em;
}
#nav ul li.star a{
 background: url(/images/template/as_tv_menu.png) no-repeat scroll left center;
 padding-left: 32px;
}
#cursive-title{
 position: absolute;
 left: 0px;
 bottom: 0px;
}
object{
 display: block;
}
table{
 border-spacing: 0px;
 border-collapse: collapse;
}
th,td{
 text-align: left;
 vertical-align: top;
 padding: 0.5em 1em 0.5em 0px;
}
th{
 color: #D10018;
}
#cartwidget{
 position: absolute;
 top: 0.5em;
 right: 0.5em;
 padding-right: 50px;
 background: #000000 url(/images/template/cart.png) no-repeat scroll right top;
 color: #FFFFFF;
 min-height: 50px;
}
* html #cartwidget{
 height: 50px;
}
#cartwidget p{
 margin: 0px 0px 1em;
 padding: 0px 5px;
 display: none;
}
#cartwidget:hover p,#cartwidget.over p{
 display: block;
}
.sandbag{
 height: 0px;
 overflow: hidden;
 padding: 0px;
 margin: 0px;
 clear: both;
 line-height: 0px;
}
input,textarea,select,button{
 font-size: inherit;
 font-family: inherit;
 color: #000000;
 background-color: #FFFFFF;
}
input.text,textarea,select{
 border-width: 0px;
}
input.button,button{
 border: 2px outset #D10018;
 color: #FFFFFF;
 background-color: #D10018;
 cursor: pointer;
}
.textarea{
 white-space: pre;
}

/*some page specific code above to preserve css inheritance order*/

/*general*/
.general #content{
 background: #000000 url(/images/template/dotscorner.jpg) no-repeat right bottom;
 padding: 80px 100px 0px;
}

/*home page*/
body.home{
 background-color: #000000;
}
.home h1{
 height: 106px;
 width: auto;
 position: static;
 text-indent: -20em;
 background: #000000 url(/images/template/titlelogohome.png) no-repeat left 40px;/*img height 66px*/
}
.home h2{
 display: none;
}
.home #content{
 top: 106px;
}
.home #roller{
 margin-top: 40px;
 padding-top: 30px;
 height: 310px;
 border: 1px solid #FFFFFF;
 background: url(/images/template/dots.jpg) no-repeat right bottom;
}
.home #roller div{
 width: 758px;
 margin: 0px auto;
}

/*videos*/
.videos #content{
 padding: 0px;
}
.videos .vid{
 width: 530px;
 padding-top: 20px;
 margin: 0px auto;
}
.videos .vid object{
 margin: 0px auto 1em;
}

/*gallery*/
.gallery #content{
 padding: 0px;
}
.gallery #galpic{
 position: relative;
 display: block;
 /*padding: 20px 205px 0px;
 margin: 0px;*/
 width: 530px;
 padding: 20px 0px 0px;
 margin: 0px auto;
}
.gallery #galpic img{
 width: 530px;
 display: block;
}
.gallery #content object{
 position: absolute;
 left: 0px;
 bottom: 0px;
}
.gallery #cursive-title{
 bottom: 110px;
}
.gallery #particulars{
 position: absolute;
 top: 0.5em;
 left: 0.5em;
 margin: 0px;
 padding: 0px;
}

/*about*/
.about #content{
 padding: 0px;
}
.about #portraitwrapper{
 padding: 130px 370px 0px 100px;
 background: url(/images/template/jacques-p.png) no-repeat right bottom;
}
.about #cursive-title{
 position: static;
 margin-left: -100px;/*undo padding*/
}

/*kits*/
.kits #content{
 padding: 0px;
}
.kits.detail #content{
 background-image: none;
}
.kits.detail #star{
 position: absolute;
 top: 0.5em;
 left: 0.5em;
}
.kits.detail p.price{
 font-weight: bold;
}
.kits #selector{
 position: relative;
 width: 670px;
 padding: 20px 0px 0px;
 margin-left: 140px;
}
.kits #selector p{
 padding: 0px;
 margin: 0px 0px 1em;
}
.kits #selector .spiel{
 font-weight: bold;
}
.kits #selector .row{
 clear: left;
}
.kits #selector a,.kits #selector img{
 display: block;
}
.kits #selector a{
 width: 200px;
 float: left;
 padding: 0px 20px 20px 0px;
 text-decoration: none;
 color: #FFFFFF;
}
.kits #selector a:hover,.kits #selector a:focus{
 text-decoration: underline;
 color: #D10018;
}
.kits #kit{
 padding: 480px 35px 20px 430px;
 width: 475px;
 color: #000000;
}
.kits #cursive-title{
 position: static;
}

/*contact*/
.contact h3{
 color: #D10018;
 margin: 0px 0px 1em -80px;
}
.contact h3 img{
 position: relative;
 bottom: -15px;
}
.contact #content{
 font-size: 130%;
 line-height: 160%;
 padding: 65px 0px 0px 200px;
}
.contact #content a,.contact #content span.cont{
 color: #D10018;
 text-decoration: none;
}
.contact #content a:hover,.contact #content a:focus{
 text-decoration: underline;
}

/*links*/
.links #content{
 font-size: 130%;
}
.links #content ul{
 list-style: square outside;
}
.links #content li{
 margin: 0.8em 0px;
}

/*purchases*/
.purchase td{
 border: solid #D10018;
 border-width: 1px 0px;
}
form.little{
 display: inline;
}