/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

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; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }


body {
background-color: #000101;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
min-width: 700px;
background-image: url(images/page_bkg.gif);
background-repeat: repeat-y;
background-position: center top;
text-align: center;
font-size: 14px;
line-height: 1.5;
color: #CCCCCC;
}

p, li {
margin-bottom: 0.75em;
}
.small {font-size: 90%;}

li {
list-style: none;
background-image: url(images/halfdisc_bullet.gif);
background-repeat: no-repeat;
background-position: 0em .4em;
padding-left: 9px;
margin-bottom: 0.4em;
}
ol li {
background-image: none;
list-style: decimal;
margin-left: 1.5em;
}
* html li { /* yet another MSIE adjustment */
background-position: 0em .6em;
}
li ul {
margin-top: .3em;
margin-bottom: 0em;
}

li li {
margin-bottom: .3em;
}

ul {
margin-top: 0px;
margin-bottom: 10px;
}
ul.floatfix {
overflow: hidden;
}

img, table { border: none; }

a:link {
color: #179DCA;
font-weight: bold;
text-decoration: none;
}

a:visited {
color: #2282AC;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #7DBCDB;
}
h1, h2, h3, h4, h5 {
color: #FFFFFF;
font-weight: normal;
line-height: 1.1;
}

h1 {
font-size: 2.3em;
margin-bottom: .6em;
}
h2 {
font-size: 1.8em;
margin-bottom: 0.5em;
}

h3 {
font-size: 1.4em;
margin-bottom: 0.4em;
}

h4 {
font-size: 1.2em;
margin-bottom: 0.3em;
}
h5 {
margin-bottom: 0.3em;
}

sup {
font-size: 60%;
line-height: 90%;
}

.floatLeft {
clear: none;
float: left;
}

.floatRight {
clear: none;
float: right;
}

.clearerDiv {
font-size: 0px;
line-height: 0px;
clear: both;
height: 0px;
}

.allcaps {
text-transform: uppercase;
}

#wrapper {
width: 980px;
margin-right: auto;
margin-left: auto;
}

#header {
position: relative;
text-align: left;
height: 104px;
clear: both;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
	#header h2 { margin: 0; line-height: 0;}
	#header h2 a {
	display: block;
	height: 104px;
	width: 250px;
	margin-left: 90px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	}
	#header #tagline {
	background: url(/images/header-tagline.gif) no-repeat;
	text-indent: -9999px;
	font-size: 0px;
	line-height: 0px;
	width: 291px;
	height: 23px;
	position: absolute;
	top: 12px;
	right: 100px;
	}
	#header #support-info {
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	color: #a4a4a4;
	text-align: right;
	width: 240px;
	top: 40px;
	right: 111px;
	}
		#header #support-info span {
		display: block;
		font-size: 10px;
		}
#headerNav {
width: 315px;
position: absolute;
bottom: 10px;
right: 111px;
margin: 0px;
padding: 0px;
}

	#headerNav li {
	list-style: url(none) none;
	float: right;
	background-image: none;
	margin-bottom: 0;
	padding-left: 0;
	}
	
		#headerNav li a {
		font-size: 11px;
		line-height: 16px;
		color: #FFFFFF;
		text-decoration: none;
		padding-right: 11px;
		background-image: url(images/header_nav_icon-support.gif);
		background-repeat: no-repeat;
		background-position: right 50%;
		display: block;
		margin-left: 20px;
		}
			#headerNav li a:hover {
			text-decoration: underline;
			}
			
		#headerNav #contact a {
		background-image: url(images/header_nav_icon-contact.gif);
		padding-right: 15px;
		}
		
		#headerNav #cart a {
		background-image: url(images/header_nav_icon-cart.gif);
		padding-right: 12px;
		}
		#headerNav .facebook a,
		#headerNav .twitter a {
		text-indent: -999em;
		width: 16px;
		margin-top: 0;
		}
		#headerNav .facebook a {background-image: url(images/facebook-icon-b.gif);}
		#headerNav .twitter a {background-image: url(images/twitter-icon-b.gif);}

