@charset "utf-8";
* {
	padding:0;
	margin:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

.clearer{
	clear: both;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.strong {
	font-weight: bold;
	color: #202020;
}

/* Main CSS begin */
body {
	background: url(/assets/graphics/bg_dealer.jpg) repeat;
}

/* Global link styles */
a { color: #202020;; }

#main_wrap {
	width: 980px;
	margin: 0 auto;
    background:#fff;
	overflow:hidden;
}

#link_header {
	width:970px;
	padding:10px 10px 10px 0;
	text-align:right;
	color:#999;
	background:#fff;
}

#link_header a {
	color:#999;
}

#header {
	width:980px;
    height:80px;
	float:left;
	background:#fff;
	display:block;
    overflow:hidden;
}

#logo {
    top:-27px;
    position:relative;
    float:left;
}

#logo img {
	margin-left:20px;
}

#slogan {
    width:100%;
    text-align:right;
	float:right;
    clear:both;
	padding-right:10px;
}


/* Footer */
#pre_footer {
	height:20px;
	width:100%;
	background:#fff;
}

#footer {
	padding-top: 20px;
	padding-left: 20px;
	clear:both;
	width: 960px;
	height:80px;
	background: url(/assets/graphics/footfade.png) repeat-x;
}
#footer img {
	float: right;
	padding-right: 20px;
}
#footer #text, #footer #text a {
	padding:0;
	color:#999;
	text-decoration:none;
	font-size:95%;
	line-height: 17px;
}
#footer #text a {
	text-align:center;
	padding:0;
}
#footer #text a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

/* Wrappers */
#m_wrapper {
	margin:0 auto;
	background:#fff;
	overflow:hidden;
	clear:both;
}

#m_wrapper { width:980px;}


/* Headings */
#m_header {
	padding:8px;
	height:20px;
	background:url(/assets/graphics/menutitlebg.png) repeat;
}

#m_header { width:970px;}

#m_header h1 {
	color:#fff;
	font-size: 120%;
	font-weight:normal;
	margin-left: 3px;
}


/* Top navigation */
#main_nav {
    display:block;
    clear:both;
    float:right;
    margin-top:25px;
}

#main_nav ul li {
	list-style:none;
	float:left;
	height:27px;
}

#main_nav ul li a {
	text-indent:-9999px;
	display:block;
	height:27px;
	float:left;

}

#main_nav {
	width:775px;
	height:27px;   
}

.all_hover { background:url(/assets/graphics/nav_bg3.gif) 0 0; }


/* Each menu item */
.mn_home { width:61px; }
.home_hover { background-position: 0 -27px; }

.mn_dealers { width:125px }
.dealers_hover { background-position: 0 -54px }

.mn_products { width: 76px }
.products_hover { background-position: 0 -81px }

.mn_wizard { width: 138px }
.wizard_hover { background-position: 0 -108px }

.mn_contact { width: 108px }
.contact_hover { background-position: 0 -135px }

.mn_vendors { width: 76px}
.vendors_hover { background-position: 0 -162px }

.mn_news { width: 59px }
.news_hover { background-position:  0 -189px }

.mn_support { width: 52px }
.support_hover { background-position: 0 -216px }

.mn_about { width: 66px }
.about_hover { background-position:  0 -243px }



/*  Left sidebar */
#left_sidebar{
	float: left;
	width: 206px;
	padding-top: 5px;
}

#left_sidebar a{
	color: #4C4C4C;
}

#left_sidebar h2{
	font-size: 110%;
	font-weight: normal;
	margin: 0px 0 15px 0;
}

#left_sidebar h4{
	font-size: 100%;
	margin: 5px 0 5px 0;
}

#left_sidebar ul {
	margin: 10px 0 12px 0;
	padding-bottom: 5px;
}

#left_sidebar ul ul{
	margin: 0;
	margin-left: 10px;
	padding: 0;
	border: 0;
}

#left_sidebar ul li{
	list-style: none;
	margin: 5px 0 5px 0;
}

