* {
	padding:0px;
	margin:0px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;

}

@font-face {
    font-family: 'Magistral-Regular';
    src: url('../fonts/mgs45.eot');
    src: url('../fonts/mgs45.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mgs45.woff') format('woff'),
         url('../fonts/mgs45.ttf') format('truetype'),
         url('../fonts/mgs45.svg#mgs45') format('svg');
    font-weight: normal;
    font-style: normal;
}

.cfont {
font-family:'Magistral-Regular';
}

a:link {
	color: #f79123;
}
a:visited {
	color: #f79123;
}
a:hover {
	color: #f79123;
	text-decoration:none;
}
a:active {
	color: #f79123;
}

h1, h2, h3, h4, h5 {
 	 font-family: 'Magistral-Regular';
	 font-weight:normal;
}
img {max-width: 100%; border: none;}

body .ui-corner-all {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}

#overall {
	max-width:980px;
    min-width: 270px;
    width: 100%;
	margin:0 auto;
}



.wp980 {max-width: 980px; width: 100%; min-width: 270px; height: auto; margin: 0 auto; }

#headerWrapper {width: 100%; height: auto; border-top: 5px solid #f89828; background: #fff url(../images/backg.png) repeat-x 0 bottom; }

#header { padding-top: 30px;	position:relative;margin: 0 auto; position: relative;}
#headerWrapper #header #logo {width: 181px; height: 91px;  float: left; margin-bottom: 25px;}
#headerWrapper #header h1 {font-weight:normal;font-size:30px; float:right; width:auto; margin-top: 43px;}

#headerWrapper #header nav#topMenu {position: absolute; top: 10px; right: 0;}
#headerWrapper #header nav#topMenu ul {list-style-type: none; width: auto;}
#headerWrapper #header nav#topMenu ul li {float: left; margin-left: 15px; border-left: 1px solid #b6b6b6; padding-left: 15px;}
#headerWrapper #header nav#topMenu ul li:first-child {border: none; padding-left:0; margin-left: 0;}
#headerWrapper #header nav#topMenu ul li a {color: #333333; text-decoration: none;}
#headerWrapper #header nav#topMenu ul li a:hover,
#headerWrapper #header nav#topMenu ul li a.active {color: #f89828;}

#stepsContainer {width: 100%; height: auto; margin: 0; padding: 0; background: #f4f4f4; border-bottom: 1px solid #dddddf; border-top: 1px solid #dddddf; margin-bottom: 30px;}
#stepsContainer ul#topSteps {margin: 0 auto; list-style-type: none;}
#stepsContainer ul#topSteps li {width: 33%; float: left; position: relative; margin-top: -1px; margin-bottom: -1px; background: url(../images/stepLiSep.png) no-repeat right center;}
#stepsContainer ul#topSteps li a {padding: 27px 10px; padding-bottom: 20px; display: block; cursor: pointer; text-decoration: none; text-align: center; font-weight: bold; color: #333333;}
#stepsContainer ul#topSteps li span {display: block; font-size: 11px; margin-top: 5px; font-weight: normal; color: #333333; height: 15px; position: relative; text-align: center; width: 100%;}
#stepsContainer ul#topSteps li.active a:hover,
#stepsContainer ul#topSteps li.active a {background: #f89828; color: #fff;}
#stepsContainer ul#topSteps li.active span {color: #fff;}
#stepsContainer ul#topSteps li a:hover {color: #333333; cursor: default}

#stepsContainer ul#topSteps li:first-child a:hover {background: #f89828; color: #fff; border-right: 1px solid #f4f4f4; cursor: pointer;}
#stepsContainer ul#topSteps li:first-child a:hover span {color: #fff;}
#stepsContainer ul#topSteps li.active:first-child a:hover {border: none;}
/*
#main_menu {
	float:right;
	padding-top:50px;
	width:375px;
	text-align:right;
}

#main_menu a {
color:#333333;
text-decoration:none;
padding-left:20px;
}

#main_menu a:hover, #main_menu a.active {
color:#f79123;
text-decoration:underline;

}*/


 #steps {
	position:absolute;
	top:200px;
	left:27px;
}

#steps li {
	list-style-type:none;
	background-image:url(../images/step_bg.png);
	width:80px;
	height:54px;
	float:left;
	margin-right:5px;
	font-size:18px;
	color:#535353;
	text-align:center;
		font-family:'Magistral-Regular';
		padding-top:26px;
	 -webkit-text-shadow: 0.1em 0.1em 0.1em #666;
-moz-text-shadow:0.1em 0.1em 0.1em #666;
text-shadow: 0.1em 0.1em 0.1em #666;
	position:relative;

}

#steps li a{
color:#535353;
text-decoration:none;
}

#steps li a:hover{
	 color: #F79123;
	text-decoration:none;

}

#steps li.active {
	color:#fff;
	background-image:url(../images/step_bg_active.png);
}

#steps li.active a {
color:#fff;
text-decoration:none;
}

#steps li.active a:hover {
color:#f1f1f1;
text-decoration:none;
}