/* nav bar */

#navWrapper {
background-image: url(images/nav_bar-bkgslice.gif);
background-repeat: repeat-x;
width: 980px;
height: 20px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}

#nav {
list-style: none;
padding: 0px 0px 0px 131px;
background-image: url(images/nav_bar-left.gif);
background-repeat: no-repeat;
height: 20px;
margin: 0px;
}

#nav li {
float: left;
list-style: none;
height: 20px;
background-image: none;
padding: 0px;
margin: 0px;
}

#nav a {
text-decoration: none;
height: 20px;
background-repeat: no-repeat;
display: block;
text-indent: -9999px;
background-image: url(/images/nav-3state.gif);
}

#navWhyCerise a {
width: 78px;
background-position: 0px 0px;
}
#navWhyCerise a:hover {
background-position: 0px -20px;
}
#whyCerise #navWhyCerise a {
background-position: 0px -40px;
}
#navReviews a {
width: 60px;
background-position: -79px 0px;
}
#navReviews a:hover {
background-position: -79px -20px;
}
#reviews #navReviews a {
background-position: -79px -40px;
}
#navTestimonials a {
width: 82px;
background-position: -139px 0px;
}
#navTestimonials a:hover {
background-position: -139px -20px;
}
#testimonials #navTestimonials a {
background-position: -139px -40px;
}
#navWorkstationEight a {
width: 133px;
background-position: -220px 0px;
}
#navWorkstationEight a:hover {
background-position: -220px -20px;
}
#workstation8c #navWorkstationEight a {
background-position: -220px -40px;
}
#navDesktop a {
width: 59px;
background-position: -353px 0px;
}
#navDesktop a:hover {
background-position: -353px -20px;
}
#desktop #navDesktop a {
background-position: -353px -40px;
}
#navWorkstation a {
width: 137px;
background-position: -412px 0px;
}
#navWorkstation a:hover {
background-position: -412px -20px;
}
#workstation #navWorkstation a {
background-position: -412px -40px;
}
#navCPUChart a {
width: 69px;
background-position: -549px 0px;
}
#navCPUChart a:hover {
background-position: -549px -20px;
}
#navAbout a {
width: 63px;
background-position: -618px 0px;
}
#navAbout a:hover {
background-position: -618px -20px;
}
#about #navAbout a {
background-position: -618px -40px;
}
#navBlog a {
width: 41px;
background-position: -681px 0px;
}
#navBlog a:hover {
width: 41px;
background-position: -681px -20px;
}

#navbar_right {
background-image: url(images/nav_bar-right.gif);
background-repeat: no-repeat;
height: 20px;
width: 75px;
float: right;
font-size: 1px;
line-height: 1px;
}

/* end nav bar */

#content_wrapper {
width: 980px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding-bottom: 16px;
background-image: url(images/content_bkg.gif);
background-repeat: repeat-y;
background-position: center top;
padding-top: 24px;
}

#content_main {
float: left;
width: 507px;
padding-left: 110px;
}

#content_sidebar {
float: left;
width: 220px;
margin-left: 33px;
}

#content_sidebar h2 {
font-size: 1.3em;
}

#sidebarNav {
background-image: url(images/sidenav-bkg.gif);
background-repeat: no-repeat;
margin-top: 5px;
height: 123px;
overflow: hidden;
background-position: right 13px;
}

#sidebarNav h2 {
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
margin: 0px;
background-image: url(images/sidenav-top.gif);
background-repeat: no-repeat;
height: 13px;
}

#sidebarNav #sidebarNavBtm {
font-size: 1px;
line-height: 1px;
background-image: url(images/sidenav-btm.gif);
background-repeat: no-repeat;
height: 30px;
}

#sidebarNav h3 {
margin-top: 0px;
margin-bottom: 0px;
}

#sidebarNav a {
width: 131px;
display: block;
text-decoration: none;
background-repeat: no-repeat;
background-position: -262px 0px;
text-indent: -9999px;
height: 20px;
}