#left_sidebar ul li.cat_header{
	border-bottom: 1px solid #C9C9C9;
	padding-bottom: 5px;
}

#left_sidebar ul li.cat_header a{
    font-weight: bold;
}

#left_sidebar ul li.cat_header ul a{
    font-weight: normal;
}


/* Main content */
#right_content {
	float: left;
	width: 750px;
	margin-top: 5px;
	padding-bottom: 50px;
}

.list-Indent {
	margin-left:25px;
}

#right_content h1 {
	font-size: 22px;
	font-weight:normal;
}

#right_content p {
	padding-bottom:4px;
}

#content{
	background-color: #FFF;
}


/* Dealer Application */
.dapp { width:100% }
.dapp.heading {
	width:100%;
	padding-bottom:10px;
}
.dapp .row {
	padding: 0 1% 0 1%;
	width:98%;
	clear:both;
	display:block;
}

.dapp span { padding-top:0px; height:30px;}
.dapp .label { margin-top:5px; }
.dapp span.col {
	float:left;
	width:25%;
}
.dapp span.span {
	float:left;
	width:75%;
}
.dapp span.span input {
	float:left; width:98%;
}
.dapp span.right {
	margin-left:2%;
	margin-right:2%;
	width:21%;
}

span.explain {
    font-size:10px;
    padding-left:5px;
}

.dapp h2 { font-size:140%; padding-bottom:10px}

.dapp p {
	padding:0;
	margin:5px 0 5px 0;
	line-height:140%;
}

/* dealer app form style */

.dapp input {
	width:225px;
	height:17px;
	border:1px solid #b7b7b7;
	background:#e8e8e8;
	padding:6px;
	float:left;
}

.dapp input.button {
	height:66px;
	width:189px;
	border:none;
	padding:0;
	margin:0;
}

.dapp select, .dapp .null_select {
	width:210px;
	padding:4px;
	border:1px solid #A8A8A8;
	background:#fbfbfb;
}

.dapp .null_select {
	width:200px;
	height:18px;
	background:#ebebeb;
	display:block;
	font-style:italic;
}

.dapp select {
	width:239px;
	background:#ebebeb;
	float:left;
}
.dapp select option {
	padding: 2px; background:#ebebeb;
}


/* ul for radio and checkbox display */
.answer_ul li {
	list-style:none;
	width:160px;
	float:left;
		padding:2px 0 2px 0;
}
.dapp span.span .answer_ul input {
		width:20px;
}

.m_hr { border-bottom:1px solid #CCC; padding-top:20px; margin-bottom:15px; clear:both; display:block }
.d_hr { border-bottom:1px solid #CCC; padding-top:20px; margin-bottom:15px; float:left; width:610px; }

/* Messages */

/* validation */
label.error {
	margin:2px;
	color:#b01117;
	padding-left:20px;
	background:url(/assets/graphics/icons/cross.gif) no-repeat left;
}

#messages, .inline-error {
	border:1px solid #fdd2d4;
	background:#fdedee;
	/*display:none;*/
	position:relative;
	padding:10px;
	color:#b01117;
}
#messages p { color:#b01117 }

.inline-error {
	top:0;
	width:170px;
	clear:both;
	padding-left:30px;
	font-size:10px;
	background-image:url(/assets/graphics/icons/error.gif);
	background-repeat:no-repeat;
	background-position:5px center;
	background-color:#fdedee;
}

.ajax-error, .ajax-message {
	top:0;
	clear:both;
	padding-left:30px;
	font-size:10px;
	color:#990000;
	background-image:url(/assets/graphics/icons/cross.gif);
	background-repeat:no-repeat;
	background-position:5px center;
}

.ajax-message {
	color:#339900;
	background-image:url(/assets/graphics/icons/tick.gif);
	background-repeat:no-repeat;
	background-position:5px center;
}

#messages li {
	list-style:none;
	clear:both;
}

#messages h1 {
	font-size:110%;
		color:#b01117;
	margin-bottom:10px;
}

