html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins { background-color:#ff9; color:#000; text-decoration:none;}
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #666; margin:1em 0; padding:0; }
input, select { vertical-align: baseline; }

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    font-size:.8em;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
p {
    font: normal 13px/18px 'Droid Sans';}
summary {
    cursor:pointer;
    margin: 10px 0 0;
}
/* Zotac Styling */
html, body {
height: 100%;
}
html body div#container {
min-height:100%;
height: auto !important;
}
body {
    font: normal 13px/18px 'Droid Sans', verdana, helvetica, arial, tahoma, sans-serif;
    color:#ccc;
    background: url(../images/bg-tile.gif) #222 scroll ;}
a.nonused {
    text-decoration:none;
    color:#999;
    background-color:#000;
    background: rgba(0,0,0,.4);
    -moz-border-radius: 5px; 
    border-radius: 5px;
    -webkit-border-radius: 5px;}
a {
    color:#bbb;
    text-decoration:none;}
a:hover {
    text-decoration:underline;
    color:#ddd;}

select {
    font: normal 13px/100% 'Droid Sans', Arial, Helvetica, sans-serif;
    color:#999;
    background:#222;
    border: 1px solid #444;
    outline: 0;
    margin: 0;
    padding:5px 3px 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}

.btn-remove { display:block; margin:-5px 0 5px; width:13px; height:12px; font-size:0; line-height:0; padding: 3px; background-color:#2d3c4c; background: rgba(51,102,153,.3); background-image: url(../images/btn-remove.png); background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-indent:-999em; overflow:hidden; float:right;}
    
button[type="button"], button[type="submit"], input[type="button"], input[type="submit"], a.button{
    font-family: 'Droid Sans';
    text-transform:uppercase;
    text-decoraction:none;
    letter-spacing:1px;
    padding: 5px 15px;
    display:inline-block;
    color: #ccc;
    margin:.2em 0;
    border: solid 1px #666;
    text-align:center;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#333;
    background: rgba(102,102,102,.3);}
a.right {
    float:right;}
button[type="button"]:hover, button[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:hover, a.button:hover {
    color: #f90;
    background-color:#222;
    background: rgba(50,50,50,.5);
    border: solid 1px #666;
    text-decoration:none;}

input[type="text"], input[type="password"], input[type="file"], textarea {
    font: normal 13px/100% 'Droid Sans', Arial, Helvetica, sans-serif;
    color:#999;
    background-color:#333;
    background: rgba(255,255,255,.05);
    padding: 10px;
    border: 1px solid #666;
    outline: none;
    margin: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
    
div.input-box {margin: .5em 0 1em;}
div.buttons-set {padding: .5em 0 1em; clear:both;}


ul.messages {padding: .5em; margin: 0 0 10px; font-size:13px; color:#f90; font-weight:bold; background:rgba(50,50,50,.8); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #111;}

#fancybox-inner ul.messages {min-height:60px; list-style-type:none; margin: 0; background:none; border:0;}
#fancybox-inner ul.messages li {margin: 1em; list-style-type:none;}
ul.messages .error-msg {color:#f60;}
ul.messages .success-msg {color:#9cf;}
/********** < Navigation */
.nav-container {}
#nav { }

/* All Levels */

/* Mega Menu Styles */
.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

#mega-menu-1 {
font-family: 'Cantarell';
font-weight:bold;
font-size:14px; line-height:1.7em; text-transform:uppercase;
list-style: none;
letter-spacing:1.5px;
position: relative; 
padding: 0; 
margin: 0;
text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
#mega-menu-1 .sub ul {
display: block;
}
#mega-menu-1 {
background: transparent; 
width: 100%; 
height: 40px;
position: relative;
}
#mega-menu-1 li {
float: left; 
margin: 0; 
padding: 0; 
}
#mega-menu-1>li {
padding: 0 0 0 10px;
margin: 0 0 0 20px;
background: url(../images/menu/menusprites.png) no-repeat;}
#mega-menu-1 li#nav-products, #mega-menu-1 li#nav-productos {background-position:0 0;}
#mega-menu-1 li#nav-support,  #mega-menu-1 li#nav-soporte {background-position:0 -50px;}
#mega-menu-1 li#nav-company {display:none;}
#mega-menu-1 li#nav-z-spot {background-position:0 -100px;}
#mega-menu-1 li#nav-account, #mega-menu-1 li#nav-cuenta {background-position:0 -150px;}
#mega-menu-1 li a {
float: left; 
display: block; 
color: #fff; 
padding: 10px 0 10px 10px;
background: transparent; 
text-decoration: none;
}
#mega-menu-1 li.mega-hover a, #mega-menu-1 li a:hover {
background: url(../images/menu/menuindicate.png) 50% 100% no-repeat; 
color: #fc0;
}
#mega-menu-1 li .sub-container {
position: absolute;
}
#mega-menu-1 li .sub {
background: #333;
background-color: rgba(60,60,60,.95);
padding: 15px; letter-spacing:0px;
border: 1px solid #171717;
border-bottom: 5px solid #171717;
font-family: 'Cantarell';
text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
#mega-menu-1 li .sub .row {
width: 100%; 
overflow: hidden;
clear: both;
}
#mega-menu-1 li .sub li {
list-style: none; 
float: none; 
width: 180px; 
font-size: 1em; 
font-weight: bold;
}
#mega-menu-1 li .sub li.mega-hdr {
margin: 0 10px 10px 0; 
float: left;
}
#mega-menu-1 li .sub li.mega-hdr.last {
margin-right: 0;
}
#mega-menu-1 li .sub a {
background: none; 
color: #fff; 
padding: 5px 10px; 
display: block; 
float: none;
font-family:'Droid Sans';
font-size: 0.85em;
font-weight:normal;
text-transform:capitalize;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
padding: 5px 10px; 
margin-bottom: 5px; 
background-color:#3a4a59;
background: rgba(51, 102, 153, .3);
text-transform: uppercase;
font-family: Cantarell;
text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
letter-spacing:1px;
font-size:13px;
font-weight:normal;
color: #ccc;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #f90;
background:rgba(51, 102, 153, .2);
}
#mega-menu-1 .sub li.mega-hdr li a {
padding: 2px 10px; 
font-weight: normal;
letter-spacing:1px;
} 
#mega-menu-1 .sub li.mega-hdr li a:hover {
color: #f90;
background-color:#293540;
background: rgba(96, 143, 191, .07);
}
#mega-menu-1 .sub ul li {
padding-right: 0;
}
#mega-menu-1 li .sub-container.non-mega .sub {
padding: 10px;
}
#mega-menu-1 li .sub-container.non-mega li {
padding: 0; 
width: 210px; 
margin: 0;
}
#mega-menu-1 li .sub-container.non-mega li a {
padding: 2px 10px; 
font-weight: normal;
letter-spacing:1px;
text-transform:capitalize;
color:#fff;
}
#mega-menu-1 li .sub-container.non-mega li a:hover {
color: #f90; 
background-color:#293540;
background:rgba(96, 143, 191, .07);
}

.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0 0 0 20px;}
.mega-menu ul li ul {display: none; margin: 0;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

/* Global Body ZOTAC Styling */
section#globalBody {
    padding: 160px 40px 20px; }
section#globalBody header h1{
    color:#fc0;
    font: normal 22px 'Cantarell';
    letter-spacing:1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: 0px 0px 2px #ccc;
    border-bottom:1px solid #555;
    padding: 0 0 10px;
    margin: 0 0 10px;}
section#globalBody header h2{
    color:#999;
    font: italic 13px 'Droid Sans';
    letter-spacing:1px;
    margin:0 0 15px;}
section#globalBody #pageView li, section#globalBody #cartView li, section#globalBody #checkoutView li, section#globalBody #catView li, section#globalBody .block li, section#globalBody #productView li, section#globalBody #homecontent li, section#globalBody #accountsummary li, section#globalBody #accountView li, section#globalBody #formAside li {
    list-style-type:none;}
#container { 
    margin: 0 auto -100px;
    width: 960px;
    z-index:1;}
#headerGradient {
    position:absolute;
    height: 145px;
    width:100%;
    min-width:960px;
    border-bottom: 3px solid #000;
    z-index: 99;
    margin-bottom: -145px;
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(153,153,153)) );
    background: -moz-linear-gradient( center bottom, rgb(255,255,255) 0%, rgb(153,153,153) 100% );}
.ie8 #headerGradient, .ie9 #headerGradient, #headerGradient:-o-prefocus {
    background:#333;}
    
header#headGlobal {
    height: 143px;
    margin: 0 0 0 -84px;
    padding: 0 0 0 84px;
    background: url(../images/headerbg--.png) no-repeat 0 100%;}
a#logoZotac {
    display:block;
    z-index:100;
    position:relative;
    float:left;
    top:-5px;
    width: 250px;
    height:80px;}
#headerStrip {
    height: 15px;
    padding:10px 40px;
    background-color:#141414;
    background: rgba(0,0,0,.4);
    -moz-border-radius-bottomleft: 5px; 
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    position:relative;
    margin: 0 0 20px;}
#headerStrip a {
    text-decoration:none;
    color:#888;
    border-bottom:1px dotted #666;}
#stripSelect, #stripAccount {
    color:#999;
    font-size: 13px;
    text-transform:uppercase;
    letter-spacing:1px;}

#stripSelect select {
    font: normal 12px/100% 'Droid Sans', Arial, Helvetica, sans-serif;
    color:#999;
    background:#222;
    border: 1px solid #444;
    outline: 0;
    margin: -3px 5px 0;
    padding:2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}

#stripSelect div{
    float:right;}
#stripSelect{
    float:left; with:360px;}

#stripAccount {
    float:right;}
#stripAccount a#btn-compare, #stripAccount a#btn-cart {
    padding: 2px 25px 2px 5px;
    border:0;
    color:#bbb;
    border:1px solid #666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: -2px 0 0 2px;}