#sidebarNav #sideNavDesktop a { background-image: url(images/sidenav-desktop_btn.gif); }
#sidebarNav #sideNavWork4 a {
background-image: url(images/sidenav-work4_btn.gif);
}
#sidebarNav #sideNavWork8 a {
background-image: url(images/sidenav-work8_btn.gif);
}
#sidebarNav #sideNavMini a {
background-image: url(images/sidenav-mini_btn.gif);
}
#sidebarNav a:hover {
background-position: -131px 0px;
}
#desktop #sideNavDesktop a,
#mini #sideNavMini a,
#workstation #sideNavWork4 a,
#workstation8c #sideNavWork8 a {
cursor: default;
background-position: 0px 0px;
}

#content_sidebar h4 {
margin-bottom: 0.5em;
font-weight: normal;
}

#content_sidebar .whatOurCust {
font-size: 1px;
line-height: 1px;
background-image: url(images/sidebar-what_our_cust_txt.gif);
background-repeat: no-repeat;
text-indent: -9999px;
height: 19px;
margin-top: 15px;
margin-bottom: 6px;
}
.video-wrap {
border: 1px solid #004277;
width: 420px;
margin: 20px auto;	
}
	#home .video-wrap {
	width: 208px;
	margin-top: 0;
	}
	.video-wrap p {
	padding: 3px 7px;
	font-weight: bold;
	}
		#home .video-wrap p { font-size: .9em;	}
		
	#tableSelections .video-wrap {
	width: 278px;
	border: none;
	margin-top: 0;
	}
	
blockquote {
padding-left: 28px;
background-image: url(images/quote_open.gif);
background-repeat: no-repeat;
background-position: left top;
}

blockquote p {
background-image: url(images/quote_close.gif);
background-repeat: no-repeat;
background-position: right bottom;
padding-right: 24px;
}

#content_wrapper p.quoteAttribute {
font-size: 1em;
text-align: right;
padding-bottom: 0.8em;
margin-top: -.5em;
font-weight: bold;
}

#footer {
font-family: Helvetica, Arial, sans-serif;
font-size: .85em;
color: #808080;
width: 920px;
margin-right: auto;
margin-left: auto;
padding-top: 8px;
padding-bottom: 10px;
clear: both;
background-image: url(images/footer_rule.gif);
background-repeat: no-repeat;
background-position: center top;
}

#footer a {
padding-right: .5em;
padding-left: .5em;
font-weight: normal;
border-style: none;
}

#footer a:link, #footer a:visited, #footer a:active {
color: #D6D6D6;
text-decoration: none;
}

#footer a:hover { text-decoration: underline; }

h5.review {
font-size: 13px;
line-height: 16px;
font-weight: bold;
color: #2592BF;
margin-bottom: 10px;
width: 150px;
text-align: center;
margin-right: 12px;
border: 1px solid #08364E;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 16px;
padding-left: 10px;
float: left;
}

#pcmagLogo {
padding-top: 10px;
padding-bottom: 10px;
}

.reviewsLogo {
float: right;
padding-bottom: 10px;
padding-left: 12px;
}

.BlueBold {
font-weight: bold;
color: #30A1C6;
}

.bold { font-weight: bold; }

a.selectButton {
font-size: 1px;
line-height: 1px;
text-decoration: none;
background-image: url(images/select_btn-2state.gif);
background-repeat: no-repeat;
height: 19px;
width: 68px;
text-indent: -9999px;
display: block;
margin-right: auto;
margin-left: auto;
background-position: 0px 0px;
}

a.selectButton:hover { background-position: 0px -19px; }

.cstmConfigBtn {
background-image: url(images/cstm_config_btn.gif);
background-repeat: no-repeat;
text-indent: -9999px;
display: block;
height: 78px;
width: 220px;
margin-left: 20px;
float: right;
margin-top: 5px;
}

