
html, body{ margin:0; padding:0; height:100%; width:100%; background-color:#FFF; color:#fff; min-width: 650px;}
body{ font: 13px Helvetica, Verdana, Arial, sans-serif; text-align:center;}

#return{ position:absolute; top:0px; left:0px; z-index:8; }
#return,#return:link,#return:visited{ display:block; width:54px; height:54px; overflow:hidden; background:url("/images/return.gif") no-repeat; }
#return:hover, #return:active{ background-position:left bottom !important; }

#bigsmaklogo{margin:0px auto; width: 293px; z-index:10; }

#moviecredits{ float: right; right:15px; z-index:10; margin:0; padding:10px; text-align:right; font-family:Impact, sans-serif; letter-spacing:8px }
#moviecredits dt{ font-size:8px; color:#F40000; margin:0 0 -2px 0; padding:0; }
#moviecredits dd{ font-size:18px; color:#D3B562; margin:0 0 -2px 0; padding:0; }

#pager{ position:absolute; top:0; right:15px; margin:0; padding:0; z-index:1; font-family:Impact, sans-serif; list-style:none }
#pager li{ margin:0; padding:0; font-size:24px; letter-spacing:16px; float:right; line-height:58px; }
#pager li img{ margin:0 5px 0 0; }

ul#utilBar{ margin:0; padding:0; list-style:none; position:absolute; top:0; left:54px; z-index:10; }
ul#utilBar li { margin:0 20px 0 0; float:left; padding:13px 0; }
ul#utilBar li.show {display:block;}
ul#utilBar li.hide {display:none;}
ul#utilBar li a { text-decoration:none; height:17px; display:block; font-size:1px; overflow:hidden; }
ul#utilBar li a#reelmenu{ width:93px; background:url("/images/reel-menu.gif"); }
ul#utilBar li a#reelmenuclose{ width:93px; background:url("/images/reel-menu-close.gif"); }
ul#utilBar li a#reelmenu:hover, ul#utilBar li a#reelmenuclose:hover, ul#utilBar li a#tellafriend:hover{ background-position:left bottom !important; }

a#tellafriend { 
position: absolute;
display: block;
left: 50%;
margin-left: -55px;
margin-top: 10px;
text-decoration: none; 
height: 17px;
width: 105px;
font-size:1px;
background: url("/images/tell-a-friend.gif"); 
}


#wiredrivelogo { 
margin-top: 50px;
}


div#overlay{ position:relative; top:54px; z-index:9; }

div#fixedEmailContent{ width:420px; margin:0 auto; padding-top:120px; }
div#fixedEmailContent p{ margin:0 0 6px 0; }
div#fixedEmailContent form{ text-align:left; }
div#fixedEmailContent form label{ width:90px; display:block;float:left; margin:0 10px 6px 0; text-align:right; color:#e2c76e; }
div#fixedEmailContent form input[type=text]{ margin:0 0 6px 0; width:313px; float:left; }
div#fixedEmailContent form textarea{ margin:0 0 6px 0; width:313px; height:88px; float:left; overflow:auto; }
div#fixedEmailContent form br{ clear:both; }

