/* part of a CSS reset */
body, 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;
}

/*
 *  Spans multiple areas
 */
h2.productname {
    color: #428eef;
    font-family: Verdana;
    font-size: 18px;
    margin-top: 0px;
}
.indent {
    margin-left: 5px;   
}

/*
 *  Site Header Classes 
 */
div.siteheader {
    float: left;
}
div.headerlogo {
    float: left;
    width: 255px;
}
div.headerlogo img {
    border: 0px;
}
div.headerwallmaps {
    color: #3e86e1;
    float: left;
    font-family: Helvetica;
    font-size: 37px;
    text-align: center;
    width: 219px;
}
div.headertagline {
    color: #428eef;
    float: left;
    font-size: 18px;
    font-family: Verdana;
    width: 350px;
}
div.headertagline .fastasnextday {
    color: #f00;
    display: inline;
    white-space: nowrap;
}
div.headercontact {
    float: left;
    font-family: Verdana;
    margin-top: 4px;
    margin-right: 2px;
    text-align: right;
    width: 143px;
}
div.headercontact .phonenumber {
    font-weight: bold;   
}
div.headercontact .email {
    color: #666;   
}
div.headernavigation {
    background-color: #666;
    color: #e6e6e6;
    border-bottom: 5px solid #e6e6e6;
    float: left;
    font-family: Verdana;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    text-align: right;
    width: 970px;   
}
div.headernavigation .link {
    color: #e6e6e6;
    font-size: 12px;
    text-decoration: underline;
}
div.headernavigation .link:hover {
    text-decoration: none;
}
div.headernavigation .lastlink {
    margin-right: 5px;   
}

/*
 *  Left Navigation Classes
 */
div.leftnavigation {
    background-color: #fff;
    background-image: url(/images/nav/left-nav-bg.gif);
    background-repeat: repeat-x;
    border-right: 1px solid #666;
    float: left;
    width: 192px;
}
div.leftnavigation .satisfaction {
    float: left;
    width: 192px;   
}
div.leftnavigation .freeshipping {
    float: left;
    width: 192px;
}
div.leftnavigation .sectionheader {
    color: #39f;
    float: left;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    width: 187px; /* 192(left nav) - 5(margin-left) */
}
div.leftnavigation .shopfor {
    color: #000;
    height: 20px;
    margin-top: 3px;
}
div.leftnavigation .sectionlinks {
    float: left;
    font-family: Verdana;
    font-size: 10px;
    line-height: 12px;
    margin-left: 25px;
    width: 167px; /* 192(left nav) - 25(margin-left) */
}
div.leftnavigation .sectionlinks a {
    color: #000;
    display: block;
    text-decoration: none;
}
div.leftnavigation .sectionlinks a:hover {
    font-weight: bold;
    text-decoration: underline;
}
div.ourpublishers {
    background-color: #fff;
    border-top: 1px solid #666;
    float: left;
    width: 192px;
}
div.ourpublishers .publisherheader {
    color: #39f;
    margin-left: 5px;
    font-family: Verdana;    
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0px 8px 0px;    
}
div.ourpublishers img {
    border: 0px;
    padding-left: 5px;
}
div.howcanwehelp {
    background-color: #fff;
    border: 1px solid #666;
    border-left: 0px;
    border-right: 0px;
    float: left;
    width: 192px;
}
div.othergreatsites {
    background-color: #fff;
    float: left;
    margin-bottom: 2px;
    width: 192px;
}
div.othergreatsites img {
    border: 0px;
    padding: 3px 0px 0px 3px;
}
div.othergreatsites .border {
    border-top: 1px solid #adadad; 
    height: 1px;
    margin-left: 3px;
    margin-top: 1px;
    width: 186px;
}


/*
 *  Content Class
 */
div.content {
    float: left;
    width: 777px;
}

/*
 *  Content Class -> Bread Crumb Classes
 *  Working width: 777px (width of div.content)
 */
div.breadcrumbs {
    border-bottom: 2px solid #e6e6e6;
    color: #666;
    float: left;
    font-family: Verdana;    
    font-size: 12px;
    line-height: 22px;
    width: 777px;
}
div.breadcrumbs .indent {
    float: left;
}
span.lastbreadcrumb {
    color: #000;
    font-weight: bold;
    white-space: nowrap;
}
div.breadcrumbs a {
    color: #666;
    text-decoration: underline;
}
div.breadcrumbs a:hover {
    text-decoration: none;
}