.picWithCaption {
clear: none;
float: right;
padding-bottom: 3px;
background-repeat: no-repeat;
background-position: center top;
margin-bottom: 14px;
margin-left: 25px;
color: #CCCCCC;
font-size: 0.85em;
line-height: 1.2;
text-align: center;
}
	.picWithCaption a {
	text-decoration: none;
	color: #CCC;
	font-weight: normal;
	}

.picOffice {
background-image: url(images/building_185_sm.jpg);
width: 240px;
padding-top: 152px;
}

.picInternals {
width: 240px;
}
.reviewmodule {
margin-bottom: 15px;
border-bottom: 2px solid #172126;
padding-bottom: 4px;
}
#reviews #last {
border-style: none;
}


#content_main p.pcmag {
width: 118px;
border: 1px solid #2692BB;
line-height: 1.2em;
float: right;
background-color: #075185;
text-align: center;
padding-top: 4px;
padding-bottom: 2px;
margin-left: 8px;
}

#education #content_main h3,
#education #content_main h4 {
text-align: center;
margin-bottom: .6em;
}

#education #vista_box {
float: right;
padding-bottom: 10px;
padding-left: 20px;
}

#content_wrapper .disclaimer {
font-size: 100%;
margin-top: 2em;
}
#footer .more_content {
margin-top: 2em;
font-size: 100%;
color: #fff;
}
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
}
#lbCenter {
	background-color: #000;
}

#lbBottomContainer {
	background-color: #fff;
}
.lbLoading {
	background: #000 url(images/slimbox-loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/slimbox-prev.png) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/slimbox-next.png) no-repeat 100% 15%;
}

#lbBottom {
	font-size: 12px;
	color: #08364f;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/slimbox-close.png) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

#content_main .video_wrap {
margin-top: 2.5em;
margin-bottom: 3em;
background-color: #12283b;
text-align: center;
padding: 12px;
background-image: url(/images/blue_grad_bkg.gif);
background-repeat: repeat-y;
background-position: center top;
}

#nvidia_quadro {
background-image: url(/images/nvidia_quadro_card.jpg);
background-repeat: no-repeat;
width: 218px;
padding-top: 140px;
margin-top: 8px;
margin-bottom: 0px;
padding-bottom: 10px;
}

/* CPU chart page */
#chart-wrapper {
	width: 440px;
	margin: 25px 0 15px 260px;
	text-align: left;
}

#chart {
	width: 430px;
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
	margin: 13px 0;
	position: relative;
}

#chart li,
#chart li span {height:27px;}

#chart-wrapper ol {
	counter-reset: li;
	}
	
	#chart-wrapper ol > li {
		position: relative; /* Create a positioning context */
	    margin: 0 0 8px 0; /* Give each list item a left margin to make room for the numbers */
	    list-style: none; /* Disable the normal item numbering */
		background-image: none;
		width: 430px;
		padding: 0;
	}
	
#chart-wrapper ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:2px;
    left:-11px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:0px 7px 1px;
    color:#fff;
    background:#ff9325;
    font-weight:bold;
    text-align:center;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    }
#chart-wrapper ol > li:first-child:before {background:#ff5208;}
#chart h5 { 
	position: absolute;
	left: -248px;
	width: 230px;
	text-align: right;
	font-size: 11px;
	line-height: 12px;
	margin-top: 2px;
	font-weight: bold;
}
	#chart h5 span {
		font-size: 89%;
		font-weight: normal;
	}
	#chart h5 .result { display: none; }
	#chart li .bar {
		float: left;
		width:0;
		background-color: #19639c;
		background: -webkit-gradient(linear, left top, left bottom, from(#2f9ec4), to(#19639c));
		background: -moz-linear-gradient(-90deg, #2f9ec4, #19639c);
	}
	#chart li .result {
		width: 25px;
		position: relative;
		top: 3px;
		right: 0px;
		margin-left: -44px;
		text-align: right;
	}
.field {
	padding: 3px;
	width: 50px;
	border: solid 1px #000;
	float: left;
	margin-right: 5px;
	color: #333;
}