/* padding on <br> */
.vpad { display:block; clear:both }
.large_vpad { height:40px; display:block; clear:both }


/* dealer app step nav */

#d_steps {
	width:804px;
	clear:both;
	padding:8px;
}

#d_steps.m_steps { width: 970px }

#d_steps ul {
	height:30px;
	font-size:85%;
	font-weight:bold;
}
#d_steps ul li {
	margin-right:60px;
	float:left;
	display:block;
	list-style:none;
	text-align:left;
}
#d_steps li { color: #bab6b6 }
#d_steps .title { color:#dea0a2; }
#d_steps .active { height:30px; }
#d_steps .active.current { background:url(/assets/graphics/icons/step_marker.jpg) no-repeat center bottom; }
#d_steps .active a { color:#990000; text-decoration:none }
#d_steps .active .title { color:#999; text-decoration:none }

.d_step_border {
	border-top:1px solid #9d1116;
	position:relative;
	top:-15px;
}

/* dealer app button wrapper */
#button_wrapper {
	margin-top:20px;
	width:100%;
	padding:10px;
	clear:both;
	height:65px;
}

#step_button_right {
	float:right;
	margin-right:20px;
}

#step_button_left {
	float:left;
}


/* product navigation */
#product_nav {
	width: 169px;
	height: 27px;
}

#product_nav ul li {
	list-style: none;
	float: left;
	height: 27px;
}

#product_nav ul li a {
	text-indent: -9999px;
	display: block;
	height: 27px;
	float: left;

}

.product_all_hover { background:url(/assets/graphics/nav_products.gif) 0 0; }

.mn_by_brand { width:74px; }
.by_brand_hover { background-position: 0 -27px; }

.mn_by_type { width:74px; }
.by_type_hover { background-position: 0 -54px; }



/* product carousel front-end */
.product_carousel_header{
	display: block;
	background: url(/assets/graphics/gradient_title_bar.gif);
	height: 30px;
}

.product_carousel_header h4{
	float: left;
	padding: 7px 0 7px 12px;
}

/* IE */
* html .product_carousel_header .product_carousel_button, * html .product_carousel_back {
    margin-right: 5px;
}


.product_carousel_header .product_carousel_button, .product_carousel_back {
	float: right;
	width: 30px;
	margin-right: 23px;
}

.product_carousel_back {
    margin-top:10px;
}

.product_carousel_header .product_carousel_button a{
	margin: 0;
	padding: 0;
	display: block;
	width: 50px;
	height: 30px;
	text-indent: -999em;
	outline: none;
	background: url(/assets/graphics/gradient_title_button.gif) no-repeat;
}

.product_carousel_header .product_carousel_button.closed a{
	background: url(/assets/graphics/gradient_title_button-open.gif) no-repeat;
}

.product_carousel_container{
	height: 211px; 
    clear: both;
}

.product_carousel_container.closed{
	height: 30px;
}

.product_carousel_items{
	float: left;
	width: auto;
	background-color: #EAEAEA;
	margin-top: 1px;
	border: 1px solid #b2b2b2;
    clear:both;

}

.product_carousel_items ul{
	margin-left: 28px;

}

.product_carousel_items li{
	list-style: none;
	float: left;
	display: block;
	width: 155px;
	margin-right: 12px;
	margin-top: 20px;
}

.product_carousel_items li a{
	display: block;
	color: #B01018;
	margin-top: 2px;
    height: 60px;
}

.product_carousel_items .iwrap {
    width:135px;
    height:135px;
    background:#fff;
    border: 1px solid #B2B2B2;
    text-align:center;
    overflow:hidden;
}


.product_carousel_arrow{
	border: 1px solid #A8A8A8;
	width: 10px;
	float: left;
	background-color: #EAEAEA;
	height: 172px;
	margin: 4px 5px 0 5px;
}

.product_carousel li img{
	border: 1px solid #b2b2b2;
}


