@import url(_reset.css); 
@import url(_hacks.css);

/* @group Global
----------------------------------------------------------------------------------- */
html	{  }
body	{ 
font: normal small/140% Arial, Verdana, Helvetica, sans-serif;
text-align: center;
background: #fff;
}

.next,
.prev { height: 10px; width: 10px; background: red; display: block; }

.next:hover,
.prev:hover { background: #fff; cursor: pointer; }

.next { position: absolute; top: 50%; right: 0; z-index: 100; visibility: visible !important; }
.prev { position: absolute; top: 50%; left: 0; z-index: 100; visibility: visible !important; }

.jCarouselLite { overflow: hidden; }
ul li { float: left; }

.main {
position:absolute;
top:50%;
left:50%;
margin-top:-335px;
margin-left:-565px;
width: 1130px;
height: 670px;
overflow: hidden;
}

li.s1 { width: 400px !important; height: 550px; display: block; }
li.s2 { width: 730px !important; height: 550px; display: block; }
li.s3 { width: 400px !important; height: 550px; display: block; }
li.s4 { width: 730px !important; height: 550px; display: block; }
li.s5 { width: 400px !important; height: 550px; display: block; }
li.s6 { width: 400px !important; height: 550px; display: block; }
li.s7 { width: 400px !important; height: 550px; display: block; }
li.s8 { width: 400px !important; height: 550px; display: block; }
li.s9 { width: 730px !important; height: 550px; display: block; }
li.s10 { width: 730px !important; height: 550px; display: block; }
li.s11 { width: 400px !important; height: 550px; display: block; }
li.s12 { width: 400px !important; height: 550px; display: block; }
li.s13 { width: 730px !important; height: 550px; display: block; }

.carWrapper {
width: 1130px;
height: 550px;
overflow: hidden;
}

.bespoke-ttl { width: 1130px; height: 65px; background: url('../_images/bespunk.png') top left no-repeat; margin-bottom: 10px; }
.bespoke-ttl span { display: none; }

.ftrWrapper { padding-top: 10px; }
.ftrWrapper .sec1 { float: left; width: 580px; height: 35px; line-height: 35px; }
.ftrWrapper .sec2 { float: right; width: 117px; height: 35px; }
.ftrWrapper .sec2 a { display: block; width: 117px; height: 35px; background: url("../_images/derlot.gif") top left no-repeat; }
.ftrWrapper .sec2 a span { display: none; }


ul.navMain {}
ul.navMain li { float: left; }
ul.navMain li.sep { text-align: center; padding: 0 5px; vertical-align: middle; }
ul.navMain li a { font: bold 0.85em Tahoma, Arial, Helvetica; color: #000; }
ul.navMain li a:hover { color: #FF0000; cursor: pointer; }

div.flyInner { padding: 15px; text-align: left; overflow: auto; height: 320px; }
div.flyInner h3 { font-weight: bold; font-size: 1.1em; margin-bottom: 15px; color: red; }
div.flyInner h3 span { display: block; font: 70% Tahoma; color:#999999; }
div.flyInner p { margin-bottom: 10px; font-size: 85%; color: #CCCCCC; }
div.flyInner p a { color: #FFFF00; }
div.flyInner p a:hover { color: #FF0000; }

div.flyInner h2 { font-weight: bold; font-size: 0.9em; margin-bottom:0; }
div.flyInner ul { margin-bottom: 10px; }
div.flyInner ul li { font-size: 85%; color: #CCCCCC; display: block; float: none; }
div.flyInner small { font-size: 70%; color: #666; line-height: 1.2em; }

table.subscribe { padding:0; margin:0; border:0; margin: 0 auto; z-index:1000; }
.subscribe td { padding: 5px; color:#ccc; }
.subscribe h4 { display: block; font-weight: normal; font-size: 11px; }
.subscribe .frm { border: 1px solid #222; background: #333; padding: 5px 3px; font-size: 11px; font-family: Tahoma; width: 160px; color:#ccc;  }
.subscribe .send { font: 9px tahoma; text-transform: uppercase; color:#fff; background: #111; border: 1px solid #222; padding: 3px 0; cursor: pointer; }
.subscribe .send:hover { background: #333; }