/* Google 'faux absolute positioning' */
    #canvas {
	    width: 970px;
	    margin:  0px auto;
	    overflow: auto;
	    background: #fff;
	    border: 1px solid #acacac;
	    font-size: 12px;
	    font-family: Arial;
	    margin-top: 10px;
    }

/* part of a CSS reset */
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/********************************/
/* generic css for all elements */
/********************************/
    /*img.pngsupport 
    {
        behavior: url(/css/iepngfix.htc); /* this is part of an ie6 png transparency bug fix */
    /*}*/
    img { display: block; /*needed to avoid alignment with baseline of text*/ }
    a img {  border: 0px; }
    a { color: #707070; text-decoration: none; }
    .line {
	    float: left;
	    width: 100%;
	    display: block;
	    position: relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
    }
    .item {
	    position: relative;
	    float: left;
	    left: 100%;
	    overflow: hidden;
    }
    .sap-content { overflow: hidden; }
    .column 
    {
        /* having this set to the -5000 margin and 5000 padding
            had wierd effects with named anchor links */
        margin-bottom: -5000px;
        padding-bottom: 5000px;
    }
    #body { margin-left: -100%; width: 100%; }
    body { margin-top: 0px; position: relative;}

/***********************
 *      Header CSS
 ***********************/
    .header {}
    .header .mmlogo { margin-left: -970px; }
    .header .mmlogo .sap-content {}
    .header .headercta { margin-left: -670px; }
    .header .headercta .sap-content  
    {
        color: #1C4C7B; 
        font-size: 22px; 
        font-weight: bold;
        line-height: 26px;
        margin-top: 10px;
    }
    .header .headercta .sap-content h2  
    {
        margin: 0px; 
        font-size: 33px;
        padding-left: 85px;
        display: inline; 
    }
    .header .mmcontact { margin-left: -170px; margin-top: 20px; }
    .header .mmcontact .sap-content  
    {
        width: 165px;
        font-weight: bold;
        color: #707070;
        text-align: right;
    }
    .topnavigation {}
    .topnavigation .navbar { margin-left: -970px; }
    .topnavigation .navbar .sap-content 
    {
        color: #707070;
        width: 970px;
        background-color: #F4F4F4;
	    border-top: 1px solid #acacac;
	    border-bottom: 1px solid #acacac;
	    height: 22px;
	    line-height: 22px;
    }
    .topnavlinks  
    {
        list-style-type: none; 
        margin: 0px; 
        float: right;
    }
    .topnavlinks .topnavlink { display: inline; padding-right: 15px; }
    .topnavlinks .topnavlink a:hover { text-decoration: underline; }
    
    .signinlink:hover { text-decoration: underline; }

/****************************
 *      Body Area CSS
 ****************************/
    .bodyarea { margin: 4px; margin-bottom: 0px; }
    
    /******************************
     *      Left Navigation
     ******************************/    
    .bodyarea .satisfactionfreeship { margin-left: -970px; }
    .bodyarea .leftnavigation  
    {
        margin-left: -970px; 
        margin-top: 251px;
        width: 176px; 
        background-color: #f4f4f4; 
        border-left: 1px solid #acacac; 
        border-right: 1px solid #acacac; 
    }
    
    .bodyarea .leftnavigation .sap-content h5  
    {
        padding-left: 4px; 
        color: #6699CC; 
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    
    .bodyarea .leftnavigationtest 
    {
        margin-left: -970px; 
        margin-top: 226px;
        width: 176px; 
        background-color: #FFFFFF; 
        border-left: 1px solid #acacac; 
        border-right: 1px solid #acacac; 
    }
    
    .bodyarea .leftnavigationtest .sap-content h5  
    {
        padding-left: 4px; 
        color: #6699CC; 
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .leftnavseperator 
    {
       border: 0px; 
       height: 1px; 
       color: #acacac; 
       width: 100%; 
       background-color: #acacac;
    }
    .leftnavhowcanwehelp { margin-top: 5px; margin-bottom: 5px; }
    .leftnavlink  
    {
        display: block; 
        padding-left: 12px; 
        font-size: 12px; 
        margin-top: 2px;
    }
    .leftnavhr { padding-top: 3px; }
    .leftnavlink:hover { font-weight: bold; text-decoration: underline; }
    .leftnavimage { margin-bottom: 4px; }
    .leftnavfauxbg { background-color: #ffffff; padding-bottom: 1px; }
    .leftnavheader  
    {
        height: 25px;
        width: 178px;
        background-color: #6699CC;
        color: #ffffff;
        font-size: 17px;
        font-weight: bold;
        line-height: 25px; /* centers text vertically(matches height) */
    }
    .leftnavheader span { padding-left: 7px; }
    #free-shipping-window { line-height: 15px; }
    #free-shipping-window p { margin-top: 10px; }

    /**************************
     *      Content Area
     **************************/
    .bodyarea .maincontent { margin-left: -785px; width: 770px; }
    
/********************************
 *      Footer Area CSS
 ********************************/
.footerspacer { margin-left: 4px; }
.footerspacer .leftnavtweak { margin-left: -970px; }
.footerspacer .leftnavtweak .sap-content div 
{
    height: 4px; 
    width: 178px; 
    border-top: 1px solid #acacac; 
    background-color: #ffffff;
    margin-top: 66px;
}
.footerspacer .assuranceverisign 
{
    margin-left: -785px;
    height: 67px;
    padding-bottom: 4px;
}
.footerspacer .assuranceverisign .sap-content { width: 770px; }
 
.footer {}
.footer .footerlinks { margin-left: -970px; }
.footer .footerlinks .sap-content 
{
     width: 970px;
     color: #707070;
     background-color: #f4f4f4;
     border-top: 1px solid #acacac;
     font-size: 11px;
     line-height: 17px;
     height: 34px;
}
.footerlinkdiv { margin-right: 80px; padding-left: 5px; }
.footerlinkdiv a:hover { text-decoration: underline; }
.footeraddressdiv { margin-right: 0px; }
.footeraddressdiv img  
{
    display: inline; 
    cursor: pointer; 
    vertical-align: middle;
    padding-right: 2px;
}
.footer .footerlinks .sap-content div { float: left; }

/***************************************
 *      Why Choose MM Control CSS
 ***************************************/
.largebluetextarea {}
.largebluetextarea .largebluetextheader { margin-left: -770px; margin-top: 15px; }
.largebluetextarea .margintop { margin-top: 10px; }
.largebluetextarea .largebluetextheader .sap-content  
{
    width: 770px; 
    font-size: 26px;
    font-weight: bold;
    color: #1C4C7B;    
    padding-left: 5px;
}

.whychooselistarea {}
.whychooselistarea .whychooselist { margin-left: -770px; }
.whychooselistarea .whychooselist .sap-content  
{
    width: 768px;
    margin-bottom: 10px;
    border: 1px solid #acacac;
}
.whychooselistarea .whychooselist .sap-content .column { float: left; width: 340px; }
.whychooselistarea .whychooselist .sap-content .widercolumn { width: 420px; }
.whychoosecheckbox  
{
    list-style-image: url('/images/checkmark-blue.jpg');
    margin: 10px 0px 5px 0px;
    padding-left: 25px;
}

/******************************
 *      Blue Bar CSS
 ******************************/
.bluebar { margin-top: 7px; }
.bluebar .bluebartext { margin-left: -770px; }
.bluebar .bluebartext .sap-content  
{
    height: 32px;
    line-height: 32px;
    font-size: 23px;
    font-weight: bold;
    width: 770px;
    background-color: #6699cc;
    color: #ffffff;
}
.bluebarlefttext { padding-left: 5px; }
.bluebarlefttext h3 { display: inline; font-weight: bold; }
.bluebarrighttext { float: right; padding-right: 5px; }

/*********************************************
 *      Customer Assurance Control CSS
 *********************************************/
/*.assurancearea {}
.assurancearea .assuranceverisign  
{
    margin-left: -770px; 
    margin-top: 10px; 
    height: 67px;
}
.assurancearea .assuranceverisign .sap-content { width: 770px; }*/
.verisign100percent { float: right; }
.assistanceimage { margin-top: 11px; /* to fake bottom alignment with 100% and verisign */}
.dmamemberimage { padding-left: 10px; }

/**************************************
 *      Bread Crumb Control CSS
 **************************************/
.breadcrumbline {}
.breadcrumbline .breadcrumblinks { margin-left: -770px; }
.breadcrumbline .breadcrumblinks .sap-content { line-height: 22px; width: 785px; }
.breadcrumbline .breadcrumblinks .sap-content a { text-decoration: none; }
.breadcrumbline .breadcrumblinks .sap-content a:hover { text-decoration: underline; }
.breadcrumbline .breadcrumblinks .sap-content h6 { font-weight: bold; display: inline; white-space: nowrap; }

/************************
 *      In general
 ************************/
.bold
{
    font-weight: bold;
}

.nodisplay
{
    display: none;
}

.pointer 
{
    cursor: pointer;
}

}

/************************
*       New Left Hand Navigation
***************************/

#nav
	{
		float:left;
		width:180px;
	}
		#nav .nav_block 
		{
			display:block;
			border-top:solid 1px #ACACAC;
			border-bottom:0;
			background-color:#FFFFFF;
		}
		
		#nav.nav_block_m
		{
			display:block;
			border:solid 1px #ACACAC;
			margin:5px 0px 5px 0px;
		}
		
		#nav .nav_menu
		{
			background-color:#F4F4F4;
			padding-bottom:5px;
			margin-bottom:0px;
			border-bottom:0;
		}
		
			#nav .nav_menu .nav_menu_title
			{
				background-color:#6699CC;
				color:White;
				font-size:17px;
				font-weight:bold;
				line-height:25px;
				margin:0px;
				padding:5px;
			}
			
			#nav .nav_menu .nav_menu_heading 
			{
				color:#6699CC;
				font-weight:bold;
				font-size:14px;
				margin:0 0 0 0;
				padding:3px 0px 0px 5px;
			}
			
			#nav .nav_menu .nav_menu_heading a 
			{
				color:#69C;
			}
			
			#nav .nav_menu .nav_menu_link 
			{
				display:block;
				color:#464646;
				padding-left:15px;
				margin:3px 0px 3px 0px;
			}
			
			#nav .nav_menu .nav_menu_link:hover 
			{
				font-weight:bold;
				text-decoration:underline;
			}
		
		#nav > .nav_block:first-child
		{
			margin-top:0px;
		}
		
		#nav #nav_bottom 
		{
			padding-bottom:0px;
		}
		
		.nav_menu_heading a:hover
		{
		    text-decoration: underline;
		}
		
.box 
{
	border:solid 1px #ACACAC;
}

.section 
{
	margin:0px 0px 5px 0px;
}

.section h2 
{
	font-size:23px;
}

.category_btn_small 
{
	float:left;
	overflow:hidden;
	width:156px;
}

div.categorynavimage
{
    float: left;
    margin-bottom: 5px;
    margin-right: 15px;
    width: 181px;
}

div.categorynavimagelast
{
    margin-right: 0px;
    margin-left:1px;
}

div.categorybuttonlink
{
    background-color: Transparent;
    background-image: url('/images/category-button.gif');
    background-repeat: no-repeat;
    border: 0px;
    width: 181px;
    height: 26px;
    line-height: 26px;
    text-align: center; 
    margin-top: 4px;
}

div.categorybuttonlink a
{
    color: #3e86e1; 
    display: block; 
    font-family: Arial;
    font-size: 13px;
    font-weight: bold; 
    text-decoration: none;
}

a.mostpopularlink 
{
	background-color: Transparent;
    background-image: url('/images/category-button-small.jpg');
    background-repeat: no-repeat;
    color:#3E86E1;
    display:block;
    width:119px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    padding:5px 0px 5px 0px;
    font-size:13px;
}

img.mostpopularimage 
{
	display:block;
	margin-bottom:5px;
}

.section #mostpopularheading 
{
	margin:0;
	padding:5px;
	color: #6b6b6b;
}

.section #mostpopular 
{
	background-color:#F4F4F4;
	border-right:solid 1px #ACACAC;
	border-bottom:solid 1px #ACACAC;
	border-left:solid 1px #ACACAC;
	padding:5px 0px 5px 8px;
}
div.finishingoptiontypes {
    color: #585858;
    float: right;
    font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
}
div.multifinishingtypeselect{
    padding-right: 5px;
}
div.selectionpopupwidth {
    float: right;
    position:absolute;
    width: 270px;
}
div.selectionpopup {
    border: 1px solid #9e9e9e;
    background-color: #f5f5f5;
    float: left;
    position: relative;
    padding: 5px;
    width: 258px;
    z-index: 100;
}
div.closepopupbutton {
    display: inline;
    float: right;
    margin-top: -5px;
    width: 50px;
}
div.finishingtypepopupheader {
    color: #1c4c7b;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    width: 220px;
}
div.selectframecolor {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    width: 258px;
}
div.finishingtypecontainer {
    color: #000;
    border-top: 1px solid #666;
    float: left;
    margin-bottom: 10px;
    text-align: left;
    padding-top: 5px;
    width: 258px;    
}
div.framedexecutivecolors,
div.framedwoodcolors,  
div.magneticexecutivecolors, 
div.magneticwoodcolors,
div.woodmountedcolors {
    float: left;
    font-size: 11px;
    line-height: 11px;
    width: 37px;
}
div.framedwoodcolors
{
    width: 65px;
}

div.framedexecutivecolors
{
    width: 45px;
}