/** General Styles **/
#loading{width:100%;height:100%;margin:0;position:absolute;text-align:left;z-index:999;background: #191919 url(../images/background.jpg) no-repeat right bottom;opacity:.9;}
*html #loading{display:none;}
#centerloading{position:relative;padding-left:450px;top:45%}
.clrFlt{clear:both;display:block;}
.whiteBar{color:#242424;line-height:54px;padding:0 0 0 20px;background:url(../images/subType_header_bg.gif) repeat-x bottom;font-size:1.2em;font-family:Verdana,Arial,Helvetica,sans-serif;position:relative;}
.orange{color:#ff6a11;}
#left .compatibility {display:block;}
#left .compatibility li{display:block;list-style-position:inside;padding:0;margin:0;float:left;width:300px;padding:2px 0;}
#left .compatibility #faq li{clear:both;background-color:#FFF;display:block;list-style-position:inside;padding:0;margin:0;float:none;width:300px;padding:0 10px 2px 5px;}
body{font-size:.75em;/**font-family: Verdana,Arial,Helvetica,sans-serif;**//**font-family:'Century Gothic','Lucida Grande',verdana,sans-serif;**/font-family:"Segoe UI", Tahoma, Helvetica, Verdana, Arial, "Trebuchet MS", sans-serif;line-height:1.3em;color:#252525;background-color:#191919;background-image:url(../images/background.jpg);background-repeat:no-repeat;background-position:bottom right;background-attachment:fixed;}
.indent {text-indent:-9999px;height:0;padding:0;margin:0;line-height:0;}
/** TYPOGRAPHY **/
a{text-decoration:none;}
h1{padding:20px 0 10px;font-size:1.7em;}
h2{padding:2px 0;font-size:1.2em;}
h3{padding:10px 0 5px;font-size:1em;}
h4{padding:10px 0 5px;}
/*p { padding: 10px 0 5px 0; }*/p{padding:10px 0 5px;}
ul{padding:0 0 5px;margin-left:15px;margin-top:0;margin-bottom:0;}
li{padding-top:5px;list-style:square;}
a:hover{color:#bf7040;}
.yellow{color:#ffda79;}
.textmiddle{vertical-align:top;padding-right:5px;}


/** Layout Containers **/
#headerCnt{width:100%;height:85px;background:url(../images/logo_bg.png) repeat-x top;z-index:1000;position:relative;}
#bodyCnt{padding-top:0;float:none;}
#builderNavCnt{position:fixed;overflow:auto;width:800px;height:31px;background:url(../images/builderNav_bg.png) repeat-x top;bottom:0;margin:0;z-index:500;}
#builderNavCnt img {display:block;float:left;padding:11px 0 0 10px;}
* html #builderNavCnt{display:none;}
#footerCnt{clear:both;float:left;width:980px;height:200px;background:url(/images/footbg.png) repeat;display:inline-block;position:relative;color:#5c5c5c;}

/** Navigation **/
#topNav{position:relative;height:85px;background:url(../images/topNav_bg.gif) repeat-x bottom;z-index:9999;}
#mainNavCnt{position:absolute;padding-left:300px;z-index:9999;}
#mainNav ul{margin-left:0;}
ul#mainNav li.subMenu ul{}
#mainNav a{display:block;line-height:36px;padding:15px 20px 0;/*font-family:Myriad Pro, Verdana;*/font-size:1.3em;color:#dfdfdf;text-transform:uppercase;}
#mainNav a:hover{background:url(../images/topNav_bg_hover.gif) repeat-x top;color:#ffe399;}
#mainNav li{padding:0;margin:0;position:relative;display:block;float:left;z-index:1000;}
#mainNav li li a{width:165px;line-height:28px;margin-left:0;padding:0 3px;text-transform:none;font-family:Arial, Helvetica;font-size:1em;border-top:1px dotted #5c5c5c;}
#mainNav li li a:hover{color:#fbe7ad;}
#mainNav li li{float:left;}
#mainNav li ul{display:none;position:absolute;width:173px;height:auto;top:50px;padding:10px;background-color:#212121;}
#mainNav .bottomLink{border-bottom:1px dotted #5c5c5c;line-height:28px;}
#subNavCnt{position:relative;z-index:1;}
ul#subNav{display:block;position:absolute;top:58px;padding-left:20px;z-index:1;margin-left:0;}
#subNav li{padding:0;margin:0;display:block;float:left;z-index:1;}
#subNav a{display:block;line-height:24px;margin:0 15px;font-size:1em;color:#252525;z-index:1;}
#subNav a:hover{text-decoration:none;border-bottom:2px solid #464646;}
#subNav img {padding-top:6px;padding-right:4px;display:inline;float:left;height:12px;width:12px;}
#subNav .faqImg {padding-top:7px;}

ul#builderNav{display:block;margin-left:20px;margin-top:11px;margin-bottom:0;padding:0 0 0 60px;}
ul#builderNav li{padding:0;margin:0;float:left;display:block;}
ul#builderNav a{float:left;display:block;padding:0 9px;line-height:20px;color:#252525;text-transform:uppercase;}
ul#builderNav span{float:left;display:block;letter-spacing:0;margin-top:5px;height:12px;width:1px;background-color:#252525;}
ul#builderNav a:hover{text-decoration:underline;}

/** Header **/
#logo{position:absolute;height:61px;padding-left:20px;z-index:999999;}
#topNavContact{position:absolute;display:block;left:800px;height:61px;width:180px;color:#dfdfdf;background:url(../images/topNav_bg_hover.gif);}
#topNavContact h5{padding-top:11px;padding-left:53px;color:#ffe192;font-weight:100;font-size:1.3em;letter-spacing:0;}
#topNavContact h6{padding-top:12px;padding-left:53px;color:#dfdfdf;font-weight:100;font-size:.8em;}
#topNavContact img { position: absolute; left: 15px; }
#topNavContact h5 img { top: 9px; }
#topNavContact h6 img { top: 39px; }
#topNav #mainNav ul li span{font-weight:bold;font-family:'Century Gothic','Lucida Grande',verdana,sans-serif;margin:0;padding:0;display:inline;line-height:1em;}
#topNavContact a{color:#dfdfdf;}
#topNavContact a:hover{text-decoration:underline;color:#ffe192;}

/** Bread Crumbs **/
#breadCrumb{height:28px;width:954px;padding-left:26px;line-height:26px;color:#9a9a9a;/*background: url(../images/breadCrumb_bg.gif) repeat-x;*/}
#breadCrumb a{color:#9a9a9a;text-transform:uppercase; font-size: .9em;}
#breadCrumb a:hover{color:#FFE192;text-decoration:none;border-bottom:1px dotted #FFE192;}

/** Footer **/
#footerCnt a{color:#5c5c5c;}
#footerCnt a:hover{background-color:#202020;color:#FFE192;}
#footerLeft{float:left;width:323px;padding:32px 0 0 39px;margin:0;display:inline;}
#footerRight{float:left;width:605px;padding:32px 0;margin:0;display:inline;}
#footerNavL{padding-top:8px;float:left;width:100px;display:inline;}
#footerNavR{padding-top:8px;float:left;padding-left:42px;float:left;width:110px;display:inline;}
ul.footerNav{padding:0;margin-left:0;position:relative;display:block;z-index:500;}
.footerNav li{list-style-type:none;padding-top:0;padding-left:2px;margin:0;border-bottom:1px dotted #5c5c5c;line-height:1.8em;display:inline-box;}
.footerNav a{color:#5c5c5c;text-decoration:none; display:block;}
.footerNav li:hover a{color:#FFE192;}
.footerNav li:hover {background-color:#202020;}
.footerNav a:hover{color:#FFE192;}

/** Style Sheet for editor in backend **/
#info .tableEditor{border-width:1px;border-spacing:2px;border-style:dotted;border-color:gray;border-collapse:separate;}
#info .tableEditor th{border-width:1px;padding:1px;border-style:dotted;border-color:gray;-moz-border-radius:0;}
#info .tableEditor td{border-width:1px;padding:1px;border-style:dotted;border-color:gray;-moz-border-radius:0;}
#info .tableEditor tr{border-width:1px;padding:1px;border-style:dotted;border-color:gray;-moz-border-radius:0;}

/*benchmark horizontal bar graph*/
div.group{margin:0 3px;width:425px;border:none;overflow:hidden;padding:0 17px 2px;}
div.group h5{font-weight:400;padding-bottom:3px;}
div.group a{color:#717171;line-height:1em;margin-top:0;padding-left:0;float:none;font-size:.9em;}
div.group a:hover{color:#BF7040;}
div.group div{border-bottom:0 dotted #ccc;overflow:hidden;clear:left;}
div.group div *{margin:1px 0;}
div.group div label{color:#717171;display:block;float:left;width:72px;overflow:hidden;font-size:.9em;line-height:12px;text-align:left;padding-right:8px;}
div.group div em{color:#000;display:none;float:left;font-style:normal;font-size:.8em;padding:0 5px;line-height:10px;}

/*benchmark horizontal bar graph - for builder part types*/
div.cpu{margin:0 3px;width:600px;border:none;overflow:hidden;padding:0;}
div.cpu div,div.case div{border-bottom:none;overflow:hidden;clear:left;}
div.cpu div *,div.case div *{margin:1px 0;}
div.cpu div label{color:#252525;display:block;float:left;width:68px;overflow:hidden;font-size:.8em;line-height:12px;text-align:left;padding-right:8px;}
div.cpu div em,div.case div em{color:#000;display:none;float:left;font-style:normal;font-size:.7em;padding:0 5px;line-height:11px;}
div.case div label{color:#252525;display:block;float:left;width:115px;overflow:hidden;font-size:.8em;line-height:12px;text-align:left;padding-right:8px;}
div.case{margin:0 3px;width:300px;border:none;overflow:hidden;padding:0;float:left;}

/*tabs*/
.ui-tabs .ui-tabs-hide{display:none!important;}
.ui-tabs-nav li{padding:0;margin:0;display:block;float:left;border-collapse:collapse;}

/* nyromodal popups*/
div#nyroModalFull{}
div#nyroModalLoading{border:0px solid #000;width:150px;height:150px;text-indent:-9999em;background:#fff url(../images/ajaxLoader.gif) no-repeat;background-position:center;}
div#nyroModalLoading.error{border:1px solid #000;line-height:20px;padding:20px;width:300px;height:100px;text-indent:0;background:#fff;}
div#nyroModalWrapper{background:#fff;border:0px solid #000;background:#FFFFFF url("../images/compItem_bg.png") repeat-x center bottom ;}
a#closeBut{position:absolute;margin-top:1px;display:inline;top:10px;right:25px;width:32px;height:32px;text-indent:-9999em;background:url(../images/close.png) no-repeat;outline:0;z-index:999999999;}

#nyroModalContent a{color:#538815;}
#nyroModalContent a:hover{color:#444;}
#nyroModalContent {}
.popup p {padding:15px 15px 0px 15px;}
div#signup{width:320px;padding-left:10px;padding-top:55px;}
div#signup li{list-style-type:none;list-style-position:outside;}
div#signup ul{margin-left:0;}
div#signup label{float:left;display:block;}
div#signup input{color:#252525;background:#white;border:1px solid #92C14D;margin-right:10px;display:block;}
.error{color:red;}
#fullImage {margin-top:20px;}


/* discount price styling */
.preDiscountPrice {text-decoration: line-through;font-size:.8em; font-weight:normal;}
.discountedBasePrice {padding-left:5px;text-decoration:none;font-weight:bold;color:#CD2121;}

/* Question form */
form#ask_question ul{margin:10px 0 0 0}
div#submitquestion {padding-top:55px;}
div#submitquestion li{list-style-type:none; width: 250px; float: left; padding-left:15px;}
div#submitquestion label{display:block; line-height: 20px;}
div#submitquestion input{color:#252525;background:#FFF;border:1px solid #92C14D;display:block; padding: 3px; width: 250px;}
div#submitquestion input:hover{background-color:#FFF;color:#ff6a11;border:1px solid #ff6a11;}
div#submitquestion textarea{color:#252525;background:white;border:1px solid #92C14D;display:block; padding: 3px; width: 515px}
div#submitquestion li#askQuestionSubmit  input {width: 117px;height:31px; clear: both; border:none;background:transparent;text-indent:-2000px;font-size:0;line-height:0;display:block;}
div#submitquestion li#askQuestionSubmit{margin-left:15px; margin-top:10px; padding:0;clear: both; display:block;height:31px;width:117px;background:url(../images/askus.png) no-repeat top left;font-size:0;line-height:0;}
div#submitquestion li#askQuestionSubmit:hover{background-position:-117px;top:0;left:0;}
div#submitquestion li#askQuestionSubmit:active{background-position:-234px;top:0;left:0;}
#popupHeader{color:#242424;height:55px;padding:0 0 0 0px;z-index:100;position:absolute;background:url(../images/subType_header_bg.gif) repeat-x bottom;width:100%;overflow:hidden;}
#popupHeader h1{color:#E7E5E5;line-height:55px;padding:0 0 0 20px;font-size:1.2em;font-family:Verdana,Arial,Helvetica,sans-serif;overflow:hidden;}
div#submitquestion .hidden{border:none;display:none;}
span.popup {padding-top:55px;display:block;}