﻿body {
    position: relative;
}

a img {
    border: 0px;
}

#canvas {
    width: 1014px;
    margin: 0px auto;
    overflow: hidden;
    background: #fff;
    border: 1px solid #666;
    font-size: 12px;
}

 #canvastest {
	    width: 1014px;
	    margin:  0px auto;
	    overflow: hidden;
	    background: #fff;
	    border-left: 1px solid #acacac;
        border-right: 1px solid #acacac;
        border-bottom: 1px solid #acacac;
	    font-size: 12px;
	    font-family: Arial;
	    margin-top: 0px;
    }

 #canvastestnoborder {
	    width: 1014px;
	    margin:  0px auto;
	    overflow: hidden;
	    background: #fff;
	    font-size: 12px;
	    font-family: Arial;
	    margin-top: 0px;
    }

#newcanvas {
	width: 970px;
	margin:  0px auto;
	overflow: hidden;
	background: #fff;
	font-size: 12px;
	font-family: Arial;
	margin-top: 0px;
}

/*
 *  Site Header Classes 
 */
div.siteheader {
    float: left;
    width: 1014px;
}
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: 25px;
    margin-right: 2px;
    text-align: right;
    width: 180px;
    font-weight:bold;
    color: #707070;
    font-size: 12px;
}
div.headercontact .email {
    text-decoration:none;
    color: #707070;
    
}
div.headernavigation {
    background-color: #e6e6e6;
    color: #e6e6e6;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    float: left;
    font-family: Verdana;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    text-align: right;
    width: 1014px;
}
div.headernavigation .link {
    color: #707070;
    font-size: 12px;
    font-family: Arial;
    text-decoration: none;
    padding-right:15px;
}
div.headernavigation .link:hover {
    text-decoration: none;
}
div.headernavigation .lastlink {
    margin-right: 5px;
}

/*
 *  Content Class
 */
div.content 
{
    float: left;
    width: 970px;
}

/*
 *  Content ID
 */
div#content 
{
    float: left;
    width: 1014px;
}

div#contenttest {
    float: left;
    width: 800px;
}

/*
 *  Inner Content ID
 */
div#innercontent 
{
    float: left;
    border: solid 1px #868686;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom:5px;
    width: 972px;
}
div#innercontent #wrapper
{
	float: left;
	width: 972px;
	padding-bottom: 70px;
}

div#innercontenttest 
{
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom:5px;
    width: 772px;
}
div#innercontenttest #wrapper
{
	float: left;
	width: 778px;
	padding-bottom: 70px;
}

/*
 *  Site Footer Classes
 */
div.footer {
    background-color: #e6e6e6;
    border-top: 1px solid #000;
    float: left;
    font-family: Arial;
    height: 34px;
    width: 1014px;
}
div.footerlinks {
    color: #666;
    float: left;
    font-family: Arial;
    font-size: 11px;
    line-height: 17px;
    margin-left: 3px;
    width: 327px;
}
div.footerlinks a {
    color: #666;
    text-decoration: none;
}
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: 309px;
}
div.footerverisign {
    float: left;
    width: 50px;
}
div.footerverisign img {
    border: 0px;
    height: 23px;
    width: 50px;
}

/*
 * Progress Bar Image
 */
 
 div#progress img 
 {
 	margin:0px 0px 5px 20px;
 }
 
  div#progress h2 
 {
 	margin: 10px 0px 5px 20px;
 	font-size: 19px;
 	font-weight: normal;
 	color:#919191;
 }
 
 div#progress h2 span
 {
 	color:#4F9A3A;
 }

/*
 *  Step Header
 */
 div#contentheader 
 {
 	float: left;
 	width: 972px;
 }
 div#steptitle 
 {
 	float: left;
 	font-size: 24px;
    color: #42932C;
 	padding-left: 5px;
 	padding-top: 5px;
 	padding-bottom: 5px;
 	width: 972px;
 }
 
 div#stepgreybar 
 {
 	float: left;
 	background: #A6A6A6;
 	border-top: solid 1px #868686;
    border-bottom: solid 1px #868686;
    width: 972px;
    padding-bottom: 10px;
    font-weight: bold;
 }
 
 div#stepgreybar #stepdescription 
 {
 	float: left;
 	color: #ffffff;
 	font-size: 18px;
 	font-weight: bold;
 	margin-left: 10px;
 	margin-top: 10px;
 }

 div#stepgreybar #mapsummaryheader 
 {
 	float: right;
 }
 
 div#stepgreybar #mapsummaryheader #mapsummary 
 { 
 	color: #ffffff;
 	font-size: 12px;
 	font-weight: bold;
 	margin-right: 85px;
 	margin-top: 10px;
 }

  div#contentheadertest 
 {
 	float: left;
 	width: 800px;
 }
 div#steptitletest 
 {
 	float: left;
 	font-size: 24px;
    color: #42932C;
 	/*padding-left: 5px;*/
 	padding-top: 5px;
 	padding-bottom: 5px;
 	width: 772px;
 }
 
 div#stepgreybartest
 {
 	float: left;
 	background: #A6A6A6;
 	/*border-top: solid 1px #868686;
    border-bottom: solid 1px #868686;*/
    width: 778px;
    padding-bottom: 10px;
    font-weight: bold;
 }
 
 div#stepgreybartest #stepdescriptiontest
 {
 	float: left;
 	color: #ffffff;
 	font-size: 18px;
 	font-weight: bold;
 	margin-left: 5px;
 	margin-top: 10px;
 }
 
 div#stepgreybartest #mapsummaryheader 
 {
 	float: right;
 }
 
 div#stepgreybartest #mapsummaryheader #mapsummary 
 { 
 	color: #ffffff;
 	font-size: 12px;
 	font-weight: bold;
 	margin-right: 85px;
 	margin-top: 10px;
 }
 
 /*
 *  Left Input Area
 */
  div#workspace {
 	float: left;
 	width: 190px;
 	margin: 10px 5px 0px 5px;
 }
 div#workspace div.instructions 
 {
 	float: left;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma;
    overflow: visible;
    width: 190px;
}

