/*
 Company: Von Morris Corporation
 Site: VM Professional Site
 Author: Mark Schuber
 Date: 03.25.2008
 */
/* CSS Reset Start */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
*:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
}

ol, ul {
    list-style: none;
}

#flash p a, #product p a, #productText a {
	color: #CC3300 !important; /*#0567fa;*/
	font-weight: bold;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}
/* CSS Reset End */

/* begin: adam style inputs */
input, textarea { font-family: Verdana, Arial, sans-serif; font-size: 1em; padding: 2px; }
input.searchBox, input.button { font-size: .8em; }
/* end: adam style inputs */

/* begin: adam style cfwindow contents */
.x-dlg-bd, .x-dlg-bd input, .x-dlg-bd select {
    font-family: Verdana, Arial, sans-serif;
    font-size: .9em !important;
    color: black;
	text-align: left;
}
.small {
    font-size: .8em;
}
#dealerSearchResults tr td {
    padding: 4px;
}
tr.dealerPreferred td {
    padding: 10px;
    font-size: 11px;
	color: #603;
}
.zebraDark {
    background-color: #F0F0F0;
}
.zebraLight {
    background-color: #ffffff;
}
/* end: adam style cfwindow contents */

/* begin: adam style hardware schedule table */
table#HwSchedulesList {
	width: 100%;
}
table#HwSchedulesList tr th {
	padding: 5px;
	font-size: .8em;
	font-weight: bold;
	text-align: left;
	color: black;
}
table#HwSchedulesList tr td {
	padding: 5px;
	font-size: .8em;
}
table#HwSchedulesList tr td a {
	text-decoration: underline;
}
table#HwSchedulesList tr td a:hover {
	text-decoration: none;
}
/* end: adam style hardware schedule table */
/* begin: adam style buttons for hardware schedule */
button.std {
	background-color: #eee;
	padding: 5px 10px 5px 10px;
	border: 1px solid #666;
	color: #666;
	font-weight: bold;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	margin: 2px;
}
button.std:hover {
	background-color: #935232;
	cursor: pointer;
	color: #fff;
}
.wide {
	width: 200px;
}
.narrow {
	width: 100px;
}
.auto {
	padding 2px 0px !important;
	width: auto;
	font-size: 10px;
}
button img{
	vertical-align: middle;
}
/* end: adam style buttons for hardware schedule */

body {
    text-align: center;
    background: #fff;
    color: #999;
    font-family: Verdana, Arial, sans-serif;
}

a {
    color: #666;
    text-decoration: none;
}

div#mainWrap {
	text-align: left;
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(/images/bgTile.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
/* header Start */
div#header {
    width: 100%;
    height: 57px;
    background: #fff;
}

div#header h1 {
    float: left;
    margin-left: 30px;
    position: relative;
    top: 4px;
}

div#header h1 a {
    display: block;
    width: 410px;
    height: 50px;
    background: url(/images/logo.png) no-repeat left top;
    text-indent: -9999px;
}

div#header div {
    float: right;
    margin-right: 30px;
    position: relative;
    top: 20px;
}

div#header div input.button {
margin-left:10px;
}
/* header End */
/* contentWrap Start */
div#contentWrap {
	width: 800px;
	padding: 14px 0 20px 0;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/images/headerBG.jpg);
}
/* contentWrap End */
/* subNav Start */
div#subNav {
    clear: both;
    width: 100%;
    height: 40px;
}
/* replaced by <span class="professionalHeader">
 div#subNav h2 {
 font-size: 14px;
 text-transform: uppercase;
 color: #B30000;
 line-height: 24px;
 margin-left: 30px;
 float: left;
 position: relative;
 top: 10px;
 }
 */
div#subNav .professionalHeader {
    font-size: 14px;
    /*text-transform: uppercase;*/
    color: #B30000;
    line-height: 24px;
    margin-left: 30px;
    float: left;
    position: relative;
    top: 10px;
}

div#subNav .professionalHeaderSmall {
    font-size: 11px;
    /*text-transform: uppercase;*/
    color: black;
    line-height: 24px;
    margin-left: 5px;
    float: left;
    position: relative;
    top: 11px;
}