#main_left {
float:left;
padding-top:35px;
width:430px;
margin-right:25px;
}



  .fe_alert, .fe_info, .fe_note {
margin-top:35px!important;
}

#main ol {
margin-left:20px;
}

#main li{
padding-bottom:8px;
}


#main_right {
float:left;
width:441px;
padding:15px;
 	background-color:#fbfbfb;
	border:1px solid #dfdfdf;

	 padding:15px;
}

.pocisti {
	clear:both;
}

#main {
	background-image:url(../images/main_bg.png);
	border:1px solid #dfdfdf;
	clear:both;
	min-height:300px;

	 padding:25px;

}

.quick_search {

	border:1px solid #d5d5d5;
	 padding:8px 3px;

}

#main h2 {
	color:#f79123;
	font-size:24px;
	padding-bottom:10px;
}
#footer {
margin-top:5px;
	min-height:200px;
	padding:20px;

	background: #b4b4b3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b4b4b3), to(#c6c6c5));
	background: -webkit-linear-gradient(#b4b4b3, #c6c6c5);
	background: -moz-linear-gradient(#b4b4b3, #c6c6c5);
	background: -ms-linear-gradient(#b4b4b3, #c6c6c5);
	background: -o-linear-gradient(#b4b4b3, #c6c6c5);
	background: linear-gradient(#b4b4b3, #c6c6c5);
	-PIE-background: linear-gradient(#b4b4b3, #c6c6c5);
	border:1px solid #ffffff;
	behavior: url(/PIE.htc);
	margin-bottom:8px;
	    font-size:12px;
    color: #fff;
    line-height: 140%;
	padding-top:5px;
}

#footer a  {
    color: #fff;
	text-decoration:none;
}

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

#copyright {
    color: #8a8683;
    font-size: 11px;
    padding-bottom:10px;
}

#copyright a {
    color: #8a8683;
    text-decoration: none;
}
#copyright a:hover {
    color: #f78f1e;
    text-decoration: none;
}
.cleft {
    float: left;

    width: 626px;
}
.cright {
    float: left;
    text-align: right;
    width: 374px;

}

#foot_col1 {
    float: left;
    padding: 0px  38px  20px 0px;
    width: 380px;
	text-align:justify;
}
#foot_col2 {
    float: left;
   padding: 0px  20px  20px 0px;
    width: 100px;
}
#foot_col3 {
    float: left;
   padding: 0px  20px  20px 0px;
    width: 200px;
}

#foot_col4 {
    float: left;
   padding: 0px  0px  20px 0px;
    width: 180px;
}
#footer h3 {
    color: #ffffff;
    font-family: 'Magistral-Regular';
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 15px;
    padding-top: 15px;
}
#foot_col2 a, #foot_col4 a {
    color: #ffffff;
    display: block;
}

#fb_like_footer_but {
float:left;
width:30px;
}

#google_plus {
   float: left;
    padding-top: 2px;
    width: 41px;
}

#fb_like_footer {

  padding-top: 2px;
width:326px;
}

#footer_left {
	width:820px;
	float:left;
}

#footer_right {
	width:160px;
	float:left;
	text-align:right;
}

.fb-like  {
	width:400px;
	float:left;
}

#content {
width:1000px;
background-color:#f2f2f2;
margin:0 auto;
padding:4px;
border:1px solid #e8e8e8;
margin-bottom:15px;
}

.small {font-size: 0.9em; color: #aaa;}

#content a {
	color: #F3932C;
	}
#content a:hover {
	color: #F3932C;
	text-decoration:none;
	}

#cl_table a {
	color: #333333;
	}
#cl_table a:hover {
	color: #333333;
	text-decoration:none;
	}

#content img{
	border: none;
	}
.sel a {
	font-size: 11px;
	}

#cont {
background-color:#FFFFFF;
padding:15px;
padding-bottom:5px;
}

.step1 {
	width: 150px;
}


.cl_header {

	color:#fff;
}

.cl_header td, .cl_header th {
		padding: 8px;

	border:1px solid #F2F1F1;
	 background-color: #f29026;

	color:#fff;
}

.cl_item {
	background-color: #fedcb7;
}

.cl_location {
	background-color: #F29026!important;
	padding: 5px;
	color:#fff;
	font-weight: bold;
	text-align: center;
	width: 140px;
}



.odd td, .conf_tr td {
background-color: #fff;
	padding: 3px;

	border:1px solid #F2F1F1;


}

.sprice  {
color:#333333;
}

 .even td {
	padding: 3px;

	border:1px solid #F2F1F1;
	 background-color: #f2f1f1;

}



#loginbox {

height:110px;
font-size:12px;
color:#a5a5a5;
padding:5px;
}

#loginbox a{
color:#a5a5a5;
text-decoration:none;
}

#loginbox a:hover{
color:#F79123;
text-decoration:none;
}


.logintitle {
font-size:24px;
	font-family:'Magistral-Regular';
color:#F79123;
padding-bottom:8px;
}

input.linput {

	border:1px solid #d5d5d5;
	 padding:3px;
	 margin:2px;
	 width: 135px;
}



