/*############################################
        FONT FACE DECLARATIONS
############################################*/

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

/*############################################
        CSS RESET
############################################*/

html,
body {height:100%;}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
form {min-height:100%;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*############################################
        PAGE & LAYOUT STYLES
############################################*/

body {
	min-width:980px;
	color:#000;
	font:17px/22px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	background:#fff;
}
a {
	color:#0097d8;
	text-decoration:underline;
}
a:hover {text-decoration:none;}
#wrapper {
	width:1000px;
	margin:0 auto;
}
#header {
	padding:20px 0 0 0;
	height:106px;
}
#header:after {
	clear: both;
	content:"";
	display: block;
}
.logo {
	float:left;
	margin: 20px 0 0 0;
	width:71px;
	height:71px;
	overflow:hidden;
	background:url(/images/logo.png) no-repeat;
	text-indent:-9999px;
}
.logo a {
	display:block;
	height:100%;
}
.form-search {
    float: right;
    margin-top: 9px;
}
.headersearch {
    position: relative;
}
.searchtextbox {
    font: 16px/18px 'HPSimplifiedRegular',Arial,Helvetica,sans-serif;
    float: left;
    height: 27px;
    width: 185px;   
    border: solid 2px #ccc; 
    padding: 0 30px 0 5px;
    color: #767676;
}
.searchbutton {
    width: 30px;
    height: 30px;
    background: transparent url('../images/search-bg.png') no-repeat;    
    border: none;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 195px;
}
#social {
    float: left;
}
#social li{
    width: 31px;
    height: 31px;
    cursor: pointer;
    float: left;
    margin-left: 7px;
}
#social li:hover .drop {display:block;}
#social .drop {
	position:relative;
	display:none;
	top:32px;
	left:-220px;
	width:259px;
	background:url(../images/bg-drop-flip.png) no-repeat;
	padding:21px 0 0;
}
#social .drop-holder {
	background:url(../images/bg-drop.png) -259px 100% no-repeat;
	padding:0 0 2px;
}
#social .drop-frame {
	background:url(../images/bg-drop.png) 100% 100% repeat-y;
	padding: 9px 8px 15px;
	overflow:hidden;
}
#social .drop-frame .title {
	background:url(../images/separator.png) 0 9px no-repeat;
	font:13px/16px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	margin: 0 0 9px;
	padding: 0 0 0 14px;
	display:block;
	color:#000;
}
#social ul {
	overflow:hidden;
	padding: 0 0 0 15px;
	font:11px/14px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
}
#social ul li {
	float:none;
	vertical-align:top;
	margin: 0 0 8px;
	width: auto;
}
#social ul li img{
	margin: 0 10px 0 0;
	position: relative;
	top: 3px;
}
#social li:hover a,
#social li a:hover {color:#0099d7;}
#social li:hover li a {
	color:#767676;
	text-decoration:none;
}
#social li:hover li a:hover {color:#0099d7;}
#connect {
    background: url('../images/connect-off.png') no-repeat;
}
#connect:hover {
    background: url('../images/connect-on.png') no-repeat;
}    
#community {
    background: url('../images/community-off.png') no-repeat;
}
#community:hover {
    background: url('../images/community-on.png') no-repeat;
} 
#nav {
	float:left;
	width:400px;
	padding: 37px 0 0 18px;
	font:17px/17px 'HPSimplifiedBold', Arial, Helvetica, sans-serif;
}
#nav li {
	float:left;
	width:100px;
	margin:0 3px 0 0;
	position:relative;
}
#nav li a {
	color:#000;
	text-decoration:none;
}
#nav li:hover .drop {display:block;}
#nav .drop {
	position:absolute;
	display:none;
	top:100%;
	left:-1px;
	width:259px;
	background:url(../images/bg-drop.png) no-repeat;
	padding:21px 0 0;
}
#nav .drop-holder {
	background:url(../images/bg-drop.png) -259px 100% no-repeat;
	padding:0 0 2px;
}
#nav .drop-frame {
	background:url(/images/bg-drop.png) 100% 100% repeat-y;
	padding: 9px 8px 15px;
	overflow:hidden;
}
#nav .drop-frame .title {
	background:url(/images/separator.png) 0 9px no-repeat;
	font:13px/16px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	margin: 0 0 9px;
	padding: 0 0 0 14px;
	display:block;
	color:#000;
}
#nav ul {
	overflow:hidden;
	padding: 0 0 0 15px;
	font:11px/14px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
}
#nav ul li {
	float:none;
	vertical-align:top;
	margin: 0 0 8px;
}
#nav li:hover a,
#nav li a:hover {color:#0099d7;}
#nav li:hover li a {
	color:#767676;
	text-decoration:none;
}
#nav li:hover li a:hover {color:#0099d7;}
.form-holder {
	float:right;
	width:225px;
}
.header-login {
    margin-top: 15px;
}
#topbar {
    width: 1000px;
    height: 67px;
}
#topbar h1 {
    margin: 10px 0 0 0;
	font:30px 'HPSimplifiedBold', Arial, Helvetica, sans-serif;
	color:#000;
	float: left;
}
#topbar h1 a
{
    text-decoration: none;
    color: #000000;
}
#topbar .nav {
    float: right;
	overflow:hidden;
	margin: 22px 0 0 0;
	font-size: 16px;
	line-height: 19px;
}
#topbar .nav li {
	vertical-align:top;
	margin: 0 0 0 16px;
	padding: 0 0 8px 0;
	float: left;
}
#topbar .nav li:hover {
    border-bottom: solid 4px #0096D6;
}
#topbar .nav li a {
    text-decoration:none;
    color: #767676; 
}
#topbar .nav a:hover {
    color: #000;
}
#hero-banner {
    height: 250px;
    /*padding-top: 30px;*/
    background: url('/images/hero-floorguy.jpg') no-repeat;
    background-position: right top;
}
#hero-banner h3 {
    font:38px 'HPSimplifiedBold', Arial, Helvetica, sans-serif;
    line-height: 1.0em;
    padding-top: 30px;    
}
#hero-banner p {
    color: #000;
    font-size: 30px;
    line-height: 1.5em;
}
.name-form .submit:hover,
.password-form .submit:hover {cursor:pointer;}
#main {
	padding: 0;
}
#content {
    float: left;
    padding: 20px 0 0 0;
}
#content .left, #content .right {	
    float: left;
}
#content .left.wide {	
    width: 655px;
}
#content .right.short {	
    width: 325px;
    margin: 0 0 0 20px;
}
#content .left.catalogue {	
    width: 750px;
}
#content .right.catalogue {	
    width: 230px;
    margin: 0 0 0 20px;
}
#content .left.half {	
    width: 490px;
}
#content .right.half {	
    width: 490px;
    margin: 0 0 0 20px;
}
#content h2 {
    color: #000000;
    font: 29px/27px 'HPSimplifiedBold',Arial,Helvetica,sans-serif;
    margin: 0 0 25px;
    padding: 3px 0 0;
}
#content h3 {
    color: #000000;
    font: 18px/20px 'HPSimplifiedBold',Arial,Helvetica,sans-serif;
    margin: 0 0 25px;
    padding: 3px 0 0;    
}
#content li {
    margin: 3px 0 3px 30px;
}
#content ul li {
    list-style: disc;
}
#content ol li {
    list-style: decimal;
}
#content .small {
    font-size: 0.9em;
    line-height: 1.3em;
}
#content .listing {
    border-left: solid 1px #999;
    font-size: 0.8em;
    margin-bottom: 20px;
}
#content .listing th {
    text-align: left;
    font-weight: bold;
    color: #fff;
    background: #999;
    padding: 5px;
    border-right: solid 1px #fff;
}
#content .listing th.last {    
    border-right: solid 1px #999;
}
#content .listing td {
    padding: 5px;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
}
#nvidiaHolder {
    background: #fff;
    width: 100%;
    height: 85px;
}
#nvidiaLogo {
    width:980px;
	margin:0 auto;
    height: 85px;
    background: #fff;
}
#nvidiaLogo img {
    margin: 0 0 10px 880px;
    width: 100px;
    height: 75px;    
}
#footer {
	overflow:hidden;
	width:100%;
	background:#f2f2f2;
	position:relative;
	padding:0 0 80px;
	color:#656464;
	font-size:13px;
	line-height:16px;
}
#footer .block-holder {
	overflow:hidden;
	width:100%;
	background:url(/images/line.gif) repeat-x;
	padding:22px 0 38px;
}
#footer .block-holder:first-child {background:none;}
#footer .block {
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
.language {
	float:left;
	background:url(/images/ico1.gif) no-repeat;
	padding: 1px 0 1px 30px;
	font-size:11px;
	line-height:12px;
	color:#000;
	text-decoration:none;
}
#footer .holder {
	float:right;
	width:790px;
	height: 100px;
}