#stripAccount a#btn-compare {
    background-color: #333; background:rgba(51,102,153,.4); background-image: url(../images/btn-compare.png); background-repeat: no-repeat; background-position: 95% 50%;}
#stripAccount a#btn-cart {
    background-color:#444; background: rgba(51,102,153,.2); background-image: url(../images/btn-compare.png); background-repeat: no-repeat; background-position: 95% 50%;}
#stripAccount a#btn-compare:hover {
    color:#ccc;
    background:rgba(255,255,255,.2); background-image: url(../images/btn-compare.png); background-repeat: no-repeat; background-position: 95% 50%;}
#stripAccount a#btn-cart:hover {
    color:#ccc;
    background: rgba(255,255,255,.2);  background-image: url(../images/btn-compare.png); background-repeat: no-repeat; background-position: 95% 50%;}
#stripAccount a#btn-compare.disabled, #stripAccount a#btn-cart.disabled, #globalSearch button#searchsubmit.disabled{
    background-color:rgba(255,255,255,.1); border:1px solid #444;opacity:0.5;filter:alpha(opacity=50);}
#globalBanner {
    margin: 0 40px 0;
    position:absolute;
    width:880px;}
#globalBanner h1 {
    display:none;}
#globalSearch {
    height: 50px;
    float:right;}
#globalNavigation{
    float:right;
    clear:right;
    margin: 0;}
.searchform {}
.searchform input.input-text[type="text"]:focus{
    outline: none;}
.form-search input.input-text[type="text"] {
    font: normal 13px/100% 'Droid Sans', Arial, Helvetica, sans-serif;
    color:#666;
    background-color:#333;
    background: rgba(255,255,255,.05);
    padding: 5px 7px;
    width: 300px;
    border: solid 1px #666;
    outline: none;
    margin: 0 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.form-search button[type="submit"]{
    font-family: 'Droid Sans';
    text-transform:uppercase;
    letter-spacing:2px;
    padding: 0 auto;
    color: #ccc;
    border: solid 1px #666;
    text-align:center;
    font-size: 13px;
    width: 100px;
    height: 30px
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#333;
    background: rgba(102,102,102,.6);}
.form-search button[type="submit"]:hover {
    color: #f90;
    background-color:#222; 
    background: rgba(30,30,30,.2);}
.form-search div {
    clear:both;
    margin: 0 20px;
    width:400px;
    font-size:.8em;
    line-height: 20px;
    text-transform:uppercase;
    letter-spacing:2px;
    opacity:0.4;filter:alpha(opacity=40);}
.form-search div label {
    position:relative;
    top:-3px;
    }
.product-description h2 {
    color:#f90;
    font: normal 13px 'Droid Sans';
    letter-spacing:2px;
    text-transform:uppercase;
    margin:0 0 10px;
    border-bottom: 1px solid #555;
    padding: 0 0 5px;}
.breadcrumbs {
    color:#888;
    letter-spacing:1px;
    font: normal 12px 'Droid Sans';
    text-transform: uppercase;
    text-decoration:none;
    margin: 10px 0;}
.breadcrumbs li {
    list-style-type:none;
    display:inline;}
#sideColumn {
    margin: 20px 0 0 0;
    width: 17%;
    padding: 10px 20px;
    float: right;
    color:#fff;
    background:#444;
    background-color: rgba(102,102,102,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: normal 11px 'Droid Sans';}
#sideColumn h1 {
    color:#f90;
    font: normal 11px 'Droid Sans';
    letter-spacing:1px;
    text-transform:uppercase;
    margin:10px 0 5px;
    border-bottom: 1px solid #555;
    padding: 0 0 5px;}
#sideColumn li {
    list-style-type:none;}
#sideColumn p.product-name a {
    text-decoration:none;
    color:#888;}
#sideColumn p.product-name {
    margin: 5px 0;}
#pushFooter {height:120px; clear:both;} 
footer#globalFooter {
    clear:both;
    font-size:13px;
    line-height:20px;
    bottom:0;
    width: 880px;
    margin: 0 auto;
    padding:20px 40px 0;
    height:80px;
    background-color:#141414;
    background: rgba(0,0,0,.4);
    background-image: url(../images/timetoplay.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    -moz-border-radius-topleft: 5px; 
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;}
footer#globalFooter li {
    list-style-type:none;
    display:inline;}
footer#globalFooter a {
    color:#aaa;
    text-decoration:none;}
footer#globalFooter a:hover {
    color:#ccc;}

label.required em {color:#fc0; margin: 0 5px 0 0; font-size: .8em; vertical-align:super;}
p.required {color:#fc0;}
div.validation-advice {color:#fc0; font-size: .8em; }
.data-table {
    width:100%}
.data-table thead th {
    color:#f90;
    font: normal 11px 'Droid Sans';
    letter-spacing:1px;
    text-transform:uppercase;
    margin:10px 0 5px;
    border-bottom: 1px solid #555;
    padding: 0 0 5px;}
.data-table td {
    padding: 10px 10px;
    font: normal 13px/18px 'Droid Sans';
    text-align:left;
    vertical-align: middle;}

/* Landing Pages ZOTAC Styling */

div#pageView {
    float:left; 
    width: 600px;}
div#pageView.full {
    width: 100%;}

div#pageView a.button {
    font-weight:normal; margin: 5px 0; font-size:.8em;}
div#pageView a {
    color:#f90;
	text-decoration:underline;}
div#pageView a:hover {
    color:#f90;
    text-decoration:none;}
div#pageView img.bannerimg {
    	margin: 15px 0 8px;
    	overflow: hidden;
    	width: 880px;
    	height: auto;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
    	border-radius: 10px;}
    #pageView article > *:first-child { margin-top:0;}
	div#pageView article p{
		font: normal 13px/18px 'Droid Sans';
		margin: 0 0 5px;
		color: #bbb;}
	div#pageView article h3{
		color: #f90;
		font: normal 13px 'Droid Sans';
		letter-spacing: 2px;
		text-transform: uppercase;
		margin: 15px 0 10px;
		border-bottom: 1px solid #555;
		padding: 0 0 5px;}
	div#pageView.warranty article section.terms {
		background-color: #1d2022;
		background: rgba(51, 102, 153, .07);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 15px 30px;
		margin: 10px 0;}
	section#globalBody div#pageView.warranty article ul li{
		list-style-type: circle;
		margin: 2px 0 5px 15px;
		font: normal 12px/16px 'Droid Sans';}
		div#pageView.warranty article ul li table {
			width: 75%;
			border-collapse:collapse;
			margin: 10px auto;}
			div#pageView.warranty article ul li table th {
				color:#fff;
				border: 1px solid #333;
				padding: 5px 10px;
				font-style:italic;
				font-weight:normal;}
			div#pageView.warranty section ul li table td {
				padding: 5px 10px;
				border: 1px solid #333;}
		
	section#globalBody div#pageView.warranty article section.terms ul li {
			font: normal 13px/18px 'Droid Sans';
			margin: 2px 0 8px 15px;}
	div#pageView.firestorm article section.features {
		background-color: #1d2022;
		background: rgba(51, 102, 153, .07);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 15px 30px;
		margin: 10px 0;}
	section#globalBody div#pageView.firestorm article ul li{
		list-style-type: circle;
		margin: 2px 0 5px 15px;
		font: normal 12px/16px 'Droid Sans';}
div#pageView aside {
    background-color:#222;
    background: rgba(102,102,102, .1);
    padding: 20px;
    width: 230px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
    float:right;
    }
    div#pageView aside li {
        list-style-type:none;
        margin: 0 0 10px;
        font: normal 15px 'Droid Sans';
        }
    div#pageView aside li:last-child {
        margin-bottom: 0;
        }
    div#pageView aside li div {
        border:1px solid #333;
        padding: 14px;
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        border-radius: 5px;
        margin: 0 0 10px;
        font: normal 15px/22px 'Droid Sans';
        }
    div#pageView aside li div:last-child {
        margin:0;
    }
    div#pageView aside li p {
        font: normal 12px/18px 'Droid Sans';
        margin: 10px 0;}
        div#pageView aside li p:first-child {
            margin-top:0;}
        div#pageView aside li p:last-child {
            margin-bottom:0;}
			

    div#pageView aside li a {
        display:block;
        padding: 10px 15px;
        border:1px solid #555;
        margin: 10px 0;
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        border-radius: 5px;
        background-color:#444;
        background: rgba(51, 102, 153, .1);
        color:#fc0;
        font: bold 10px 'Cantarell';
        text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
        text-transform: uppercase;
        clear:both;
		text-decoration:none;}
    div#pageView aside li > h2 {
        color: #F90;
        font: bold 12px 'Droid Sans';
        text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0 0 5px;}
    div#pageView aside li div h2 {
        color: #f90;
        font: bold 12px 'Droid Sans';
        text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0 0 10px;
        padding: 0 0 5px;
        border-bottom: 1px solid #555;}
    div#pageView aside li div h3 {
        color: #f90;
        font: normal 10px 'Droid Sans';
        text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 7px 0 5px;
        padding: 0 0 2px;
        border-bottom: 1px solid #444;}
    div#pageView aside li a:hover {
        color:#fc0;
        border:1px solid #666;
        background-color:#333;
        background: rgba(51, 102, 153, .2);
        text-decoration:none;
            }
        div#pageView aside li a:first-child {
            margin-top:0;
            }
        div#pageView aside li a:last-child {
            margin-bottom:0;
            }
div#pageBox {
    background-color:#333;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:30px;
    margin: 20px 0 10px;
    clear:both;} 
.sc2upgrade div#pageBox {
    margin: 20px 0 0;} 
.sc2upgrade div#pageBox p {
    font: normal 13px/18px 'Droid Sans';
    margin: .5em 0;
    text-indent:30px;} 