#loggedinbox {
width:400px;
border:none;
margin-left:95px;
padding: 150px 5px;
height:30px;
font-size:15px;
color: #ffffff;
}

.error_msg {
	margin:0 auto;
	border: 2px solid red;
	background-color: #fec2c2;
	width: 300px;
	/*height: 50px;*/
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 10px;
}
.info_msg {
	margin:0 auto;
	border: 2px solid #f28b1c;
	background-color: #fec2c2;
	width: 300px;
	/*height: 50px;*/
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 10px;
}

label.error, div.error {
	background:url("../images/unchecked.gif") no-repeat 0px 0px;
  	padding-left: 16px;
  	padding-bottom: 2px;
  	font-size: 11px;
  	color: #EA5200;
}
label.checked, div.checked {
  	background:url("../images/checked.gif") no-repeat 0px 0px;
}

div.fe_alert {
	border: 2px solid #f12424;
	color: white;
	line-height: 36px;
	padding: 1px 1px 1px 10px;
	font-weight: bold;
	background-color: #ff8c8c;
}
div.fe_info {
	border: 2px solid #F29026;
	color: black;
	line-height: 36px;
	padding: 1px 1px 1px 10px;
	font-weight: bold;
	background-color: #FCEEB4;
}
div.fe_note {
	border: 2px solid #2e5efa;
	color: black;
	padding: 10px 0px 20px 10px;
	background-color: #ebf0fe;
	text-align: center;
}
div.fe_alert, div.fe_info, div.fe_note {
	margin: 15px 0 10px 0;

	 padding:3px;
}
div.fe_alert img, div.fe_info img, div.fe_note img {
	position: relative;
	top: 2px;
	padding-right: 5px;
}

div.fe_alert a,
div.fe_alert a:hover,
div.fe_alert a:link,
div.fe_alert a:active,
div.fe_alert a:visited {
	color: #000000!important;
}

h1 {
	font-size: 18px;
	font-weight: bold;
}

hr {
	color: #000000;
	background-color: #000000;
	height: 3px;
}

.wb_comments {
	font-size: 10px;
}

