html, body{ 
 margin:0; 
 padding:0;
 height:100%;
 font-family: Arial; 
 } 
 
#pagewidth{ }
 
#header{
	position:relative;
	height:74px;
	background-color:#404042;
	width:100%;
	display:block;
	overflow:hidden;
}

#menu_container{
	position:relative;
	height:34px;
	background-color:#6a6a6a;
	width:100%;
	display:block;
	overflow:hidden;
} 
 
#maincol{
 background-color: #FFFFFF;  
 position: relative;
 }
 .errorRow 
 {
     color: Red;
 }
#footer{
	height:136px;
	background-color:#D5BDA7;
	clear:both;
	display:block;
	overflow:hidden;
	background-image: url(../images/footer_back.jpg);
	background-repeat: repeat-x;
} 
 
/* Div's Top */  

.top_bar{
	width:935px;
	height:57px;
	margin: 0px auto;
	padding-top: 7px;
	bottom: 0px;
}
.top_logo{
	background-image:url(../images/ecmd_link_logo.jpg);
	display:block;
	width:231px;
	height:57px;
	text-indent:-9999px;
	width:231px;
	float: left;
}
.id_cont{
	width:450px;
	height:57px;
	bottom: 0px;
	float: right;
}
.logout_cont{
	width:80px;
	height:57px;
	bottom: 0px;
	float: right;
}
.img_welcome{
	width:13px;
	height:18px;
	float:right;
	background-image:url(../images/img_hello.jpg);
	margin: 7px 10px 0px 0px;
}
.text_welcome{
	height:15px;
	float:right;
	margin: 12px 0px 0px 0px;
	font-size:13px;
	color:#bdac8c;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.text_company{
	width:400px;
	height:15px;
	float:right;
	margin: 5px 0px 0px 0px;
	font-size:13px;
	color:#C9C4A4;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.line_welcome{
	width:1px;
	height:38px;
	float:right;
	margin: 10px 15px 0px 0px;
	background-color: #999;
}
.logout_box{
	width:50px;
	height:15px;
	float:right;
	margin: 23px 0px 0px 0px;
}
.logout_text{
	font-size:13px;
	color:#f7493c;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
}

/* Menu */

#menu_bar{
	width:935px;
	height:34px;
	margin: 0px auto;
	text-align:right;
	padding: 0px 0px 0px 0px;
}

#menu {
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px 0;
	padding: 0;
	list-style-type: none;
	background-color: #6a6a6a;
	font-size: 13px;
	height: 34px;
	width: 700px;
	float: right;
			}
#menu li {
    float: right;
    margin: 0;				
			}
#menu li a {
	text-decoration: none;
	display: block;
	padding: 0 10px;
	line-height: 34px;
	color: #fff;
			}
#menu li a:hover, #menu li.active a {
	background-color: #979797;
	border-bottom: 2px solid #DDD;
	color: #000;
			}
#menu .selected a {
    background-color: #979797;
    color: #000000;
}
#menu_wrapper ul {margin-left: 12px;}
#menu_wrapper {padding: 0 16px 0 0; background: url(../images/grey.png) no-repeat right;}
#menu_wrapper div {float: left; height: 44px; width: 12px; background: url(../images/grey.png) no-repeat left;}
			
/* Menu Aesthetics */

#menu_wrapper.black ul {
	border-top: 2px solid #333;
	border-bottom: 2px solid #000;
	background: #333;}
#menu_wrapper.black a {color: #CCC;}
#menu_wrapper.black li a:hover, #menu_wrapper.black li.active a {color: #999; background: #555; border-bottom: 2px solid #444;}
#menu_wrapper.black {background: url(../../Content/../../Content/images/black.png) no-repeat right;}
#menu_wrapper.black div {background: url(../../Content/images/black.png) no-repeat left;}