.sc2upgrade div#pageBox > img {
    margin: -30px 0 -15px;} 
.sc2upgrade div#pageDescription ul.prize li img {
    float:left;
    margin: 0 20px 0 0;} 
.sc2upgrade div#pageDescription ul.prize li h3 {
    color:#fc0;
    font: bold 17px 'Droid Sans';
    letter-spacing:2px;
    text-transform:uppercase;
    margin:15px 0 10px;
    border-bottom: 1px solid #555;
    padding: 10px 0 5px;
    clear:both;} 
.sc2upgrade div#pageDescription ul.prize li h4 {
    color:#f90;
    font: bold 13px 'Droid Sans';
    letter-spacing:2px;
    text-transform:uppercase;} 
.sc2upgrade div#pageDescription ul.prize li p {
    font: normal 13px/18px 'Droid Sans';
    margin: 0 0 5px;} 
.sc2upgrade div#pageDescription ul.prize li ul li {
    font: normal 11px 'Droid Sans';} 
.sc2upgrade div#pageDescription ul.raffle li {
    width:430px; float:left; margin: 0 0 10px;} 
.sc2upgrade div#pageDescription ul.raffle li:nth-child(even) {
    float:right;} 
.sc2upgrade div#pageDescription ul.raffle li img {
    width:120px; margin: 0 10px 0 0;} 
.sc2upgrade div#pageDescription ul.raffle li p {
    font: normal 13px/17px 'Droid Sans';}
.gfl6 { background: url(/images/page/gfl6.png) no-repeat 50px 20px;}
.gfl6 .head h1 {
    font-size:120px;
    color:#f90; 
    height:250px; width: 500px; 
    line-height:120px;
    float:left;}
.gfl6 .head h2 {
    color:#fc0;}
.gfl6 .head aside {
    position:relative; float:left; top: 135px; left: -150px;}
.gfl6 .head p { 
    float:right; width:340px; font-size:18px; line-height:20px; position:relative; top:-80px;}
.gfl6 .head div { 
    float:right; width:340px; clear:right; position:relative; top:-70px; margin: 0 0 -50px; background:url(/images/page/gfl6sponsers.png) no-repeat;}
.gfl6 .head div a { 
    float:left; width:170px; height:50px; display:block;}
.gfl6 ul {clear:both;}
.gfl6 ul li {
    list-style-type:none;
    margin: 10px 0;
    width:430px; float:left;
    clear:left;
    background:#000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
.gfl6 ul li:nth-child(even) {
    margin: 10px 0 10px 20px;
    float:right;
    clear:right;}
.gfl6 ul li h3 {
    font-size:20px;
    color:#fc0;
    margin: 15px 15px 0;} 
.gfl6 ul li p {
    margin: 10px 15px;}
.gubf3 .product {padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin:10px;
    min-height:30px;
    float:left;}
.gubf3 .product:nth-child(3n+3) { width: 800px; background:#45495a; background: rgba(69,73,90,.2);}
.gubf3 .product:nth-child(3n+2) {background:#50647f; background: rgba(80,100,127,.1); margin: 10px 0 10px 10px;
    float:left; width: 365px;}
.gubf3 .product:nth-child(3n+1) {background:#50647f; background: rgba(80,100,127,.15); margin: 10px 0 10px 10px;
    float:left; width: 365px;}
.gubf3 .intro {padding: 15px 400px 15px 30px; margin: 10px; background:rgba(0,0,0,.2);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-image: url(../images/page/bf3/coupon.png); background-repeat:no-repeat; background-position: 100% 50%;}
.gubf3 .intro h1 {color:#fc0; font-size: 20px; margin: 10px 0;}
.gubf3 .intro p {font-size:15px; line-height: 22px; margin: 10px 0;}
.gubf3 .product .desc {}
.gubf3 .product .desc h2 {font-size:25px; color:#fc0; margin: 5px 0;}
.gubf3 .product .desc p {}
.gubf3 .product .desc h3 {font-size:11px; text-transform:uppercase; letter-spacing:1px; color:#f90; margin: 0 0 10px;}
.gubf3 .product table {float:right; width: 225px; margin:0 0 15px;} 
.gubf3 .product th {font-size: 10px; text-align:right; line-height:11px; padding:0; width:100px;}
.gubf3 .product td {font-size: 11px; padding: 5px 0 0 5px;line-height:11px; width:125px;}
body.cms-gear-up-bf3 div#pageView a.product {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; float:right;
    width: 345px; display:block; text-align:center;
    font-size:13px; font-weight:bold; 
    background:#222;
    padding: 5px 10px; border: 1px solid #555; margin: 10px 0 0; line-height:30px;}
body.cms-gear-up-bf3 div#pageView .product:nth-child(3n+3) a.product {clear:both; width: 780px;}
.gubf3 .product .image{
    float:left;
    margin:0 10px 0 0;
    overflow:hidden; /* this is important */
    border:1px solid #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }
.gubf3 .product:nth-child(3n+3) .image {float:left;}
.gubf3 .product:nth-child(3n+3) .desc {float:left; margin: 0 0 0 20px;}
    /* input values to crop the image: top, right, bottom, left */
.gubf3 .product .image img{
    margin:-25px -10px -30px -5px;
    width:130px;
    }
body.cms-htpc h1 {color:#f90; font-size: 140px; opacity:0.15; filter:alpha(opacity=15); margin: 50px 0 4px -9px;}
body.cms-htpc h2 {font-weight:normal; margin: 5px 0; color:#fc0; clear:both; font-size:40px; line-height: 45px;}
body.cms-htpc h3 {color:#f90; margin: 10px 0; font-size:18px;}
body.cms-htpc h3 span { display:block;font-size:11px; margin: 2px 0 0; line-height:12px; font-weight:normal; letter-spacing:2px; color:#f90; text-transform:uppercase;}
body.cms-htpc h4 {color:#f90;}
body.cms-htpc p { color:#eee; margin: 10px 0 5px; font-size:14px; line-height:20px;}
body.cms-htpc strong {color:#fc0; text-transform:uppercase;}
body.cms-htpc em {font-size:13px; color:#f90; display: block; padding: 10px 20px; text-align:center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-top: 2px solid #444;
    border-bottom: 2px solid #444;}
body.cms-htpc section#globalBody #pageView .popuptext {border: 1px solid #333; padding: 20px;
    background-color:rgba(51,102,153,.07);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
body.cms-htpc section#globalBody #pageView .sizeth {background-image: url(/images/page/htpc/sizeth2.png); background-repeat:no-repeat; background-position: 50% 50%;}
body.cms-htpc section#globalBody #pageView .pcth {background-image: url(/images/page/htpc/pcth.png); background-repeat:no-repeat; background-position: 50% 50%;}
body.cms-htpc section#globalBody #pageView .mediath {background-image: url(/images/page/htpc/mediath.png); background-repeat:no-repeat; background-position: 50% 50%;}
body.cms-htpc section#globalBody #pageView .popuptext:hover { border:1px solid #555; background-color:rgba(0,0,0,.12); cursor: pointer;}
body.cms-htpc .boxd {
    background-color:rgba(255,255,255,.05);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:40px 30px;
    margin: 0 0 10px;
    border-top:5px solid #555;}
body.cms-htpc section#globalBody #pageView .intro {
    background-image: url(/images/page/htpc/famiry.png);
    background-repeat:no-repeat; 
    background-position: 92% 15%;}
body.cms-htpc .intro p {font-size: 15px; line-height:22px;}
body.cms-htpc .size { padding: 30px 30px 30px 230px; background-image: url(/images/page/htpc/size.png); background-repeat: no-repeat; background-position: 20px 50%;}
body.cms-htpc .pc { padding: 30px;}
body.cms-htpc .media { padding: 30px;}
body.cms-htpc .benefits {float:left; width: 280px; margin: 10px 20px 0 0; height:190px;}
body.cms-htpc .last {margin:10px 0 0;} 
body.cms-htpc section#globalBody #pageView .benefits .popuptext {height:50px; padding-top:90px;}
body.cms-htpc .benefits p {font-size:14px; line-height:17px;}
body.cms-htpc .benefits h2 {font-size:35px; font-weight:normal; margin: 10px 10px 0 0; color:#fc0; clear:both; float:left;}
body.cms-htpc section#globalBody #pageView .zbox { background-image: url(/images/page/htpc/zbox.png); background-repeat: no-repeat; background-position: 0 0; }
body.cms-htpc section#globalBody #pageView .miniitx { background-image: url(/images/page/htpc/miniitx.png); background-repeat: no-repeat; background-position: 0 0; }
body.cms-htpc section#globalBody #pageView .options {float:right; width: 260px;}
body.cms-htpc section#globalBody #pageView .options h3 {font-size:14px; margin: 0 0 10px;}
body.cms-htpc section#globalBody #pageView .addon h3  {float:left; width: 150px; margin: 0 17px 0 0; font-size: 11px;}
body.cms-htpc section#globalBody #pageView .addon h3.last  {margin:0;}
body.cms-htpc .popped {padding:30px;}
body.cms-htpc .mini p{font-size:12px; line-height: 15px; margin: 5px 0 10px;}
body.cms-htpc a.rink {
    display:block; margin: 20px; text-decoration:none;
    border: 1px solid #333; 
    width: 250px;
    float:left;
    padding: 20px;
    background-color:rgba(51,102,153,.07);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
body.cms-htpc a.rink:hover {border:1px solid #777;}
section#globalBody #pageView.prime ul li {} 
section#globalBody #pageView.prime ul.boxd li {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 175px;
    float:left;
    padding:15px;
    margin: 0 20px 0 0;}
section#globalBody #pageView.prime li.hunt {
    background: url(/images/paxprime2011/huntbg.png) repeat-x;}
section#globalBody #pageView.prime li.raffle {
    background: url(/images/paxprime2011/rafflebg.png) repeat-x;}
section#globalBody #pageView.prime li.lanfest {
    background: url(/images/paxprime2011/lanfestbg.png) repeat-x;}
section#globalBody #pageView.prime ul.boxd li.dirt3 {
    background: url(/images/paxprime2011/dirt3bg.png) repeat-x;
    margin: 0;}
section#globalBody #pageView.prime div.intro {
    background: url(/images/paxprime2011/head.png) no-repeat 0 0;
    height:230px; margin: 0 0 20px;}
section#globalBody #pageView.prime div.intro h2{
    float:left; margin: 190px 0 0; font-weight:normal;}
section#globalBody #pageView.prime div.intro p{
    float:right; width: 380px; margin: 10px 20px 20px; clear:right;
    font: 15px/20px normal 'Droid Sans';}
section#globalBody #pageView.prime div.intro h3{
    float:right; width: 380px; margin: 25px 20px 0;
    font: bold 18px/20px 'Droid Sans'; color:#fc0;
    text-align:center;}
section#globalBody #pageView.prime ul.boxd li h2 {
    font: bold 22px/28px 'Cantarell';
    margin: 0 0 10px;
    color:#fff;}
section#globalBody #pageView.prime div.banner {
    margin: 20px 0;}
section#globalBody #pageView.prime div.sponser {
    clear:both;
    margin: 20px 0;
    width: 880px;
    height: 200px;
    background:#222;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
section#globalBody #pageView.prime div.sponser img {
    float:left;}
section#globalBody #pageView.emailty div p.email {
    font: bold 16px/28px 'Droid Sans'; margin: .5em 0;}
section#globalBody #pageView.emailty div p.thanks {
    font: normal 15px/19px 'Droid Sans'; margin: .5em 0;  color:#fc0; text-align:center;}
section#globalBody #pageView.emailty div p {
    font: normal 15px/22px 'Droid Sans'; margin: .5em 0;}
section#globalBody #pageView.emailty div p.nothanks {
    font: normal 12px/19px 'Droid Sans'; margin: .5em 0;}

#pageView.adventures
    {width:880px;}
#pageView.adventures .comic
    {width:520px; float:left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgba(102, 153, 204, .15); padding: 20px;}
#pageView.adventures .comic .create
    {background:url(/adventures/jan2012comic.gif) no-repeat; width: 520px; height: 600px;}
#pageView.adventures .comic .create textarea
    {float:left;resize:none; width: 125px; overflow:auto; height: 50px; margin: 0 90px 0 20px; color:#000; font-weight:bold; text-align:center; border:0;}
#pageView.adventures .comic .create textarea.title
    {position:relative; top:50px; height:15px; color:#fff; width:460px;}
#pageView.adventures .comic .create div.input1
    {display:block; float:left;position:relative; top:70px;}
#pageView.adventures .comic .create textarea.shiny1
    {}
#pageView.adventures .comic .create textarea.dragon1
    {}
#pageView.adventures .comic .create div.input2
    {display:block; float:left;position:relative; top:255px;}
#pageView.adventures .comic .create textarea.shiny2
    {}
#pageView.adventures .comic .create textarea.dragon2
    {}
#pageView.adventures .comic .submit
    {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(0,0,0, .15); margin:10px; padding: 15px 20px; height: 30px; font-size: 20px; line-height:30px;}
#pageView.adventures .comic .submit button
    {background: #fc0; float:right; font-weight:bold; color:#000;}
#pageView.adventures .comic .submit button:hover
    {background: #fc0; float:right; font-weight:bold; color:#000; cursor:pointer;}
#pageView.adventures aside
    {width:290px; float:right;}
#pageView.adventures aside h2
    {color: #F90; font: normal 13px 'Droid Sans'; letter-spacing: 2px; text-transform: uppercase; margin: 15px 0 10px; border-bottom: 1px solid #555; padding: 0 0 5px;}
#pageView.adventures .contest ul li
    {margin: 8px 0 9px;}



/* Customer Service Forms ZOTAC Styling */

div#formView {
    float:left; 
    width: 600px;}
div#formView.full, div#accountView.full, div#catView.full {
    width: 100%;}
.cms-warranty section#globalBody div#formView.full li {
    list-style-type:inherit;
    margin: 0 0 10px 20px;}
.cms-warranty section#globalBody div#formView.full table td {
    border:1px solid #333;
    padding: 10px;}
div#formDescription h2, div#pageDescription h2, div#formBox h2, div.downloads h2 {
    color:#f90;
    font-weight:bold;
    font: normal 13px 'Droid Sans';
    letter-spacing:2px;
    text-transform:uppercase;
    margin:15px 0 10px;
    border-bottom: 1px solid #555;
    padding: 0 0 5px;
    clear:both;}
div#formDescription p, div#pageDescription p, div#formBox p, div.downloads p {
    font: normal 13px/18px 'Droid Sans';
    margin: 0 0 5px;
    color:#bbb;}
#downloadscontent .title {font: normal 17px 'Cantarell'; color:#fc0; letter-spacing: 1px; font-weight:bold; }
.support div#formDescription p {width:295px; float:left; margin: 0 0 15px; padding: 0 10px 0 0;}
.support div#formDescription img {float:right;}
.support div#formDescription > div {padding:0 0 10px;}
div#formBox p.support-product-required{
    font: italic 11px 'Droid Sans';
    color:#aaa;}
    
div#formView ul.list {
    background:rgba(51,102,153,.05);
    padding: 20px 20px 10px;
    margin: 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
div#formView ul.list li  {
    margin: 5px 0 5px 20px;
    font-size: 12px; 
    list-style-type:circle;
    }
div#formView ul li ul li {
    margin: 0 0 0 20px;
    }
div#formView a { color:#fc0;}
div#formBox.support a{
    float:right;
    display:block;
    clear:both;
    margin: 5px 0;}
div#formBox a:hover{}
div#formBox {
    background-color:#333;
    background: rgba(102,102,102,.2) url(../images/hex-corner.png) no-repeat 100% 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:30px;
    margin: 20px 0 10px;
    clear:both;} 