#footer .holder2 {
	float:right;
	width:790px;
	height: 120px;
}

#footer .nav {
	float:right;
	clear: both;
	margin:0 -8px 0 0;
	padding: 0 0 8px;
    height:10px;
}
#footer .nav li {
	float:left;
	background:url(/images/separator2.png) 0 4px no-repeat;
	padding: 0 7px 0 6px;
	font-size: 12px;
}
#footer .nav li:first-child {
	background:none;
	padding:0 4px 0 0;
}
#footer .nav li a {
	color:#000;
	text-decoration:none;	
}
#footer .nav li a:hover {
    text-decoration: underline;
}
#footer .copyright {
    color: #000;
}
.seo_birdseed {
    border-top: solid 1px #ccc;
    padding: 35px 0 0 0;
    text-align: center;
}
.seo_birdseed .row {
    margin: 0 0 8px 0;
}
.seo_birdseed a {
    color: #767676;
    text-decoration: none;
    border-right: solid 1px #767676;
    padding: 0 10px 0 5px;
    font-size: 11px;
}
.seo_birdseed a.end {
    border: none;
}
.seo_birdseed a:hover {
    text-decoration: underline;
}



/*############################################
        FORM STYLES
############################################*/

.search-form,
.login-form,
.main-form {
	overflow:hidden;
	width:100%;
	margin:0 0 8px;
	font-size:12px;
	line-height:14px;
	color:#5a5a5a;
}
.search-form p,
.login-form p,
.main-form p {
    clear: both;
    font:17px/22px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
    color: #000;
    margin: 5px 0;
}
.search-form h3,
.login-form h3,
.main-form h3 {
    clear: both;
}
.search-form .holder,
.login-form .holder,
.main-form .holder {
	clear: both;
	float:left;
	width:130px;
	margin:0 6px 20px 0;
	position: relative;
}
.search-form .label,
.login-form .label,
.main-form .label {
	float:left;
	font-size:14px;
	line-height:16px;
	color:#000;
	padding:10px 0 0 0;	
}
.search-form .holder.long .label,
.login-form .holder.long .label,
.main-form .holder.long .label {
	
	margin: 0 0 0 10px;
}