div#subNav .professionalHeaderSmall a {
    color: #A6A6A6;
    font-size: 11px;
}

div#subNav .professionalHeaderSmall a:hover {
    text-decoration: underline;
}

div#subNav ul {
    float: right;
    margin-right: 30px;
    position: relative;
    top: 17px;
}

div#subNav ul li {
    float: left;
    background: url(/images/subNavDivider.png) no-repeat left center;
    padding-left: 10px;
}

div#subNav ul li.first {
    background: none;
}

div#subNav ul li a {
    float: left;
    color: #A6A6A6;
    font-size: 11px;
    margin-right: 10px;
}

div#subNav ul li a:hover {
    text-decoration: underline;
}
/* subNav End */
/* mainNav Start */
div#mainNav {
    clear: both;
    margin-left: 18px;
    border-bottom: #eaeaea 1px solid;
    height: 40px;
	width:752px; /* was 760 */
	padding-left:10px;
}

div#mainNav ul {
    list-style: none;
	
}

div#mainNav ul li {
	float: left;
	position:relative;
	}



div#mainNav ul li ul {
    position: absolute;
    left:-999em;
}

div#mainNav ul li:hover ul,div#mainNav ul li.sfhover ul {
    left: 0;
	top:28px;
}

div#mainNav ul li ul li {
	float:none;
	border:none;
	width:15em;
	background:#f8f8f8;
	margin-top:-3px;
}

div#mainNav ul li a {
    line-height: 26px;
    border-left: #666 1px dashed;
    font-size: 13px;
    padding: 0 18px 0 18px;
    font-family: Arial, sans-serif;
	display:block;
}

div#mainNav ul li.first a {
    border-left: none;
}

div#mainNav ul li a:hover {
    background: #eee;
}

div#mainNav ul li ul li a {
    border-left: none;
    font-size: 12px;
    padding: 0;
	text-indent:21px;
	background:#f8f8f8;
	display:block;
	border: #999 1px solid;
	line-height:24px;
	color:#B30000;
	width:100%;
}

/* mainNav End */
/* product specific Styles Start */
div#product {
    margin-left: 30px;
    clear: both;
    width: 740px; /*93%;*/
}

div#tertiaryNav {
    height: 56px;
    border-bottom: #a3a3a3 1px solid;
}

div#tertiaryNav ul#crumbs {
    float: left;
    margin-top: 15px;
	clear:both;
	width:440px;
	white-space:nowrap;
}

div#tertiaryNav ul#crumbs li {
    float: left;
    background: url(/images/crumbDivider.png) no-repeat left center;
    padding-left: 10px;
    padding-right: 10px;
}

div#tertiaryNav ul#crumbs li.first {
    background: none;
    padding-left: 0;
}

div#tertiaryNav ul#crumbs li a {
    float: left;
    color: #797979;
    font-size: 11px;
}

div#tertiaryNav ul#crumbs li a.select {
    color: #b8b8b8;
}

div#tertiaryNav ul#productTabs {
    float: right;
	clear:both;
    margin-top: 25px;
	white-space:nowrap;
	/*height:30px;*/
}

/*
div#tertiaryNav ul#productTabs {
	margin-top:0px;
}
*/

div#tertiaryNav ul#productTabs li {
    float: left;
    line-height: 30px;
    background: url(/images/tabright.png) no-repeat top right;
}

div#tertiaryNav ul#productTabs li a {
	float: left;
	display: block;
	color: #CC3300;
	line-height: 30px;
	font-size: 11px;
	padding: 0 15px 0 15px;
	background: url(/images/tabLeft.png) no-repeat top left;
}

div#tertiaryNav ul#productTabs li.selected a {
    font-weight: bold;
    font-size: 12px;
}

div#tertiaryNav ul#productTabs li.shaded { 
	background: url(/images/tabright_shaded.png) no-repeat scroll right top;
 }
 
div#tertiaryNav ul#productTabs li.shaded a {
	background:transparent url(/images/tabLeft_shaded.png) no-repeat top left;
}

div#tertiaryNav ul#productTabs li.shaded_selected { 
    font-weight: bold;
    font-size: 12px;
	background: url(/images/tabright_shaded.png) no-repeat scroll right top;
	white-space:nowrap;
 }
 