.info_company{
	width:200px;
	height: 15px;
	float:left;
	padding: 10px 0px 0px 20px;
	text-align: center;
	color: #a8a8a8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

/* Div's Index Page */

#index_header{
	height:274px;
	background-color:#404042;
	width:100%;
	overflow:hidden;
	position: relative;
}
#wood_footer{
	height:36px;
	background-color:#D5BDA7;
	clear:both;
	display:block;
	overflow:auto;
	background-image: url(../images/index_wood.jpg);
	background-repeat: repeat-x;
}
.wrapper {
	min-height: 100%;
	height: auto;
	height: 100%;
	margin: 0 auto -274px;
}
#index_footer2, .push {
	background-color:#6a6a6a;
	height: 274px;
}
.index_bar{
	width:935px;
	height:68px;
	margin: 0px auto;
	padding-top: 210px;
	bottom: 0px;
}
.signin_bar{
	width:660px;
	height:35px;
	float: right;
	margin-top: 17px;
	text-align: right;
}
.forgotpass_bar{
	width:935px;

	margin: 0px auto;
	padding-top: 20px;
	text-align: right;
	padding-right: 5px;
}
.forgotpass_font{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.textfield_intro{
	width: 174px;
	height: 25px;
	background: url(../../Content/images/index_textfield.jpg) no-repeat;
	border: none;
	padding: 0px 0px 0px 0px;
	margin-left:5px;
	margin-right:5px;
}
.btn_login{
	padding: 0px 0px 0px 0px;
	vertical-align:middle;
}


/* Div's content */  

.middle_content{
	width:670px;
	margin: 0px auto;
	padding-top: 30px;
	height: 215px;
	padding-bottom: 30px;
}
.select_store{
	width:170px;
	height:22px;
	background-image:url(../../Content/images/img_selectstore.jpg);
	float:left;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 125px;
	display: inline;
}
.select_dropdown{
	width:250px;
	height:22px;
	float:right;
	margin: 0px 110px 0px 0px;
	display: inline;
	text-align: center;
}
.line_maincont{
	width:670px;
	height:1px;
	background-color:#999;
	float: right;
	margin: 20px 0px 20px 0px;
}

.select_product{
	width:204px;
	height:22px;
	background-image:url(../../Content/images/img_selectproduct.jpg);
	float:left;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 125px;
	display:inline;
}
.btn_box{
    float: left;
    height: 112px;
    margin-top: 20px;
    text-align: center;
    width: 654px;
}
.btn_mouldings{
    display: inline-table;
    height: 112px;
    margin-top: 0;
    vertical-align: top;
    width: 160px;
}
.btn_stairs{
    display: inline-block;
    height: 112px;
    vertical-align: top;
    width: 160px;
}
.btn_columns{
    display: inline-block;
    height: 112px;
    vertical-align: top;
    width: 160px;
}
.btn_flooring{
    display: inline-block;
    height: 112px;
    width: 160px;
}
/* Footer Div's */  

.footer_container{
	width:740px;
	margin: 0px auto;
	padding-top: 25px;
	height: 100px;
}
.btn_logo1{
	width:112px;
	height:63px;
	margin: 0px 0px 0px 35px;
	float: left;
	display: inline;
}
.btn_logo2{
	width:88px;
	height:63px;
	margin: 0px 0px 0px 75px;
	float: left;
	display: inline;
}
.btn_logo3{
	width:162px;
	height:63px;
	margin: 0px 29px 0px 0px;
	float: right;
	display: inline;
}
.btn_logo4{
	width:109px;
	height:63px;
	margin: 0px 40px 0px 0px;
	float: right;
	display: inline;
}
.footer_textcontainer{
	width:670px;
	padding-top: 10px;
	height: 40px;
	display: inline;
}
.txt_logo1{
	width:140px;
	height:33px;
	margin: 4px 0px 0px 22px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
	display: inline;
}
.txt_logo2{
	width:100px;
	height:33px;
	margin: 4px 0px 0px 53px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
	float: left;
	display: inline;
}
.txt_logo3{
	width:160px;
	height:33px;
	margin: 4px 20px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
	float: right;
}
.txt_logo4{
	width:180px;
	height:33px;
	margin: 4px 3px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
	float: right;
}
/* DIv's Order Pop Up */

.popup_container{
    height: 520px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 586px;
}
.info_popfalse{
    float: left;
    margin: 0 20px 0 25px;
    width: 251px;
}
.info_poptrue{
    float: left;
    margin: 0 20px 0 0px;
    width: 251px;
    height: 450px;
}
.info_pop2{
    float: right;
    height: 100%;
    margin: 0;
    text-align: center;
    width: 288px;
}
.product_pic{
    float: right;
    height: 320px;
    margin: 20px 0 0;
    text-align: center;
    width: 288px;
}
.product_pic img {
  max-height: 100%;
  max-width: 100%;
}
.product_orderarea{
    float: right;
    height: 45px;
    margin: 10px 0 0;
    text-align: center;
    width: 288px;
}
.popup_password{
	width:500px;
	height: 212px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.popup_title{
	width:251px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#000;
	height: 30px;
	text-align: left;
	padding-top: 18px;
}
.specs_top{
	width:251px;
	float:left;
	height:9px;
	background-image:url(../images/pop_specs_top.jpg)
}
.specs_content{
	width:251px;
	float:left;
	height:100%;
	background-color:#f1f1f1;
}
.specs_bot{
	width:251px;
	float:left;
	height:9px;
	background-image:url(../images/pop_specs_bot.jpg)
}
/* DIv's Order Pop Up */

.popup_password{
	width:500px;
	height: 212px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
 
/* Clearfix */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
	padding-top: 15px;
	padding-top: 15px;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


/* -------- DATA TABLES STYLES ----*/


.AddCartBtn {
	background : url("../../Content/images/add_btn_small.png") no-repeat center center;
	width: 55px;
	height: 24px;
	border : none;
    margin: 5px auto;
	text-indent: -99999px;
	font-size: 0;
	display:block;
	line-height: 0;

}
.AddCartBtnProcessing {
	background : url("../../Content/images/loading35.gif") no-repeat center center;
	width: 55px;
	height: 24px;
	border : none;
	margin-left: 35px;
	margin-top: 5px;
	text-indent: -99999px;
	font-size: 0;
	display:block;
	line-height: 0;

}
.LrgAddCartBtn
{
    background : url("../../Content/images/add_btn.png") no-repeat center center;
    border: medium none;
    text-indent: -99999px;
    height: 33px;
    margin-left: -20px;
    margin-top: -10px;
    width: 75px;
}
.LrgAddCartBtnProcessing
{
    background : url("../../Content/images/loading35.gif") no-repeat center center;
    border: medium none;
    text-indent: -99999px;
    height: 33px;
    margin-left: -20px;
    margin-top: -10px;
    width: 75px;
}

.calcAddCartBtn
{
    background : url("../../Content/images/add_btn_green.png") no-repeat center center;
    border: medium none;
    text-indent: -99999px;
    height: 33px;
    margin-left: -20px;
    margin-top: -10px;
    width: 75px;
}
.calcAddCartBtnProcessing
{
    background : url("../../Content/images/loading35.gif") no-repeat center center;
    border: medium none;
    text-indent: -99999px;
    height: 33px;
    margin-left: -20px;
    margin-top: -10px;
    width: 75px;
}
.calcFlooring
{
    background : url("../../Content/images/calculatesq_btn.png") no-repeat center center;
    display: block;
    height: 21px;
    width: 93px;
}
.calcQuantity
{
    background : url("../../Content/images/calculateqty_btn.png") no-repeat center center;
    display: block;
    height: 21px;
    width: 93px;
}
.SHIButton
{
    background : url("../../Content/images/btn_spin.png") no-repeat center center;
    display: block;
    height: 21px;
    width: 161px;
}
.instockY
{
    background: url("../../Content/images/icon_available_green.gif") no-repeat;
    height: 28px;
    width: 28px;
    margin: 0 auto;
    text-indent: -99999px;
}
.instockN
{
    background: url("../../Content/images/icon_available_red.gif") no-repeat;
    height: 28px;
    width: 28px;
    margin: 0 auto;
    text-indent: -99999px;
}
.mtoItem
{
    background: url("../../Content/images/MTO_btn_clear.png") no-repeat;
    height: 19px;
    width: 54px;
    margin: 0 auto;
    text-indent: -99999px;
}
#srchOpts {
    float: left;
    width: 540px;
    font-size: 14px;
    white-space: nowrap;
}

.dataTables_wrapper {
	position: relative;
	min-height: 100px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 70px;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: #6A6A6A;
}

.dataTables_length {
	width: 150px;
	float: right;
	font-size: 14px;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
    float: left;
    margin-top: -10px;
    color: #FFF;
    font-size: 13px;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../../Content/images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../../Content/images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../../Content/images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../../Content/images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th 
{
    font: 9pt Helvetica,Arial,Tahoma,sans-serif;
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	white-space: nowrap;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	font-family: Arial;
	font-size: 13px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../../Content/images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../../Content/images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../../Content/images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../../Content/images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../../Content/images/sort_desc_disabled.png') no-repeat center right;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #fff;
}

table.display tr.even.gradeX {
	background-color: #DFEFFC;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #FFF;
}

tr.even {
	background-color: #F4F5F0;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}

.top, .bottom {
	padding: 15px;
	background-color: #6a6a6a;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 390px;
	height: 22px;
	line-height: 1px;
}

.paging_full_numbers a:active {
	outline: none
}

.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
 	.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
	font-weight: bold;
	font-size: 13px;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #F7493C;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #FFF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #F4F5F0;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d7ecfc;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #d7ecfc;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #c9e6fe;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}


/* --- END DATA TABLES STYLES --- */

/* --- NAV MENU STYLES --- */
ul.list-links 
{
    text-align: left;
    margin-top: -10px;
}

ul.list-links li a {
    display: block;
    padding: 8px 3px 6px 20px;
    text-decoration: none;
    font-weight: normal;
    font-family: Verdana;
    font-size: 13px;
}
ul.list-links li 
{

    font-weight: normal;
    color: #303030;
    list-style-type: none;
        padding-top: 12px;
}
ul.list-links li ul {
    background: none repeat scroll 0 0 #F4F5F0 !important;
    font-size: 0.9em;
    padding-left: 10px;
    padding-top: 10px;
}
ul.list-links li ul li a 
{
    font-size: 11px;
    
    padding: 5px 3px 5px 10px !important;
}
ul.list-links li ul li a:hover {background-color:#E7E7E7; background-position:8px 10px}
/* --- END NAV MENU STYLES --- */


/* --- MINI CART STYLES --- */
#miniCartContainer {
    display: block;
    margin: 0 0 5px;
    max-width: 240px;
    padding: 0;
    position: relative;
    width: auto !important;
    z-index: 10;
}

#miniCart .outerPane {
    background-color: #AA906D;
    border-right: 5px solid #AA906D;
    border-left: 5px solid #AA906D;
    border-radius: 0 0 5px 5px;
}

.roundedContainer {

}


#miniCart .innerPane {
    background-color: #FFFFFF;
    color: #333333;
}

#editPane {
    border: 1px solid #AAAAAA;
    height: auto !important;
    margin: 5px 2px;
    min-height: 60px;
    min-width: 170px;
    padding: 5px;
    width: auto !important;
}
#itemPane {
    border: 1px solid #AAAAAA;
    height: auto !important;
    max-height: 400px;
    min-height: 200px;
    min-width: 170px;
    overflow-x: auto;
    overflow-y: auto;
    padding: 5px;
    width: auto !important;

}
#actionPane {
    height: 38px;
}
#actionPane .cell {
    float: left;
    text-align: center;
    vertical-align: top;
}
#btnCartCheckout {
    text-decoration: none;
}
.actionButton, .actionButtonDisabled {
    background-image: url("../../Content/images/gradient.png");
    background-position: 50% 50%;
    background-repeat: repeat-x;
    border-style: outset;
    border-width: 1px;
    margin: 8px 0 0 0px;
    padding: 1px;
    text-decoration: none;
    white-space: nowrap;
}
a.actionButton, a.actionButtonDisabled {
    color: #333333;
    display: inline-block;
    padding: 2px 10px;
    text-align: center;
    text-decoration: none;
}
.btn1, .btn1hov, .btn1dis {
    background-color: #ECECEC;
    border: 1px solid #999999;
    color: #333333;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
}
#miniCartItems {
    margin: 1px 0 0 -44px;
    text-align: left;
}
#miniCartItems li {
    list-style: none outside none;
    font-size: 13px;
    white-space: nowrap;
}
#miniCartSummary {
    background-color: #FFF;
    border: 1px solid #AAAAAA;
    color: #333333;
    cursor: pointer;
    display: block;
    float: right;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 8px;
    padding: 3px;
}
#miniCartSummary .count {
    vertical-align: text-bottom;
    width: 90px;
    padding-left: 5px;
}
#miniCartSummary .estTotal {
    text-align: right;
    vertical-align: text-bottom;
    width: 90px;
    padding-right: 5px;
}
#miniCartSummary a 
{
    text-decoration: none;
}
#miniCartSummary p {
    float: left;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0px;
}