.main-form .holder.long .checkbox {
	clear: both;
	float:left;
	padding:10px 0 0 0;	
}

.search-form .holder.long,
.login-form .holder.long,
.main-form .holder.long {
	clear: both;
	float: left;
	width: 490px;
}
.search-form .splitter,
.login-form .splitter,
.main-form .splitter {
	float: left;
	clear: both;
	width: 505px;
	height: 1px;
	margin: 5px 0 12px;
	border-top: 2px solid #CCC;
}
.search-form .text,
.login-form .text,
.main-form .text {
	float:left;
	font:16px/18px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color:#767676;
	background:#fff;
	height:19px;
	border:2px solid #ccc;
	margin: 0 4px 0 0;
	padding: 7px 28px 6px 8px;
	width: 330px !important;
	overflow:hidden;
}

.main-form .textPass {
	float:left;
	color:#767676;
	background:#fff;
	height:19px;
	border:2px solid #ccc;
	margin: 0 4px 0 0;
	padding: 7px 28px 6px 8px;
	width: 330px !important;
	overflow:hidden;
}

.main-form .labelContent {
	float:left;
	font:16px/18px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color:red;
	background:#fff;
	margin: 0 4px 0 0;
	text-align: left;
}



.main-form .text[disabled="disabled"] {
    border: none;
}
.search-form .text.short,
.login-form .text.short,
.main-form .text.short {
    width: 285px !important;
}
.search-form .select,
.login-form .select,
.main-form .select {
	float:left;
	font:16px/18px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color:#767676;
	background:#fff;
	height:36px;
	border:2px solid #ccc;
	margin: 0 4px 0 0;
	padding: 7px 8px 6px;
	width: 370px;
	overflow:hidden;
}
.main-form .checkbox {
	clear: both;
	float:left;
}
.search-form .submit,
.login-form .submit,
.main-form .submit {
    clear: both;
    float: left;
	width: 78px;
	height: 35px;
	font: 18px/20px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0;
	border: none;
	overflow: hidden;
	background: url(/images/bg-submit2.png) no-repeat;
	margin: 0 0 20px 340px; 
}