.cl_location a {

background: #feba6f;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#feba6f), to(#f7901f));
background: -webkit-linear-gradient(#feba6f, #f7901f);
background: -moz-linear-gradient(#feba6f, #f7901f);
background: -ms-linear-gradient(#feba6f, #f7901f);
background: -o-linear-gradient(#feba6f, #f7901f);
background: linear-gradient(#feba6f, #f7901f);
border:2px solid #e5e5e5;


padding:3px 8px;
font-weight: bold;
color: #ffffff!important;
outline: none;
font-size: 13px;
text-transform:uppercase;
cursor: pointer;
width:auto;
overflow:visible;
text-decoration: none;

display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
}

.button-hover {
color: #fff;
outline: none;
}

.form_section  {
width: 100%;
min-height: 105px;
padding: 0;
margin-top: 0px;
margin-bottom: 10px;
font-size: 13px;
background-color: #ffffff;

}
.form_section.marginTop  {
margin-top:  49px;
}
.form_section a {
font-size: 12px;
}

.form_title {
background-color: #F29026;
padding: 8px 5px;
margin-bottom: 10px;
color: white;
font-weight: bold;
font-size: 14px;

background: #838383 ;/*
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d9c9c), to(#8e8d8d));
background: -webkit-linear-gradient(#9d9c9c, #8e8d8d);
background: -moz-linear-gradient(#9d9c9c, #8e8d8d);
background: -ms-linear-gradient(#9d9c9c, #8e8d8d);
background: -o-linear-gradient(#9d9c9c, #8e8d8d);
background: linear-gradient(#9d9c9c, #8e8d8d);
border:1px solid #ffffff; */
}

.form_section ul { padding: 5px;}
.form_section ul li a{display: block;}

.form_section .form_title{ background: #f89828 }


#cl_frm .form_title {font-size: 13px;}

#gpu_brand, #mb_brand, #mb_socket , #mb_chipset, #mb_mbs, #gpu_gpuseries,
#gpu_manufacturers, #gpu_gpus, #fittings, .inputtip, #user_name,
#user_email, #username, #password,#repassword, #firstname, #lastname, #country{

	border:1px solid #d5d5d5;
 padding:8px 3px;

}

.steps_buttons {

	border:1px solid #d5d5d5;
	background-color:#F2F1F1;
	padding: 0;
    max-width: 910px;
    min-width: 300px;
    width: 100%;
    margin: 0 auto;
}
.steps_buttons.firstStep {padding:  15px 0;}

.steps_buttons.stepTwo input.button {float: left; margin: 15px;}
.steps_buttons.stepTwo a.button#addtocart {float:right;  margin: 15px;}
/*
.steps_buttons .button {

background: #9c9b9b;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9c9b9b), to(#8d8d8d));
background: -webkit-linear-gradient(#9c9b9b, #8d8d8d);
background: -moz-linear-gradient(#9c9b9b, #8d8d8d);
background: -ms-linear-gradient(#9c9b9b, #8d8d8d);
background: -o-linear-gradient(#9c9b9b, #8d8d8d);
background: linear-gradient(#9c9b9b, #8d8d8d);
border:2px solid #e5e5e5;

font-family: 'Magistral-Regular';
padding:3px 10px;
font-weight: bold;
color: #ffffff;
outline: none;
font-size: 20px;
text-transform:uppercase;
cursor: pointer;
width:auto;
overflow:visible;
text-decoration: none;
}

.steps_buttons .button:hover {
background: #fff;

}*/
.steps_buttons .button {
    background: #333333;

    border: none;
    font-family:Arial, Helvetica, sans-serif;
    padding:15px 20px;
    font-weight: normal;
    color: #ffffff;

    font-size: 15px;
    text-transform:none;
    cursor: pointer;
    width:auto;
    overflow:visible;
    text-decoration: none;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}

.steps_buttons .button#addtocart, .steps_buttons .button.addtocart {background: #f89828; font-size: 15px;  text-transform:none;  border: none; font-family:Arial, Helvetica, sans-serif;
    padding:15px 20px; float: left;  font-weight: normal;}

.steps_buttons .button.addtocart {float: none}

.steps_buttons .button#addtocart:hover, .steps_buttons .button.addtocart:hover {background: #333333; color: #fff !important;}
.steps_buttons .button:hover {background: #f89828; color: #fff !important;}

.button, a#addtocart {
    background: #f89828;
    font-size: 15px;
    text-transform:none;
    border: none;
    padding:15px 20px;
    font-weight: normal;
    cursor: pointer;
    width:auto;
    color: #fff;
    overflow:visible;
    text-decoration: none;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}
.button:hover, a#addtocart:hover {color: #fff !important; background: #333333;}
a#addtocart:hover {background: #333333;}


#gpu_imgsrc , #mb_imgsrc{
	border:1px solid #d5d5d5;

}

#cl_table .form_title a,
#cl_table .form_title a:hover,
#cl_table .form_title a:visited,
#cl_table .form_title a:link,
#cl_table .form_title a:active {
	color: #FFFFFF;
}

#jquery-live-search .form_title a,
#jquery-live-search .form_title a:hover,
#jquery-live-search .form_title a:visited,
#jquery-live-search .form_title a:link,
#jquery-live-search .form_title a:active {
	color: #FFFFFF;
}

#div_mb input, #div_vga input {
	width: 250px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.tbl_pad td {
	padding: 4px;
}

div#reference-design {
	margin-top: -91px;
	position: relative;
	float: right;
	width: 130px;
	height: 91px;
}

.slide-out-div {
padding: 20px;
/*width: 220px;*/
width: 280px;
background: #fff;
border: 1px solid #c6c6c5;
z-index:90;
min-height:150px;
}

.slide-out-div a{
font-family: Arial,Helvetica,sans-serif;
text-decoration: none;
color:#F99A32;
}

/* Tooltip */

#tooltip {
    position:absolute;
	top:50px;
	left:40px;
    z-index:9999;
    color:#fff;
    font-size:15px;
     text-align:left;
	width:170px;
	font-family: Arial,Helvetica,sans-serif;

}

#tooltip .tipHeader {
    height:8px;

}

/* IE hack */
*html #tooltip .tipHeader {margin-bottom:-6px;}

#tooltip .tipBody {

    background-color:#f89325;
    padding:5px;

	border:1px solid #ffffff;
}

#tooltip .tipFooter {
    height:8px;

}

.banner-728-90{
background-color: #CCCCCC;

height: 90px;
left: 122px;
padding: 5px;
position: absolute;
top: 84px;
width: 728px;
}

#home_left {
float: left;
margin-right: 40px;
padding-left: 8px;
width: 303px;
}

.home_banner {
    float: left;
    height: 130px;
    margin-bottom: 8px;
    margin-right: 8px;
    position: relative;
    width: 328px;
}
.left_banner {
    margin-bottom: 15px;
    position: relative;
    width: 288px;
}
.left_banner a {
    color: #FE9E36;
    display: block;
    font-family: 'Magistral-Regular';
    font-size: 24px;
    line-height: 34px;
    position: relative;
}
.left_banner img {
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 2px #666666;
    opacity: 0.4;
    position: relative;
}
.home_banner.last {
    margin-right: 0;
}
.home_banner a {
    color: #FE9E36;
    display: block;
    font-family: 'Magistral-Regular';
    font-size: 30px;
    position: relative;
}
.home_banner img {
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 1px #666666;
    opacity: 0.4;
    position: relative;
}
.left_banner_text {
    background-image: url("../images/bg_trans.png");
    bottom: 0;
    padding: 5px 8px;
    position: absolute;
    right: 0;
}
.left_banner_text.cconfigurator {
    color: #9C9C9C;
    text-align: center;
    width: 272px;
}
.left_banner a:hover, .home_banner a:hover {
    color: #6D6D70 !important;
}
.home_banner img:hover, .left_banner img:hover {
    opacity: 1;
}
.banner_text {
    background-image: url("../images/bg_trans.png");
    bottom: 0;
    padding: 5px 10px;
    position: absolute;
    right: 0;
}

