@charset "utf-8";
* { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
html, body { width:100%; height:100%; margin:0; padding:0; background-color:#1f1f1f; }
div { border: 0px solid red; }
h1 { font-size: 25px; color: #eed662; text-transform:uppercase; padding-top:24px; }
h2 { margin-top: 0; font-size:17px; color: #FFF; padding-top:4px; }
h3 { text-align: left; font-size: 18px; }
h4 { font-size:17px; color: #000; padding-top:14px; font-weight:normal; line-height:23px; }
p { font-size: 12px; }


#tag_note { margin-top:300px; font-size:11px; margin-bottom:-200px; }

/* HEADER CSS */
#header_wrapper { width: 100%; height: 86px; background: url(../../images/header_bg.jpg) bottom center repeat-x; position:relative; min-width:990px; width: auto; border-bottom:1px solid #FFF; z-index:100; }
#header_content { width: 990px; height: 86px; position: relative; margin: 0 auto; text-align:center; }

#logo { float:left; position:relative; top:20px; left:10px;}

/* OLD NAV NOT USED */
#nav { float:right; border:0px solid #CCC; position:relative; top:64px; height:22px; margin:0; padding:0; font-size:12px; text-align:right; }
#nav img { position:relative; height:22px; padding:0; }
#nav a { position:relative; bottom:7px; background:url(../../images/nav_bg_off.jpg) top repeat-x; color:#3d3d3d; display:inline-block; list-style:none; width:auto; height:23px; text-transform:uppercase; line-height:22px; padding:0 10px; margin-left:1px; text-decoration:none; }
#nav a:hover { background:url(../../images/nav_bg_on.jpg) top repeat-x; color:#FFF; cursor:pointer; cursor:hand; }
#nav .select { background:url(../../images/nav_bg_select.jpg) top repeat-x; color:#fff; }


/* RESELLER BLOCK */
#reseller_title { border-bottom:1px solid #CCC; text-align:left; margin-right:10px; margin-top: 5px; font-size:12px; font-weight:bold; color:#CCC; float: left; }
#reseller_signin { margin:0; padding:0; border:0px solid #CCC; width:500px; height:21px; position:relative; font-size:10px; color:#CCC; float:right; text-align:left; position:relative; top:10px; }
.reseller_field { width:78px; height:21px; vertical-align:middle; margin:0 4px; padding:4px 4px; font-size:10px; line-height:10px; background:url(../../images/login_field_bg.png) no-repeat; border:none; }
#submit { margin:0 0 0 4px; padding:0; position:relative; top:0px; }
.goButton { width: 26px; height: 21px; background: url(../../images/button_go_sprite.png) transparent 0 0 no-repeat; border-style: none; color: #000; float: right; cursor: pointer; }
.goButtonOver { background-position: 0px -21px; }

/* NAVIGATION NEW */
/*#dropnav { float:left; position:relative; top:98px; left:293px; margin:0; padding:0; height:23px; border:0px solid #900; font-size:12px; }*/
#dropnav { float:right; position:relative; top:18px; margin:0; padding:0; height:23px; width:990px; border:0px solid #900; font-size:12px; }
#dropnav .top { float:right; height:23px; list-style:none; }
#dropnav li a { padding:3px 10px 0 10px; margin-left:1px; color:#3d3d3d; text-transform:uppercase; background:url(../../images/nav_bg_off.jpg) top repeat-x; height:22px; display:inline-block; text-decoration:none; }
#dropnav li a:hover { background:url(../../images/nav_bg_on.jpg) top repeat-x; color:#FFF; cursor:pointer; cursor:hand; }
#dropnav li ul { list-style:none; }
#dropnav li ul a { height:22px; margin:0; padding:0; text-align:center; text-decoration:none; position:relative; top:-2px; width:146px; line-height:19px; }
#dropnav li ul a:hover {  }
		#dropnav li { position: relative; }
		#dropnav li ul { position: absolute; top: 25px; left: 0; }
li.top ul { display: none; }
li.top:hover ul { display: inline-block; }

/********BEGIN NEW DYNAMIC STORAGE TAB. INSERT BELOW INTO YOUR CODE*******/

#return_to_dc { float: left; background: url(../../images/topnav_return_to_dc.png) top left no-repeat; position: relative; top: 2px; left: 25px; font-size: 10px; }

/********END NEW DYNAMIC STORAGE TAB. INSERT ABOVE INTO YOUR CODE*******/


/* BODY CSS */
#body_wrapper { width: 100%; margin: 0 auto; text-align: center; position: relative; padding:0; background:url(../../images/inner_shadow_top.jpg) top center repeat-x; background-color:#919191; }
#body_wrapper_shadowbottom { background:url(../../images/inner_shadow_bottom.jpg) bottom center repeat-x; border:0px solid #0C3; }
#body_wrapper_shadowside { background:url(../../images/inner_shadow_sides.png) top center repeat-y; }
#body_content { width: 970px; position:relative; margin: 0 auto; padding:0; padding-left:30px; text-align:left; padding-bottom:50px; min-height:500px; height:100%!important; height:600px; }


#body_content_flash { width:100%; height:522px; position:relative; margin:0 auto; padding:0; }

#body_content p,
#body_content ul { font-size:12px; color:#FFF; margin:0; line-height:16px; }
#body_content ul { margin:0 0 0 20px; }
#sidecopy { float:right; position:relative; display:block; top:24px; width:470px; background:url(../../images/sidecopy_bg.png) top left no-repeat; padding:3px 12px; margin:0 10px 0 20px; border:0px solid #900; }
#sidecopy .header { color:#FFF; font-weight:bold; font-size:17px; padding:14px 0 4px 0; }
#sidecopy a { color:#eed662; text-decoration:none; }
#sidecopy a:hover { text-decoration:underline; }
#sidecopy p { padding-bottom:10px; }


/* FOOTER CSS */
#footer_wrapper { width: 100%; margin: 0 auto; background: url(../../images/footer_bg.jpg) top center repeat-x; background-color:#1f1f1f; border-top: 1px solid #FFF; clear: both; }
#footer_content { width: 970px; height:125px; position: relative; margin: 0 auto; padding:0 10px 0 10px; }

#copyright { float: left; position: relative; top:10px; font-size: 11px; color: #c1c1c1; text-align: left; line-height:18px; }
#copyright a { color: #c1c1c1; text-decoration: none; }
#copyright a:hover { color: #fff; text-decoration: underline; }

#header_links { width: 450px; float: right; position: relative; top: 10px; text-align:right; font-size: 11px; line-height: 18px; }
#header_links a { color: #c1c1c1; text-decoration: none; font-weight: bold; }
#header_links a:hover { color: #fff; text-decoration: underline; }

#footer_logos { float:right; position:relative; top:10px; width:200px; text-align:right; }

#footer_links { width: 450px; float: left; position: relative; top: 10px; text-align: center; font-size: 11px; line-height: 18px; }
#footer_links a { color: #c1c1c1; text-decoration: none; font-weight: bold; }
#footer_links a:hover { color: #fff; text-decoration: underline; }

/* FEATURE POPUPS */
#feature { width:100%; position:relative; background-color:#FFF;  }
#feature .header { font-size:20px; font-weight:bold; }
#feature .image { border:1px solid #c5a878; position:relative; width: 438px; height:260px; }
/* #feature img { width: 375px; height:223px; } */
#feature .copy { font-size:11px; width:438px; position:relative; padding-top:14px; }

/* PARTNER LOGOS */
#logo_block { width:318px; height:110px; border:0px solid #CCC; text-align:center; margin:12px 1px 0 1px; float:left; }
#logo_block img { }
#logo_name { font-size:12px; color:#FFF; font-weight:bold; padding-top:10px; }

/*OTHER CSS*/
a img { border: none; }
.png_bg {}
.clear { clear: both; }
.gray { color: #777; }
.red { color: #de1f26; }
.green { color: #207d54; }
.bigger { font-size: 110%; }
.big { font-size: 130%; }
.upper { text-transform: uppercase; }
.clear { clear: both; }

#noscript { width: 100%; background: #ffffe7; color: #f00; font-size: 14px; font-weight: bold; text-align: center; border-bottom: 2px ridge #555; position: fixed; z-index: 110; opacity: 0.9; filter: alpha(opacity=90); }
