body {background-color:black; color:White; text-align:center; font-family:"Verdana",sans-serif; font-size:11px;}
A,A:link,A:visited {color:white; text-decoration:none;}

A.huline:hover {text-decoration:underline;}

H1{}
H2{color:#004F97; margin-top:0px; margin-bottom:8px; border:0px solid blue;}
H3{font-size:110%; margin-top:2px; margin-bottom:4px;}
H4{font-size:13px; font-weight:bold;}
H5{margin-top:3px; margin-bottom:3px; padding-left:6px;}
H6{font-size:13px;margin-top:3px; margin-bottom:3px; font-weight:bold;}

HR{color:Orange; width:90%; height:2px; margin-bottom:3px;}

LABEL {margin-left:1px;}
FIELDSET {border:1px solid #CECED0; background-color:White;}


INPUT {border:1px solid #004F97;  padding:0px 2px 0px 2px; margin:2px;}
INPUT[type="submit"] {border:1px solid #004F97; background-color:#3C83C6; color:White; font-weight:bold;text-align:center; 
    cursor:pointer; padding:0px 2px 0px 2px; margin:2px;}
INPUT[type="submit"]:hover{background-color:#004F97;}
.button {border:1px solid #004F97; background-color:#3C83C6; color:White; font-weight:bold;text-align:center; 
    cursor:pointer; padding:1px 3px 1px 3px; margin:2px;}
.button:hover {background-color:#004F97;}
INPUT[type="text"] {padding:1px 2px 1px 2px; background-color:#E1ECF2;}
INPUT[type="password"] {padding:0px 2px 0px 2px; background-color:#E1ECF2;}
TEXTAREA {border:1px solid #004F97;}
SELECT {border:1px solid #004F97; font-size:100%; background-color:#E1ECF2; padding:0px;}
OPTION {background-color:#E1ECF2;}

/* COMMON STYLES */
DIV.login_frame {width:300px; height:100%; border:3px groove #E6F3FF; margin:auto; margin-top:200px; color:black; background-color:#E6F3FF;}
DIV.login_box {width:150px; text-align:left; border:0px solid black;}
DIV.error_box {background-color:#EC9C97; color:#BD3027;border:1px solid red; font-weight:normal; padding:5px; margin:3px;}
DIV.help_box {padding:2px; color:Black;}
DIV.small_info {margin:6px; margin-top:3px;padding:8px;border:solid 1px #CE8600; color:#CE8600;background-color:#FFFA8A; font-size:100%;}
DIV.small_info_green {border:solid 1px green; color:green;background-color:#D7FF8A; font-size:100%;}
DIV.small_info_red {border:solid 1px #BD3027; color:#BD3027;background-color:#EC9C97; font-size:100%;}


/* MAIN LAYOUT */
DIV.layout_page {width:988px; margin:0px auto; text-align:left;position:relative; padding:0px; }
DIV.layout_topbg {width:988px; height:551px; border:0px solid green;  background-image:url('~gfx/page_top.jpg');
                   background-repeat:no-repeat; margin:0px; padding:0px;}
.superpc_logo {position:relative; left:355px; top:54px; margin:0px; padding:0px;}
.menu_box{list-style-type:none; position:relative; width:200px; height:110px; left:128px;top:30px; display:block;margin:0px; padding:0px;}
.menu_box a {position:relative; width:197px; height:25px; display:block;}
.menu1 {background:url('~gfx/menu1_off.jpg') no-repeat;}
.menu1:hover {background:url('~gfx/menu1_on.jpg') no-repeat;}
.menu2 {background:url('~gfx/menu2_off.jpg') no-repeat;}
.menu2:hover {background:url('~gfx/menu2_on.jpg') no-repeat;}
.menu3 {background:url('~gfx/menu3_off.jpg') no-repeat;}
.menu3:hover {background:url('~gfx/menu3_on.jpg') no-repeat;}
.menu4 {background:url('~gfx/menu4_off.jpg') no-repeat;}
.menu4:hover {background:url('~gfx/menu4_on.jpg') no-repeat;}

DIV.layout_bg {width:988px;border:0px solid green;  background-color:black;background-image:url('~gfx/page_bg.jpg'); background-repeat:repeat-y;}
DIV.layout_content {width:988px;float:left;margin-top:-285px;}
DIV.page_footer {clear:both; width:757px; height:69px; background:url('~gfx/footer.png') no-repeat; margin:0px auto; 
                 font-size:12px;}
table.maintable {width:840px; margin:0px auto;}
table.maintable td {text-align:center;}

body#layout_small_window {width:584px;text-align:left; background-color:#1B1B1B;}
body#layout_small_window input,body#layout_small_window textarea {background-color:transparent; border:1px solid white; color:#27B0BA; padding:2px;}
body#layout_small_window input[type="text"]:focus,body#layout_small_window textarea:focus {background-color:#3E3E3E;}
body#layout_small_window input[type="submit"] {color:White;}
body#layout_small_window input[type="submit"]:hover {background-color:#520C0A;}

.product_box{width:389px; height:314px; display:block; margin:0px auto;}
/*
.p1 {background:url('~gfx/product1_darkbox.png') no-repeat;}
.p1:hover {background:url('~gfx/product1_box.png') no-repeat;}
.p2 {background:url('~gfx/product2_darkbox.png') no-repeat;}
.p2:hover {background:url('~gfx/product2_box.png') no-repeat;}
.p3 {background:url('~gfx/product3_darkbox.png') no-repeat;}
.p3:hover {background:url('~gfx/product3_box.png') no-repeat;}
.p4 {background:url('~gfx/product4_darkbox.png') no-repeat;}
.p4:hover {background:url('~gfx/product4_box.png') no-repeat;}
*/
.p1{background:url('~gfx/product1_box.png') no-repeat;}
.p2{background:url('~gfx/product2_box.png') no-repeat;}
.p3{background:url('~gfx/product3_box.png') no-repeat;}
.p4{background:url('~gfx/product4_box.png') no-repeat;}


.box_title {float:left; font-size:13px; width:270px; margin-left:25px; margin-top:36px;}
.intel_logo{margin-left:290px; margin-top:-15px;}
.ati_logo{margin-left:30px; margin-top:153px;}
.nvidia_logo{margin-left:10px; margin-top:153px;}

div.contentbox_header{background:url('~gfx/contentbox_header.png') no-repeat; height: 61px;}
div.contentbox_footer{background:url('~gfx/contentbox_footer.png') no-repeat; height: 15px;}
div.contentbox {}
div.contentbox_upperbg {background:url('~gfx/contentbox_upperbg.png') no-repeat; height:378px;}
div.contentbox_bg {background:url('~gfx/contentbox_bg.png') repeat-y; width:740px; padding-left:36px; padding-right:36px; overflow:visible; line-height:190%; font-size:110%;}
div.contentbox_bgcontent {float:left;margin-top:-350px;width:700px;}
a.contentbox_button {height:134px; width:133px; display:block; float:right;position:relative;left:-3px;top:-98px; background-image:url('~gfx/contentbox_button.png');}
a.contentbox_button:hover {background-image:url('~gfx/contentbox_button@hover.png');}

/*div.product_ibox {display:table; margin:0px auto;  background-color:White; border:solid 1px black; text-align:center;}
div.product_ibox a {display:table-cell; vertical-align:middle;}
div.product_ibox img {width:120px; height:120px;}*/
div.product_ibox a img {border:solid 1px #1C7B80; }
div.product_ibox a:hover img {border:solid 1px white; }

div.product_iboxsmall {margin:0px auto; width:60px; height:60px; background-color:White; text-align:center;  margin:5px;}
div.product_iboxsmall a img {margin:0px; padding:0px; width:60px; height:60px;border:solid 1px #1C7B80; }
div.product_iboxsmall a:hover img {border:solid 1px white; }
table.smthumbnails {width:120px; margin:0px auto; margin-top:10px; display:none;}
table.smthumbnails td {vertical-align:top;}

div.product_ibox ul { list-style: none; }
div.product_ibox ul li { display: inline; }

table.gallerytab {width:100%; margin:0px auto; margin-bottom:30px;}
table.gallerytab td {padding:2px;}
table.gallerytab span {margin:1px 8px 1px 0px;}
table.gallerytab a img {border:1px solid #1C7B80;}
table.gallerytab a:hover img {border:1px solid white;}

/* USER INPUT POPUP */