/*
 *  Content Class -> Product Image Classes
 *  Working width 260px; 777px (div.content width) - 517px (div.pricematrix width), 
 *  needs to share width with Product Price Matrix
 */
div.productimage {
    border-right: 0px; 
    float: left;
    padding-left: 5px;
    width: 260px;
}
div.productiamge div.productname {
    float: left;
}
div.productimage div.styleyear {
    float: left;
    margin-top: 10px;
    width: 255px;   
}
div.productimage img {
    border: 0px;
}
div.productimage .productexample {
    float: left;
    text-align: center;
    width: 255px;
}
div.productimage .logoandzoom {
    float: left;
    margin-bottom: 10px;
    width: 255px;
}
div.productimage .logoandzoom .publisherlogo {
    float: left;
    width: 130px;
}
div.productimage .logoandzoom .zoomin {
    float: left;
    margin-left: 15px;
    width: 110px;
}

/*
 *  Content Class -> Product Price Matrix Classes
 *  Working width 517px; 777px (div.content width) - 260px (div.productimage width), 
 *  needs to share width with Product Price Matrix
 */
div.pricematrix {
    border-left: 0;
    float: left;
    padding-bottom: 5px;
    margin-left: 10px;
    width: 760px;
}
div.matrixheader {
    margin-left: 4px;
    margin-top: 4px;
    height: 55px;
}
div.matrixheader .choosemap {
    float: left;
    font-size: 20px;
    font-weight: bold;
    width: 127px;
}
div.matrixheader .choosesize {
    border-bottom: 3px solid #66c;
    color: #39f;
    float: left;
    font-weight: bold;
    margin-top: 20px;
    width: 79px;
}
div.matrixheader .fastdelivery {
    border-bottom: 3px solid #66c;
    color: #f00;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-top: 23px;
    text-align: right;
    width: 295px;
}
div.matrixheader .fastdelivery div {
    margin-bottom: 5px;
}
.matrixheader_st {
    float: left;
    margin-top: 10px;
    width: 755px;
}
.matrixrightside {
    border-bottom: 4px solid #6666cc;
    float: left; 
    width: 544px;
}
.chooseyourmap_st {
    color: #000;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: -25px;
    padding-left: 15px;
    width: 196px;
}
.choosesize_st {
    color: #6666cc;
    float: left;
    font-weight: bold;
    margin-top: 0px;
}
.fastdelivery_st {
    color: #f00;
    float: right;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    text-align: right;
}
.pricematrixborder {
    border: 0px;   
    float: left;
}
div.sizerow {
    margin-left: 0px;    
}
div.sizerow .choosefinishing {
    border-left: 6px solid #33cc00;
    color: #33cc00;
    float: left;
    font-weight: bold;
    margin-top: 33px;
    padding-left: 10px;
    width: 196px;
}
div.sizerow .firstsize {
    border-left: 4px solid #e6e6e6;
    padding-left: 2px;
}
div.sizerow .sizeoption {
    float: left;
    width: 62px;
}
div.sizerow .printsize {
    color: #6666cc;
    display: block;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}