.main-form .submitStatic {
	width: 78px;
	height: 35px;
	font: 18px/20px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0;
	border: none;
	overflow: hidden;
	background: url(/images/bg-submit2.png) no-repeat;
	margin: 0 0 0 0; 
}

.main-form .submitAltStatic {
	width: 78px;
	height: 35px;
	font: 18px/20px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0;
	border: none;
	overflow: hidden;
	background: url(/images/bg-submit2-alt.png) no-repeat;
	margin: 0 0 0 0; 
}

.main-form .submitAltStatic.shiftOne {
	margin-left: 428px; 
}

.main-form .submitAltStatic.shiftThree {
	margin-left: 266px; 
}

.main-form .submitAltStatic.shiftTwo {
	margin-left: 345px; 
}

.main-form .submitAltStatic.shiftLongOne {
	margin-left: 405px; 
}

.main-form .submitAltStatic.shiftLongThree {
	margin-left: 243px; 
}

.main-form .submitAltStatic.shiftLongTwo {
	margin-left: 322px; 
}


.login-form .submit {
	margin: 10px 0 0 245px !important; 
}

.login-form .submit.shift,
.main-form .submit.shift {
	margin-left: 428px; 
}

.main-form .submit.alt.shift {
	margin-left: 428px; 
}

.main-form .submit2.shift2 {
	margin-left: 405px; 
}


.search-form .submit.alt,
.login-form .submit.alt,
.main-form .submit.alt {
	clear: none;
	margin-left: 10px;
	background:url(/images/bg-submit2-alt.png) no-repeat;
}

.search-form .submit.long,
.login-form .submit.long,
.main-form .submit.long {
	clear: none;
	margin-left: 10px;
	background:url(/images/bg-submit80x26.png) no-repeat;
}

.search-form .submit.altlong,
.login-form .submit.altlong,
.main-form .submit.altlong {
	clear: none;
	margin-left: 10px;
	background:url(/images/bg-submit2-alt80x26.png) no-repeat;
}

.main-form .submit2 {
    clear: both;
    float: left;
	width: 101px;
	height: 35px;
	font: 18px/20px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0;
	border: none;
	overflow: hidden;
	background: url(/images/bg-submit2long-alt.png) no-repeat;
	margin: 0 0 20px 340px; 
}

.main-form .submit3 {
    clear: both;
    float: left;
	width: 101px;
	height: 35px;
	font: 18px/20px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0;
	border: none;
	overflow: hidden;
	background: url(/images/bg-submit2long.png) no-repeat;
	margin: 0 0 20px 428px; 
}

.main-form .submit2.shift {
	margin-left: 316px; 
}