#home_right {
    float: left;
    text-align: justify;
    width: 577px;
}

  #home_left h2 {
    border-bottom: 1px solid #EFEFEF;
    color: #6D6D70;
    font-family: 'Magistral-Regular';
    font-size: 24px;
    margin-bottom: 8px;
    padding-bottom: 5px;
}

.vinput {
    border: 1px solid #EFEFEF;
    margin: 2px;
    padding: 2px;
}
.vsubmit {
    background: linear-gradient(#B4B4B3, #CECECD) repeat scroll 0 0 transparent;
    border: 1px solid #DADAD9;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'Magistral-Regular';
    font-size: 15px;
    font-weight: bold;
    padding: 3px 8px;
}


#home_content {
    background: url("../images/line_bg.jpg") repeat-y scroll 332px 0 transparent;
    margin-bottom: 15px;
	margin-top:20px;
}

#news_home h1 {
    border-bottom: 1px solid #EFEFEF;
    color: #6D6D70;
    font-family: 'Magistral-Regular';
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 8px;
    padding-bottom: 5px;
}
#news_home h1 a {
    color: #F99A32;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding-top: 12px;
}


.NewsSummary {
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 10px;
    padding: 6px 0;
}

.NewsSummaryLink {
    font-size: 14px;
    padding-bottom: 5px;
}

.NewsSummaryMorelink {
    padding-top: 5px;
    text-align: right;
}

.NewsSummary img {
    border: 1px solid #CED1D3;
    float: left;
    margin-right: 15px;
}

.NewsSummaryPostdate, #NewsPostDetailDate {
    font-size: 10px;
    padding-bottom: 3px;
}