/* Specific product */
.product_wrapper{
	margin-top: 5px;
    padding: 10px 0 10px 0;
}

.product_wrapper h2{
    margin: 0px 0 10px 10px;
    font-size: 120%;
}

#product_images_carousel_curr{
    float: left;
    margin-right: 6px;
}

#product_images_carousel{
    float: left;
    width: 59px;
}

#product_images_carousel li{
    height: 56px;
    margin-bottom: 5px;
    width: 56px;
}

#product_description{
    float: left;
    width: 300px;
    text-align: left;
    margin-left: 5px;
}

#product_cart{
    background-color: #D9D9D9;
    padding: 5px 0px 5px 3px;
    float: left;
    width: 186px;
}

#product_cart span{
	float: left;
	display: block;
}

#product_cart .sub_head{
    font-weight: bold;
    width: 125px;
    font-size: 95%;
}

#product_cart .qty_head{
    margin-left: 5px;
    margin-right: 3px;
    font-size: 95%;
}

#product_cart .qty_head input{
	width: 26px;
	color: #333;
}
	
#product_cart select{
	font-size: 90%;
}

#product_description input#add_to_cart{
	margin-left: 1px;
}

/* spedific product navigation */
#product_tabs{
    width: 294px;
    height: 26px;
    margin: 10px 0 0px 0;
}

#product_tabs ul li {
    list-style: none;
    float: left;
    height: 27px;
}

#product_tabs ul li a {
    text-indent: -9999px;
    display: block;
    height: 27px;
    float: left;
}

#product_tabs.tab_all_hover { background:url(/assets/graphics/nav_product_details.jpg) 0 0; }

#product_tabs li a.mn_features { width: 83px; }
#product_tabs.features_hover { background-position: 0 0px; }

#product_tabs li a.mn_specifications { width: 104px; }
#product_tabs.specifications_hover { background-position: 0 54px; }

#product_tabs li a.mn_accessories { width: 101px; }
#product_tabs.accessories_hover { background-position: 0 108px; }



/* sub-tab styles */
#product_tab_line{
	position: relative;
	top: -1px;
	margin-left: 292px;
	border-bottom: 1px solid #AFAFAF;
	width: 310px;
}

.product_tab_holder{
	padding: 10px;
	width: 580px;
	min-height: 300px;
}

.product_tab_holder ul{
	list-style-position: inside;
}


/* homepage */
#home .top {
	float: left;
	background-image: url(/assets/graphics/home-flash-bg.gif);
	background-repeat:repeat-x;
	background-color:#a82923;
	width: 980px;
	padding-top: 9px;
	padding-bottom: 9px;
}
#home .comingsoon {
	float: left;
	background: #a41117;
	width: 980px;
	padding-top: 9px;
	padding-bottom: 9px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