#cartItems
{
    color: #FFFFFF;
    font-size: 13px;
    margin: 2px 0 0;
    text-align: left;
}
#cartTotal
{
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0 0;
    text-align: left;
}
#itemTotal
{
    width: 64px;
    float: left;
}
#itemQuantity
{
    width: 50px;
    float: left;
}
#itemCode
{
    float: left;
}
#lineItem
{
    height: 15px;
}
/* --- END MINI CART --- */

/* --- MISC STYLES --- */
#disclaimer
{
    color: #000000;
    font-size: 11px;
    text-align: left;
    line-height: 5px;
}
img {   border-style: none;   }
/* --- END MISC STYLES --- */

/* --- Product Details Styles ---*/

.DetailHeader
{
    background-color: #EDE6DF;
    font-size: 14px;
    font-weight: bold;
    height: 19px;
    text-align: left;
    padding-left: 10px;
}
.DetailInfo
{
    text-align: left;
    padding: 10px 0 10px 15px;
    font-size: 14px;
}

/* --- END Product Details Styles --- */

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #F7493C;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #F7493C;
    background-color: #ffeeee;
}
.error {
    color: #F7493C;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none; 
}
#valSummary
{
    width: 300px;
    float: right;
    text-align: left;
}
.validation-summary-errors
{
    color: #F7493C;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none; 
}
.validation-summary-errors ul
{
    list-style-position: inside;
}
.validation-summary-valid
{
    display: none;
}