.captcha_img {
    border: 1px solid #EFEFEF;
    margin: 2px;
    padding-left: 10px;
    padding-top: 3px;
}

 .show-eol-btn {
 	display: block;
 	font-weight: bold;
 	cursor: pointer;
	background-color: #F29026;
color: white;
font-size:12px;

background: #9d9c9c;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d9c9c), to(#8e8d8d));
background: -webkit-linear-gradient(#9d9c9c, #8e8d8d);
background: -moz-linear-gradient(#9d9c9c, #8e8d8d);
background: -ms-linear-gradient(#9d9c9c, #8e8d8d);
background: -o-linear-gradient(#9d9c9c, #8e8d8d);
background: linear-gradient(#9d9c9c, #8e8d8d);
border:1px solid #ffffff;
padding:3px 0px;
}
.EOL-WB {
	display: none;
}

/*homepage*/
.L {float: left;}
.R {float: right;}
.col1_2 {width: 48%;}
.homeForm {}
#js_disabled {margin-bottom: 20px;}
#homeBottom {border-top: 1px solid #e5e5e5; margin-top: 55px; padding-top: 35px; text-align: center; margin-right: -25px; margin-left: -25px; margin-bottom: -25px;}
#homeBottom #howToUse {padding: 25px; background: #f4f4f4; margin-top: 35px; color: #333333; font-size: 24px; font-family: 'Magistral-Regular'; font-weight: normal; display: block; text-decoration: none;  transition: color 300ms ease, background-color 300ms ease;
    -moz-transition: color 300ms ease, background-color 300ms ease;
    -webkit-transition: color 300ms ease, background-color 300ms ease;
    -o-transition: color 300ms ease, background-color 300ms ease;}
#homeBottom #howToUse:hover {background: #333333; color: #f89828; }
#homeBottom #text {width: 94%; margin: 0 auto; display: block; text-align: center;}
/*homeTabs*/
/*tabs*/

#main .homeTabs.ui-tabs.ui-widget {	font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:13px;}
#main .homeTabs.ui-tabs {margin: 0; padding: 0; border: none; background: none;}
#main .homeTabs.ui-tabs .ui-tabs-nav {margin: 0; padding: 0; border: none; background: none;}
#main .homeTabs.ui-tabs .ui-tabs-nav li {padding: 0; margin: 0; border: none; margin-right: 5px; margin-top: 1px;}
#main .homeTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-top: 0;}
#main .homeTabs.ui-tabs .ui-tabs-nav li:last-child {margin-right: 0;}
#main .homeTabs.ui-tabs .ui-tabs-nav li a {width: 114px;font-weight: normal;padding: 8px 0;padding-bottom: 7px; font-size: 15px; text-align: center; border: 1px solid #4e4e4e; border-bottom: none; color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e4e4e+0,4e4e4e+87,434343+100 */
    background: #4e4e4e; /* Old browsers */
    background: -moz-linear-gradient(top,  #4e4e4e 0%, #4e4e4e 87%, #434343 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(87%,#4e4e4e), color-stop(100%,#434343)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4e4e4e 0%,#4e4e4e 87%,#434343 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4e4e4e 0%,#4e4e4e 87%,#434343 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4e4e4e 0%,#4e4e4e 87%,#434343 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4e4e4e 0%,#4e4e4e 87%,#434343 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#434343',GradientType=0 ); /* IE6-9 */


    transition: color 300ms ease, background 300ms ease;
    -moz-transition: color 300ms ease, background 300ms ease;
    -webkit-transition: color 300ms ease, background 300ms ease;
    -o-transition: color 300ms ease, background 300ms ease;}
#main .homeTabs.ui-tabs .ui-tabs-nav li a:hover {color: #f79123;}
#main .homeTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color: #333333; background: #f6f6f6;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */border: 1px solid #eeeeee; font-weight: bold; border-bottom: 1px solid #f6f6f6; position: relative; z-index: 1; top: 1px; }
/*panel*/
#main .homeTabs.ui-tabs .ui-tabs-panel {min-height: 90px; border: 1px solid #eeeeee;background: #f6f6f6; padding: 20px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; position: relative;}
#main .homeTabs.ui-tabs .ui-tabs-panel input.button {margin: 0 auto; margin-top: 20px; padding: 10px 20px; display: block;}
#main .homeTabs.ui-tabs .ui-tabs-panel img#gpu_imgsrc,
#main .homeTabs.ui-tabs .ui-tabs-panel img#mb_imgsrc {vertical-align: top; border: none; margin: 0 auto; display: block;}
#main .homeTabs.ui-tabs .ui-tabs-panel .productImage {padding: 8px 5px; background: #fff; border: 1px solid #dddddd;}
.thereAre {position: absolute; bottom: -19px; font-size: 11px; font-style: italic;}

/**************************** footer **************************/
span#orangeLink {padding: 30px; background: #f89828; color: #fff; text-align: center; display: block; margin-top: 30px; font-size:  21px;  text-decoration: none;}
#grayFooter {width: 100%; height: auto; padding-top: 30px; padding-bottom: 20px; background: #838383 url(../images/backg.png) repeat-x 0 bottom; }
#grayFooter .col4 ul {width: 22%; height: auto; margin: 0; padding: 0; list-style-type: none; margin-right: 4%; float: left;}
#grayFooter .col4 ul#first {width:31%}
#grayFooter .col4 ul#second {width: 13%;}
#grayFooter .col4 ul#last {margin-right: 0;}
#grayFooter .col4 ul li.title { font-size: 20px; font-weight: 600; margin-bottom:  15px; color: #fff;}
#grayFooter .col4 ul li {color: #fff; line-height: 20px;}
#grayFooter .col4 ul li a {color: #fff; text-decoration: none; display: inline-block; padding-left: 10px; background:  url(../images/bullet.png) no-repeat 0 6px;}

#grayFooter .col4 ul li a:hover {text-decoration: underline;}
#grayFooter .col4 ul li#links {padding-top: 10px;}
#grayFooter .col4 ul li#links a {background: none; margin: 0; margin-right: 4px; padding-left: 0;}
#grayFooter .col4 ul li#email {color: #dedede; font-size: 14px; margin-top: 20px; margin-bottom: 20px;}
#darkGray{padding: 21px 0; padding-bottom: 24px;background: #747474; color: #fff;}
#darkGray span {float: left;}

#darkGray span {float: left;}
#darkGray #developed {float: right;}


#subscribe-form .input-box {margin: 0 5px 5px 0; position: relative; width: 63%; float: left}

#newsletter {background: #969696;color: #dedede; border-color: #969696; font-size: 12px; line-height: 36px;border: none; width: 100%; text-indent: 8px;}
input#newsletter::-webkit-input-placeholder,
input#newsletter::-moz-placeholder,
input#newsletter:-ms-input-placeholder {color: #dedede;}
#subscribe-form .button.btn-inline { float: right;
    display: inline-block;
    margin: 0;
    border: 0;
    overflow: visible;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    padding: 0 25px;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    background: #4e4e4e; font-weight: 400;

    height: 36px;
    }

#subscribe-form .button.btn-inline:hover {background: #2b2b2b;}

.dataTables_filter {border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border: none !important;}


.flexBox { display: flex; width: 100%; margin-bottom: 5px; }
.flexBox label {width: 85px; line-height: 33px; margin-right: 10px;}
.flexBox input, .flexBox select {width: 100%; margin: 0; padding: 0; flex: 1; -webkit-flex: 1;-ms-flex: 1; padding: 8px 0; }
.flexBox input {text-indent: 5px;}
.topTableSelect .flexBox label  {width: 80px;}
.R.col1_2 .topTableSelect .flexBox label  {width: 80px;}

#iframeHomeVideo {max-width: 550px;  margin: 10px auto; width: 100%;}
#iframeHomeVideo iframe {width: 100%; height: 330px; max-width: 550px;}

.flexFooter { display: flex; width: 100%; }
/*clear*/
.clear:after, table#cl_table table.responsiveTable tr td:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}

.shopPrice { display: inline-block; float: left; margin-top: 5px;}
.cartIcon {display: inline-block; margin-left: 3px;}
.cartIcon:hover {opacity: 0.8;
    filter: alpha(opacity=80);}

ul.newHardware {list-style-type: none;margin: 0; padding: 0; }
ul.newHardware li label {vertical-align: top; display: block; width: 150px; float: left;}
ul.newHardware li a,
ul.newHardware li span {padding-left: 150px; float: none; width: auto; display: block;}
ul.newHardware li a {word-break: break-all;}

.cl_location.topButtons a{margin-top: 0; margin-bottom: 0;}
.cl_location.topButtons span {padding: 3px 10px;position: relative; top: 2px;}
.newHardwareForm .clear {margin-bottom: 5px; }
.newHardwareForm .clear label.title { width: 150px; display: block; float: left; line-height: 35px;}
.newHardwareForm .clear input {margin-right: 5px;}
.newHardwareForm .clear #checkboxes{width: auto; display: block; float: left;}
.newHardwareForm .clear #checkboxes label{width: auto;line-height: 35px; float: left; margin-right: 10px;}
.newHardwareForm .clear #checkboxes input {position: relative; top: 3px;}


.slide-out-div {display: none;}

.cc-cookies  {padding: 0.5em 3% !important; width: 94%!important}

.price_warn {
	display: block;
	padding: 25px;
	text-align: center;
	margin-top: 15px;
	background-color: #dcebee;
	font-size: 17px;
}

#clc_link {
	background-image: url(../images/banner_bckg.png);
	height: 92px;
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
	/*padding-left: 50px;*/
}
#clc_link .headContent {
	width: 40%;
	color: #fff;
	margin-left: 30%;
	display: inline-block;
	position: relative;
	-webkit-transform: translateY(70%);
	-moz-transform: translateY(70%);
	-ms-transform: translateY(70%);
	-o-transform: translateY(70%);
	transform: translateY(70%);
}
#clc_link .headContent .mainHead {
	font-size: 29px;
	font-family: 'Magistral-Regular';
	font-weight: bold;
}
#clc_link .headContent .mainHead {
	font-size: 21px;
	font-family: 'Magistral-Regular';
}
#clc_link .actionButton {
	display: inline-block;
	padding: 10px 40px;
	background-color: #ec9c45;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	cursor: default;
	margin-left: 10px;
}
#clc_link .actionButton:hover {
	cursor: pointer;
	background-color: #f89828;
}