div#tertiaryNav ul#productTabs li.shaded_selected a {
    font-weight: bold;
    font-size: 12px;
	background:transparent url(/images/tabLeft_shaded.png) no-repeat top left;
	white-space:nowrap;
}

div#accountNav {
    height: 56px;
    border-bottom: #a3a3a3 1px solid;
}

div#accountNav ul#crumbs {
    float: left;
    margin-top: 15px;
	clear:both;
	width:300px;
	white-space:nowrap;
}

div#accountNav ul#crumbs li {
    float: left;
    background: url(/images/crumbDivider.png) no-repeat left center;
    padding-left: 10px;
    padding-right: 10px;
}

div#accountNav ul#crumbs li.first {
    background: none;
    padding-left: 0;
}

div#accountNav ul#crumbs li a {
    float: left;
    color: #797979;
    font-size: 11px;
}

div#accountNav ul#crumbs li a.select {
    color: #b8b8b8;
}

div#accountNav ul#productTabs {
    float: right;
	clear:both;
    margin-top: 25px;
	white-space:nowrap;
	/*height:30px;*/
}

/*
div#accountNav ul#productTabs {
	margin-top:0px;
}
*/

div#accountNav ul#productTabs li {
    float: left;
    line-height: 30px;
    background: url(/images/tabright.png) no-repeat top right;
}

div#accountNav ul#productTabs li a {
	float: left;
	display: block;
	color: #CC3300;
	line-height: 30px;
	font-size: 11px;
	padding: 0 15px 0 15px;
	background: url(/images/tabLeft.png) no-repeat top left;
}

div#accountNav ul#productTabs li.selected a {
    font-weight: bold;
    font-size: 12px;
}

/* div#tertiaryNav ul#productTabs li.shaded a {
	float: left;
	display: block;
	color: #CC3300;
	line-height: 30px;
	font-size: 11px;
	padding: 0 15px 0 15px;
	background: url(/images/tabright_shaded.png) no-repeat top right; 
} */

div#productDescription {
    /*clear: both;*/
    background: url(/images/productGraphic.png) no-repeat top left;
	height: 36px;
	overflow: hidden;
}

/*div#productDescription*/ div#productText {
	/*padding-top: 30px;*/
    float: left;
	width: 100%;
    /*width: 70%;*/
}

div#productText div#productImage {
	margin-right: 0px; /* -13px */
}

/*div#productDescription*/ div#productText h2 {
	text-transform: uppercase;
	color: #CC3300;
	margin-top: 30px;
	font-size: 12px;
	font-weight: bold;
}

/*div#productDescription*/ div#productText p {
    font-size: 10px;
    line-height: 16px;
    color: #313131;
    margin-top: 14px;
}

div#productText h3 {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    padding-top: 10px;
}

div#productText a {
    font-size: 11px;
    color: #666;
}

div#productText a:hover {
    text-decoration: underline;
}

div#productText table td, div#productText table th {
    font-size: 10px;
    line-height: 16px;
    color: #313131;
    padding: 0 10px 0 0;
    border-bottom: #999 1px solid;
}

table#upSell, table#crossSell { width: auto !important; }
table#crossSell td, table#upSell td { text-align: left; }

div#productText .partTable a {
	font-weight: normal;
}

div#productText table th {
    font-weight: bold;
}

div#productText .partTable {
    width: 70%;
}

.partTable td, .partTable th {
	border: 0px !important;
	text-align: center;
}

div#productText ul {
    margin-left: 20px;
}

div#productText strong {
    font-weight: bold;
}

div#productText ul li {
    list-style: disc;
    color: #313131;
    font-size: 10px;
}

div#loginText ul {
    margin-left: 20px;
}
div#loginText ul li {
    list-style: disc;
    color: #313131;
    font-size: 11px;
	padding: 3px;
}
div#loginSubText ul {
    margin-left: 20px;
}
div#loginSubText ul li {
    list-style: circle;
    color: #313131;
    font-size: 11px;
	padding: 3px;
}