#home .comingsoon p {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 20px;
}
#home .top .left {
	float: left;
	width: 196px;
	padding-left: 9px;
}
#home .top .right {
	float: left;

}
#home .top .left img {
	display: block;
}
#home .menu {
	clear: both;
	float: left;
	background-image: url(/assets/graphics/homegreyfade.png);
	background-repeat: repeat-x;
	height: 151px;
	width: 980px;
	border-top: 1px solid #ffffff;
}
#home .menu ul {
	padding-top: 50px;
	padding-left: 32px;
}
#home .menu li {
	font-size: 12px;
	padding-bottom:4px;
}
#home .menu a {
	color: #353535;
}
#home .menu a:hover {
	color: #a41117;
}
#home .menu .customer {
	float: left;
	width: 255px;
	height: 151px;
	border-right: 1px solid #ffffff;
	background-image: url(/assets/graphics/homecustomer.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
}
#home .menu .dealer {
	float: left;
	width: 235px;
	height: 151px;
	border-right: 1px solid #ffffff;
	background-image: url(/assets/graphics/homedealer.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
}
#home .menu .dealer2 {
	float: left;
	width: 235px;
	height: 151px;
	border-right: 1px solid #ffffff;
	background-image: url(/assets/graphics/homedealer2.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
}
#home .menu .contact {
	float: left;
	width: 252px;
	height: 151px;
	background-image: url(/assets/graphics/homecontact.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
}
#home .overview {
	clear: both;
	float: left;
	height: 160px;
	width: 980px;
	background-image: url(/assets/graphics/blackfade.png);
	background-repeat: repeat-x;
}
#home .overview .left {
	float: left;
	width: 450px;
	background-image: url(/assets/graphics/homewhatdo.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	padding-right: 40px;
}
#home .overview .right {
	float: left;
	width: 450px;
	background-image: url(/assets/graphics/homehow.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	padding-right: 40px;
}
#home .overview p {
	padding-top: 45px;
	padding-left: 20px;
	line-height: 17px;
	color: #FFF;
}
#home .products {
	clear: both;
	width: 980px;
}
#home .products .menu {
	clear: both;
	float: left;
	height: 29px;
}
#home .products .display {
	clear: both;
	float: left;
	width: 969px;
	padding-left: 11px;
	padding-top: 15px;
	height: 180px;
	background-image: url(/assets/graphics/homegreyfade2.png);
	background-repeat: repeat-x;
}
#home .products .product {
	float: left;
	width: 119px;
	margin-right: 15px;
}
#home .products .product a {
	font-size: 10px;
	color: #a41117;
}
#home .products .product img {
	border: 1px solid #bcbcbc;
}



/* vendors */
#vendors .title {
	float: left;
	background-image: url(/assets/graphics/menutitlebg.png);
	background-repeat: repeat-x;
	height: 25px;
	width: 960px;
	padding-top: 11px;
	padding-left: 20px;
}
#vendors .vendor {
	float: left;
	padding-left: 20px;
	padding-top: 20px;
	width: 469px;
	height: 99px;
	border-right: 1px solid #FFFFFF;
	background-image: url(/assets/graphics/vendorsbg.png);
	background-repeat: repeat-x;
}
#vendors .vendor p {
	float: left;
	width: 310px;
	color: #4c4c4c;
}
#vendors .vendor .logo {
	float: left;
	border: 1px solid #bcbcbc;
	margin-right: 10px;
}
#vendors .vendor .visit {
	float: right;
	margin-right: 10px;
}
#vendors .vendor .vendor_title {
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #4c4c4c;
}
.contents .left{
	padding-top: 2px;
}



/* news and events */
#news_and_events .title {
	float: left;
	background-image: url(/assets/graphics/menutitlebg.png);
	background-repeat: repeat-x;
	height: 25px;
	width: 960px;
	padding-top: 11px;
	padding-left: 20px;
}

#news_and_events .newsimage {
	float: right;
	margin-bottom: 20px;
}
#news_and_events .newsitem {
	float: left;
	padding-left: 20px;
	padding-top: 15px;
	width: 730px;
	height: 85px;
	background-image: url(/assets/graphics/vendorsbg.png);
	background-repeat: repeat-x;
	border-top: 1px solid #dedede;
}
#news_and_events .newsitem p {
	float: left;
	width: 520px;
	color: #4c4c4c;
}
#news_and_events .newsitem .newsimage {
	float: left;
	border: 1px solid #bcbcbc;
	margin-right: 10px;
}
#news_and_events .newsitem .btn_read {
	float: right;
	margin-right: 10px;
}
#news_and_events .btn_read_2 {
	padding-top: 20px;
}
#news_and_events .newsitem .newsitem_title {
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #4c4c4c;
}
#news_and_events .btn_archive {
	padding-top: 20px;
}
#news_and_events h1 {
	padding-top: 10px;
	padding-bottom: 15px;
}


/* news archive */
#archive .title {
	float: left;
	background-image: url(/assets/graphics/menutitlebg.png);
	background-repeat: repeat-x;
	height: 25px;
	width: 960px;
	padding-top: 11px;
	padding-left: 20px;
}
#archive .item {
	float: left;
	width: 220px;
	padding-right: 30px;
	height: 60px;
}
#archive .item p {
	color: #202020;
}