.main-form .submit.shift100x35 {
	margin-left: 402px; 
}

.main-form .orange100x35
{
    background: url(/images/bg-submit2-101x35.png) no-repeat;
    width: 101px;
}

.main-form .blue190x35
{
    background: url(/images/bg-submit-alt190X35.png) no-repeat;
    width: 101px;
}

.main-form .text2 {
	float:left;
	font:16px/18px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color:#767676;
	background:#fff;
	border:2px solid #ccc;
	margin: 0 4px 0 0;
	padding: 7px 28px 6px 8px;
	width: 330px !important;
	overflow:hidden;
}



.login-form a.submit {
    text-decoration: none;
    margin-top: 0;
    padding: 5px 0 0 13px;
}
.search-form .submit:hover,
.login-form .submit:hover,
.main-form .submit:hover {
    cursor:pointer;
}
.main-form .table {
    float: left;
    clear: both;
    width: 100%;    
    border-top: solid 1px #ccc;    
    border-left: solid 1px #ccc;    
}
.main-form .table th,
.main-form .table td {
    padding: 5px;
    text-align: left;
    color: #000000;
    font-size: 14px;
    line-height: 16px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;clear:both;
}
.main-form .table th {
    font-weight: bold;
}
.main-form .table {
    width: 100%;    
    border-top: solid 1px #ccc;    
    border-left: solid 1px #ccc;    
}
.main-form .table .text {
    width: 230px !important;
    float: none !important;
    margin: 0 !important;
}
.main-form .table .text.short {
    width: 50px !important;
}
.main-form .table .selectField {
    width: 245px !important;
}
.main-form .table .submit {
    margin: 0 0 30px 0 !important;
}
.main-form .table .submit.short {
    margin: 0 0 5px 0 !important;
}
.error {
    color: #D7410B;
    font-weight: bold;
    float: left;
    margin: 10px 0 0 10px;
}
.error.shift {    
    margin-left: 45px;
}
.error.short {    
    margin-top: 5px;
}
.main-form .table .text {
    float: left;
    clear: both;
}
.main-form p.small 
{
    float: left;
    clear: both;
    margin: 10px 0;
    width: 505px;
    text-align: justify;
}

.main-form span.info {
    position: absolute;
    left: 484px;
    top: 10px;
    display: block;
    width: 16px;
    height: 16px;
    background: url('/jquery/themes/base/images/ui-icons_888888_256x240.png') no-repeat -16px -144px;
    cursor: pointer;
}

/*############################################
        FORM STYLING OVERRIDES
############################################*/

.right-tp select.months
{
    width: 200px !important;
}

.right-tp input.download
{
    margin: 0;
    float: right;
    clear: none;
}

/*############################################
        COLLAPSIBLE TABLE STYLES
############################################*/