label span,  .sIFR-hasFlash label span{ color:#ff0600; visibility:visible; }
input[type=checkbox]{ vertical-align:middle; }

div#fixedRequestContent form input {float: right;}
div#fixedRequestContent form label {float: left;}
div#fixedRequestContent .halfForm1 {width: 290px;}
div#fixedRequestContent .halfForm2 {width: 240px;}
div#fixedRequestContent{ width:550px; margin:0 auto; padding-top:100px; }
div#fixedRequestContent div#systemMessage{ padding-bottom:20px; }
div#fixedRequestContent p{ text-align:left; margin: 0 0 6px 0; }
div#fixedRequestContent p.r{ text-align:right; }
div#fixedRequestContent form{ text-align:right; }
div#fixedRequestContent form label{ float:left; margin:0 10px 6px 0; text-transform:uppercase; color:#e2c76e;  font-weight:bold;}
div#fixedRequestContent form input[type=text]{ margin:0 0 6px 0; width:205px; float:right; border:0; }
div#fixedRequestContent form input#lastName{ width:206px;}
div#fixedRequestContent form input#company{ width:213px;}
div#fixedRequestContent form input#email{ width:235px;}
div#fixedRequestContent form input#title{ width:243px;}
div#fixedRequestContent form input#phone{ width:231px;}
div#fixedRequestContent form input#address1{ width:216px;}
div#fixedRequestContent form input#address2{ width:216px; margin-left:56px;}
div#fixedRequestContent form input#city{ width:242px; }
div#fixedRequestContent form input#state{ width:176px; }
div#fixedRequestContent form input#zip{ width:173px; }
div#fixedRequestContent form input#country{ width:215px; }
div#fixedRequestContent form label#messagelabel{  }
div#fixedRequestContent form textarea{ border:0; width:240px; height:214px; }
div#fixedRequestContent form br{ clear:both; }



div#fixedTellAFriend { width:400px; margin:0 auto; padding-top:100px; }
div#fixedTellAFriend div#systemMessage{ padding-bottom:20px; }
div#fixedTellAFriend table {border-collapse:collapse; border-spacing:0pt;}
div#fixedTellAFriend table #column1 {width: 100px;}
div#fixedTellAFriend table #column2 {width: 300px;}
div#fixedTellAFriend form{ text-align:right; }
div#fixedTellAFriend form label{ float:right; margin:0 10px 6px 0; text-transform:uppercase; color:#e2c76e; font-weight:bold;}
div#fixedTellAFriend form label.columnLabel{ margin:0 0px 6px 0;}
div#fixedTellAFriend form input{ margin:0 0 6px 0; width:300px; float:left; border:0; }
div#fixedTellAFriend form textarea{ border:0; width:300px; height:75px; margin:0 0 6px 0; }


div.buttons{ width:100%; float:left; text-align:left; margin-top:16px; }
div.buttons ul{ margin:0; padding:0; float:right; list-style:none; }
div.buttons ul li{ margin:0; padding:0; float:right; }
div.buttons ul li img{ margin:0 12px; }
div.buttons ul li a{ display:block; height:23px; overflow:hidden; }
div.buttons ul li a#send{ background:url("/images/send.gif"); width:69px; }
div.buttons ul li a#clear{ background:url("/images/clear.gif"); width:79px; }
div.buttons ul li a:hover{ background-position:left bottom !important; }

div#profilelayout{ margin:20px 20px 0 45px; z-index:2; }
div#profilelayout #picture{ width:400px; float:left; }
div#textbox h1{ font-size:48px; margin:0; padding:0; }
div#textbox h2{ font-size:20px; margin:0; padding:0; }
#profile{ margin-left:20px; margin-right: 10px; text-align:left; color:#D3B562;  font-size:18px;}
#profile p{ margin:0 0 16px 0; }

div.request{ text-align:left; }

h1#boldheader{ padding:0; margin:0; font-size:4.6em; letter-spacing:-4px; text-align: right;}

div#systemMessage{ color:#ba0009; }

input, textarea, select{ font: 11px Courier, Times, serif; }
input[type=checkbox]{ vertical-align:middle; }

/* site wide elements */
.inside{ padding:12px; }

/* others */
.display {margin-top:12px; margin-left:0; height: 50px;}
.hidedisplay {margin-top:12px; margin-left:-2000px; height: 50px;}
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
p, img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }


/* full screen table elements*/
table#bodytable {height:100%; width:100%;}

#row1 {height: 110px;}
#row2 {height: 4px;}
#row3 {}
#row4 {height: 150px;}
#row4 td {text-align:center; padding-bottom: 20px;}

#profilepic{margin-left: 20px;}
#textbox {float: right; width:750px; height: 80px; margin-right: 10px; margin-top: 10px;}
#col1 {width: 300px;}
#col2 {width: 100%;}
#b1 {height: 80px;}
#b2 {height: 100%;}
#b3 {}
#b4 {}

.bigsmacklogobg {background-position: left bottom; background-repeat: no-repeat; height: 150px; background-image: url('/images/logo-bottom-face.gif');}


/* dynamicly sizing central content area */


#row3 {min-height: 768px;}
#media {background: none;}
#media table {height: 100%; width: 100%;}
#media table #c_col1, #row3 table #c_col3 {width: 10px;}
#media table tr#c_row1 td, #row3 table tr#c_row3 td {height: 5px;}
#media table #c_col2 {width: auto;}
#media table tr#c_row2 td {height: auto;}
#media table tr#c_row2 td#centercontent {background: none; height: 100%;}
#media table .large { min-width: 808px; min-height: 663px;}
#media table .small { min-width: 320px; min-height: 255px;}