/*div#productDescription*/ div#productImage {
	margin-top: 0px;
	clear: both;
    float: right;
    width: auto;
    text-align: center;
}

/*div#productDescription*/ div#productImage img {
    margin: 10px auto auto auto;
}

table.productTable {
    margin-top: 20px;
	width: 100%;
}
.productTableTopMargin{
	margin-top: 40px !important;
}
table.productTable td.qty {
	width: 30px;
}
table.productTable td.finish {
	width: 35px;
}
table.productTable td.num {
	width: 90px;
}
.productTable input { margin: 4px 0px; }
.productTable td { vertical-align: middle; }
tr.header {
	background: #C4DFF0 url(/images/tableTitleBkgd.jpg) repeat-x top left;
}

/* product specific Styles End */
div#flash {
    margin-left: 27px;
    clear: both;
    width: 93%;
}
/* footerWrap Start */
div#footerWrap {
	font-size: 9px;
	clear: both;
	width: 100%;
	padding-top: 45px;
	background-color: #fff;
	background-image: url(/images/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#footerWrap p {
    line-height: 12px;
    margin: 0 0 20px 30px;
    width: 740px;
}
/* footerWrap End */
div.clear {
    width: 100%;
    clear: both;
}

div#description {
    clear: both;
    margin-left: 30px;
    width: 730px;
}

div#description h3, span.textheader {
    color: rgb( 139, 92, 41 );
    font-size: 13px;
    font-weight: bold;
    margin-top: 20px;
}

span.textheader {
    line-height: 30px;
}

div#description p {
    font-size: 11px;
    color: #404040;
    line-height: 18px;
    margin-top: 15px;
}

div#description p strong {
    font-weight: bold;
}

.msgbox {
	color: red !important;
	font-weight: bold;
	background-color: #FDD;
	border: 1px solid red;
	padding: 8px;
	text-align: center;
	font-size: 0.8em !important;
}

p.content {
    color: #404040;
    line-height: 20px;
    font-size: 12px;
}

p.content a {
    text-decoration: underline;
}

p.content a:hover {
    text-decoration: none;
}

.padTop {
    padding-top: 10px;
}

p.content strong {
    font-weight: bold;
}

table.contactForm td, table.professionalFormTable td {
    padding-top: 10px;
    color: #404040;
    font-size: 11px;
}

table.contactForm td {
    width: 20%;
}

tr.content td, table.content td {
    padding: 10px;
    color: #404040;
    font-size: 11px;
}

table.dealerForm td {
    padding: 10px 0 10px 0;
    color: #404040;
    font-size: 11px;
}

p.contentfinishes {
    margin-right: 30px;
    margin-left: 10px;
    font-size: 11px;
    line-height: 18px;
    color: #313131;
}

p.contentfinishes a:hover {
	text-decoration: underline;
}

p.contentfinishesBold {
    color: #404040;
    line-height: 20px;
    font-size: 12px;
    margin-right: 30px;
    margin-left: 10px;
    font-weight: bold;
}


table.searchResults {
	width:720px;
	margin-left:33px;
}



table.searchResults p {
	 color: #404040;
    font-size: 12px;
	line-height:18px;
}


table.searchResults p strong {
	font-weight:bold;
}

table.searchResults a {
	color:#0f6dfa
}

table.searchResults a:hover {
	text-decoration:underline;
}


table.searchResults td.resultsHeader {
	color:#B30000;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
}

table.searchResults td.resultsSubHeader {
	color:#404040;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	padding-bottom:20px;
}

#resources {
	float:right;
	width:auto;
	/*margin-top: 30px;*/
	text-align: right;
	line-height: 12px;

}
#resources ul {
}
#resources ul li{
	list-style: none !important;
	float: left;
}
#resources button{
	padding: 2px 0px;
	background-color: #eee;
	border: 1px solid #bbb;
	color: #666;
	font-weight: bold;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	margin: 2px;
}
#resources button:hover{
	background-color: #935232;
	cursor: pointer;
	color: #fff !important;
	text-decoration: none !important;
}
#resources button.ts{
	width: 100px;
}
#resources button.ii{
	width: 150px;
}
#resources button.hws{
	width: 150px;
}