/* -----------------------------------------------
patuart >> brands.ccs | 12.2008
------------------------------------------------*/
#container { margin: 3em 0; text-align: center;  }
#brandnav { width:210px; position: fixed; top: 40px; left:0; text-align:right; }
#brandnav img a { display: block; } 
#brandnav #items { padding-top:1em; padding-bottom:4px;}
#brandnav h1 { padding-right: 0; padding-right:2em; padding-left:1em; }
#items li { list-style:none; margin-bottom: 0.4em; padding: 0 0 0 1em; margin-right: 1em; }
#items li a { padding: 0.1em 1.5em 0.4em 1em; background:#000; 0border-left: 2px solid #000;}
#patu a { position: fixed; width: 296px; height:56px; right:0; top:0; z-index:1000; background: transparent url(/gui/patut2.png) no-repeat right top; display:block; }

#vviewer { width: 600px; margin: 50px auto 0; padding-left: 190px; text-align:left; }
#vviewer h1 { 0padding-bottom: 2.5em; }
h2#creating { margin: 1.5em 0; }
#vviewer img { margin-bottom:4em; }
#vviewer object { margin-bottom:4em; border: 10px solid #fff; display: block;}

#footer { margin: 0; border-top: 1px solid #333; 
width: 100%; display: inline-block; /* IE7 double padding fix */
}

h1 { font-size: 1.5em; margin-bottom: 1em; }
#items li.active a:link, #items li.active a:visited, #items li.active a:hover { color: #FFF; text-decoration:none; background: #000 url(/gui/arrow_wht.png) no-repeat right 0.4em; border-left-color: #FFF; }

#info { margin: 1em 0 3em 0; float: left; width: 100%; }
.moreinfo { float: left; width:18%; padding:2em 2em 1em 0em; margin:0; font-size: 0.9em; }
#vviewer div.moreinfo { text-align: right; }
.moreinfo h2 { text-transform: capitalize; }
#info dl { float:left; width:75%; margin:0; padding:2em 0 1.8em 2em; line-height: 1.8em; background-color:#333; font-size: 0.9em;
}
#info dt { clear:both; width:15%; padding: 0 1em 0 0; margin:0; font-weight: normal; color: #999; float:left; text-align: right; }
#info dd {  float:left; width: 80%; padding: 0; color: #FFF; text-align:left; }

.link { padding-left: 20px; background: url(/gui/arrow.gif) no-repeat 0 0.4em; }

#thumbs { float: left; width: 600px; margin: 0 0 3em; }
#thumbs img { float:left; margin: 0 4px 4px 0; }

.gotop { padding-left: 12px; background: url(/gui/arrow_up.gif) no-repeat 0 0.3em; clear: both; font-size: 0.9em; }

h2#creating *:focus, #brandnav *:focus, #patu *:focus { outline: none; }
div#process { height: 100%; display: none; }

li#here { font-size: 1.4em; text-transform: uppercase; margin-right: 0; margin-bottom: 1em;}
li#here a { color:#999; background: #000; text-decoration:none; border:1px dashed #999; padding-left: 2.2em; padding-top:0.2em; padding-bottom:0.2em; }