div.pricerow {
    float: left;
    font-family: Verdana;
    margin-left: 0px;
    width: 755px;
}
div.stripe {
    background-color: #eaf2fd;
}
div.pricerow .finishingoption {
    border-left: 6px solid #33CC00;
    border-right: 0px;
    float: left;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 46px;
    margin-right: 10px;
    padding: 2px 0px 2px 3px;
    width: 197px;   
}
div.pricerow .finishingoptiontextlink {
    text-decoration: underline;
}
div.pricerow .finishingoptiontextlink:hover {
    text-decoration: none;
}
div.pricerow .finishingimage {
    float: left;
    width: 66px;
}
div.pricerow .finishinglearnmore {
    color: #33CC00;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    width: 115px;
}
div.pricerow .finishinglearnmore .button {
    margin-top: 7px;
    border: 0px;
}
div.pricerow .firstfinishingoption {
    padding-bottom: 3px;   
    padding-top: 4px;
}
div.pricerow .finishingoption a {
    color: #585858;
    text-decoration: none;
}
div.pricerow .finishingoption a:hover {
    text-decoration: none;
}
div.pricerow .priceoption {
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
    padding-top: 16px;
    width: 63px;
}
div.pricerow .firstrow {
    border-top: 0px;
    padding-top: 26px; 
}
div.pricerow .priceoption a {
    color: #666;
    font-weight: normal;
    text-decoration: underline;
}
div.pricerow .priceoption a:hover {
    text-decoration: none;
}
div.pricerow div.finishingoptiontypes {
    color: #585858;
    float: right;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
}
div.pricerow div.finishingoptiontypes div.finishingtypeselect {
    float: right;
    text-align: right;
}
div.pricerow div.finishingoptiontypes div.railsselect {
    height: 29px;
    width: 98px;   
}
div.pricerow div.finishingoptiontypes div.framedselect,
div.pricerow div.finishingoptiontypes div.magneticselect {
    height: 29px;
    width: 225px;
}
div.pricerow div.finishingoptiontypes div.finishingtypeselect img {
    margin-top: 4px;   
}
div.pricerow div.finishingoptiontypes div.finishingtypeimage {
    float: right;
    margin-left: 5px;
    padding-right: 5px;
    width: 54px;
}
div.finishingoptionpopupwidth {
    position: absolute;
    width: 334px;
}
div.finishingoptionpopup {
    border: 1px solid #9e9e9e;
    background-color: #f5f5f5;
    height: 260px;
    position: relative;
    padding: 5px;
    width: 322px;
    z-index: 100;
}
div.finishingoptionopupheader {
    color: #428eef;
    font-size: 16px;
    font-weight: bold;
    width: 250px;
}
div.closepopupbutton {
    display: inline;
    float: right;
    margin-top: -5px;
    width: 50px;
}
div.popupbody {
    margin-top: 15px;
    width: 315px;
}
div.finishingexamples {
    float: left;
}
div.finishingexamples img {
    display: block;   
}
div.finishingexamples .example2 {
    margin-top: 15px;
}
div.finishingtext {
    float: left;
    font-family: Arial;
    font-size: 11px;   
    font-weight: normal;
    margin-right: 5px;
    width: 170px;
}
div.finishingtext span {
    font-weight: bold;   
}

/*
 *  Content Class -> Product Description Classes
 *  Working width 777px (div.content width)
 */
div.description {
    border: 0px; 
    float: left;
    margin-left: 0px;
    padding-bottom: 5px;
    padding-top: 10px;
    width: 500px;
}
div.description .indent {
    margin-top: 0px;
}
div.description .nameandpublisher {
    float: left;
    width: 500px;
}
div.description .publisherlogo {
    float: left;
    text-align: right;
    width: 245px;   /* this makes it look like marign/padding on the right */
}
div.description .productdescription {
    float: left;
    font-size: 10px;
    margin-top: 10px;
    width: 499px;
}
div.description .productdescription p {
    margin-top: 1em;   
}
div.description .productdescription ul {
    margin: 0px;
    padding: 0px;  
}
div.description .productdescription ul li {
    list-style-type: none;
    margin: 0px;
    margin-left: 15px;
    padding: 0px;
}
div.mapincludesindent {
    margin-left: 15px;   
}
div.description .itemcode {
    float: left;
    font-size: 10px;
    margin-top: 1em;
    width: 499px;
}
div.description .itemcode .code {
    font-weight: bold;   
}

/*
 *  Content Class -> Product Related Item Classes
 *  Working width 777px (div.content width)
 */
div.relateditems {
    border-top: 2px solid #e6e6e6;
    float: left;
    font-family: Verdana;
    margin-top: 15px;
    width: 777px;   
}
div.relateditems .alternatemapsheader {
    border-bottom: 2px solid #e6e6e6;
    color: #428eef;
    float: left;
    font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    padding: 2px 0px 2px 0px;
    width: 777px;
}
div.relateditems .alternatemap1 {
    border-right: 2px solid #e6e6e6;
    float: left;
    margin-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 381px; /* subtract margin and border widths */
}
div.relateditems .alternatemap2 {
    float: left;
    margin-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;    
    width: 383px; /* subtract margin width */
}
.alternatemapimage {
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 200px;
}
.alternatemapimage img {
    border: 0px;   
}
.alternatemapinfo {
    float: left;
    width: 170px;   
}
span.alternatestyle {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
}
.alternatemapinfo .productname {
    font-weight: bold; 
    height: 77px;
}
.alternatemapinfo .productname a {
    color: #000;
    text-decoration: none;
}
.alternatemapinfo .productname a:hover {
    text-decoration: underline;
}
.alternatemapinfo .podproductname {
    font-weight: bold;
    height: 77px;
}
.alternatemapinfo .podproductname a {
    color: #000;
    text-decoration: none;
}
.alternatemapinfo .podproductname a:hover {
    text-decoration: underline;
}
.alternatemapinfo .styledetails {
    float: left;
    font-size: 10px;
    height: 45px;
    margin-bottom: 10px;
}
.alternatemapinfo .publisherlogo {
    float: left;
    height: 25px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 170px;
}
.alternatemapinfo .moreinfo {
    border: 0px;
    float: left;
    vertical-align: -50px;   
}
div.relateditems .border {
    border-top: 2px solid #e6e6e6;
    float: left;
    height: 2px;
    width: 777px;   
}


