/*--------------------------------------------------------------------------------
RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td { margin: 0;padding:0;vertical-align:top;}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img,abbr {border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b { font-style:normal;font-weight:normal; }
caption,th { text-align:left; }
a,u { text-decoration:none; }
ul, ol { margin-bottom: 1pt; }
p { margin: 0 0 1pt 0; }

li {list-style:none;}

/*------------------------------------------------------------------------------
OVERALL LAYOUT
------------------------------------------------------------------------------*/
html { height:100%; margin-bottom:0.1pt;  }
body { height:100%; font: 9pt/12pt Trebuchet MS, Arial, Helvetica, Geneva, sans-serif; color:#333333; background:#E2E2E2; }

#wrap {margin: 0 auto; width: 900px; margin-top: 20px; min-height: 85%; background:#ffffff; border: 1px solid #333333;}
#header {padding-bottom:25px; width: 100%; height:63px; background: url(../images/cue-logo.gif) no-repeat; text-align: right;}
#content {padding:20px 50px 50px 50px; width: 800px}

.left {width:302px; float:left;}
.right { margin-left:359px;}

.left img {border: 1px solid #333333;}
.thumb {border: 1px solid #333333; float: left; margin-bottom: 10px; margin-right: 15px;}

.block {margin-bottom: 15px; border-bottom: 1px solid #dddddd;}
.hr { padding-bottom: 1px; margin-top: 10px; margin-bottom: 20px; border-bottom: 1px solid #dddddd; }

/*------------------------------------------------------------------------------
TYPE
------------------------------------------------------------------------------*/
h1 {font: 12pt/14pt Trebuchet MS; color: #333333; padding-top:15px; padding-bottom:5px;}
h2 {font: 12pt/14pt Trebuchet MS; color: #333333; padding-left: 2px}
h3 {font: 9pt/12pt Trebuchet MS; color: #333333; font-weight:bold; padding-bottom: 6px}
h4 {font: 12pt/14pt Trebuchet MS; color: #333333; padding-bottom:5px;}

p {padding-bottom:10px;}

a {color:#f30914; border:0;}
a:hover {background-color: #f30914; color: #ffffff; border:0;}

.link {cursor: pointer;}

/*------------------------------------------------------------------------------
MENU
------------------------------------------------------------------------------*/
#menu {padding-top: 51px;}
#menu ul li {display:inline; padding-left:5pt; font: 9pt/12pt Trebuchet MS; color: #333333; font-weight:bold;}
#menu ul li a {color: #333333;}
#menu ul li a:hover{background: url(../images/menu-hover.gif) no-repeat 0 14px; color: #333333; padding-bottom: 3pt;}
#menu ul li a.current {background: url(../images/menu-current.gif) no-repeat 0 14px; color: #333333; padding-bottom: 3pt;}

/*------------------------------------------------------------------------------
ORDERS
------------------------------------------------------------------------------*/
.order_tbl { width: 440px; margin: 20px 0 20px 0}
.order_tbl td { padding: 10px; border:1px solid #e8e8e8; background-color:#fdfdfd;}

/*------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------*/
#footer {margin:0 auto; width:900px;}