/* --- Existing Orders Styles --- */

.prodTableNoWrap
{
    white-space: nowrap;
}
#OrdersSrchOpts {
    float: left;
    font-size: 13px;
    width: 730px;
    text-align: left;
}

/* --- END Existing Orders Styles --- */

/* --- My Account Styles --- */

.blog_post_title {
    color: #F7941D;
}

.blog_post_title {
    font-size: 22px;
}

.blog_post_title {
    background: url("../../Content/images/blog_post_title.png") repeat scroll 0 0 transparent;
    color: #F7941D;

    font-size: 22px;
    margin: 0 0 10px;
    padding: 10px;
    text-transform: uppercase;

}
/* ----- End Contact Form -----*/

.greyBox
{
    height: 30px;
    background: #F9F9F9;
    margin: 10px 0px 10px 0px;
    vertical-align:middle;
}
.greyBox p 
{
    line-height: 2.5em;
    padding-left: 10px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

/* --- END My Account Styles --- */

/* --- Contact Styles --- */
.contactWrapper
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}
.contact_form {
    width: 355px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-bottom: 47px;
}
.contact_form label {
    width: 95px;
}
.contact_form p {
    margin: 0 0 5px;
    padding: 0;
    line-height: 20px;
}
.contact_form input {
    background: none repeat scroll 0 0 #F9F9F9;
    width: 240px;
}
.contact_form textarea {
    background: none repeat scroll 0 0 #F9F9F9;
    height: 200px;
    width: 240px;
    border: medium none;
    box-shadow: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 0 0 10px;
    margin: 0px 0 0 0px;
}
.contact_form input {
    border: medium none;
    box-shadow: none;
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    padding: 0 0 0 10px;
}