/*
 *  Site Footer Classes
 */
div.footer {
    background-color: #e6e6e6;
    border-top: 1px solid #000;
    float: left;
    font-family: Arial;
    height: 34px;   
    width: 970px;
}
div.footerlinks {
    color: #666;
    float: left;
    font-family: Verdana;
    font-size: 9px;
    line-height: 17px;
    margin-left: 3px;
    width: 327px;
}
div.footerlinks a {
    color: #666;
    text-decoration: underline;
}
div.footerlinks a:hover {
    text-decoration: none;
}
div.footeraddress {
    color: #666;
    float: left;
    width: 360px;
}
div.footeraddress .salesinfo {
    background-color: #fff; 
    border: dashed 1px #cecece; 
    display: none; 
    font-size: 13px; 
    padding: 10px; 
    position: absolute; 
    width: 220px;
}
div.footeraddress .closesalesinfo {
    color: #00f; 
    cursor: pointer; 
    font-size: 10px; 
    text-align: right; 
    text-decoration: underline;
}
div.footeraddress .phoneicon {
    cursor: pointer;
    float: left;
    margin-top: 3px;
}
div.footeraddress .address {
    display: inline; 
    float: left;
    font-size: 11px;
    line-height: 17px;
    margin-left: 7px;
}
div.footeraddress .address .location {
    font-weight: bold;   
}
div.footercopyright {
    color: #666;
    float: left;
    font-size: 10px;
    margin-right: 15px;
    padding-top: 3px;
    text-align: right;
    width: 215px;
}
div.footerverisign {
    float: left;
    width: 50px;
}
div.footerverisign img {
    border: 0px;
    height: 23px;
    width: 50px;
}

/*
 *  Extended Finishing Options
 */
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.finishingtypepopupheader {
    color: #428eef;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    width: 150px;
}
div.woodmountedfinishingtypepopupheader {
    color: #428eef;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    width: 170px;
}
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.selectform {
    float: left;
    width: 158px;
}
div.selectformframed, div.selectformmagnetic {
    float: left;
    margin-left: 22px;
    width: 136px;   
}
div.radiobutton {
    float: left;
    height: 70px;
    width: 22px;
}
div.radiobuttonframed, div.radiobuttonmagnetic {
    float: left;
    height: 32px;
    width: 22px;
}
div.typedetails {
   float: left; 
   margin-top: 2px; 
   width: 136px; 
}
div.optionstyle {
    font-weight: bold;
}
div.optionstyleframed, div.optionstylemagnetic {
    float: left;
    font-weight: bold;
    margin-top: 2px;
    width: 236px;
}
div.optionstyleframed span, div.optionstylemagnetic span {
    font-weight: normal;
    font-size: 11px;
}
div.finishingtypecontainer, div.blurbandimage {
    clear: both;
    float: left;
    margin-top: 3px;
}
div.framedexecutivecolors, div.framedwoodcolors, 
div.magneticexecutivecolors, div.magneticwoodcolors,
div.woodmountedcolors {
    float: left;
    font-size: 11px;
    line-height: 11px;
    width: 37px;
}
div.framedexecutivecolors img, div.framedwoodcolors img,
div.magneticexecutivecolors img, div.magneticwoodcolors img,
div.woodmountedcolors img {
    margin-top: 1px;
}
div.optionstyleblurb {
    font-size: 11px;
}
div.exampleimage {
    float: left;
    width: 100px;
}