div#formBox div {
    clear:both;
    font-size:15px;
    color:#eee;
    padding: 20px 0 0 20px;}
div#formBox.downloads legend {
    padding: 0 0 10px;} 
div#formBox.downloads div {
    clear:both;
    font-size:15px;
    color:#eee;
    padding: 0 5px 0 0;
    display:inline-block;}
#formView div#formBox.downloads div p {
    width:100%;
    font:normal 12px/15px 'Droid Sans';} 
div#formBox.downloads div label {
    float:left;
    font-size:11px;
    text-transform:uppercase; 
    color:#f90; 
    letter-spacing:2px;} 
div#formBox.downloads div input, div#formBox.downloads div select {
    margin-right:0;
    float:left; clear: left;}
div#formBox.downloads div select {
	margin-bottom: 10px;}
div#formBox.downloads div select#category,
div#formBox.downloads div select#productserie,
div#formBox.downloads div select#os {
	width: 160px;}	
div#formBox.downloads div select#product {
	width: 498px;}
div#formBox div.validation-advice { 
    padding: 0; font-size:.8em; color:#aaa; margin:0; }
div#formBox.support div {
    clear:both;
    font-size:15px;
    color:#eee;
    padding:0;}
div#formBox legend {
    font-size:25px;
    color:#fc0;}
#formBox input[type=text], #formBox select, #formBox textarea {
    float:right;
    margin-right:30px;
    background: #333;
    color:#ccc;}
#formBox textarea {
    width: 250px;
    height:100px;
    resize:none;}
#formView div.downloads p {
    float:left; width: 550px;}
#formView table#rmadirect-table {width: 880px;}
#formView table#rmadirect-table input {width: 92px;}
body.register-rmadirect-index #formView input[type="submit"] {float:none; padding: 0;   font-family: 'Droid Sans';
    text-transform:uppercase;
    text-decoraction:none;
    letter-spacing:1px;
    padding: 5px 15px;
    display:inline-block;
    color: #ccc;
    margin:.2em 0;
    border: solid 1px #666;
    text-align:center;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#333;
    background: rgba(102,102,102,.3);}
#productView div.downloads p {
    float:left; width: 340px;}
div.downloads a.drivers span {
    color:#f90;
    display:block;
    text-transform:uppercase;
    letter-spacing:2px;
    font: bold 18px 'Droid Sans';}
div.downloads a.drivers {
    width: 280px;
    float:right;
    display:block;
    text-decoration:none;
    text-align:left;
    background: rgba(10,10,10,.2);
    border:1px solid #444;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:20px;
    margin: 0 0 30px;
    font: bold 16px 'Droid Sans';}
#productView a.drivers {
    width:170px;
    font-size:14px;
    margin: 0 0 15px;
    padding:15px;}
div.downloads a.drivers:hover {
    background: rgba(10,10,10,.4) url(../images/support-dl.png) no-repeat 95% 50%;}
    
#productView a.drivers:hover {
    background: rgba(10,10,10,.4) url(../images/support-dl.png) no-repeat 90% 50%;}
#formView div.drivers .downloadinfo {
    font: italic 12px/20px 'Droid Sans';
    margin: 0 5px 5px;
    list-style-type:none;
    }
#formView div.drivers .downloadinfo a {
    font: normal 13px 'Droid Sans';
    color:#ccc;
    text-decoration:none;
    display:block;
    padding: 15px;
    clear:both;
    border:1px solid #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
#formView div.drivers .downloadinfo a:hover {
    color:#eee;
    background: rgba(10,10,10,.4) url(../images/support-dl.png) no-repeat 98% 50%;}
#formView div.drivers .downloadinfo span.lastupdate {
    font: italic 11px 'Droid Sans';
    color:#999;
    float:right;
    margin: 0 40px 0 0;
    }
#formView div.drivers .downloadinfo p {
    font: normal 11px 'Droid Sans';
    color:#888;
    float:left;
    margin: 5px 15px 10px;
    }