.contact_submit {
    background: url('../../Content/images/btn_sendit.jpg');
    color: #999999;
    margin-bottom: 20px;
    width: 98px;
    border: medium none;
    cursor: pointer;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    height: 28px;
    margin-top: 5px;
    text-transform: uppercase;

}
.contact_form_error
{
    color: Red;
    margin-left: 90px;
}
/* --- END Contact Styles --- */
/*--- EULA Styles ---*/
#EULAContainer
{
    width: 700px;
    height: 600px;
    overflow: auto;
    margin: 0 auto;
    border: 1px solid #000;
    padding: 15px;
}
#EULAAccept
{
    width: 150px;
    margin: 0 auto;
}
/* --- END EULA Styles --- */

.highlight
{
    background: #E7E7E7;
}
.orderInputError
{
        background: none repeat scroll 0 0 red;
}
#reset
{
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    margin: 38px 37px auto;
    text-align: center;
    width: 427px;
}
#msdsLink
{
    width: 240px;
    height: 73px;
    margin-top: 50px;
}
.register_message {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFF;
text-decoration: none;
background-color: #818181;
height: 200px;
width: 550px;
padding: 50px 20px 0px 20px;
text-align: center;
line-height: 22px;
}
.line_register_message {
background-color:#FFFFFF;
width: 550px;
height: 1px;
margin: 20px 0px 0px 0px;
}
.butbox_register_message {
width: 550px;
height: 28px;
margin: 20px 0px 0px 0px;
text-align: center;
}
.link20_message {
    background-color: #818181;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    height: 210px;
    line-height: 22px;
    padding: 25px 20px 0;
    text-align: center;
    text-decoration: none;
    width: 620px;
}
.line_link20_message {
background-color:#FFFFFF;
width: 620px;
height: 1px;
margin: 0px 0px 0px 0px;
}
.butbox_link20_message {
width: 620px;
height: 28px;
margin: 10px 0px 0px 0px;
text-align: center;
}
.link20pw_message {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFF;
text-decoration: none;
background-color: #818181;
height: 200px;
width: 455px;
padding: 50px 20px 0px 20px;
text-align: center;
line-height: 22px;
}
.line_link20pw_message {
background-color:#FFFFFF;
width: 455px;
height: 1px;
margin: 0px 0px 0px 0px;
}
.checkOutinputError input[name=Quantity] 
{
    background-color: Red;
}
#calcWrapper
{
    width: 500px;
    height: 200px;
    font-size: 14px;
}
#calTitle
{
    font-weight: bold;
    text-align: center;
}
#itemDetailLeft
{
    float: left;
}
#itemDetailRight
{
    float: right;
}
#prodItemNumber
{
    width: 100px;
    background-color: #EDE6DF;
    font-size: 14px;
    font-weight: bold;
    height: 19px;
    padding-left: 10px;
    text-align: left;
}
#prodDescription
{
    width: 200px;
    background-color: #EDE6DF;
    font-size: 14px;
    font-weight: bold;
    height: 19px;
    padding-left: 10px;
    text-align: left;
}
#sqftPerBox
{
    width: 140px;
    background-color: #EDE6DF;
    font-size: 14px;
    font-weight: bold;
    height: 19px;
    padding-left: 10px;
    text-align: left;
}
#pricePerBox
{
    width: 140px;
    background-color: #EDE6DF;
    font-size: 14px;
    font-weight: bold;
    height: 19px;
    padding-left: 10px;
    text-align: left;
}
#calculator
{
    height: 105px;
    margin-top: 100px;
    padding: 10px 0 0 5px;
    width: 490px;
    background: #F4F5F0;
}
#calcLeft
{
    width: 250px;
    float: left;
}
#calcRight
{
    width: 240px;
    float:right;
}
#calcDetailError
{
    
}
/* Sq Ft Calculator */