div#workspace div#calltoaction 
{
	margin-bottom: 1em;
	float: left;
	width: 190px;
}

div#workspace div#examples 
{
	font-size: 9px;
	font-weight: normal;
	float: left;
	width: 190px;
}
div#workspace div#findbutton 
{
	float: right;
}

div#workspace div#stepverify 
{
	display: none;
}

div#workspace hr 
{
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	color: #999;
	width: 190px;
	margin-bottom: 5px;
}

  div#workspacetest {
 	float: left;
 	width: 190px;
 	margin: 10px 14px 0px 0px;
 }
 div#workspacetest div.instructions 
 {
 	float: left;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma;
    overflow: visible;
    width: 190px;
}

div#workspacetest div#calltoaction 
{
	margin-bottom: 1em;
	float: left;
	width: 190px;
}

div#workspacetest div#examples 
{
	font-size: 9px;
	font-weight: normal;
	float: left;
	width: 190px;
}
div#workspacetest div#findbutton 
{
	float: right;
}

div#workspacetest div#stepverify 
{
	display: none;
}

div#workspacetest hr 
{
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	color: #999;
	width: 190px;
	margin-bottom: 5px;
}

div#workspaceteststep3 {
 	float: left;
 	width: 190px;
 	margin: 10px 14px 0px 0px;
 }
 div#workspaceteststep3 div.instructions 
 {
 	float: left;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma;
    overflow: visible;
    width: 190px;
}

div#workspaceteststep3 div#calltoaction 
{
	margin-bottom: 1em;
	float: left;
	width: 190px;
}

div#workspaceteststep3 div#examples 
{
	font-size: 9px;
	font-weight: normal;
	float: left;
	width: 190px;
}
div#workspaceteststep3 div#findbutton 
{
	float: right;
}

div#workspaceteststep3 div#stepverify 
{
	display: none;
}

div#workspacetest hr 
{
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	color: #999;
	width: 190px;
	margin-bottom: 5px;
}
 
 /*
 * Google Map
 */
 div#map 
 {
 	float: left;
 	width: 580px;
 	height: 540px;
 	overflow:hidden;
 	border: solid 1px black;
 	margin-top: 10px;
 }
 
 /*
 * Right Overview
 */
 div#rightoverview
 {
 	float: right;
 	height: 551px;
 	width: 180px;

 }
 
 div#rightoverview .selectedStep
 {
    color: #42932C;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
 }
 
 div#rightoverview .unSelectedStep
 {
 	color: #898989;
    padding: 5px;
    font-size: 12px;
}

div#rightoverview .stepDescription 
{
    color: #898989;
    font-size: 10px;
    display: none;
    font-weight: normal;
    padding: 3px;
}

div.descriptiondiv 
{
	float: left;
	padding-left: 6px;
	margin-top: 0px;
	width: 487px;
	display: block;
}

div#map-disclaimer 
{
	clear: left;
	float: left;
	font-size: 10px;
	margin-left: 16px;
	width: 250px;
}

/* 2014 GUI Update Styles*/

.slogangray {
    font-family:'Segoe UI', Arial;
    font-size:18px;
    color: #666666;
    margin-top:5px;
    line-height:18px;
}

.sloganblue {
    font-family:'Segoe UI', Arial;
    color:#164d7c;
    font-size:18px;
    margin-top:0px;
    line-height:18px;
}

.headergraylink {
    color:#666666;
    text-decoration:none;
    font-size:13px;
}

    .headergraylink:hover {
        text-decoration:underline;
    }

.headergraylinksmall {
    color:#666666;
    text-decoration:none;
    font-size:12px;
}

    .headergraylinksmall:hover {
        text-decoration:underline;
    }

.headerbluelink {
    color:#164d7c;
    text-decoration:none;
}

    .headerbluelink:hover {
        text-decoration:underline;
    }

.headerbluetext {
    color:#164d7c;
}

.freeshippinglightblue {
    font-size:18px;
    font-weight:bolder;
    color:#6497cc;
}

#new-free-shipping-link:hover {
    cursor:pointer;
}

.bluefreeshippinglink {
    color:#164d7c;
    font-weight:bold;
}

    .bluefreeshippinglink:hover {
        cursor:pointer;
        text-decoration:underline;
    }

.footergraylinkrevamp {
    color:#808080;
    text-decoration:none;
}

    .footergraylinkrevamp:hover {
        text-decoration:underline;
    }

.footergraylinksmallrevamp {
    color:#808080;
    font-size:11px;
    text-decoration:none;
}

    .footergraylinksmallrevamp:hover {
        text-decoration:underline;
    }

#FooterAddressTest {
    cursor:pointer;
}

#new-free-shipping-link-blue:hover {
    text-decoration:underline;
    cursor:pointer;
}
/* End 2014 GUI Update Styles*/