aside#accountsummary {
    margin: 0 0 10px;
    width: 220px;
    padding: 10px;
    float: right;
    color:#bbb;
    background-color:#333;
    background: rgba(102,102,102,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: normal 12px 'Droid Sans';}
aside#accountsummary div.accountwelcome a img {
    float:left; margin: 0 10px 10px 0;}
aside#accountsummary div.accountwelcome {
    font-size: 15px;}
aside#accountsummary h2 {
    clear:both;
    color:#f90;
    font: normal 11px 'Droid Sans';
    letter-spacing:2px;
    text-transform:uppercase;
    margin:10px 0 5px;}
aside#formAside {
    margin: 0;
    width: 220px;
    padding: 10px;
    float: right;
    clear:right;
    color:#bbb;
    background-color:#333;
    background: rgba(102,102,102,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: normal 11px 'Droid Sans';}
aside#formAside h2 {
    color:#f90;
    font: normal 11px 'Droid Sans';
    letter-spacing:2px;
    text-transform:uppercase;
    margin:5px 0;}
aside#formAside p {
    font: normal 11px 'Droid Sans';
    margin:5px;}
aside#formAside li {
    font: normal 11px 'Droid Sans';
    margin: 10px 0 0;}
aside#formAside li li {
    font: normal 11px 'Droid Sans';
    margin: 10px 0 0 10px;}
aside#formAside div {
    background: rgba(102,102,102,.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    margin: 10px auto;
    width:200px;
    clear:both;}
aside#formAside a {
    color:#fc0;}
aside#formAside a:hover {
    text-decoration:none;}
aside#accountsummary li a {
    display:block;
    padding: 7px 11px;
    background: rgba(0,0,0,.07);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 4px 0;} 
aside#accountsummary li a:hover {
    background: rgba(0,0,0,.3);
    text-decoration:none;}
aside#formAside div img {
    margin: 0 auto;
    width:200px;}
aside#formAside div p {
    font: normal 11px 'Droid Sans';
    margin: 5px 10px;
    text-align:center;}
aside#formAside.support a img {
    float:left;}
aside#formAside.support a {
    display:block;
    background: rgba(102,102,102,.2);
    text-decoration:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    margin: 30px auto;
    width:150px;}
aside#formAside.support a:hover; {
    background: rgba(102,102,102,.5);}
aside#formAside.support div h2 {
    font: normal 11px 'Droid Sans';
    margin: 5px 10px;
    text-align:left;}
aside#formAside.support div p {
    font: normal 11px 'Droid Sans';
    margin: 5px 10px;
    text-align:left;}
div#formView input[type="submit"]{
    float:right;
    clear:right;
    font-family: 'Droid Sans';
    text-transform:uppercase;
    letter-spacing:1px;
    padding: 15px 10px;
    margin: 20px 30px 0 0;
    color: #fff;
    border: solid 1px #666;
    text-align:center;
    font-size: 13px;
    width:150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#333;
    background: rgba(102,102,102,.3);}
div#formView input[type="submit"]:hover {
    color: #f90;
    background-color:#222;
    background: rgba(50,50,50,.7);}
div#accountView {float:left; width:600px;}
div#accountView h2 {
    clear:both;
    color:#fc0;
    font: bold 14px 'Droid Sans';
    margin:15px 0 10px;
    padding: 0 0 5px;}
div#accountView h3 {
    clear:both;
    color:#f90;
    font: normal 13px 'Droid Sans';
    letter-spacing:2px;
    text-transform:uppercase;
    margin:15px 0 10px;
    border-bottom: 1px solid #555;
    padding: 0 0 5px;}
div#accountView h4 {
    clear:both; 
    color:#f90;
    font: normal 11px 'Droid Sans';
    letter-spacing:2px;
    text-transform:uppercase;
    margin:15px 0 10px;
    padding: 0 0 5px;}
div#accountView aside {
    width: 200px;
    font: normal 11px 'Droid Sans';
    margin: -20px 0 0 200px;
    padding: 20px;
    position: absolute;
    left: 50%;
    background: rgba(50,50,50,.3)}
div#accountView .fieldset li { clear:both;} 
div#accountView .fieldset .control { clear:both;} 
div#accountView .fieldset input[type="text"], div#accountView .fieldset input[type="password"], div#accountView .fieldset textarea { width:90%;} 
div#accountView .fieldset .wide input { width:90%;} 
div#accountView .fieldset .fields .field { width:50%; float:left;} 
div#accountView .fieldset .fields .field input { width:80%;} 
div#accountDescription  {}
div#checkoutView {width:600px;}
div#checkoutView .step-title {clear:left;}
div#checkoutView .step-title span, div#checkoutView .step-title a {float:left; font-size: 10px; display:inline-block; margin: 3px 5px;}
div#checkoutView .step-title a {float:right; margin-top: -30px;}
div#checkoutView .col-1, div#checkoutView .col-2 { width: 50%; float:left; }
div#checkoutView h3 { }
div#checkoutView a { color:#fc0;}
div#checkoutView a:hover { text-decoration:none;}
div#checkoutView h2,
div#cartView h2 {
    color:#f90;
    font: normal 13px 'Droid Sans';
    letter-spacing:2px;
    text-transform:uppercase;
    margin:15px 0 10px;
    border-bottom: 1px solid #555;
    padding: 0 0 5px;}
div#cartView table#shopping-cart-table td {
    padding: 10px 20px;}
div#cartView table#shopping-cart-table tfoot td, div#cartView table#shopping-cart-table thead td {
    padding: 10px 0;}
div#cartView div.totals {
    margin: 1em 0;}
div#cartView .form-list li {
    margin: .5em 0;}
div#cartView a { color:#fc0;}
/* Home Page ZOTAC Styling */

div#homebanner {
    text-align:center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#141414;
    background:rgba(0,0,0,.3) url(../images/hex-corner.png) no-repeat 100% 100%;
    padding:15px 0 30px;
    margin: 10px 0 20px;}
section#homeContent {
    clear:both;} 
div#homeBar { 
    margin: 20px 0;
    text-align:center;
    font-size: 20px;}
div#homeView {
    float:left;
    width:600px;}
div#homeView a {
    text-decoration:none;
    color:#f90;
    border-bottom:1px dotted #888;}
div#homeView a:hover {
    border-bottom:1px dotted #f90;}
div#homeView div h1 {
    color:#f90;
    font: normal 13px 'Droid Sans';
    letter-spacing:2px;
    text-transform:uppercase;
    margin:15px 0 10px;
    border-bottom: 1px solid #555;
    padding: 0 0 5px;}
div#homeView div.announcement-big p {
    font:normal 13px/18px 'Droid Sans';
    color:#bbb;}
div#homeView div.mini-promos  {
    clear:both;
    padding: 10px 0 0;}
div#homeView div.mini-promos li {
    width: 290px;
    height: 115px;  
    float:left;}
div#homeView div.mini-promos li div a {
    width: 290px;
    height: 115px;
    display:block;
    border:0;
    opacity:0.7;filter:alpha(opacity=70);}
div#homeView div.mini-promos li div a:hover {
    opacity:1;filter:alpha(opacity=100);}
div#homeView div.mini-promos li:nth-child(odd) {
    float:left;}
div#homeView div.mini-promos li:nth-child(even) {
    float:right;}
div#homeView div.mini-promos li div.kbase a {
    background:url(../images/minipromos/kbase2.png);}
div#homeView div.mini-promos li div.sc2 a {
    background:url(../images/minipromos/sc2.png);}
div#homeView div.mini-promos li div.fan a {
    background:url(../images/minipromos/fancontest.png);}
div#homeView div.mini-promos li div.guess a {
    background:url(../images/minipromos/guessgame.png);}
div#homeView a.readMore{
    float:right;
    display:block;
    color:#aaa;
    font:normal 10px/18px 'Droid Sans';
    letter-spacing:1px;
    padding:0 10px;
    clear:both;
    margin: 10px 0;
    border:0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color:#3a4a59;
    background:rgba(51,102,153,.2) url(../images/commentCount.png) no-repeat 16px 3px;}
div#homeView a.readMore:hover{
    color:#ccc;
    background:rgba(51,102,153,.3) url(../images/commentCount.png) no-repeat 16px 3px;}
div#homeView a.readMore span{
    font-weight:bold;
    padding: 0 20px 0 0;}
div#homeView div.announcement-blog {
    clear:both;
    font-size:12px;
    line-height:18px;
    color:#bbb;}
div#homeView div.categoryHeading {
    float:left;
    margin: -15px 0 0 -65px;
    padding: 15px 2px 0 20px;
    width: 45px;
    height:40px;
    color:#fc0;
    font-weight:bold;
    background:url(../images/hex-norm.png) no-repeat 0 0;}
div#homeView div.categoryHeadingEmph {
    float:left;
    margin: -15px 0 0 -75px;
    padding: 15px 2px 0 20px;
    width: 45px;
    height:40px;
    color:#fc0;
    font-weight:bold;
    background:url(../images/hex-emph.png) no-repeat 0 0;}
div#homeView header h1 {
    font-size:20px;}
div#homeStats {
    clear:both;
    padding: 15px 30px;
    margin:15px 0;
    background-color:#333;
    background: rgba(102,102,102,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    opacity:0.7;filter:alpha(opacity=70);}
div#homeStats div {
    float:left;
    margin:10px 20px;
    font:normal 11px 'Droid Sans';}
div#homeStats div p em {
    letter-spacing:1px;
    font: bold 15px/11px 'Droid Sans';}
div#homeStats div h1 {
    margin:0 0 10px;
    padding: 0 0 5px;
    border-bottom:1px solid #666;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#f90;
    font:normal 11px 'Droid Sans';}
div#homeStats div i {
    color:#777;
    font-size:80%;
    letter-spacing:1px;
    display:block;
    margin: 7px 0 0;}