/* Sq Ft Calculator */

.popup_calculator{
	width:586px;
	margin: 0px auto;
	height: 370px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.box_calc_line1{
	width:100%;
	height: 1px;
	background-color: #c4352a;
}
.box_calc_top{
	width:535px;
	margin: 0px auto;
	height: 35px;
	padding: 0px 25px 0px 25px;
	text-align: center;
	padding: 10px 0px 10px 0px
}
.box_calc_mid{
	width:586px;
	height: 140px;
}
.calc_column1{
	width:255px;
	height:115px;
	margin: 20px 20px 0px 25px;
	float: left;
}
.calc_column2{
	width:260px;
	height:115px;
	margin: 20px 25px 0px 0px;
	float: right;
	text-align: center;
}
.box_calc_bot{
	width:586px;
	height: 145px;
	text-align: center;
	background-color: #E6E6E6;
}
.calc_itemnumber{
	width:225px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5a5a5a;
	text-align: left;
	padding-left: 15px;
	height: 20px;
}
.calc_itemnumber_ans{
    color: #5a5a5a;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    min-height: 25px;
    padding-left: 15px;
    text-align: left;
    width: 225px;
}
.calc_results{
	width:120px;
	height:25px;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	height: 75px;
	text-align: left;
	line-height: 18px;
	padding-top:5px;
}
.calc_area {
    background-color: #F2E8DA;
    float: right;
    height: 165px;
    margin: 10px 0 0;
    width: 288px;
}
.calc_toptrue {
    background-image: url("images/pop_calc_top.jpg");
    background-repeat:no-repeat;
    float: left;
    height: 39px;
    margin: 5px 0 0 7px;
    width: 271px;
}
.calc_topfalse {
    background-image: url("images/pop_calc_topFalse.png");
    background-repeat:no-repeat;
    float: left;
    height: 39px;
    margin: 5px 0 0 7px;
    width: 271px;
}
.calc_input {
    float: left;
    height: 70px;
    margin: 0 0 0 7px;
    width: 135px;
}
.calc_results {
    color: #000000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 55px;
    line-height: 30px;
    margin: 0;
    text-align: left;
    width: 120px;
}
.product_orderarea2 {
    color: #F33224;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 55px;
    line-height: 30px;
    margin: 15px 0 0 18px;
    text-align: left;
    width: 120px;
}
.order_qty {
    color: #548035;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 35px;
    line-height: 33px;
    margin: 0;
    text-align: left;
    width: 180px;
}
.product_orderarea3 {
    float: right;
    height: 33px;
    margin: 0;
    text-align: right;
    width: 88px;
}
.product_orderarea4 {
    float: right;
    height: 33px;
    margin: 0 54px 0 0;
    text-align: right;
    width: 200px;
}
.popup_password {
    height: 212px;
    padding: 0;
    text-align: center;
    width: 500px;
}
.specs_top {
    background-image: url("images/pop_specs_top.jpg");
    float: left;
    height: 9px;
    width: 251px;
}
.specs_content {
    background-color: #F1F1F1;
    float: left;
    height: 100%;
    width: 251px;
}
.specs_bot {
    background-image: url("images/pop_specs_bot.jpg");
    float: left;
    height: 9px;
    width: 251px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    padding-top: 15px;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
.popup_calculator {
    height: 370px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 586px;
}
.box_calc_line1 {
    background-color: #C4352A;
    height: 1px;
    width: 100%;
}
.box_calc_top {
    height: 35px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 535px;
}
.box_calc_mid {
    height: 140px;
    width: 586px;
}
.calc_column1 {
    float: left;
    height: 115px;
    margin: 20px 20px 0 25px;
    width: 255px;
}
.calc_column2 {
    float: right;
    height: 115px;
    margin: 20px 25px 0 0;
    text-align: center;
    width: 260px;
}
.box_calc_bot {
    background-color: #E6E6E6;
    height: 145px;
    text-align: center;
    width: 586px;
}
.calc_results {
    color: #000000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 75px;
    line-height: 18px;
    padding-top: 5px;
    text-align: left;
    width: 120px;
}
.order_line {
    background-color: #999999;
    float: right;
    height: 1px;
    margin: 90px 0 0;
    width: 288px;
}
.tbnUpdateSqFt {
    background: url("images/update_btn5.png") no-repeat scroll center center transparent;
    border: medium none;
    float: left;
    height: 28px;
    text-indent: -99999px;
    width: 71px;
}
.btnCancalUpdateSqFt
{
    background: url("images/cancel_btn.png") no-repeat scroll center center transparent;
    border: medium none;
    float: left;
    height: 28px;
    text-indent: -99999px;
    width: 71px;
}
.product_orderareaRecalc {
    float: right;
    height: 33px;
    margin-top: -5px;
    text-align: right;
    width: 170px;
}
.orderSrchHdr
{
    background: #F4F5F0;
    height: 75px;
    padding-top: 10px;
}
#btnItemNumSrc
{
    background:transparent url("images/btn_ExistingOrderSearch.png") no-repeat;
    border: none;
    width: 67px;
    height: 21px;
}
#btnCustItemNumSrc
{
    background:transparent url("images/btn_ExistingOrderSearch.png") no-repeat;
    border: none;
    width: 67px;
    height: 21px;
}
#resetFilters
{
    background:transparent url("images/btn_resetfilters.png") no-repeat;
    border: none;
    width: 95px;
    height: 21px;
}

.product_orderareaSHI {
    color: #F33224;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;

    line-height: 30px;
    margin: 5px 0 0 8px;
    text-align: left;
    width: 275px;
}
.product_orderareaSHI2 {
    float: right;
    height: 65px;
    margin: 0 5px 0 0;
    text-align: left !important;
    width: 320px;
}
.calc_areaSHI {
    background-color: #F2E8DA;
    float: right;
    height: 165px;
    margin: 10px 0 0;
    width: 330px;
}
.textSHI
{
    color: #F33224;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.textSHIMain
{
    color: #F33224;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.product_orderareaQtyBreakSHI2 {
    float : left;
    height: 33px;
    margin: 9px 0 0;
    text-align: left !important;
}
.product_orderareaQtyBreakMAIN {
    float: right;
    text-align: left !important;
}
.btnUpdateQty {
    background: url("images/update_btn5.png") no-repeat scroll center center transparent;
    border: medium none;
    float: left;
    height: 28px;
    text-indent: -99999px;
    width: 71px;
}
.btnUpdateQtyOrder {
    background: url("images/update_btn5.png") no-repeat scroll center center transparent;
    border: medium none;
    float: left;
    height: 28px;
    text-indent: -99999px;
    width: 71px;
}