#archive .title_image {
	padding-top: 20px;
	padding-bottom: 20px;
}


/* contact */
#contact span {
	color: #202020;
}
#contact p {
	padding-bottom: 8px;
	line-height: 19px;
}
#contact .title {
	float: left;
	background-image: url(/assets/graphics/menutitlebg.png);
	background-repeat: repeat-x;
	height: 25px;
	width: 960px;
	padding-top: 11px;
	padding-left: 20px;
}
#contact .title_image {
	padding-top: 20px;
	padding-bottom: 20px;
}
#contact .top {
	padding-bottom: 20px;
	border-bottom: 1px solid #bcbcbc;
}
#contact .top .left {
	float: left;
	width: 275px;
}
#contact .top .right {
	float: left;
}
#contact .middle {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #bcbcbc;
}
#contact .middle img {
	padding-bottom: 10px;
}
#contact .middle .left {
	float: left;
	width: 275px;
}
#contact .bottom {
	padding-top: 20px;
	padding-bottom: 20px;
}
#contact .bottom img {
	padding-bottom: 10px;
}



/* investors */
#investors p {
	padding-bottom: 20px;
	padding-right: 70px;
	line-height: 17px;
}
#investors .title {
	float: left;
	background-image: url(/assets/graphics/menutitlebg.png);
	background-repeat: repeat-x;
	height: 25px;
	width: 960px;
	padding-top: 11px;
	padding-left: 20px;
}
#investors .title_image {
	padding-top: 20px;
	padding-bottom: 20px;
}


/* support */
#support p {
	padding-bottom: 20px;
	padding-right: 70px;
	line-height: 17px;
}
#support .title {
	float: left;
	background-image: url(/assets/graphics/menutitlebg.png);
	background-repeat: repeat-x;
	height: 24px;
	width: 960px;
	padding-top: 12px;
	padding-left: 20px;
}
#support .title_image {
	padding-top: 20px;
	padding-bottom: 20px;
}
#support #iframe {
	padding-top: 20px;
	padding-left: 20px;
}

.goto {
    background:#1659A1;
    width:176px;
    overflow:hidden;
    padding-left:10px
}
/*div { border: 1px solid orange }*/



/* Mattys form styling for Stylable renderer */
.field_error{
    background-color: #ffd1d1;
}

.form_error{
    border-top: 1px solid #f6afaf;
    border-bottom: 1px solid #f6afaf; 
    background-color: #ffd1d1;
    float: left;
    color: #4f0707;
    clear: both;
    display: block;
    padding: 5px;
    margin: 0px 0px 0px 25px;
    font-size: 85%;
    font-weight: bold;
}
       
.form_errors{
    background: #ffd1d1 url(/assets/myid/images/gr_result-error.gif) no-repeat 5px 5px;
    margin: 10px 10px 10px 10px;
    border-top: 1px solid #f6afaf;
    border-bottom: 1px solid #f6afaf;   
    display: block;
    min-height: 50px;
    height: auto !important;
    height: 50px;
}

.form_errors.success{
	background: #e2FFD1 url(/assets/myid/images/gr_result-success.gif) no-repeat 5px 5px;
}
    
.form_errors ul{
    list-style: none;
    color: #4f0707;
    font-size: 85%;
    font-weight: bold;
    margin: 7px 0px 0px 48px;
    display: block;
}

.form_errors ul li{
    margin: 2px 0px 0px 0px;
}

.error_box{
    float: left;	
    position: absolute;
    width: 400px;
    background-color: #333333;
    padding: 20px;
    height: 135px;
}


.checkout_pay_wrap form{
	margin-top: 10px;
}

.checkout_pay_wrap .form_text{
	border: 1px solid #ABABAB;
	padding: 4px 0 4px 0;
	height: 25px;
	background-color: #E8E8E8;
	width: 236px;
	margin-bottom: 4px;
}