div#homeView div a.lat-view {
    display:block;
    padding:0px 10px;
    float:right;
    font-size:9px;
    margin:0;
    border:0;
    text-decoration:none;
    letter-spacing:1px;
    background:rgba(51,102,153,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
div#homeStats div a.lat-view {
    display:block;
    padding:0px 10px;
    float:right;
    font-size:9px;
    margin: -17px 0 0;
    text-decoration:none;
    letter-spacing:1px;
    background-color:#293540;
    background:rgba(51,102,153,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
div#homeStats div p {
    margin:15px 0;}
nav#miniHome, #homeAside {
    margin: 15px 0 0;
    width: 220px;
    padding: 10px 10px 0;
    float: right;
    color:#bbb;
    background-color:#333;
    background: rgba(102,102,102,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: normal 11px 'Droid Sans';}
aside#homeAside div.announcement-small a {
    font: normal 12px 'Droid Sans';
    margin: 0 0 10px;
    padding: 10px;
    height:28px;
    display:block;
    clear:both;
    background-color:#222;
    background: rgba(10,10,10,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:0;
    background-repeat: no-repeat;
    background-position: 10px 10px;}
aside#homeAside div.announcement-small a:hover {
    background-color:#222;
    background: rgba(10,10,10,.4);
    }
#homeAside h1 {
    color:#f90;
    font: normal 14px 'Droid Sans';
    letter-spacing:1px;
    text-transform:uppercase;
    margin: 0 0 5px;
    text-align:left;}
#homeAside a {
    text-decoration:none;
    font-weight:normal;} 
#homeAside a:hover {
    text-decoration:none;}
#homeAside div.announcement-small a span {
    display:block;
    float:left; 
    text-align:center;
    margin: 0 10px 0 0;
    font-weight:bold;
    width: 25px;
    font-size:9px;
    text-transform:uppercase;}
#homeAside div.announcement-small a span span {
    display:block;
    float:none;
    margin: 0;
    font-size:15px;
    text-transform:uppercase;}
#homeAside div img {
    float:left;
    margin: 10px 5px;}
nav#miniHome h1, #homeAside div h1 {
    color:#fc0;
    font: normal 13px 'Droid Sans';
    padding: 0 0 5px;
    text-align:left;
    text-transform:uppercase;
    color:#fc0;
    letter-spacing:1px;}
#homeAside div p {
    font: normal 11px 'Droid Sans';
    margin: 0;
    padding: 0 10px 0 0;
    text-align:left;}
nav#miniHome {
    padding: 10px 10px 0;}
nav#miniHome li {
    margin: 5px 0 5px;
    width:100%;
    clear:both;}
nav#miniHome li p {
    margin: 5px 10px 15px;
    font: italic 11px 'Droid Sans';
    color:#888;}
nav#miniHome a {
    font: bold 14px 'Droid Sans';
    margin: 0px 0px;
    padding: 10px;
    display:block;
    background-color:#222;
    background: rgba(10,10,10,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:0;
    } 
nav#miniHome a span {
    width: 75px; height: 60px; float:right; position:relative; top: -25px; display:block; z-index:300; background-position: 0 -20px; margin-bottom:-20px; }
nav#miniHome a.gfx span {
    background: url(../images/minipromos/products-gfx-th.png) no-repeat;
    }
nav#miniHome a.mobo span {
    background: url(../images/minipromos/products-mobo-th.png) no-repeat;
    }
nav#miniHome a.mpc span {
    background: url(../images/minipromos/products-mpc-th.png) no-repeat;
    }
nav#miniHome a:hover {
    background: rgba(10,10,10,.5);
    text-decoration:none;
    } 
    
/* Category ZOTAC Styling */

div.block-layered-nav, div.block-progress {
    margin: 0;
    width: 200px;
    padding: 20px 20px;
    float: right;
    color:#ccc;
    background-color:#333;
    background: rgba(102,102,102,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: normal 12px 'Droid Sans';}
div.block-progress a {
    color:#fc0;}
div.block-progress h2 {
    margin: 0 0 .5em;}
div.block-progress dd {
    margin: 0 0 .5em;
    background: rgba(102,102,102,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px; margin: 10px 0;}
div.block-layered-nav div.block-title {
    color:#fc0;
    font: bold 15px 'Droid Sans';
    margin: 5px 0;}
div.block-layered-nav dt {
    color:#f90;
    font: normal 11px 'Droid Sans';
    letter-spacing:2px;
    text-transform:uppercase;
    margin: 10px 0 0;}
div.block-layered-nav dd, div.block-layered-nav li {
    color:#aaa;
    font: normal 12px 'Droid Sans';
    margin: 5px 0;}
div.block-layered-nav a {
    }
div.block-layered-nav p.block-subtitle {
    clear:both;
    margin: 5px 0 0;
    color:#888;
    font: normal 11px 'Droid Sans';}
div.block-layered-nav .actions a {
    float:right;
    display:block;
    font-size:10px;
    padding: 3px 5px;
    text-decoration:none;
    letter-spacing:1px;
    background:rgba(51,102,153,.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
div.catProduct {
    padding: 10px 20px 20px; display:block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#333;
    margin: 0 0 20px;
    height:225px;}
div.catProduct div.main h1 { 
    } 
div.catProduct div.main h1 a { 
    background:rgba(255,255,255,.08);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    margin: 7px 0;
    display:block; float:right;
    font-size:12px;
    padding:5px 10px;
    border:1px solid #555;
    text-shadow:none; 
    color:#fff;} 
div.catProduct div.main h1 a:hover { 
    background:rgba(0, 0, 0, .03);
    color:#f90;}
body.category-products div.gfx {
    background:rgba(255, 255, 255, .03) url(/skin/frontend/default/zotac/images/hex-corner.png) no-repeat 100% 100%;}
body.category-products div.mobo {
    background:rgba(153, 204, 255, .03);} 
body.category-products div.mpc {
    background:rgba(0, 0, 0, .15) url(/skin/frontend/default/zotac/images/hex-corner.png) no-repeat 100% 100%;}
div.catProduct div.list h1.featured {
    color:#fc0;
    font: normal 16px 'Cantarell';
    letter-spacing:1px;
    border-bottom:1px solid #555;
    margin: 0 0 10px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    padding: 0 0 5px;} 
div.catProduct a {
    color:#bbb;
    font-weight:normal;
    border-bottom: 1px dotted #666;} 
div.catProduct a:hover {
    text-decoration:none;
    border:0;}
div.catProduct div.list img {
    float:left; clear:left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 10px 0 0;}
div.catProduct div.main {
    float:left; width: 540px;}
div.catProduct div.main li {
    list-style-type:none;
    float:left;
    padding: 10px 10px 0 0;}
div.catProduct div.main li a {
    font-size:15px;
    line-height:15px;
    display:block;
    font-weight:bold;
    width: 90px;
    height: 25px;
    padding: 12px 15px;
    border:1px solid #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgba(153, 204, 255, .05);
    color:#bbb; 
    opacity:0.7;
    filter:alpha(opacity=70);} 
div.catProduct div.main li a:hover { 
    color:#fff; 
    border:1px solid #444;
    background: rgba(153, 204, 255, .08); 
    opacity:1;
    filter:alpha(opacity=100);}
div.catProduct div.main li a span {
    font-size:9px;
    text-transform:uppercase;
    font-weight:normal;
    display:block;
    line-height:10px;
    color:#aaa;} 
body.category-products div.gfx div.main li a {
    width: 65px; height: 30px; padding: 62px 15px 12px; text-align:center; background: rgba(153, 204, 255, .05) url(/images/snail.png) no-repeat;}
body.category-products div.gfx div.main li a.amp {background: rgba(153, 204, 255, .05) url(/images/product-gfx-bg.png) 0px 10px no-repeat;}
body.category-products div.gfx div.main li a.synergy {background: rgba(153, 204, 255, .05) url(/images/product-gfx-bg.png) -108px 10px no-repeat;}
body.category-products div.gfx div.main li a.zone {background: rgba(153, 204, 255, .05) url(/images/product-gfx-bg.png) -215px 10px no-repeat;}
body.category-products div.gfx div.main li a.infinity {background: rgba(153, 204, 255, .05) url(/images/product-gfx-bg.png) -322px 10px no-repeat;}
body.category-products div.gfx div.main li a.eco {background: rgba(153, 204, 255, .05) url(/images/product-gfx-bg.png) -430px 10px no-repeat;}
body.category-products div.mobo div.main li a { 
    width: 135px; background: rgba(153, 204, 255, .05) url(/images/birdie.png) no-repeat;}
body.category-products div.mobo div.main li a.intel {background: rgba(153, 204, 255, .05) url(/images/product-mobo-bg.png) 50px -5px no-repeat;}
body.category-products div.mobo div.main li a.amd {background: rgba(153, 204, 255, .05) url(/images/product-mobo-bg.png) -120px -5px no-repeat;}
body.category-products div.mobo div.main li a.ion {background: rgba(153, 204, 255, .05) url(/images/product-mobo-bg.png) -300px -5px no-repeat;}
body.category-products div.mobo div.main li a.mitx {background: rgba(153, 204, 255, .05) url(/images/product-mobo-bg.png) 50px -67px no-repeat;}
body.category-products div.mobo div.main li a.matx {background: rgba(153, 204, 255, .05) url(/images/product-mobo-bg.png) -120px -67px no-repeat;}
body.category-products div.mobo div.main li a.atx {background: rgba(153, 204, 255, .05) url(/images/product-mobo-bg.png) -300px -67px no-repeat;}
body.category-products div.mpc div.main li a {  height: 25px; padding: 67px 15px 12px; text-align:center; }
body.category-products div.mpc div.main li a.bb {background: rgba(153, 204, 255, .05) url(/images/product-mpc-bg.png) 30px 10px no-repeat;}
body.category-products div.mpc div.main li a.plus {background: rgba(153, 204, 255, .05) url(/images/product-mpc-bg.png) -100px 10px no-repeat;}
body.category-products div.mpc div.main li a.bbod {background: rgba(153, 204, 255, .05) url(/images/product-mpc-bg.png) -230px 10px no-repeat;}
body.category-products div.mpc div.main li a.plusod {background: rgba(153, 204, 255, .05) url(/images/product-mpc-bg.png) -360px 10px no-repeat;}
 
div.catProduct div.extra {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:#888;
    padding:10px 20px;
    clear:both;
    height: 38px;} 
div.catProduct div.extra li {
    list-style-type:none;
    padding: 5px 10px;
    float:left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:#333;
    margin: 5px 10px 5px 0;} 
div.catProduct div.extra li:first-child {
    background:#f00;} 
div.catProduct div.list {
    float:right; width: 270px;
    opacity:0.7;
    filter:alpha(opacity=70);} 
div.catProduct .list div {
    float:left; width: 270px; padding: 0 0 10px;} 
div.catProduct div.last {
    margin-right:0;}
div.catProduct div h1 {
    color: #F90;
    font: normal 11px 'Droid Sans';
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 3px;}
div#catFeatured {
    padding: 10px 20px 20px; display:block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#262a2d; 
    background: rgba(153, 204, 255, .07);
    background-image: url(/skin/frontend/default/zotac/images/hex-corner.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    height:125px;
    margin: 0 0 20px;}
div#catFeatured header h1 {
    margin: 0 0 10px;
    padding: 0 0 10px;
    font-size:18px;} 
div#catFeatured h2 {
    height:55px;}
div#catFeatured h2 a {
    color:#fff; 
    font-weight:normal;
    border-bottom: 1px dotted #666;
    font-size:12px;} 
div#catFeatured a:hover {
    text-decoration:none;
    border:0;}
div#catFeatured img {
    float:left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 10px 0 0;}
div#catFeatured div {
    float:left; width: 270px; margin: 0 15px 0 0;} 
div#catFeatured div.last {
    margin-right:0;} 
div#catFeatured div span {
    font-weight:bold;
    font-size:15px;
    letter-spacing:1px;
    display:block;
    float:left;
    color:#fc0;
    margin: 3px 0 0;} 
div#catFeatured div h1 {
    color: #F90;
    font: normal 11px 'Droid Sans';
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 3px;}
div#catFeatured div button,
div#catFeatured div a.link-compare {
    display:block; width: 26px; height:18px; 
    padding: 0; margin: 3px 0 0 10px;
    text-decoration:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #222; float:right;
    background: rgba(100,100,100, .2);
    background-image: url(/skin/frontend/default/zotac/images/btn-compare.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size:55%;
    cursor:pointer;} 
div#catFeatured div button {
    width: 28px; height:20px; 
    background: rgba(100,100,100, .2);
    background-image: url(/skin/frontend/default/zotac/images/btn-cart.png);
    background-repeat: no-repeat; 
    background-position: 50% 50%;}
