/* --- Reset to consistant behavior --------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal; }
ol,ul {	list-style:none; }
ul.bullet{list-style:inside;}
ul.bullet li{padding:2px 0px;}

ul.list{padding-left:10px; list-style:outside; line-height:20px; width:90%; }
ul.list li{ margin-bottom:7px;}

caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;}

/* --- Page layout styles ------------------------------ */

body{ text-align:center; font:11px Helvetica, Arial, sans-serif; color:#e1def1; background:#1a1145 url(bg_main.gif) top left repeat-x;}
#container{ width:950px; margin:0px auto;}
#content{ max-height:528px; padding:5px; padding-top:15px; position:relative; }
#nav{ padding-top:20px; width:100%; border-top:1px solid #312958; }
#nav div{ width:950px; margin:0px auto; text-align:left;}
#nav ul{ float:right; }
#nav li{ float:left; }
#nav li a{  float:left; padding:5px 0px 22px 0px; background-position:top center; background-repeat:no-repeat; text-decoration:none; }
#nav li a span, #nav li a.on span{ visibility:hidden !important; text-decoration:none;}
#nav a.about{ background-image:url(nav_about.png); width:80px; }
#nav a.frames{ background-image:url(nav_frames.png); width:100px; }
#nav a.press{ background-image:url(nav_press.png); width:140px; }
#nav a.retail{ background-image:url(nav_links.png); width:140px; }
#nav a.gallery{ background-image:url(nav_gallery.png); width:95px; }
#nav a.blog{ background-image:url(nav_blog.png); width:85px; }
#nav a.contact{ background-image:url(nav_contact.png); width:85px; }
#nav li a:hover{ background-position:center -41px;}
#nav li a.on{ background-position:center -80px; text-decoration:none;}
#homelink{ float:left;}

#home{ padding-top:0px; height:478px; background:url(home-bg.jpg) bottom right no-repeat; }
#home img{ margin-bottom:5px;}
#home h3{ margin-bottom:0px; height: 16px;}
#home div.left-lg{ padding:10px 0px;}



/* --- Content styles ------------------------------ */

h1{ font-size:22px; color:#eae827 !important; text-transform:uppercase; margin-bottom:15px; text-align:left;}
h2{ font-size:18px; color:#eae827 !important; text-transform:uppercase; margin-bottom:15px; text-align:left;}
h3{ font-size:14px; color:#eae827 !important; text-transform:uppercase; margin-bottom:15px; text-align:left;}
h5 {font-family: helvetica, arial, sans-serif; font-size: 12px;}
p{ line-height:24px; margin-bottom:15px; clear:left;}
strong{ font-weight:bolder; color:#eae827; }

div.left-lg{ float:left; width:60%; text-align:left; }
div.right-sm{ float:right; clear:none; width:30%; text-align:left;}
div.left{ float:left; width:45%; text-align:left; }
div.right{ float:right; width:45%; text-align:left; }
div.clear {clear:both;}

a, a:visited{ color:#eae827; text-decoration:none; }
a:hover{ text-decoration:underline;}

div.col, div.col-mid{ width:30%; float:left; overflow:hidden; }
div.col-mid{ margin-left:10px; margin-right:10px; padding:10px; border-left:1px solid #312958; border-right:1px solid #312958;}


form{ margin-bottom:20px;}
input{ border:1px dashed #64599a; background:none; color:white; vertical-align:middle; padding:2px;}
label{ display:block; margin-bottom:20px;}
label span{ display:block; float:left; width:75px; text-align:right; padding-right:10px;}
textarea{ border:1px solid #312958; background:none; color:white;}
input.button{ border:none; background:#120b32; padding:5px; border:1px solid #312958;}

form.admin input{ background:white; border:none; color:#333; padding:3px !important;}

ul.cols li{ float:left; width:30%; line-height:24px;}
ul.cols{ margin-bottom:15px;}

#retail{ width:100%; }
#regions{ position:fixed !important; top:80px; right:20px; width:125px; visibility:hidden; }
#regions a{ font-size:12px; cursor:pointer; cursor:hand; }
#regions a.on{ color:white;}
#linktext div{ width:45%;}
#linktext{ width:85%;}
#linktext div{ float:left; width:31%; text-align:left;}

div.flash_message{ margin-bottom:20px;}
th{ background:#120b32;}
th,td{ padding:7px; border-bottom:1px solid #312958;}

/* --- Home Page --*/

/* --- Frame Viewer ------------------------------ */

#homeframe {margin: 12px 0 0 0; height:250px; width:475px; background:#09052a; padding:10px; border:1px solid #312958; position:relative; z-index:100;}
.homecallout {margin: 5px 0 0 368px;}
.homecallout a {font-weight:bold;}

#framebox{ position:relative; width:470px; height:300px; margin:0px auto; overflow:visible; }
#frame{ margin:0px auto; height:250px; width:450px; background:#09052a; padding:10px; border:1px solid #312958; position:relative; z-index:1000;}
#frame div{ width:450px; height:250px;}
#framebox ul{ margin-top:20%; position:absolute; top:15px; width:200px; }
#framebox ul.left{ text-align:right; left:0px;  }
#framebox ul.right{ text-align:left; right:0px; }
#framebox li{ background:#09052a; padding:7px 10px 7px 10px; border:1px solid #312958; margin-bottom:5px; clear:both; }
#framebox ul.left li{ padding-right:10px !important;}
#framebox ul.right li{ padding-left:10px !important;}
#framebox ul li.caption{ width:50px; margin-bottom:-1px;}
#framebox ul.left li.caption{ float:right; }
#framebox li.caption{ text-transform:uppercase; }

#frame_color, #frame_name{ width:90%;}
#frame_style, #frame_type{ width:65%;}
#frame_style{ margin-left:50px; }

#swatchbox{ width:470px; margin:0px auto;}
#swatchbox p{ float:left; margin:0px;}
#swatchbox li{ display:inline; float:left; padding:0px 2px 0px 2px;}
#swatchbox img{ border:1px solid #312958; }

#thumbnails{ clear:both; margin-bottom:50px; }
#thumbnails a, #thumbnails a:visited{ color:#eae827; text-decoration:none;}
#thumbnails a:hover{ text-decoration:underline;}
#thumbnails p{ float:right; margin:0px;}
#thumbnails p.inst{ float:left; margin:0px;}
#thumbnails p span{ margin-left:15px;}
#thumbs{ border:1px solid #312958; height:50px; padding:5px; clear:both; background:#09052a; overflow:hidden; margin-bottom:7px; }
#thumbs div{ height:50px; overflow:hidden; padding-left:5px;}
#thumbs div span{ position:relative; top:20px; }
#thumbnails form{ float:right; clear:both; }
#thumbnails img{ float:left; margin-right:5px; margin-bottom:10px; cursor:pointer; cursor:hand; }
#thumbnails div.form{ float:right; }

#thumbnails label{ display:inline; margin-left:20px;}
select{ border:none}
#thumbnails div.form img{ float:none; vertical-align:middle; margin:none; position:relative; top:5px;}

/* --- Gallery ------------------------------ */

#gallery-main{ background:#09052a; padding:10px; border:1px solid #312958; float:right; }
#gallery-main div{ width:400px; height:400px; background:white url(/assets/loading.gif) center no-repeat;}
#gallery-main div a{ display:block; width:100%; height:100%; }
fieldset.gallery{ padding:1px; padding:10px 5px 10px 10px; border:1px solid #312958; margin-right:10px; text-align:left;}
fieldset.gallery legend{ padding:5px; color:white;}
fieldset.gallery img{ margin:0px 2px 2px 0px; cursor:pointer; cursor:hand;}


/* --- SIFR ------------------------------ */

.sIFR-flash { visibility: visible !important; margin: 0;}
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0;	display: block;	overflow: hidden;}
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash h1 {	visibility: hidden; }
.sIFR-hasFlash h2 {	visibility: hidden;	letter-spacing: -9px; }
.sIFR-hasFlash h3 {	visibility: hidden;	letter-spacing: -6px; }
.sIFR-hasFlash h4 {	visibility: hidden;	letter-spacing: -5px; }

/* --- Scrollbars ------------------------------------ */

div.scrollable{ height:425px; padding:0px 10px 0px 0px; float:none; position:relative; width:900px; width:95% !important;}

.jScrollPaneContainer { position:relative; overflow: hidden; }
.jScrollPaneTrack {	position: absolute;	cursor: pointer; right: 0; top: 0; height: 100%; background:url(scroll-track.png) top center repeat-y; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; background:#eae827; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0;	left: 0; overflow: hidden; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:200;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background:#1a1145;
  z-index: 300;
  color:#000000;
  display:none;
  border: 1px solid #525252;
  border-bottom-width:2px;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
  display:none;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}