.collapsible-block {
	overflow:hidden;
	padding: 5px 37px 22px 0;
}
.collapsible-block h3 {
	font:17px/20px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	margin:0 0 7px;
}
.collapsible-list {
	overflow:hidden;
	width:100%;
	padding:2px 0 0;
	border-bottom:1px solid #ccc;
	font:18px/20px 'HPSimplifiedBold', Arial, Helvetica, sans-serif;
}
.collapsible-list li {
	border-top:1px solid #ccc;
	vertical-align:top;
	margin-left: 0 !important;
	list-style: none !important;
}
.collapsible-list li a {
	display:block;
	text-decoration:none;
	padding: 19px 10px 19px 52px;
	color:#000;
	background:url(/images/bg-category.png) 23px 20px no-repeat;
}
.collapsible-list .gray a {background-color:#f2f2f2;}
.collapsible-list .active a {background-position:23px -42px;}
.collapsible-list .slide {
	overflow:hidden;
	border-top:1px solid #ccc;
	padding: 22px 0 0 48px;
}
.collapsible-list .slide .title {
	font:16px/18px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	display:block;
	margin:0 0 10px;
	color:#000;
}
.collapsible-list .slide ul {
	overflow:hidden;
	width:100%;
	margin:0 0 -5px;
	font:14px/16px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
}
.collapsible-list .slide ul li {
	vertical-align:top;
	margin:0 0 9px;
	border:none;
	font-size:16px;
}
.collapsible-list .slide ul li a {
	background:none;
	padding:0;
	margin:0 0 0 4px;
	display:inline;
	color:#0097d8;
}
.collapsible-list .slide ul .active a,
.collapsible-list .slide ul li a:hover {text-decoration:none;}
.collapsible-list .slide .expanded a {color:#000;}
.collapsible-list .slide2 {
	border-bottom:2px solid #ccc;
	padding:25px 0 0;
	margin:0 0 20px;
	float:left;
}
.collapsible-list .slide2 table {
	width:100%;
	margin:0;
	padding:0;
}
.collapsible-list .expanded .slide2 table a {
	color:#007dba;
	text-decoration:underline;
}
.collapsible-list .slide2 table a:hover {text-decoration:none;}
.collapsible-list .slide2 .row {background:url(/images/line2.gif) 0 100% repeat-x;}
.collapsible-list .slide2 .heading {
	background:#767676;
	border:1px solid #767676;
	border-width:1px 2px 0;
}
.collapsible-list .slide2 th {
	font:14px/16px 'HPSimplifiedBold', Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
}
.collapsible-list .slide2 td {
	font:14px/16px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color:#000;
}
.collapsible-list .slide2 .family {
	width:78px;
	padding:13px 5px 12px 18px;
	border-right:1px solid #ccc;
	border-left:2px solid #ccc;
}
.collapsible-list .slide2 .heading .family {
	border-right:1px solid #ccc;
	border-left:2px solid #767676;
}
.collapsible-list .slide2 .heading .model {border-right:1px solid #ccc;}
.collapsible-list .slide2 .model {
	width:300px;
	padding:13px 5px 12px 46px;
	border-right:1px solid #ccc;
}
.collapsible-list .slide2 .part {
	width:117px;
	padding:13px 5px 12px 53px;
	border-right:2px solid #ccc;
}
.collapsible-list .slide2 .heading .part {
    border-right:2px solid #767676;
}


/*############################################
        QUALIFYING PRODUCTS STYLES
############################################*/

.qualify-block {
	overflow:hidden;
	padding: 5px 37px 22px 0;
}
.qualify-block h3 {
	font:17px/20px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	margin:0 0 7px;
}
.qualify-list {
	overflow:hidden;
	width:100%;
	padding:2px 0 0;
	border-bottom:1px solid #ccc;
	font:18px/20px 'HPSimplifiedBold', Arial, Helvetica, sans-serif;
	list-style: none;
}
.qualify-list li {
	border-top:1px solid #ccc;
	vertical-align:top;
	list-style: none !important;
	margin-left: 0 !important;
}
.qualify-list li a {
	display:block;
	text-decoration:none;
	padding: 19px 10px 19px 52px;
	color:#000;
	background:url(/images/bg-category.png) 23px 20px no-repeat;
}
.qualify-list .gray a {background-color:#f2f2f2;}
.qualify-list .active a {background-position:23px -42px;}
.qualify-list .slide {
	overflow:hidden;
	border-top:1px solid #ccc;
	padding: 10px 0 10px 48px;
}
.qualify-list .slide .title {
	font:16px/18px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	display:block;
	margin:0 0 10px;
	color:#000;
}
.qualify-list .slide ul {
	overflow:hidden;
	width:100%;
	margin:0 0 -5px;
	font:14px/16px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
}
.qualify-list .slide ul li {
	vertical-align:top;
	margin:0 0 19px 0;
	border:none;
	font-size:16px;
}
.qualify-list .slide ul li a {
	background:none;
	padding:0;
	margin:0 0 0 4px;
	display:inline;
	color:#0097d8;
}
.qualify-list .slide ul .active a,
.qualify-list .slide ul li a:hover {text-decoration:none;}
.qualify-list .slide .expanded a {color:#000;}
.qualify-list .slide2 {
	border-bottom:2px solid #ccc;
	padding:25px 0 0;
	margin:0 0 20px;
	float:left;
}
.qualify-list .slide2 table {
	width:565px;
	margin:0;
	padding:0;
}
.qualify-list .expanded .slide2 table a {
	color:#007dba;
	text-decoration:underline;
}
.qualify-list .slide2 table a:hover {text-decoration:none;}
.qualify-list .slide2 .row {background:url(/images/line2.gif) 0 100% repeat-x;}
.qualify-list .slide2 .heading {
	background:#767676;
	border:1px solid #767676;
	border-width:1px 2px 0;
}
.qualify-list .slide2 th {
	font:14px/16px 'HPSimplifiedBold', Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
}
.qualify-list .slide2 td {
	font:14px/16px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color:#000;	
}
.listing td {
    font-weight: normal !important;
    font:14px/16px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
}
.qualify-list .slide2 .family {
	width:78px;
	padding:13px 5px 12px 18px;
	border-right:1px solid #ccc;
	border-left:2px solid #ccc;
}
.qualify-list .slide2 .heading .family {
	border-right:1px solid #ccc;
	border-left:2px solid #767676;
}
.qualify-list .slide2 .heading .model {border-right:1px solid #ccc;}
.qualify-list .slide2 .model {
	width:300px;
	padding:13px 5px 12px 46px;
	border-right:1px solid #ccc;
}
.qualify-list .slide2 .part {
	width:117px;
	padding:13px 5px 12px 53px;
	border-right:2px solid #ccc;
}
.qualify-list .slide2 .heading .part {border-right:2px solid #767676;}


/*############################################
        JCF STYLES
############################################*/

.jcf-hidden {
	display: block !important;
	position: absolute !important;
	left: -9999px !important; /* change to right: -9999px on RTL sites */
}
.chk-area {
    background: url("/images/bg-checkbox.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 17px;
    margin: 0;
    width: 17px;
}
.chk-checked {
    background-position: 0 100%;
}

/*############################################
        JQUERY UI - ADDITIONAL STYLES
############################################*/

.ui-combobox {
    position: relative;
    display: inline-block;
    float:left;
}
.ui-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	*height: 1.7em;
	*top: 0.1em;
}
.ui-combobox-input {
    float:left;
	font:16px/18px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color:#767676 !important;
	background:#fff;
	height:19px;
	border:2px solid #ccc;
	margin: 0 4px 0 0;
	padding: 7px 8px 6px;
	width: 315px !important;
	overflow:hidden;
}
.ui-combobox .ui-corner-all, 
.ui-combobox .ui-corner-top, 
.ui-combobox .ui-corner-right, 
.ui-combobox .ui-corner-bottom, 
.ui-combobox .ui-corner-left, 
.ui-combobox .ui-corner-tl {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.ui-state-hover, 
#ui-active-menuitem {
    border: solid 1px #D7410B;
    background: none !important;
}
.ui-menu-item a{
    color: #767676 !important;
    font:16px/18px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
    padding: 0 10px !important;
}
.ui-icon {
    background-image: url("/css/ui-lightness/images/ui-icons_222222_256x240.png") !important;
}
.dialogOpener {
    text-decoration: underline;
    cursor: pointer;
}
.ui-widget-content p,.ui-widget-content li {
    font-size: 0.9em !important;
}
.ui-widget-content ol li {
    margin-left: 30px;
    list-style-type: decimal;
}
.main-form .table .ui-combobox {
    float: none;
}
.main-form .table .ui-combobox-input {
    width: 187px !important;
    float:none;
    clear:none;
}
.ui-tooltip-content {
    font-size: 0.7em;
}

.wide table tr td
{
    vertical-align: middle;
    }
    
    
/*############################################
        ACCELERATE STYLES
############################################*/    

.cashback ol
{
    margin-bottom: 20px;
}

.cashback p
{
    margin-bottom: 10px;
}


.hotspot
{
    padding: 5px;
}

.homeleft
{
    width:645px; 
    float:left;
}

.homeright
{
    width:330px; 
    float:right;
    margin-left: 25px;
}

.generalleft
{
    width:680px; 
    float:left;
}

.generalright
{
    width:295px; 
    float:right;
    margin-left: 20px;
}

.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 10000;
}

div.right-block
{
    margin-bottom: 20px;
}

div.right-block h3
{
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px !important;
}

div.right-block span.dt-right
{
    float: right;
}

div.right-block p
{
    margin-bottom: 10px;
}

div.right-block input.raf-text
{
    width: 290px !important;
    float: none;
}

#Home-Incentives a
{
    margin-right: 15px;
}

#Home-Incentives a img
{
    border: 1px solid #CCCCCC;
}

.correct
{
    color:Green;
}

.incorrect
{
    color:Red;
}

/********** Pop Up Stylings *********/
 
 .PopUp
 {
    margin:auto;   
 }
 
 .PopUp p
 {
    margin-top:10px;  
 }
 
 .PopUp h3 
 {
     font: 29px/27px 'HPSimplifiedBold',Arial,Helvetica,sans-serif;
     margin-bottom:10px;
 }
  .PopUp .button
  {
    display:block; 
    cursor: pointer;
    padding : 0;
    border: none;
    margin-top: 10px;    
  }
  
  .PopUp .left
  {
    float:left;      
  }
  
  .PopUp .right
  {
    float:right;      
  }
 
 .PopUp .orange100x35
{   
	width: 100px;
	height: 35px;
	font: 12px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color: #fff;	
	background: url(/images/bg-submit2long.png) no-repeat;    
}
 
.PopUp .blue100x35
{   
	width: 100px;
	height: 35px;
	font: 12px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color: #fff;	
	background: url(/images/bg-submit2-altBlue.png) no-repeat;    
}

 .PopUp .blue190x35
{   
	width: 200px;
	height: 35px;
	font: 12px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color: #fff;	
	background: url(/images/bg-submit-alt190X35.png) no-repeat;    
}

 .PopUp .orange190x35
{   
	width: 200px;
	height: 35px;
	font: 12px 'HPSimplifiedRegular', Arial, Helvetica, sans-serif;
	color: #fff;	
	background: url(/images/bg-submit190X35.png) no-repeat;    
}




/********** Survey Admin *********/
#QuestionGrid th{padding:5px; text-align:left; width:60px;}
#QuestionGrid th:nth-child(2){width:350px !important;}
#QuestionGrid tr td {padding:3px;}
#QuestionGrid tr:nth-child(odd){background-color:#e6e6e6;}

#QuestionEditPanel label {font-weight:bold; float:left; width:150px;}
#QuestionEditPanel input[type=text], #QuestionEditPanel textarea, #QuestionEditPanel select {width:225px;float:left; font-size: 12px; padding: 8px;}
#QuestionEditPanel span {float:left;}
#QuestionEditPanel .error {float:left; width:250px;}
#QuestionEditPanel .holder {overflow:hidden;}

#AnswerGrid th{padding:5px; text-align:left; width:60px;}
#AnswerGrid th:nth-child(2){width:350px !important;}
#AnswerGrid tr td {padding:3px;}
#AnswerGrid tr:nth-child(odd){background-color:#e6e6e6;}

/********** Survey reports*********/
#SurveyReports label {font-weight:bold; float:left; width:150px;}
#SurveyReports input[type=text], #SurveyReports textarea, #SurveyReports select {width:225px;float:left; font-size: 12px; padding: 8px;}
#SurveyReports span {float:left;}
#SurveyReports .error {float:left; width:250px;}
#SurveyReports .holder {overflow:hidden;}

/********** Survey *********/
#Survey {min-height:100px;}
#Survey .main-form {
    color: #767676;
    font: 16px/18px 'HPSimplifiedRegular',Arial,Helvetica,sans-serif;
}