div#catFeatured div a.link-compare:hover { 
    background: rgba(51, 102, 153, .4) url(/skin/frontend/default/zotac/images/btn-compare.png) no-repeat 50% 50%;} 
div#catFeatured div button:hover {
    background: rgba(51, 102, 153, .4) url(/skin/frontend/default/zotac/images/btn-cart.png) no-repeat 50% 50%;}
div#catView {
    float:left;
    width:600px;
    margin:0 0 2em;}
div#catView div.productCat {
    float:left; width: 140px;
    height: 235px;
    margin: 10px 10px 5px;
    padding: 20px; display:block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#333; 
    background: rgba(102,102,102,.1);}
div#catView div.productCat img {
    width: 97%;}
div#catView div.productCat a {
    text-decoration:none;
    border-bottom:1px dotted #888;
    color:#f90;
    font: bold 16px 'Droid Sans';
    display:block;
    padding: 0 0 10px;
    margin:5px 0 10px;}
div#catView div.productCat a:hover {
    border-bottom:1px dotted #ccc;}
div#catView div.productFeatured {
    margin: 10px;
    padding: 20px;
    clear:both;
    height:150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#333; 
    background: rgba(102,102,102,.05);
    }
div#catView div.productFeatured h2 {
    color:#fc0;
    font: bold 12px 'Droid Sans';
    text-transform:uppercase;
    letter-spacing:1px;
    margin: 5px 0;
    }
div#catView div.productFeatured div.pFeatured {
    float:left; width: 140px;
    height: 150px;
    margin: 5px 10px;
    padding: 10px; display:block;
    text-align:center;
    }
div#catView div.productFeatured a.pFeatured {
    float:left; width: 140px;
    height: 150px;
    margin: 5px 10px;
    padding: 10px; display:block;
    text-align:center;
    }
div.category-products button[type="button"]{
    font-family: 'Droid Sans';
    text-transform:uppercase;
    letter-spacing:1px;
    padding: 5px 5px;
    color: #fff;
    border: solid 1px #666;
    text-align:center;
    font-size: 11px;
    width:150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#333;
    background: rgba(51, 102, 153, .2);
    float:right;}
div.category-products button[type="button"]:hover {
    color: #f90;
    background-color:#222;
    background: rgba(50,50,50,.5);
    cursor: pointer;}
div.category-products button[type="button"] span.price{ color:#fc0;}
div.category-products a.link-compare {
    font-family: 'Droid Sans';
    letter-spacing:1px;
    clear:right;
    display:block;
    float:right;
    margin: 5px 0 0;
    text-transform:uppercase;
    color: #888;
    border: solid 1px #666;
    text-align:center;
    font-size: 11px;
    padding:5px 5px;
    width:140px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#333;
    background: rgba(102,102,102,.3);
    text-decoration:none;}
div.category-products a.link-compare:hover {
    color: #ccc;
    background-color:#222;
    background: rgba(50,50,50,.6);}

/* Product Page ZOTAC Styling */

div#productView {
    float:left; 
    width: 570px;}
div#productBox {
    background-color:#333;
    background: rgba(102,102,102,.2) url(../images/hex-corner.png) no-repeat 100% 50%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:30px;
    margin: 0 0 10px;}
div#productImages {
    float:left;
    width: 330px;
    font-size:10px;}
div#productImages .gallery-main {
    float:left;
    width:200px;}
div#productImages .more-views {
    float:right;
    width:120px;}
div#productActions {
    float:right;
    width: 170px;
    font-size:13px;}
div#productActions p.availability  {
    margin: 0 0 20px;}
div#productActions .price-box {
    color:#fc0;
    font-size:20px;
    margin: 10px 0;
    width: 105px;
    float:left;} 
div#productActions .or {
    display:none;}
div#productActions .add-to-cart label {
    position:relative;
    top:10px;
    font: normal 11px/100% 'Droid Sans', Arial, Helvetica, sans-serif;}
div#productActions input[type="text"] {
    font: normal 13px/100% 'Droid Sans', Arial, Helvetica, sans-serif;
    color:#ccc;
    float:right;
    background-color:#333;
    background: rgba(255,255,255,.05);
    padding: 5px;
    width:20px;
    border: solid 1px #666;
    outline: none;
    margin: 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
div#productActions button[type="button"]{
    font-family: 'Droid Sans';
    text-transform:uppercase;
    letter-spacing:1px;
    padding: 15px 10px;
    color: #fff;
    border: solid 1px #666;
    text-align:center;
    font-size: 12px;
    width:170px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#333;
    background: rgba(51, 102, 153, .2);
    position: relative;
    left: 0;}
div#productActions button[type="button"]:hover {
    color: #f90;
    background-color:#222;
    background: rgba(50,50,50,.7);
    cursor: pointer;}
div#productActions button[type="button"] span.price {
    color: #f90;}
div#productActions a.link-compare {
    font-family: 'Droid Sans';
    letter-spacing:1px;
    clear:both;
    display:block;
    margin: 10px 0 0;
    text-transform:uppercase;
    color: #fff;
    border: solid 1px #666;
    text-align:center;
    font-size: 12px;
    padding:15px 10px;
    width:150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#333;
    background: rgba(102,102,102,.3);
    text-decoration:none;}
div#productActions a.link-compare:hover {
    color: #f90;
    background-color:#222;
    background: rgba(50,50,50,.6);}
div#productDescription {
    clear:both;
    color:#aaa;
    font: normal 13px/18px 'Droid Sans';
    letter-spacing:.7px;}
div#productDescription h2 {
    color:#f90;
    font: normal 13px 'Droid Sans';
    letter-spacing:2px;
    text-transform:uppercase;
    margin:15px 0 10px;
    border-bottom: 1px solid #555;
    padding: 0 0 5px;}
div#productDescription .cright {
    clear:both;
    padding: 10px 0 0;}
div#productDescription .cright p {
    clear:both;
    color:#666;
    margin:5px 0;
    font: normal 8px/10px 'Droid Sans';}
aside#productAside {
    margin: 0;
    width: 230px;
    padding: 10px 20px;
    float: right;
    color:#bbb;
    background-color:#333;
    background: rgba(102,102,102,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: normal 11px 'Droid Sans';}
aside#productAside h2 {
    color:#f90;
    font: normal 11px 'Droid Sans';
    letter-spacing:2px;
    text-transform:uppercase;
    margin:5px 0;}
aside#productAside th {
    font: bold 10px 'Droid Sans';
    text-align:right;
    padding: 5px;}
aside#productAside .odd th {
    background-color:#363636;
    background: rgba(102,102,102,.2);
    border-top-left-radius:3px;
    -moz-border-radius-topleft:3px;
    -webkit-border-radius-topleft:3px;
    border-bottom-left-radius:3px;
    -moz-border-radius-bottomleft:3px;
    -webkit-border-radius-bottomleft:3px;}
aside#productAside .odd td {
    background-color:#363636;
    background: rgba(102,102,102,.2);
    border-top-right-radius:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-radius-topright:3px;
    border-bottom-right-radius:3px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-radius-bottomright:3px;}