/***********************************************************************************************
************************************************************************************************
                                    RESPONSIVE DESIGN
************************************************************************************************
***********************************************************************************************/
@media only screen and (max-width: 1020px) {
    .wp980, #overall { width: 96%;}
    #main {padding: 0; border: none;}
    img {max-width: 100%;}
    /*header*/

    /*content*/
    tr#select-tr select {width: 100%;}
    .slide-out-div {display: none;}
    #homeBottom {margin: 0; margin-top: 55px;}
    /*footer*/

}
@media only screen and (max-width: 1000px) {
	#clc_link .headContent {
		margin-left: 30%;
		width: auto;
	}
}
@media only screen and (max-width: 900px) {
	#clc_link .headContent {
		margin-left: 25%;
		width: auto;
	}
}
@media only screen and (max-width: 840px) {
	#clc_link {
		background-position: right;
	}
	#clc_link .headContent {
		margin-left: 40px;
		margin-right: 20px;
		width: auto;
	}
}

@media only screen and (max-width: 800px) {
    /*header*/
    #headerWrapper #header #logo {height: 60px; width: 145px;}
    #headerWrapper #header #logo img {max-width: 100%;}
    #headerWrapper #header h1 {font-size: 20px; margin-top: 39px;}
    /*content*/

    /*footer*/
    #grayFooter .col4 ul {width: 48% !important; min-height: 220px; margin: 0; padding: 0;margin-right: 4%;}
    #grayFooter .col4 ul:nth-child(2n+2) {margin-right: 0;}

    @media only screen and (max-width: 350px) {
    #headerWrapper #header h1 {width: 100%; margin-top: 0; margin-bottom: 10px;}

}

/* Styles for Firefox*/
@-moz-document url-prefix() {
    form#cl_frm table tr td img{width: 50%;}
    .productImage img { width: 100%; }
}

/* Styles for IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    form#cl_frm table tr td img{width: 50%;}
    .productImage img { width: 100%; }
}

}

@media only screen and (max-width: 700px) {
    /*header*/

    /*content*/
    .steps_buttons.stepTwo input.button,
    #textareaSerial {float: none; display: inline-block; margin-bottom: 0;}
    .steps_buttons.stepTwo a.button#addtocart {float: none; display: inline-block;}
    /*footer*/

}

@media only screen and (max-width: 650px) {
    /*header*/

    /*content*/
    .col1_2 {width: 100%; float: none;}
    .col1_2.L, .col1_2.R {float: none;}
    #main .homeTabs.ui-tabs#tabs2 {margin-top: 30px;}
    #main .homeTabs.ui-tabs .ui-tabs-panel {min-height: 20px;}
    /*footer*/


    table#topTitleTable tr td {display: block; text-align: left;}
    table.topTitleTable tbody tr td {display: block; text-align: left;}

    #comp_table table {width: 100% !important}

}

@media only screen and (max-width: 840px) {
	/*#clc_link .headContent {
		margin-left: 10px;
		margin-right: 10px;
		width: auto;
	}*/

	#clc_link {
		height: 150px;
	}
	#clc_link .headContent {
		margin: 0px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		padding: 10px;
		width: 100%;
		text-align: center;
	}
	#clc_link .actionButton {
		margin-left: 50%;
		transform: translateX(-50%);
		margin-top: 10px;
	}	
}

@media only screen and (max-width: 550px) {
    /*header*/
    #stepsContainer {border: none;}
    #stepsContainer ul#topSteps.wp980 {width: 100%;}
    #stepsContainer ul#topSteps li {width: 100%; height: auto; float: none; margin: 0; padding: 0; background: none; border-bottom: 1px solid #dddddd;}
    #stepsContainer ul#topSteps li.active {border: none;}
    #stepsContainer ul#topSteps li:first-child {border-top: 1px solid #dddddd;}
    #stepsContainer ul#topSteps li.active:first-child {border-top: none;}
    #stepsContainer ul#topSteps li a {padding: 10px 0; margin: 0;}

    #headerWrapper #header h1 {width: 191px; font-size: 18.3px; margin-top: 19px;}

    /*content*/
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {width: 90% !important;}

    table.stepThree table.responsiveTable tr td {word-break: break-all;}
    /*table
    table.stepThree table.responsiveTable {}
    table.stepThree table.responsiveTable { border-spacing: 0;}
    table.stepThree table.responsiveTable tr.cl_header,
    table.stepThree table.responsiveTable tr.space {display: none;}
    table.stepThree table.responsiveTable tr td {display: block; width: 100%; margin: 0; border: none; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    table.stepThree table.responsiveTable tr td:first-child {padding-top: 8px;}
    table.stepThree table.responsiveTable tr td:last-child {border-bottom: 1px solid #dddddd; padding-bottom: 8px;}
    table.stepThree table.responsiveTable tr:last-child  td:last-child {border-bottom: none;}
    table.stepThree table.responsiveTable tr td span.show-eol-btn {width: 110px; float: right; margin-top: 2px; text-align: center;}
    table.stepThree table.responsiveTable tr td.cl_location a {margin: 0; float: left;}


    table.stepThree table.responsiveTable tr td:nth-child(3):before {content: 'Compatibility: '; font-weight: bold;}
    table.stepThree table.responsiveTable tr td:nth-last-child(2):before {content: 'Quantity: '; font-weight: bold;}
    table.stepThree table.responsiveTable tr td:last-child:before {content: 'Price: '; font-weight: bold;}


    table.stepThree table.responsiveTable tr td:first-child:last-child:before {content: '' !important;}*/


    /*footer*/
    #grayFooter .col4 ul {width: 100% !important; min-height: 10px; margin: 0; padding: 0; margin-right: 0; margin-bottom: 20px;}

    #grayFooter .col4 ul {border-bottom: 1px solid #666666; padding-bottom: 20px;}
    #grayFooter .col4 ul:last-child {margin-bottom: 0; padding: 0; border: none;}
    #grayFooter .col4 ul:nth-child(2n+2) {margin-right: 0;}

	#clc_link .actionButton {
		padding: 10px 20px;
		font-size: 14px;
	}
	
}

@media only screen and (max-width: 500px) {
	#clc_link {
		height: 150px;
	}
	#clc_link .headContent {
		margin: 0px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		padding: 10px;
		width: 100%;
		text-align: center;
	}
	#clc_link .actionButton {
		margin-left: 50%;
		transform: translateX(-50%);
		margin-top: 10px;
	}
}
@media only screen and (max-width: 450px) {
    /*header*/
    #header {padding-top: 10px;}
    #headerWrapper #header h1 {width: 156px; font-size: 15px; margin-top: 26px;}
    /*content*/

    ul.newHardware {list-style-type: none;margin: 0; padding: 0; }
    ul.newHardware li label {width: 100%; float: none; font-weight: bold;}
    ul.newHardware li a,
    ul.newHardware li span {padding-left: 0; float: none; width: auto; display: block;}
    ul.newHardware li img {display: block; margin: 10px auto;}

    /*tabs*/
    #main .homeTabs.ui-tabs .ui-tabs-nav li {width: 49%; margin-right: 2%;}
    #main .homeTabs.ui-tabs .ui-tabs-nav li:last-child {margin-right: 0;}
    #main .homeTabs.ui-tabs .ui-tabs-nav li a {width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    /*footer*/
    #grayFooter .col4 ul {width: 100% !important; min-height: 10px; margin: 0; padding: 0; margin-right: 0; margin-bottom: 20px;}
    #grayFooter .col4 ul:nth-child(2n+2) {margin-right: 0;}

    #darkGray span{display: block; float: none; text-align: center;}
    #darkGray #developed {float: none; text-align: center; margin-top: 10px;}

    table tr.cl_header td select#fittings {width: 100% !important;}



}



/*
@media only screen and (max-width: 800px) {
    /*header*/

    /*content*/

    /*footer*/
/*
}*/