aside#productAside td {
    font: normal 11px Verdana;
    padding: 5px;
    text-align:left;}

.clearer {
    clear:right;}
.clear {
    clear:both;}
    
/* Pager */
.pager { padding:5px; margin:5px 0; text-align:center; }
.pager .amount { float:left; }
.pager .limiter { float:right; }
.pager .pages { margin:0 135px; }
.pager .pages ol { display:inline; }
.pager .pages li { display:inline; }
.pager .pages .current {}

/* Sorter */
.sorter { padding:5px; margin:5px 0; }
.sorter .view-mode { float:left; }
.sorter .sort-by { float:right; clear:right;}
.sorter .link-feed {}

/* Toolbar */
.toolbar { 
    color:#888;
    font: normal 11px 'Droid Sans';
    text-transform: uppercase;}
.toolbar .pager {clear:both;}
.toolbar .sorter {clear:both;}
.toolbar-bottom {}

/* Category Page ========================================================================= */
.category-title { border:0; margin:0 0 7px; }
.category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; }
.category-image img {}
.category-description { margin:0 0 10px; }
.category-products { color:#aaa;}

/* View Type: Grid */
.products-grid { position:relative; clear:both; padding: 15px 0 0; font: normal 11px 'Droid Sans';}
.products-grid.last { border-bottom:0; }
.products-grid li.item { float:left; width:150px; height: 375px; padding:20px 15px;
    background-color:#333;
    background: rgba(102,102,102,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 10px 20px; }
.products-grid .product-image { display:block; padding:10px;}
.products-grid .product-image img { 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.products-grid .product-name { margin:0 0 5px; font: bold 13px 'Droid Sans'; height: 70px;}
.products-grid .product-name a {text-decoration:none; border-bottom: 1px dotted #666; color:#f90;}
.products-grid .product-name a:hover {border-bottom: none;}
.products-grid .price-box { margin:5px 0; font: normal 11px 'Droid Sans'; float:right;}
.products-grid .availability { }
.products-grid .actions { width: 100%;}
.products-grid .products-list-additional .specsgrid {height: 95px;}
.products-grid .out-of-stock { padding: 5px 0; }
.col2-left-layout .products-grid,
.col2-right-layout .products-grid { width:632px; margin:0 auto; }
.col1-layout .products-grid { width:790px; margin:0 auto; }
 
/* View Type: List */
.products-list { clear:both; padding: 20px; font: normal 11px 'Droid Sans';}
.products-list li.item { padding:20px; 
    background: rgba(102,102,102,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 10px 20px;
    clear:both;}
.products-list li.item.last { border-bottom:0; }
.products-list .product-image { float:left; width:120px; height:120px; margin:0 0 10px; }
.products-list .product-image img { 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.products-list .product-shop { margin-left:150px; font: normal 13px 'Droid Sans';}
.products-list .product-name { margin:0 0 5px; font: bold 15px 'Droid Sans';}
.products-list .product-name a {text-decoration:none; border-bottom: 1px dotted #666; color:#f90;}
.products-list .product-name a:hover {border-bottom: 1px dotted #aaa;}
.products-list .price-box { float:right;}
.products-list .availability {}
.products-list .desc {}
.products-list .desc .link-more { }
.products-list .add-to-links { float: right;
margin: -3px 10px 0 0;}
.products-list .add-to-links li { display:inline; }
.products-list .add-to-links .separator { display:inline; margin:0 2px; }
section#globalBody #catView .products-list-additional .specsgrid li {list-style-type:circle; margin: 0 0 0 20px;}
section#globalBody #catView .products-list-additional .specsgrid li:first-child {list-style-type:none; margin: 0;}
/* ======================================================================================= */
 
#forum-information {clear:both;}
#forum-information * {vertical-align:middle;}
#ipboard_body section#globalBody header ul li { margin: 0 2em 0 0; font-style:normal;}
#ipboard_body section#globalBody {margin: 0;}
.no-display { display :none; }
 
.account-login .content { min-height:200px; padding:0 10px; }
.account-login .content h2 { margin:0; padding:10px 0;
    border-bottom:1px solid #666;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#f90;
    font:normal 11px 'Droid Sans';}
.account-login .buttons-set {margin: 10px; font-size: 11px;}
#accountView div.tooltip a {color:#fc0}
body.customer-account-index #accountView table.data-table {width: 880px;}

/* ACCOUNT Content Columns */
#accountView.account-login { width:880px; }
.account-login {min-height:400px;}
.account-login .page-title {padding: 20px 30px 0;}
.account-login .col2-set {clear:both;}
.account-login ul {list-style-type:none;}
.account-login .col2-set .col-1 { float:left; clear:left; width:45%; margin: 0 0 0 20px;}
.account-login .col2-set .col-2 { float:right; clear:right; width:45%; margin: 0 20px 0 0;}
.account-login p { margin: 1em 0; font:13px/18px 'Droid Sans';}
.account-login .col2-set .col-narrow { width:32%; }
.account-login .col2-set .col-wide { width:65%; }
 
/* COMPARE PRODUCTS */
#product_comparison th {color:#fc0; font-size:13px;border-right:1px solid #555;} 
#product_comparison tr.even {
    background:rgba(255,255,255,.05);}
#product_comparison td {border-right:1px solid #555;}
#product_comparison.data-table thead th {border-bottom:0;}
#product_comparison td h2 a {color:#fc0; }
#product_comparison span.nobr {white-space:nowrap; }


section#globalBody .kbcontents ul li {
    list-style-type:circle;
}
 
#pagecontent.sc2bg {background:url(/images/sc2/bg.jpg) no-repeat 50% 0%; width:880px; margin: 0 auto; padding:250px 30px 0; line-height:1.3em;}
#sc2head {width: 500px; margin: 135px 0 0 30px; font-size: 11px; float:left;}
#sc2side {width: 280px; margin: 0 30px 0 0; float:right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgba(0,0,0,.5); border: 1px solid #444;}
#sc2side div {margin: 15px; min-height: 100px; text-align:center;}
#sc2side div h2 {font-size:20px; color:#fc0; margin: 0 0 10px;}
#sc2side div p {margin: 0 0 5px;}
#sc2side div p.date {font-size:15px; font-weight: bold; }
#sc2side div p.time {font-size:14px;}
#sc2side div a.sc2register {font-size:12px; text-transform:uppercase; display:block; margin: 10px 10px 5px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(255,255,255,.15); border: 1px solid #666;}
#sc2side div a.sc2register:hover {text-decoration:none; background: rgba(255,255,255,.05);}
#sc2ss {clear:both; padding: 0 0 0 20px;}
#sc2ss img {float:left; margin: 10px;}
#sc2content {clear:both; padding: 20px 30px;}
#sc2content div#sc2pr {float:right; width: 530px; clear:right; font-size:.8em;}
#sc2content div#sc2pr h2 {color:#fc0;} 
#sc2content #sc2prizes {float:left; clear:left; margin: 0 20px 20px 0; width: 260px; text-align:center; }
#sc2content #sc2prizes div {margin: 10px 0 20px;}
#sc2content #sc2prizes h1 {color:#fc0; font-size:.8em; margin: 0 0 10px; text-transform:uppercase; clear:both;}
#sc2content #sc2prizes div h1 {color:#f90; font-size:.8em; font-weight:normal; margin: 5px;}
#sc2content #sc2prizes div h2 {color:#fff; font-size:.9em; text-align:left;}
#sc2content #sc2prizes div p {color:#ccc; font-size:.7em; line-height:1.2em; text-align:left;}
#sc2content #sc2prizes div img {width:80px; margin: 0 5px 10px 0; float:left;}

body.category-products div#catView { 
    float:none;
    width:100%;
    margin:0;
}

 body{
  margin:0;
  padding:0;
 }
 div#headerBar{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:145px;
  z-index:100;
 }
 @media screen{
  body>div#headerBar{
   position: absolute;
  }
 }
 * html body{
  overflow:hidden;
 }
 * html div#container{
  height:100%;
  overflow:auto;
 }
 #headerGradient {top:0; left:0; opacity:.95;filter:alpha(opacity=95); position:absolute; border-bottom:2px solid #111; z-index:99; background:#333;background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #444), color-stop(1, #222) ); background:-moz-linear-gradient( center bottom, #444 0%, #222 100% );}
header#headGlobal {width: 960px; margin: 0 auto; position: relative; left: -42px;}

/* CUSTOMER Order */
body.sales-order-view #accountView table.data-table { width:880px; }
.sales-order-view .page-title a, .sales-order-view .order-info a { color: #FC0; }

.order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; }
.order-info .current { font-weight:bold; }
.order-info li { margin: 0 3px; }

#stripSelect a#open-regionlang {
    padding: 2px 5px;
    border:0;
    color:#bbb;
    border:1px solid #666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: -2px 0 0 2px;
    opacity:0.8;
    filter:alpha(opacity=80);
    z-index:1000;}
#stripSelect a#open-regionlang:hover {
    color:#ccc;
    background: rgba(255,255,255,.2);}
#regionlang-placeholder { 
    background-color:#666;
    background: rgba(0,0,0,.4);
}
#regionlang .heading {text-transform:uppercase; font-size: 10px; letter-spacing:2px; color:#f90; float:left;}
#regionlang ul {float:left;} 
#regionlang li { 
    list-style-type:none;
    margin-left:10px;
    float:left;
    font-size:11px;
}
#regionlang li a { 
    text-decoration:none; 
}
#regionlang li a:hover {color:#f90;} 
a#open-regionlang .active, #regionlang .active { 
    font-weight:bold;
    color:#fc0;
}
#regionlang {
    display:none;
    position:relative;
    margin:0 auto;
    padding: 0 40px;
    height:30px;
}
#regionlang div {margin: 10px 0 0;}