﻿

/* Resetting Browser-Set Defaults */
/*
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, 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;
}
*/



html
{
	margin:0;
	padding:0;
	border:none;
	height:100%;
	min-height:100%;
}
	
	

/* body tag (to make the site go all the way from one edge to the other */
body
{
    margin:0;
	padding:0;
    background-color: #dcdcdc;
    font-family: Arial, Helvetica, sans-serif;
    font-size:small;

    /* This is to make the tables center vertically - http://apptools.com/examples/tableheight.php */
    height:100%; 
    min-height:100%;
}

/* use this when the left nav bar is invisible */
body.Invisible
{
    margin:0;
    padding:0;
    background-color: #ffffff;
}

form { margin:0; padding:0; height:100%; min-height:100%; }

/* Headers */

h1,h2,h3,h4,h5,h6 { padding:0; margin:0; border:0; outline:0; }

h1 a:hover, .h1 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover
{
	text-decoration:underline;
}

h1, h2 /* Old PageTitle */
{
	font-size:medium;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:7px;
	line-height:normal;
}

h3, h3 a:link /* Old CategoryHeader and ProductCategoryHeader (with keyword) */
{
	font-family: Verdana;
    font-size:small;
    font-weight:bold;
    text-decoration:none;
    margin-bottom:5px;
    /*margin-top:10px;*/
    line-height:normal;
}

.h3, .h3 a:link  /* Old CategoryHeader and ProductCategoryHeader (without keyword) */
{
	font-family: Verdana;
    font-size:small;
    font-weight:bold;
    text-decoration:none;
    padding-bottom:5px;
}

/* Fix for product description headers */
.productinfo h3 { margin-top:10px; }

h4, h4 a:link /* Old MarketingHeader */
{
	font-weight:bold;
	font-size:small;
	line-height:normal;
	display:inline;
}

.h4, .h4 a:link
{
	font-weight:bold;
	font-size:small;
}

/* paragraphs */
p { padding:0; margin:0; margin-bottom:1em; }

/* lists */
ol, ul { margin-bottom:0px; }

/* input controls */
/*input, select { padding:0; margin:0; }*/


/* All Hyperlinks */
A:link
{	
	text-decoration: none;
	color: #267bd9;
}	
		
A:visited	
{
	text-decoration: none;
	/*color:#de7a00;orange4(good)*/
	/*color:#ce6d00;*/
	/*color:#c16200;*/
	color: #267bd9;
}
		
A:active	
{	
	text-decoration: none;
	color: #267bd9;
}
		
A:hover	
{	
	text-decoration: underline;
	color: #267bd9;
	/*color: #d62408;*/
}


/* High Visibility Hyperlinks #2 (Price) */
A.HighVis:link, .HighVis a:link, .HighVis
{	
	text-decoration: none;
	color: #ee6a10;
	/*color:#d62408;*/
	/*color:Red;*/
}	
		
A.HighVis:visited, .HighVis a:visited
{	
	text-decoration: none;
	color: #ee6a10;
}	
		
A.HighVis:active, .HighVis a:active
{	
	text-decoration: none;
	color: #ee6a10;
}	
		
A.HighVis:hover, .HighVis a:hover
{	
	text-decoration: underline;
	color: #ee6a10;
}


/* High Visibility Hyperlinks #2 (FAQ) */
A.HighVis2:link, .HighVis2 a:link, .HighVis2
{
	text-decoration: none;
	color: #267bd9;
}
		
A.HighVis2:visited, .HighVis2 a:visited
{
	text-decoration: none;
	color: #267bd9;
}
		
A.HighVis2:active, .HighVis2 a:active
{
	text-decoration: none;
	color: #267bd9;
}

A.HighVis2:hover, .HighVis2 a:hover
{	
	text-decoration: underline;
	color: #267bd9;
}
	
	
.SiteMapHyperlink
{
    color:Black;
}

/* SiteMap Hyperlinks */
A.SiteMapHyperlink	
{	
	text-decoration: none;
	color: Black;
	display:block;
}	

A.SiteMapHyperlink:active	
{	
	text-decoration: none;
	color:	#267bd9;
}

A.SiteMapHyperlink:hover	
{	
	text-decoration: underline;
	color: #267bd9;
}

/* just like SiteMapHyperlink except is always black even when hovered */
a.TitleHyperlink
{
	text-decoration: none;
	color:Black;
}

a.TitleHyperlink:hover
{
	text-decoration: underline;
}

.SimulatedLink
{
    background-color: #ffffff;
    border:solid 0px;
    color: #267bd9;
    cursor:pointer;
}

input.SimulatedLink:hover
{
	text-decoration: underline;
}

/* Forms */

.inputform caption.formlabel, .inputform caption.formfield, .inputform caption.formerror,
.inputform th.formlabel, .inputform th.formfield, .inputform th.formerror,
.inputform td.formlabel, .inputform td.formfield, .inputform td.formerror 
	{vertical-align: top; margin:0; padding-top: 5px; padding-bottom:4px;}


/* textbox */
input.forminput { border:1px solid #999999; height:18px; padding-left:4px; }
/* text area */
textarea.formtextarea { border:1px solid #999999; height:60px; }
/* dropdown */
select { border:1px solid #999999; }


.addressbilltosame { border-style:none; }
/*.addressbookpanel td {display: table-cell;vertical-align:middle; padding: 1px 1px 1px 15px;}*/

.requiredfieldslegend { float:right; }
.asterisk { display:inline-block; color:#ee6a10; font-size:16px; }
.formlabel { text-align:right; padding-right:8px; white-space: nowrap; }
.formfield { text-align: left; white-space: nowrap; }
/*.forminput, .checkoutinput { padding:3px 0 0 5px; background-color:#fff; }
.formtextarea { width: 90%; }*/


.formerror { width:24px; padding:2px 4px; }

.errorpage #titlesection { color:#e4422b; }
.successpage #titlesection { color:#009933; }

#titlesection a { color:#000; }



div.creditcardinput .formlabel { width: 100px; }
div.creditcardinput table { margin-right:0px; }
.grandtotal { border-top: solid 1px #262626; }



/* Main Page Structure */

/*
@media print {
	#topsection { display:none; }
}
*/

#widthwrapper { clear:both; position:relative; }
#leftsection { position:absolute; width:151px; left:0; background-color:#dcdcdc; }
/*#contentwrapper { }*/
#contentsection { margin:0 0 0 151px; padding:0; background-color:#fff; min-height:1200px; /* slightly larger than main menu */ overflow:visible; }
#contentfloater { width:600px; margin:0 auto; padding:10px 15px; background-color:#fff; }

.accountpage #contentsection { min-height:1000px; /* about the size of the largest screen that will view it */ }

#bookmarksection { width: 164px; float:right; margin-top:2px; margin-left:10px; }
#breadcrumbsection { font-size:0.82em; margin-bottom:10px; }
#historycontainer { margin-top:10px; }


.mainpage, .checkoutpage, .cartpage, .accountpage { height:100%; min-height:100%; }


/* Sprite Images */

.RegisterHeaderWrapper,
.RegisterFooterWrapper,
.LogInHeaderWrapper,
.LogInFooterWrapper
{
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/login-sprite.gif');
	background-repeat:no-repeat;
}

.RegisterHeaderWrapper
{
	width: 318px;
	height: 25px;
	background-position:0px 0px;
	position:relative;
	border-bottom: solid 2px #262626;
}

.RegisterFooterWrapper
{
	width: 318px;
	height: 25px;
	background-position:0px -25px;
	position:relative;
	border-top: solid 2px #262626;
}

.LogInHeaderWrapper
{
	width: 260px;
	height: 25px;
	background-position:0px -50px;
	position:relative;
	border-bottom: solid 2px #262626;
}

.LogInFooterWrapper
{
	width: 260px;
	height: 25px;
	background-position:0px -75px;
	position:relative;
	border-top: solid 2px #262626;
}


.ShoppingCartHeaderWrapper,
.ShoppingCartFooterWrapper,
.ShoppingCartSavedHeaderWrapper,
.ShoppingCartSavedFooterWrapper,

.CheckoutProgressStartActive,
.CheckoutProgressEndActive,
.CheckoutProgressStartInactive,
.CheckoutProgressEndInactive,
.CheckoutProgressStartComplete,
.CheckoutProgressEndComplete,

.CheckoutProgressArrowInactiveActive,
.CheckoutProgressArrowActiveInactive,
.CheckoutProgressArrowInactiveInactive,
.CheckoutProgressArrowInactiveComplete,

.CheckoutProgressShoppingCartActive,
.CheckoutProgressShoppingCartInactive,
.CheckoutProgressShoppingCartInactiveComplete,
.CheckoutProgressShoppingCartInactiveComplete2,
.CheckoutProgressCheckoutActive,
.CheckoutProgressCheckoutInactive,
.CheckoutProgressCheckoutInactiveComplete,
.CheckoutProgressCheckoutInactiveComplete2,
.CheckoutProgressReviewActive,
.CheckoutProgressReviewInactive,
.CheckoutProgressReviewInactiveComplete,
.CheckoutProgressReviewInactiveComplete2,
.CheckoutProgressReceiptActive,
.CheckoutProgressReceiptInactive,

.CheckoutItemHeader,
.CheckoutItemHeaderRightCell,
.CheckoutItemFooter,
.CheckoutItemFooterRightCell,

.AddressHeaderWrapper,
.AddressFooterWrapper,
.CheckoutExclamation,

.UPSLogo,
.FedExLogo,
.VisaLogo,
.MasterCardLogo,
.DiscoverLogo,
.AmericanExpressLogo,
.CreditCardLogos,
.Padlock
{
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/checkout-sprite.gif');
	background-repeat:no-repeat;
	vertical-align:bottom;
}


.ShoppingCartHeaderWrapper
{
	width: 600px;
	height: 28px;
	background-position:0px -222px;
	position:relative;
	border-bottom: solid 2px #262626;
}

.ShoppingCartFooterWrapper
{
	width: 600px;
	height: 28px;
	background-position:0px -248px;
	position:relative;
	border-top: solid 2px #262626;
}

.ShoppingCartSavedHeaderWrapper
{
	width: 600px;
	height: 28px;
	background-position:0px -276px;
	position:relative;
	border-bottom: solid 2px #262626;
}

.ShoppingCartSavedFooterWrapper
{
	width: 600px;
	height: 28px;
	background-position:0px -302px;
	position:relative;
	border-top: solid 2px #262626;
}

.ShoppingCartAllButtonCell
{
	padding-left:5px;
}

.AddressAllButtonCell
{
	padding:3px 0 0 10px;
}

.AddressHeaderWrapper
{
	width: 300px;
	height: 26px;
	background-position:0px -330px;
	position:relative;
	border-bottom: solid 2px #262626;
}

.AddressFooterWrapper
{
	width: 300px;
	height: 26px;
	background-position:0px -358px;
	position:relative;
	border-top: solid 2px #262626;
}





.CheckoutProgressStartActive
{
	width:24px;
	height:28px;
	background-position:-499px -64px;
}

.CheckoutProgressEndActive
{
	width:24px;
	height:28px;
	background-position:-523px -64px;
}


.CheckoutProgressStartInactive
{
	width:24px;
	height:28px;
	background-position:-547px -64px;
}

.CheckoutProgressEndInactive
{
	width:24px;
	height:28px;
	background-position:-571px -64px;
}


.CheckoutProgressStartComplete
{
	width:24px;
	height:28px;
	background-position:-595px -64px;
}

.CheckoutProgressEndComplete
{
	width:24px;
	height:28px;
	background-position:-619px -64px;
}




.CheckoutProgressArrowInactiveActive
{
	width:16px;
	height:28px;
	background-position:-435px -64px;
}

.CheckoutProgressArrowActiveInactive
{
	width:16px;
	height:28px;
	background-position:-451px -64px;
}

.CheckoutProgressArrowInactiveInactive
{
	width:16px;
	height:28px;
	background-position:-467px -64px;
}

.CheckoutProgressArrowInactiveComplete
{
	width:16px;
	height:28px;
	background-position:-483px -64px;
}


.CheckoutProgressShoppingCartActive
{
	width:113px;
	height:16px;
	background-position:-250px -92px;
}

.CheckoutProgressShoppingCartInactive
{
	width:113px;
	height:16px;
	background-position:-250px -108px;
}

.CheckoutProgressShoppingCartInactiveComplete
{
	width:133px;
	height:16px;
	background-position:-250px -108px;
}

.CheckoutProgressShoppingCartInactiveComplete:hover
{
	background-position:-250px -124px;
}

.CheckoutProgressShoppingCartInactiveComplete2
{
	width:133px;
	height:16px;
	background-position:-250px -108px;
}

.CheckoutProgressCheckoutActive
{
	width:81px;
	height:16px;
	background-position:-383px -92px;
}

.CheckoutProgressCheckoutInactive
{
	width:81px;
	height:16px;
	background-position:-383px -108px;
}

.CheckoutProgressCheckoutInactiveComplete
{
	width:100px;
	height:16px;
	background-position:-383px -108px;
}

.CheckoutProgressCheckoutInactiveComplete:hover
{
	background-position:-383px -124px;
}

.CheckoutProgressCheckoutInactiveComplete2
{
	width:100px;
	height:16px;
	background-position:-383px -108px;
}

.CheckoutProgressReviewActive
{
	width:67px;
	height:16px;
	background-position:-483px -92px;
}

.CheckoutProgressReviewInactive
{
	width:67px;
	height:16px;
	background-position:-483px -108px;
}

.CheckoutProgressReviewInactiveComplete
{
	width:87px;
	height:16px;
	background-position:-483px -108px;
}

.CheckoutProgressReviewInactiveComplete:hover
{
	background-position:-483px -124px;
}

.CheckoutProgressReviewInactiveComplete2
{
	width:87px;
	height:16px;
	background-position:-483px -108px;
}

.CheckoutProgressReceiptActive
{
	width:68px;
	height:16px;
	background-position:-550px -92px;
}

.CheckoutProgressReceiptActive2
{
	width:68px;
	height:16px;
	background-position:-618px -92px;
}

.CheckoutProgressReceiptInactive
{
	width:68px;
	height:16px;
	background-position:-570px -108px;
}


.CheckoutItemHeader
{
	height:28px;
	background-position:0px -222px;
	border-bottom: solid 2px #262626;
}

.CheckoutItemHeaderRightCell
{
	height:26px;
	background-position:-522px -222px;
	vertical-align:middle;
}

.CheckoutItemFooter
{
	height:30px;
	background-position:0px -248px;
	border-top: solid 2px #262626;
}

.CheckoutItemFooterRightCell
{
	height:28px;
	background-position:-200px -248px;
	vertical-align:middle;
}

.CheckoutExclamation
{
	width:16px;
	height:16px;
	background-position:-680px 0px;
	display:block;
}

.UPSLogo
{
	width:28px;
	height:34px;
	background-position:-605px -176px;
}

.FedExLogo
{
	width:88px;
	height:34px;
	background-position:-605px -142px;
}

.VisaLogo
{
	width:45px;
	height:25px;
	background-position:-556px -142px;
}

.MasterCardLogo
{
	width:45px;
	height:25px;
	background-position:-601px -142px;
}

.DiscoverLogo
{
	width:45px;
	height:25px;
	background-position:-646px -142px;
}

.AmericanExpressLogo
{
	width:45px;
	height:25px;
	background-position:-643px -64px;
}

.CreditCardLogos
{
	width:152px;
	height:25px;
	background-position:-200px -142px;
}

.Padlock
{
	width:9px;
	height:11px;
	background-position:-657px -108px;
}


/* Hover Effects */

.ProductAddToCart
{
	display:block;
	width: 115px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/button-add-to-cart-sprite.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.ProductAddToCart:hover
{
	background-position:-0px -30px;
}


.HelpIconWhiteBG,
.ShoppingCartEdit,
.ShoppingCartSave,
.ShoppingCartMoveToCart,
.ShoppingCartClone,
.ShoppingCartDelete,
.ShoppingCartHelp,
.ShoppingCartMoveToCartSaved,
.ShoppingCartDeleteSaved,
.ShoppingCartSaveCart,
.ShoppingCartDeleteCart,
.ShoppingCartAddCoupon,
.ShoppingCartDeleteCoupon,
.ShoppingCartUpdate,
.ShoppingCartCheckout,
.ShoppingCartContinueShopping,
.ShoppingCartExpressShipping,
.CheckoutNextStep,
.CheckoutSubmitOrder,
.CheckoutSubmitOrderLarge,
.CheckoutGoBack,
/*.CheckoutNextStepSmall,
.CheckoutSubmitOrderSmall,*/
.CheckoutShipTo,
.CheckoutBillTo,
.CheckoutShowAddressBook,
.CheckoutHideAddressBook,
.CheckoutUpdateTotals,
.CheckoutGetRates,
.CheckoutPrintThisPage,
.CheckoutReturnToHomePage {
    /*display:block;*/
    padding: 0px 0px 0px 0px;
    background-image: url('Images/Buttons/checkout-sprite.gif');
    background-repeat: no-repeat;
}

.HelpIconWhiteBG
{
	width: 16px;
	height: 16px;
	background-position:-572px 0px;
	display:block;
}

.HelpIconWhiteBG:hover
{
	background-position:-572px -16px;
}


.ShoppingCartEdit
{
	width: 32px;
	height: 16px;
	background-position:-166px 0px;
	vertical-align:bottom;
}

.ShoppingCartEdit:hover
{
	background-position:-166px -16px;
}

.ShoppingCartSave
{
	width: 83px;
	height: 16px;
	background-position:-83px 0px;
	vertical-align:bottom;
}

.ShoppingCartSave:hover
{
	background-position:-83px -16px;
}

.ShoppingCartMoveToCart
{
	width: 83px;
	height: 16px;
	background-position:0px 0px;
	vertical-align:bottom;
}

.ShoppingCartMoveToCart:hover
{
	background-position:0px -16px;
}

.ShoppingCartClone
{
	width: 39px;
	height: 16px;
	background-position:-198px 0px;
	vertical-align:bottom;
}

.ShoppingCartClone:hover
{
	background-position:-198px -16px;
}

.ShoppingCartDelete
{
	width: 41px;
	height: 16px;
	background-position:-237px 0px;
	vertical-align:bottom;
}

.ShoppingCartDelete:hover
{
	background-position:-237px -16px;
}

.ShoppingCartHelp
{
	width: 16px;
	height: 16px;
	background-position:-278px 0px;
	display:block;
	vertical-align:bottom;
}

.ShoppingCartHelp:hover
{
	background-position:-278px -16px;
}

.ShoppingCartMoveToCartSaved
{
	width: 83px;
	height: 16px;
	background-position:-294px 0px;
	vertical-align:bottom;
}

.ShoppingCartMoveToCartSaved:hover
{
	background-position:-294px -16px;
}

.ShoppingCartDeleteSaved
{
	width: 41px;
	height: 16px;
	background-position:-377px 0px;
	vertical-align:bottom;
}

.ShoppingCartDeleteSaved:hover
{
	background-position:-377px -16px;
}

.ShoppingCartSaveCart
{
	width: 83px;
	height: 16px;
	background-position:-418px 0px;
	vertical-align:bottom;
}

.ShoppingCartSaveCart:hover
{
	background-position:-418px -16px;
}

.ShoppingCartDeleteCart
{
	width: 41px;
	height: 16px;
	background-position:-501px 0px;
	vertical-align:bottom;
}

.ShoppingCartDeleteCart:hover
{
	background-position:-501px -16px;
}

.ShoppingCartAddCoupon
{
	width: 30px;
	height: 16px;
	background-position:-542px 0px;
	vertical-align:bottom;
}

.ShoppingCartAddCoupon:hover
{
	background-position:-542px -16px;
}


.ShoppingCartDeleteCoupon
{
	width: 41px;
	height: 16px;
	background-position:-481px -32px;
	vertical-align:bottom;
}

.ShoppingCartDeleteCoupon:hover
{
	background-position:-481px -48px;
}

.ShoppingCartUpdate
{
	width: 46px;
	height: 16px;
	background-position:-435px -32px;
	vertical-align:bottom;
}

.ShoppingCartUpdate:hover
{
	background-position:-435px -48px;
}

.ShoppingCartCheckout
{
	width: 175px;
	height: 30px;
	background-position:0px -32px;
	vertical-align:bottom;
}

.ShoppingCartCheckout:hover
{
	background-position:-0px -62px;
}

.ShoppingCartContinueShopping
{
	width: 150px;
	height: 25px;
	background-position:0px -92px;
	display:block;
}

.ShoppingCartContinueShopping:hover
{
	background-position:-0px -117px;
}


.ShoppingCartExpressShipping
{
	width: 200px;
	height: 40px;
	background-position:0px -142px;
	display:block;
}

.ShoppingCartExpressShipping:hover
{
	background-position:-0px -182px;
}


.CheckoutNextStep
{
	width: 130px;
	height: 30px;
	background-position:-175px -32px;
	margin:0 auto;
	background-color:#fff;
	border:none;
	cursor:pointer;
	line-height:0;
	font-size:0;
	display:block;
	text-indent:-9999px;
}

.CheckoutNextStep:hover
{
	background-position:-175px -62px;
}

.CheckoutSubmitOrder
{
	width:175px;
	height:30px;
	background-position:-430px -142px;
	background-color:#fff;
	border:none;
	cursor:pointer;
	line-height:0;
	font-size:0;
	display:block;
	text-indent:-9999px;
}

.CheckoutSubmitOrder:hover
{
	background-position:-430px -172px;
}

.CheckoutSubmitOrderLarge {
    width: 175px;
    height: 60px;
    background-position: -0px -385px;
    background-color: #fff;
    border: none;
    cursor: pointer;
    line-height: 0;
    font-size: 0;
    display: block;
    text-indent: -9999px;
}

.CheckoutSubmitOrderLarge:hover {
    background-position: -175px -385px;
}

.CheckoutGoBack
{
	width: 100px;
	height: 25px;
	background-position:-150px -92px;
}

.CheckoutGoBack:hover
{
	background-position:-150px -117px;
}


/*
.CheckoutNextStepSmall
{
	width: 120px;
	height: 22px;
	background-position:-200px -142px;
}

.CheckoutNextStepSmall:hover
{
	background-position:-200px -164px;
}

.CheckoutSubmitOrderSmall
{
	width: 120px;
	height: 22px;
	background-position:-320px -142px;
}

.CheckoutSubmitOrderSmall:hover
{
	background-position:-320px -164px;
}
*/

.CheckoutShipTo
{
	width: 46px;
	height: 16px;
	background-position:-588px 0px;
}

.CheckoutShipTo:hover
{
	background-position:-588px -16px;
}

.CheckoutBillTo
{
	width: 46px;
	height: 16px;
	background-position:-634px 0px;
}

.CheckoutBillTo:hover
{
	background-position:-634px -16px;
}

.CheckoutShowAddressBook
{
	width:115px;
	height:16px;
	background-position:-200px -186px;
}

.CheckoutShowAddressBook:hover
{
	background-position:-200px -202px;
}

.CheckoutHideAddressBook
{
	width:115px;
	height:16px;
	background-position:-315px -186px;
}

.CheckoutHideAddressBook:hover
{
	background-position:-315px -202px;
}

.CheckoutUpdateTotals
{
	width:83px;
	height:16px;
	background-position:-522px -32px;
}

.CheckoutUpdateTotals:hover
{
	background-position:-522px -48px;
}

.CheckoutGetRates
{
	width:83px;
	height:16px;
	background-position:-605px -32px;
}

.CheckoutGetRates:hover
{
	background-position:-605px -48px;
}

.CheckoutPrintThisPage
{
	width:150px;
	height:25px;
	background-position:-300px -330px;
	display:block;
}

.CheckoutPrintThisPage:hover
{
	background-position:-300px -355px;
}

.CheckoutReturnToHomePage
{
	width:200px;
	height:25px;
	background-position:-450px -330px;
	display:block;
	margin:20px auto 0 auto;
}

.CheckoutReturnToHomePage:hover
{
	background-position:-450px -355px;
}

.AccountUpdateCart,
.AccountCancel,
.AccountDelete,
.AccountEdit,
.AccountSaveChanges,
.AccountReturnToOrders,
.AccountAddNewAddress,
.AccountEmailMyPassword
{
	display:block;
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/account-sprite.gif');
	background-repeat:no-repeat;
}

.AccountUpdateCart
{
	width: 100px;
	height: 25px;
	background-position:0px 0px;
}

.AccountUpdateCart:hover
{
	background-position:0px -25px;
}

.AccountCancel
{
	width: 70px;
	height: 25px;
	background-position:-100px 0px;
}

.AccountCancel:hover
{
	background-position:-100px -25px;
}

.AccountDelete
{
	width: 70px;
	height: 25px;
	background-position:-170px 0px;
}

.AccountDelete:hover
{
	background-position:-170px -25px;
}

.AccountEdit
{
	width: 70px;
	height: 25px;
	background-position:-240px 0px;
}

.AccountEdit:hover
{
	background-position:-240px -25px;
}

.AccountSaveChanges
{
	width: 150px;
	height: 25px;
	background-position:-310px 0px;
}

.AccountSaveChanges:hover
{
	background-position:-310px -25px;
}

.AccountReturnToOrders
{
	width: 150px;
	height: 25px;
	background-position:-460px 0px;
}

.AccountReturnToOrders:hover
{
	background-position:-460px -25px;
}

.AccountAddNewAddress
{
	width: 150px;
	height: 25px;
	background-position:-610px 0px;
}

.AccountAddNewAddress:hover
{
	background-position:-610px -25px;
}

.AccountEmailMyPassword
{
	width: 150px;
	height: 25px;
	background-position:-760px 0px;
}

.AccountEmailMyPassword:hover
{
	background-position:-760px -25px;
}

.LoginRegister,
.LoginLogIn
{
	display:block;
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/login-sprite.gif');
	background-repeat:no-repeat;
}

.LoginRegister
{
	width: 150px;
	height: 30px;
	background-position:0px -100px;
}

.LoginRegister:hover
{
	background-position:0px -130px;
}

.LoginLogIn
{
	width: 90px;
	height: 30px;
	background-position:-150px -100px;
}

.LoginLogIn:hover
{
	background-position:-150px -130px;
}

/* End Hover Effects */


.CheckoutItem
{
	color:#ee6a10;
}

A.CheckoutItem:link	{	
	text-decoration: none;
	color: #ee6a10;
	}	
		
A.CheckoutItem:visited	{	
	text-decoration: none;
	color: #ee6a10;
	}	
		
A.CheckoutItem:active	{	
	text-decoration: none;
	color: #ee6a10;
	}	
		
A.CheckoutItem:hover	{	
	text-decoration: underline;
	color: #ee6a10;
	}
	
.CheckoutShipping
{
	color:#262626;
	font-size:.8em;
}

.CheckoutItemAttribute
{
	color:#267bd9;
}

.CheckoutTitle
{
	color: #267bd9;
}




.ErrorMessage
{
    color:Red;
}

.ErrorMessage ul li
{
	text-align:left;
}

.ErrorMessage40
{
	margin:0 auto; 
	width:40%;
}

.ErrorMessage50
{
	margin:0 auto; 
	width:50%;
}

.ErrorMessage60
{
	margin:0 auto; 
	width:60%;
}

.OkMessage
{
	Color:Green;
}

/* Fix for anthem validation controls on IE - since it wraps them with another div element, 
  we need to explicitly set the font size on it or there will be extra vertical space */
.anthemvalidationsummary { font-size:1px; overflow:hidden; }

.ErrorSummary
{
	padding:5px 15px 0px 15px;
	border:solid 1px #e4422b;
	background-color:#ffffcc;
	margin-bottom:15px;
	font-size:13px;
}

.ErrorSummary .ErrorIcon
{
	height:32px;
	width:32px;
	background-image:url(Images/Buttons/forms-sprite.gif);
	background-repeat:no-repeat;
	background-position:-52px -62px;
	display:inline-block;
	vertical-align:middle;
}


.ErrorSummary .ErrorHeaderText
{
	height:32px;
	padding-left:10px;
	vertical-align:middle;
	font-weight:bold;
	font-size:15px;
	color:#e4422b;
}


.ErrorSummary ul
{
	color:#000;
	padding:0;
	margin:10px 0px 10px 60px;
}

.ErrorSummary ul li
{
	padding:0;
	margin:0px 0px 1px 0px;
}


.ErrorFieldStyle
{
	/*background-color:#ffbbbb;*/
	border:solid 1px #e4422b !important;
	background-color:#ffffcc;
}

/* this controls the padding for all feedback controls */

.ml_validationfeedback,
.feedbackerror,
.feedbackok,
.feedbackerrormediumbg,
.feedbackokmediumbg
{
	padding: 2px 4px;
	background-image: url('Images/Buttons/forms-sprite.gif');
	background-repeat:no-repeat;
	display:block;
}

.ml_validationfeedback
{
	background-position:5000px 5000px; /* goes outside the area of the image */
}

.feedbackerror
{
	width: 16px;
	height: 16px;
	background-position:-56px -6px;
	position:relative;
}

.feedbackok
{
	width: 16px;
	height: 16px;
	background-position:-8px -6px;
	position:relative;
}

.feedbackerrormediumbg
{
	width: 16px;
	height: 16px;
	background-position:-80px -6px;
	position:relative;
}

.feedbackokmediumbg
{
	width: 16px;
	height: 16px;
	background-position:-32px -6px;
	position:relative;
}



.DisabledText
{
	color:#888888;
}

/*******************************************************************************************************************************/
/*
/*														Colored Tables
/*
/*******************************************************************************************************************************/


/* Light box - to add emphasis to a certain area */

.LightBox
{
    /*border:solid 1px black;*/
    border:solid 1px #999999;
    background-color:#eeeeee;
}

/* Dark box - to add emphasis to a certain area */

.DarkBox
{
    border:solid 1px #999999;
    background-color:#dcdcdc;
}

.BoxHeader
{
     /*background-color: #fd9527;
     background-color:#ffcf00;*/
     background-color:#3d8ec8;
     font-weight:bold;
     /*color:#262626;*/
     color:#ffffff;
     height:20px;
     text-align:left;
}

.BoxHeader3
{
	font-weight:bold;
	font-family:Verdana;
	color:#262626;
	height:20px;
	text-align:left;
	background-color:#ffcf00;
}

.BoxRow
{
    color:Black;
    background-color:#eeeeee;

}

.BoxAlternateRow
{
    color:Black;
    background-color:#dcdcdc;
}

.BoxPager
{
    color:Black;
    background-color:White;
    border:solid 1px black;
}

.BoxItemStyle
{
    vertical-align:top;
}


.BoxHeader2
{
	font-family:Verdana; 
	font-size:12px; 
	font-weight:bold; 
	color:#262626;
}

.DarkBox2
{
	border-collapse:collapse;
	background-color:#dcdcdc; 
	border-left:solid 1px #999999; 
	border-right:solid 1px #999999;
}

/*******************************************************************************************************************************/
/*
/*													Marketing Image Colors
/*
/*******************************************************************************************************************************/


.MarketingYellowBG
{
	background-color:#ffcf00;
}

.MarketingOrangeBG
{
	background-color:#fd9527;
}

.MarketingRedBG
{
	/*background-color:#d62408;
	background-color:#ff6347;
	background-color:#cd5c5c;*/
	background-color:#e4422b;
}

.MarketingPurpleBG
{
	background-color:#9173d3;
}

.MarketingBrownBG
{
	background-color:#9b6e5f;
}

.MarketingGreenBG
{
	background-color:#69af5f;
	/*background-color:#009933;*/
}

.MarketingBlueBG
{
	background-color:#3d8ec8;
}

/*******************************************************************************************************************************/
/*
/*													Marketing Layout
/*
/*******************************************************************************************************************************/


.MarketingColorSampleHeader,
.MarketingColorSampleFooter,
.MarketingViewDetails,
.MarketingClickHere,
.MarketingNextStep,
.freesampleoffer .MarketingFBButtonHighlight,
.freesampleoffer .MarketingFBButtonHighlightSelected
{
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/color-sample-sprite.gif');
	background-repeat:no-repeat;
}

.MarketingColorSampleHeader
{
	width:400px;
	height:55px;
	background-position:0 0;
	vertical-align:bottom;
}

.MarketingColorSampleFooter
{
	width:400px;
	height:50px;
	background-position:0 -55px;
	vertical-align:bottom;
}

.MarketingViewDetails
{
	display:block;
	width: 120px;
	height: 20px;
	background-position:0px -105px;
	vertical-align:bottom;
}

.MarketingViewDetails:hover
{
	background-position:-120px -105px;
}

.MarketingClickHere
{
	width:120px;
	height:21px;
	background-position:-240px -105px;
	vertical-align:bottom;
}

.MarketingNextStep
{
	display:block;
	width: 175px;
	height: 30px;
	background-position:0px -126px;
	vertical-align:bottom;
}

.MarketingNextStep:hover
{
	background-position:-175px -126px;
}

.freesampleoffer .MarketingFBButtonHighlight
{
	display:block;
	width:96px;
	height:27px;
	background-position:0px -156px;
	margin:-24px 0 0 130px
}

.freesampleoffer .MarketingFBButtonHighlightSelected
{
	display:block;
	width:96px;
	height:27px;
	background-position:-96px -156px;
	margin:-24px 0 0 130px
}

.colorsampleselector .border { border:3px solid #fff; margin:10px; }
.colorsampleselector .borderselected { border:3px solid #009933; margin:10px; }
.colorsampleselector .border:hover,
.colorsampleselector .borderselected:hover { border:3px solid #ee6a10; cursor:pointer; }
.colorsampleselector .samplecount { display:block; text-align:center; }
.colorsampleselector .productimage { border:0;display:block;margin: 5px auto; }
.colorsampleselector .productcell { border-left:1px solid #999; width:200px; }
.colorsampleselector .productcellend { border-right:1px solid #999; }
.colorsampleselector .productselectorcheckbox {display:block; width:170px; height:180px; margin:0 auto; }
.colorsampleselector .productdetailswrapper { display:block; width:120px; margin:5px auto; }
.colorsampleselector .productaboutwrapper { text-align:center;font-size: 10px; margin-bottom:10px; }

.freesampleoffer .facebooklikebuttonwrapper { width:400px; margin:0 auto 10px auto; }
.freesampleoffer .facebooklikebuttoncontainer { width:226px; margin:0 auto; }
.freesampleoffer .clickherewrapper { padding-top:3px; }
.freesampleoffer .facebooklikebuttonplaceholder { width:90px; height:21px; padding:3px; }
.freesampleoffer .colorsamplewrapper { width:400px; display:block; margin:0 auto 10px auto; }
.freesampleoffer .MarketingNextStep { margin:0 auto; }


.MarketingStyleButton
{
	text-align:left;
	width:25%;
}

.MarketingStyleGuide
{
	text-align:right;
	width:20%;
}

.MarketingBulletPointSpacer
{
    padding-bottom:15px;
}

ul.MarketingBulletPoint
{
    margin-top:10px;
    margin-bottom:5px;
    list-style-image: url('Images/Icons/bullet-point.gif');
}

li.MarketingBulletPoint
{
    margin-left:-10px;
}


.PriceText
{
    font-size:17px;
    font-weight:bold;
    white-space:nowrap;
}

.ProductPriceLabel
{
	width:60px;
}

.ProductThumbnailTable
{
    width:45px; 
    height:45px; 
    text-align:center; 
    border: solid 1px #999999;
}

.ProductThumbnailTableSelected
{
    width:45px; 
    height:45px; 
    text-align:center; 
    border: solid 1px #ee6a10;
}

.LargeThumbnailBorder
{
    border:solid 1px #999999; 
    width: 50px; 
    height:50px; 
    padding-top:0px;
}

.LargeThumbnailBorderSelected
{
    border:solid 1px #ee6a10; 
    width: 50px; 
    height:50px; 
    padding-top:0px;
}


ul.ProductFeature
{
    margin-top:0px;
    list-style-image: url('Images/Icons/bullet-point.gif');
    margin-bottom:12px;
}
li.ProductFeature
{
    margin-top:-4px;
    margin-left:-20px;
    padding-bottom:4px;
}

ul.ProductFeature2
{
    width: 600px;
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type:none;
}

li.ProductFeature2
{
    height: 25px;
    width:150px;
    float: left;
    margin: 0 0 -5px 4px;
    background-image:url('Images/Icons/bullet-point.gif');
    background-position:0px -4px;
    background-repeat: no-repeat;
    padding: 0 0 0 1.2em; /* left padding moves the text away from the bullet */
}

ul.ProductFeature3
{
    width: 600px;
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type:none;
}

li.ProductFeature3
{
    height: 25px;
    width:350px;
    float: left;
    margin: 0 0 -5px 4px;
    background-image:url('Images/Icons/bullet-point.gif');
    background-position:0px -4px;
    background-repeat: no-repeat;
    padding: 0 0 0 1.2em; /* left padding moves the text away from the bullet */
}

li.ProductFeature3 .ProductFeatureIcon
{
	margin-top:-6px;
	display:block;
}

ul.ProductQuestion
{
    margin-top:0px;
    margin-bottom:5px;
    list-style-image: url('Images/Icons/bullet-point.gif');
}
li.ProductQuestion
{
    margin-top:-2px;
    margin-left:-20px;
    padding-bottom:10px;
}

.ProductQuestionQ
{
    font-weight:bold;
}

.ProductAvailableMaterialNameColor
{
	color:#267bd9;
}

/* Rollover effects for home page */

a.LouverRollover
{
	display:block;
	width: 200px;
	height: 100px;
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/button-louver-rollover.png') ;
	background-repeat:no-repeat;
	background-position:0 0;
}

a.LouverRollover:hover
{
	background-position:0 -100px;
}

a.RaisedPanelRollover
{
	display:block;
	width: 200px;
	height: 100px;
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/button-rpanel-rollover.png');
	background-repeat:no-repeat;
	background-position:0 0;
}

a.RaisedPanelRollover:hover
{
	background-position:0 -100px;
}


a.BoardAndBattenRollover
{
	display:block;
	width: 200px;
	height: 100px;
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/button-bnb-rollover.png');
	background-repeat:no-repeat;
	background-position:0 0;
	float:right;
}

a.BoardAndBattenRollover:hover
{
	background-position:0 -100px;
}


a.VinylRollover
{
	display:block;
	width: 200px;
	height: 150px;
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/button-vinyl-rollover.png');
	background-repeat:no-repeat;
	background-position:0 0;
}

a.VinylRollover:hover
{
	background-position:0 -150px;
}

a.WoodRollover
{
	display:block;
	width: 200px;
	height: 150px;
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/button-wood-rollover.png');
	background-repeat:no-repeat;
	background-position:0 0;
}

a.WoodRollover:hover
{
	background-position:0 -150px;
}


a.MidAmericaRollover
{
	display:block;
	width: 200px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/button-logo-rollover.png');
	background-repeat:no-repeat;
	background-position:0 0;
}

a.MidAmericaRollover:hover
{
	background-position:0 -50px;
}

a.MasticRollover
{
	display:block;
	width: 200px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/button-logo-rollover.png');
	background-repeat:no-repeat;
	background-position:0 -100px;
}

a.MasticRollover:hover
{
	background-position:0 -150px;
}



a.StyleCraftRollover
{
	display:block;
	width: 200px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/button-logo-rollover.png');
	background-repeat:no-repeat;
	background-position:0 -200px;
}

a.StyleCraftRollover:hover
{
	background-position:0 -250px;
}

/* End Rollover effects for home page */



/* Other Images */

.SustainableLivingLogo { height:81px; width:81px; border:0; }

/* End Other Images */


/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.LGreyRoundTopLeft, .LGreyRoundTopRight, .LGreyRoundBottomLeft, .LGreyRoundBottomRight { 
	background-image: url('Images/Marketing/marketing-sprite.gif'); /* CHANGE: path and name of your image */
	height: 8px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.LGreyRoundTopLeft, .LGreyRoundBottomLeft { 
	margin-right: 8px; /* CHANGE: replace by the width of one of your corners */
	}
.LGreyRoundTopRight, .LGreyRoundBottomRight { 
	margin-left: 8px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -8px;  /* CHANGE: replace by the height of one of your corners */
	}
.LGreyRoundTopLeft {
	background-position: 0 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.LGreyRoundTopRight {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.LGreyRoundBottomLeft  { 
	background-position: 0 -8px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.LGreyRoundBottomRight { 
	background-position: 100% -8px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.LGreyRoundInside {
	border-left: 1px solid #999999; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #999999;/* YCC: color & properties of the right-borderline */
	background: #eeeeee;            /* YCC: background-color of the inside */
	/* color: #000000;                 YCC: default text-color of the inside */
	padding-left: 14px;             /* YCC: all texts at some distance of the left border */
	padding-right:14px;             /* YCC: all texts at some distance of the right border */
	}
.NoTopGap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.NoBottomGap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */


/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.DGreyRoundTopLeft, .DGreyRoundTopRight, .DGreyRoundBottomLeft, .DGreyRoundBottomRight { 
	background-image: url('Images/Marketing/marketing-sprite.gif'); /* CHANGE: path and name of your image */
	height: 8px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.DGreyRoundTopLeft, .DGreyRoundBottomLeft { 
	margin-right: 8px; /* CHANGE: replace by the width of one of your corners */
	}
.DGreyRoundTopRight, .DGreyRoundBottomRight { 
	margin-left: 8px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -8px;  /* CHANGE: replace by the height of one of your corners */
	}
.DGreyRoundTopLeft {
	background-position: 0 -16px;    /* DNC: position right corner at right side, no vertical changes */
	}
.DGreyRoundTopRight {
	background-position: 100% -16px;    /* DNC: position right corner at right side, no vertical changes */
	}
.DGreyRoundBottomLeft  { 
	background-position: 0 -24px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.DGreyRoundBottomRight { 
	background-position: 100% -24px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.DGreyRoundInside {
	border-left: 1px solid #999999; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #999999;/* YCC: color & properties of the right-borderline */
	background: #dcdcdc;            /* YCC: background-color of the inside */
	/* color: #000000;                 YCC: default text-color of the inside */
	padding-left: 14px;             /* YCC: all texts at some distance of the left border */
	padding-right:14px;             /* YCC: all texts at some distance of the right border */
	}


/*******************************************************************************************************************************/
/*
/*													Nav Top
/*
/*******************************************************************************************************************************/

/* Nav Images */

.sitelogo,
.NavViewCart,
.NavMyAccount,
.NavContactUs,
.NavClickToCall,
.NavLMenuTop,
.NavLMenuMiddle,
.NavLMenuBottom,
.ButtonSubmitSmall,
.ButtonGoSmall,
.FlagUS,
.Bullet
{ 
	padding:0;
	margin:0;
	background-image: url('Images/Buttons/navigation-sprite.gif');
	background-repeat:no-repeat;
	vertical-align:bottom;
}

.sitelogo
{
	width: 350px;
	height: 50px;
	background-position:0 0;
	display:block;
}

.sitelogo:hover
{
	background-position:0 -50px;
}

.NavViewCart
{
	width:65px;
	height:47px;
	background-position:-350px 0;
	display:inline-block;
}

.NavViewCart:hover
{
	background-position:-350px -47px;
}

.NavMyAccount
{
	width:65px;
	height:47px;
	background-position:-415px 0;
	display:inline-block;
}

.NavMyAccount:hover
{
	background-position:-415px -47px;
}

.NavContactUs
{
	width:65px;
	height:47px;
	background-position:-480px 0;
	display:inline-block;
}

.NavContactUs:hover
{
	background-position:-480px -47px;
}

.NavClickToCall
{
	width:155px;
	height:60px;
	background-position:-545px 0;
	display:block;
}

.NavClickToCall:hover
{
	background-position:-545px -60px;
}

.NavLMenuTop
{
	width:151px;
	height:28px;
	background-position:0 -100px;
}

.NavLMenuMiddle
{
	width:151px;
	height:70px;
	background-position:-700px 0;
}

.NavLMenuBottom
{
	width:151px;
	height:28px;
	background-position:-151px -100px;
}

.ButtonSubmitSmall
{
	width:70px;
	height:20px;
	background-position:-302px -100px;
}

.ButtonSubmitSmall:hover
{
	background-position:-372px -100px;
}

.ButtonGoSmall
{
	width:25px;
	height:25px;
	background-position:-442px -100px;
}

.ButtonGoSmall:hover
{
	background-position:-467px -100px;
}

.FlagUS
{
	width:16px;
	height:12px;
	background-position:-492px -100px;
}

.Bullet
{
	width:6px;
	height:6px;
	background-position:-508px -100px;
}

/* End Nav Images */

.navtopwrapper { background-color:#fff; height:94px; border-bottom:solid 3px #262626; position:relative; min-width:785px; }
.navtopwrapper .imagesection { position:absolute; top:0px; right:0px; margin-top:12px; /*float:right;*/ }
.navtopwrapper .brandingsection { height: 65px; position:relative; }
.navtopwrapper .brandingsection .logosection { margin-top: 5px; width:350px; position:absolute; top:0px; left:0px; }
.navtopwrapper .brandingsection .callussection { margin:0 277px 0 350px; }
.navtopwrapper .brandingsection .callusfloater { margin:0 auto; padding-top:4px; width:158px; }
.navtopwrapper .brandingsection .buttonsection { width:195px; position:absolute; right:82px; top:17px; white-space:nowrap; }

.navtopwrapper .brandingsection .buttonsection .viewcart { width:65px; height:50px; float:left; }
.navtopwrapper .brandingsection .buttonsection .myaccount { width:65px; height:50px; float:left; }
.navtopwrapper .brandingsection .buttonsection .contactus { width:65px; height:50px; float:left; }


.navtopwrapper .brandingsection .contactsection { width:277px; position:absolute; right:0px; top:0px; font-size:12px; line-height:14px; padding:0; margin:0; vertical-align:middle; white-space:nowrap; }
.navtopwrapper .brandingsection .contactsection img.FlagUS { display:inline-block; padding-bottom:1px; }
.navtopwrapper .brandingsection .contactsection img.Bullet { display:inline-block; margin-left:5px; padding-bottom:4px; }
.navtopwrapper .linkssection { height: 28px; color:#262626; background-color:#eee; border-top: solid 1px #999; font-family :Verdana; font-weight:bold; font-size:11px; padding-right:82px; }
.navtopwrapper .linkssection a { font-size:11px;font-family:Verdana;font-weight:bold;color:#262626; }
.navtopwrapper .linkssection a:hover { text-decoration: underline; }
.navtopwrapper .linkssection table { width:100%; height:100%;}
.navtopwrapper .linkssection .menucell { width:151px; text-align:center; background-repeat:no-repeat; vertical-align:middle; }
.navtopwrapper .linkssection .logincell { width:140px; text-align:center; vertical-align:middle; }
.navtopwrapper .linkssection .searchcell { width:40px; text-align:right; vertical-align:middle; }
.navtopwrapper .linkssection .searchtextcell { width:100%; padding-left:6px; padding-right:10px; }
.navtopwrapper .linkssection .searchtextcell .searchbox { width:100%; height:20px; border:solid 1px #999; }
.navtopwrapper .linkssection .searchbuttoncell { width:25px; }
.navtopwrapper .linkssection .totalcell { width:190px; text-align:center; vertical-align:middle; }
/*.navtopwrapper .linkssection .spacercell { width:82px; }*/


.navtopwrapper .linkssection .checkouttotalcell { width:20%; padding-right:8px; text-align:center; vertical-align:middle; }

.NavTopCheckoutProgressCellComplete,
.NavTopCheckoutProgressCellIncomplete,
.NavTopCheckoutProgressCellActive,
.NavTopCheckoutProgressCellActiveComplete
{
	width:20%; 
	text-align:center;
	font-size:12px;
	padding-top:2px;
}

.NavTopCheckoutProgressCellComplete
{
	background-color:#dcdcdc;
}

.NavTopCheckoutProgressCellIncomplete
{
	background-color:#dcdcdc;
}

.NavTopCheckoutProgressCellActive
{
	background-color:#fd9527;
}

.NavTopCheckoutProgressCellActiveComplete
{
	background-color:#009933;
}


.NavTopShutterImage
{
	vertical-align:bottom; 
	width:82px; 
	height:82px;
}

.NavTopLogoImage
{
	height:50px;
	width:350px; 
	vertical-align:bottom;
}










.NavTopTopDiv
{
    width:100%; 
    background-color:#fff;
    height:82px;
}

.NavTopBottomDiv
{
    width:100%; 
    background-color:#262626;
    height:3px;
    font-size:1px;
    line-height:1px;
    overflow:hidden;/*  fix for IE6 */
}

.NavTopLinksTable
{
	width:100%; 
	height:100%;
}

.NavTopLogoCell
{
	width:350px;
}

.NavTopAddThisCell
{
	vertical-align:top; 
	padding-top:4px;
}

.NavTopNavButtonCell
{
	width:60px;
}

.NavTopPhoneCell
{
	width:151px; 
	text-align:center; 
	background-repeat:no-repeat;
	/* Note: The background image is set in code-behind */
}

.NavTopLoginCell
{
	width:140px; 
	text-align:center;
}

.NavTopSearchCell
{
	width:40px; 
	text-align:right;
}

.NavTopSearchTextCell
{
	width:100%; 
	padding-left:6px; 
	padding-right:10px;
}

.NavTopSearchButtonCell
{
	width:25px;
}

.NavTopCartTotalCell
{
	width:190px; 
	text-align:center;
}

.NavTopSearchBox
{
	width:100%; 
	height:20px;
}

/*
.NavTopSearchButtonImage
{
	width:25px; 
	height:25px; 
	vertical-align:bottom;
}
*/

A.NavTopHyperlink:link, .NavTopHyperlink
{	
	text-decoration:	none;
	font-size:8pt;
	font-family:Verdana;
	font-weight:bold;
	color:#262626;
}		
A.NavTopHyperlink:visited	
{	
	text-decoration:	none;
	font-size:8pt;
	font-family:Verdana;
	font-weight:bold;
	color:#262626;
}		
A.NavTopHyperlink:active	
{	
	text-decoration:	none;
	font-size:8pt;
	font-family:Verdana;
	font-weight:bold;
	color:#262626;
}	
A.NavTopHyperlink:hover	
{	
	text-decoration:	underline;
	font-size:8pt;
	font-family:Verdana;
	font-weight:bold;
	color:#262626;
}


.NavTopLinksTD
{
	height: 28px; 
	color:#262626; 
	background-color:#eeeeee; 
	border-top: solid 1px #999999; 
	font-family :Verdana; 
	font-weight:bold;
	vertical-align:top; 
	font-size:8pt;
}












/*******************************************************************************************************************************/
/*
/*													Nav Left
/*
/*******************************************************************************************************************************/

.NavLeftMainTable
{
	width: 151px;
}

.NavLeftContentCell
{
	width:150px; 
	vertical-align:top;
	background-color: #99bbff;
}

.NavLeftContentCell2
{
	width:150px; 
	vertical-align:top;
	background-color:#eeeeee;
}

.NavLeftBottomCell
{
	border-top:solid 3px #262626;
}

.NavLeftTopCell
{
	border-bottom:solid 3px #262626;
}

.NavLeftBorderCell
{
	width:1px; 
	background-color:#262626;
}

.NavLeftHeaderImage
{
	width:150px;
	height:24px;
	vertical-align:bottom;
}

.NavLeftBottomImage
{
	width:151px;
	height:29px;
	vertical-align:bottom;
}

.NavLeftMiddleImage
{
	width:151px;
	height:70px;
	vertical-align:bottom;
}

/*
.NavLeftSubmitButtonImage
{
	width:85px; 
	height:20px; 
	vertical-align:bottom;
}
*/

.NavLeftHyperlink
{
    font-size:10pt;
    color:#262626;
}
A.NavLeftHyperlink:link	{	
	text-decoration:	none;
	font-size:10pt;
	color:#262626;
	}
A.NavLeftHyperlink:visited	{	
	text-decoration:	none;
	font-size:10pt;
	color:#262626;
	}
A.NavLeftHyperlink:active	{	
	text-decoration:	none;
	font-size:10pt;
	color:#262626;
	}
A.NavLeftHyperlink:hover	{	
	text-decoration:	underline;
	font-size:10pt;
	color:#ffffff;
	}

.NavLeftHyperlinkBlock1
{
	display:block;
	width:135px;
	height:18px;
	/*background-color:Red;*/
}
.NavLeftHyperlinkBlock2
{
	display:block;
	width:135px;
	height:32px;
	/*background-color:Red;*/
}
	

table.NavLeftMenuTable
{
    width:100%; 
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
}
td.NavLeftMenuSpacing
{
    padding-top:3px;
    padding-left:8px;
    vertical-align:top;
    padding-right:5px;
    padding-bottom:3px;
    
    border-top:solid 1px #262626;
    /*background-color:#dddddd;*/
}
td.NavLeftMenuSpacing2
{
	padding-top:3px;
    padding-left:8px;
    vertical-align:top;
    padding-right:3px;
    padding-bottom:3px;
}
td.NavLeftTopMenuSpacing
{
    padding-top:3px;
    padding-left:8px;
    vertical-align:top;
    padding-right:5px;
    padding-bottom:3px;
    
    /*background-color:#dddddd;*/
}
td.NavLeftProductMenuSpacing
{
    padding-top:3px;
    padding-left:8px;
    vertical-align:top;
    padding-right:5px;
    padding-bottom:3px;
    
    border-top:solid 1px #262626;
    /*background-color:#dddddd;*/
}
.NavLeftMenuText
{
	font-size:11pt;
	color:#262626;
}

.NavLeftTableBorder
{
	border:solid 1px #262626;
}

.NavLeftEmailField
{
	width:125px;
}


/* Header Images */

td.NavLeftShuttersByStyle, 
td.NavLeftShuttersByMaterial, 
td.NavLeftOtherProducts, 
td.NavLeftProductInformation, 
td.NavLeftOrderInformation,
td.NavLeftCompanyInformation,
td.NavLeftMyAccount
{
	display:block;
	width: 150px;
	height: 24px;
	padding: 0;
	background-image: url('Images/Buttons/navigation-sprite.gif');
	background-repeat:no-repeat;
}

td.NavLeftShuttersByStyle
{
	background-position:-700px -70px;
}

td.NavLeftShuttersByMaterial
{
	background-position:-700px -94px;
}

td.NavLeftOtherProducts
{
	background-position:-851px 0;
}

td.NavLeftProductInformation
{
	background-position:-851px -24px;
}

td.NavLeftOrderInformation
{
	background-position:-851px -48px;
}

td.NavLeftCompanyInformation
{
	background-position:-851px -72px;
}

td.NavLeftMyAccount
{
	background-position:-851px -96px;
}

/* End Header Images */


/********************************************************************************************************************************/
/*
/*                                                Formerly Styles.css
/*
/*
/********************************************************************************************************************************/




.PageMargin
{
	padding:5px 10px 5px 10px;
}

.PageFont
{
	font-size:small;
}

.Footnote
{
    font-size:0.80em;
}

@media print 
{
    .NoPrint
    {
        display:none;
    }
}

@media screen
{
	.PrintOnly
	{
		display:none;
	}
}


/* Border for images */
.ImageBorderA
{
     border:solid 1px black;
}

.ImageBorderB
{
     border:solid 1px #999999;
}

.Preload
{
	display:none;
}

.PreloadImage
{
	width:1px;
	height:1px;
}


/* Clear to reset a block to "normal" */
.Clear { clear:both; font-size:0; height:0; line-height:0; overflow:hidden; margin:0; padding:0; min-height:1%;}


.Hide
{
	display:none;
}

.SmallIcon
{
    width:16px;
    height:16px;
}

.LargeIcon
{
    width:32px;
    height:32px;
}

.FeatureIcon
{
    width:32px;
    height:19px;
    border:0px;
}

.BrandImage
{
	height:36px;
	width:135px;
	vertical-align:bottom;
}

/*
.SiteMapPathCell
{
	font-size:0.70em;
	padding-bottom:10px;
}
*/

.ProductVerticalDivider
{
	background-color:#999999;
	width:1px;
}

.RecentlyViewedText
{
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
}



/* Alignment and Spacing */

.CenterImage
{
	display:block;
	margin-left:auto; 
	margin-right:auto;
}

.AlignRight
{
	text-align:right
}

.AlignCenter
{
    text-align:center;
}

.AlignLeft
{
    text-align:left;
}

.VAlignTop
{
    vertical-align:top;
}

.VAlignMiddle
{
    vertical-align:middle;
}

.VAlignBottom
{
    vertical-align:bottom;
}

.FullWidth
{
    width:100%;
}

.HalfWidth
{
    width:50%;
}

.ThirdWidth
{
    width:33%;
}

.QuarterWidth
{
    width:25%;
}

.MarginBottom5
{
    margin-bottom:5px;
}

.MarginBottom10
{
    margin-bottom:10px;
}

.MarginBottom15
{
    margin-bottom:15px;
}

.MarginTop5
{
    margin-top:5px;
}

.MarginTop10
{
    margin-top:10px;
}

.MarginTop15
{
    margin-top:15px;
}

.MarginTop20
{
    margin-top:20px;
}

.MarginTop25
{
    margin-top:25px;
}

.PaddingBottom5
{
    padding-bottom:5px;
}

.PaddingBottom10
{
    padding-bottom:10px;
}

.PaddingBottom15
{
    padding-bottom:15px;
}

.PaddingBottom20
{
    padding-bottom:20px;
}

.PaddingBottom25
{
    padding-bottom:25px;
}

.PaddingTop5
{
    padding-top:5px;
}

.PaddingTop10
{
    padding-top:10px;
}

.PaddingTop15
{
    padding-top:15px;
}

.PaddingTop20
{
    padding-top:20px;
}

.PaddingTop25
{
    padding-top:25px;
}

.PaddingLeft5
{
    padding-left:5px;
}

.PaddingLeft10
{
    padding-left:10px;
}

.PaddingLeft15
{
    padding-left:15px;
}

.PaddingLeft20
{
    padding-left:20px;
}

.PaddingRight5
{
    padding-right:5px;
}

.PaddingRight10
{
    padding-right:10px;
}

.PaddingRight15
{
    padding-right:15px;
}

.PaddingRight20
{
    padding-right:20px;
}

/* End Alignment and Spacing */



/* Home Page Styles */

.HomeHeader
{
	font-family:Verdana; 
	font-size:large; 
	font-weight:bold;
	text-align:center;
	padding-bottom:5px;
}

.HomeHeader h1
{
	font-family:Verdana; 
	font-size:large; 
	font-weight:bold;
	display: inline; 
	line-height:normal;
}

.HomeStyleImage
{
	width:200px;
	height:100px;
	vertical-align:bottom;
}

.HomeMaterialImage
{
	width:200px;
	height:150px;
	vertical-align:bottom;
}

.HomeBrandImage
{
	height:50px;
	width:200px;
}

.HomeImage1
{
	width: 391px;
	height: 269px;
}

.HomeImage1Alignment
{
	vertical-align:top;
}

.HomeImage1Spacing
{
	width:400px; 
	padding:0 5px 0 4px;
}

.HomeFeaturedItemSpacing
{
	width:200px; 
	padding:0 3px 0 3px;
}

.HomeFeaturedItemBorderTable
{
	width:192px;
}

.HomeFeaturedItemBorderTable img
{
    vertical-align: middle;
}

.HomeFeaturedItemTitle1
{
	text-align:center; 
	font-family:Verdana; 
	font-weight:bold; 
	font-size:8pt; 
	height:20px; 
	width:152px;
}

.HomeFeaturedItemTitle2
{
	font-size:7pt; 
	font-weight:normal;
}

.HomeProductBorder
{
	border-left:solid 1px #999999; 
	border-right:solid 1px #999999;
}

.HomeProductTable
{
	width:190px;
}

.HomeProductHeaderCell
{
	text-align:center; 
	width:540px;
	height:25px;
}

.HomeProductFooterCell
{
	height:20px;
}

.HomeProductNameCell
{
	vertical-align:top;
	padding:3px 0 5px 0;
	text-align:center;
}

.HomeFeaturedItemProductCell
{
	height:196px; 
	vertical-align:middle;
}

.HomeFeaturedItemPriceViewCell
{
	vertical-align:top; 
	height:20px;
}

.HomeProductPriceCell
{
	vertical-align:middle; 
	text-align:center; 
	padding:5px 5px 3px 5px;
}

.HomeProductViewCell
{
	vertical-align:top; 
	padding:5px 5px 3px 0px;
}

.HomeFeaturedItemPrice
{
	display:block; 
	height:20px; 
	line-height:20px; 
	overflow:hidden; 
	font-family:Verdana; 
	font-weight:bold; 
	font-size:12px;
}

.HomeFeaturedItemProductImageCell
{
	vertical-align:top; 
	height:120px;
}

.HomeFeaturedItemProductNameCell
{
	vertical-align:top; 
	padding-top:3px; 
	text-align:center;
}

.HomeFeaturedItemProductNameLink
{
	display:block; 
	font-size: 12px;
}

.HomeFeaturedItemCategoryCell
{
	vertical-align:top; 
	text-align:center; 
	font-size: 10px; 
	height:28px; 
	padding-top:5px;
}

.HomeFeaturedItemCategoryLink
{
	display:block; 
	height:28px;
}

.HomeBrandTable
{
	float:right;
}

.HomeTextInnerPadding
{
	padding: 4px 0 4px 0;
}

.HomeTextOuterPadding
{
	padding:0 4px 0 4px;
}


/* End Home Page Styles */


/* SiteMap Page Styles */
	
.SiteMapIndent1
{
	padding-left:17px;
}

.SiteMapIndent2
{
	padding-left:34px;
}

.SiteMapIndent3
{
	padding-left:51px;
}
	
/* End SiteMap Page Styles */


/* Product Pages and Product List Pages */

.ProductImageThumbnail
{
	width:39px;
	height:39px;
}

.ProductImageSmall
{
	width:120px;
	height:120px;
}

.ProductImageMedium
{
	width:200px;
	height:200px;
}

.LogoBox
{
    background-color:White;
    border:solid 1px black;
}

.LinkTitle
{
    font-size: 10pt;
    font-weight:bold;
}

.ProductDescription
{
    /*text-align:justify;*/
    padding-bottom:15px;
}

.ProductListNames ul
{
	padding:10px;
	margin:0;
	font-size:.9em;
}

.ProductListNames li
{
	display:inline;
}

.ProductListNames li:after
{
	content:", ";
}

.ProductListNames li:last-child:after
{
	content:"";
}


.ProductSummary
{
    /*text-align:justify;*/
}

.ProductDescriptionDivider
{
	border-top: 1px solid #DDDDDD;
}

.ProductNameSmall
{
	font-size: 0.93em;
}

.ProductKeyword
{
    font-size:.90em;
}


.ProductSpecTable
{
    width:100%; 
    border-collapse:collapse; 
    margin-bottom:15px;
}

.ProductSpecName
{
    width: 200px;
    vertical-align:top;
}

.ProductSpecDescription1
{
    text-align:right;
    padding-bottom:4px;
}

.ProductSpecDescription1End
{
    text-align:right;
}

.ProductSpecDescription2
{
    padding-left:15px;
    padding-bottom:4px;
}

.ProductSpecDescription2End
{
	padding-left:15px;
}

.ProductSpecDescription3
{
	text-align:left;
	padding-bottom:4px;
}

.ProductSpecDescription3End
{
	text-align:left;
}

.ProductAvailableMaterialName, .ProductAvailableMaterialNameTop, .ProductAvailableMaterialName2
{
	width:140px;
	font-weight:bold;
	font-size:0.90em;
	vertical-align:top;
	
}

.ProductAvailableMaterialName
{
	padding-top:10px;
	padding-bottom:2px;
}

.ProductAvailableMaterialNameTop
{
	padding-bottom:2px;
}

.ProductAvailableMaterialName2
{
	padding-bottom:6px;
}

.ProductAvailableMaterialDescription
{
	padding-bottom:10px;
	vertical-align:top;
}

.ProductAvailableMaterialDescription2
{
	vertical-align:top;
}

.ProductAvailableMaterialImageCell
{
	vertical-align:top;
	padding-bottom:10px;
}

.ProductAvailableMaterialImageCell2
{
	vertical-align:top;
}

.ProductAvailableMaterialImage
{
	border: solid 1px black;
	width: 120px;
	height: 75px;
}

.WoodSpecies
{
	font-style:italic;
}

.WoodSpeciesCell
{
	/*padding-top:10px;*/
	padding-bottom:6px;
}

.ProductDLCell
{
	padding-top:8px;
}

.ProductDLImgCell
{
	vertical-align:top;
	padding-right:5px;
}

.ProductDLImg
{
	border:0px;
	height:32px;
	width:32px;
}

.ColorExactMatchNotice
{
    font-weight:bold; 
    padding-bottom:10px;
}

.MAColorNotPaintableNotice
{
    padding-bottom:10px;
}

.ProductConfigurationTable
{
    /*font-size:0.95em;*/
}

ul.ColorChart
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

li.ColorChart
{
    float: left;
    /*width: 6.3em;*/
    width:84px;
    height: 80px;
    margin: 0;
    padding: 0;   
    list-style-type:none;
}

.ColorChartName
{
    width:80px;
    font-size:8pt;
}


ul.ProductImageThumbLarge
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

li.ProductImageThumbLarge
{
    float: left;
    width: 60px;
    height: 50px;
    margin: 0;
    padding: 0;   
    list-style-type:none;
}

.ProductImageTable
{
    width:270px;
}

.ProductImageMainTable
{
    width:259px; 
    height:240px; 
    border:solid 1px #999999;
}


.ThumbnailImageSelectorCell
{
    vertical-align:top; 
    padding-top:6px;
}

.ThumbnailImageAltTable
{
    padding-left:6px; 
    padding-right:6px;
}

.LargerViewCell
{
    text-align:center; 
    padding-top: 6px; 
    color:#737373;
}

.ProductConfigurationTable
{
    width:100%;
}

.ProductSummaryPadding
{
    padding-left:20px;
}

.ProductAttributeCell
{
    text-align:right;
    vertical-align:top;
}

.ProductAttributeCell div{ vertical-align:top; }


.ProductAttributeTable
{
    float:right;
    color:#262626;
}

.ProductFreeShippingImage
{
	width:138px;
	height:30px;
}

.ProductHelpImage
{
    float:right;
}

.ProductShippingEstimateCell
{
    text-align:right; 
    padding-right:55px;
}

.AddToCartTable
{
    width:100%;
    padding-bottom:10px;
}

.BrandImageOuterCell
{
    vertical-align:top; 
    text-align:center; 
    padding-top:10px; 
    width:259px;
}

.CartManagementOuterCell
{
    vertical-align:top; 
    padding-top:10px;
}

.ProductPriceTable
{
    width:100%;
    table-layout:fixed;
}

.ProductPriceSpace
{
    width:10px;
}

.QuantityOuterCell
{
    text-align:right; 
    vertical-align:bottom;
}

.QuantityTable
{
    width:100%;
}

.QuantityLabelCell
{
    text-align:right; 
    width:100%;
}

.QuantityCell
{
    text-align:left;
}

.ImagesAndAttributesTable
{
    width:100%;
}

.QuantityField
{
    width:30px;
}

.FreeShippingOuterCell
{
    vertical-align:top; 
    padding-top:10px;
}

.FreeShippingTable
{
    float:right;
}

.FreeShippingSpace
{
    width:45px;
}

.FreeShippingEditSpace
{
    width:15px;
}

.CancelEditSpace
{
    width:10px;
}

.ProductSectionFrame
{
    text-align:left;
    vertical-align:top; 
    border:solid 1px #999999;
}

.DidYouKnowTable
{
    width:100%; 
    margin-bottom:15px;
}

.DidYouKnowBorder
{
    padding:15px;
    background-color:#dcdcdc;
}

.RelatedProductsTable
{
    width:100%;
}


.ProductNotificationTable
{
    width:100%;
}

.ProductLinksSection
{
    width:225px; 
    float:right; 
    margin-left: 15px; 
    margin-bottom: 15px; 
    margin-top: 15px;
}

.ProductLinksTable
{
    width:100%;
    padding-left:9px;
    padding-right:9px;
    padding-bottom:5px;
    padding-top:5px;
    text-align:left;
}

.VinylVideoTextCell
{
    padding:25px; 
    /*text-align:justify;*/
}

.VinylVideoOuterCell
{
    padding-bottom:33px;
}

.VinylVideoTable
{
    background-color:#737373;
}

.WGLVideoSize
{
	width:550px; 
	height:412px;
}

.QSCVideoSize { width:479px; height:393px; overflow:hidden; vertical-align:bottom; }
.QSCVideoFrame { width:616px; height:540px;margin-left:-8px; }

.ProductTestimonialList
{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.ProductTestimonialItem
{
	list-style-type:none;
	padding-top:10px;
}

.ProductTestimonial
{
	font-weight:bold;
	padding-bottom:10px;
}

.ProductTestimonialSignature
{
	text-align:right;
}

.ProductThumbnailHyperlink
{
    width:45px; 
    height:43px; 
    display:block;
}

.ProductImageSize
{
    width:259px;
    height:240px;
}

.HandCursor
{
    cursor:pointer;
}

.DefaultCursor
{
    cursor:default;
}

.CalculateButton 
{
    width: 110px;
    height: 20px;
    font-size:9pt;
    text-align:left;
}

.ProductAttributeNameField
{
    text-align:right;
    width: 90px;
    font-weight:700;
}

.ProductAttributeLineHeight td { padding:0 4px; }
.ProductAttributeLineHeight { height:40px; }
.ProductAttributeValueField td { padding:0; }
.ProductAttributeValueField{ text-align:left; }

.ProductAttributeHelpField
{
    vertical-align:middle;
    text-align:right;
}

.MeasurementImage
{
    float:left;
    border:0px;
}

.RecycleImageCell
{
	width:112px;
}



/* Begin styles for Mid Rail calculator dropdown control */

/* the dropdown control in IE6 was displaying in front of the 
    calculator div, so it was wrapped with bgiframe */

.midrailcalculatorwrapper { position:relative; }
.midrailcalculatorwrapper .Calc1VisibleDiv { z-index:50;display:block;position:absolute;left:-232px; top:0px;width:260px;height:230px;border:solid 1px black;background-color:#eeeeee; }
.midrailcalculatorwrapper .Calc1InvisibleDiv { display:none; }
.midrailcalculatorwrapper .Calc1ContentTable { width:250px; margin:5px; position:absolute; }
.midrailcalculatorwrapper .Calc1ButtonPadding { padding-top:5px;}
/*.midrailcalculatorwrapper .Calc1Button {width:70px;}*/
.midrailcalculatorwrapper .Calc1RadioSpacing {width:40px;}
.midrailcalculatorwrapper .Calc1Text{ padding:5px; }
.midrailcalculatorwrapper .Calc1RadioCell { padding:5px 0 !important;}

/* End styles for Mid Rail calculator dropdown control */

/* Styles for dropdown valid/invalid values */

.DDLValidValue
{
	color:black;
	/*text-decoration:none;
	text-align:left;*/
}

.DDLInvalidValue
{
	color:red;
	/*text-decoration:line-through;
	text-align:right;*/
}

/* End styles for dropdown valid/invalid values */


/* Recent Product Styles */

.RecentlyViewedTable
{
    width:100%;
}

@media print 
{
    .RecentlyViewedTable
    {
        display:none;
    }
}

.RecentProductAlignment
{
    text-align:left; 
    vertical-align:top;
}

.RecentProductTable
{
    width: 100%;
}

.RecentProductSize
{
	width:199px;
}

.RecentProductName
{
    text-align:center; 
    vertical-align:top; 
    padding-bottom:10px;
    padding-left:3px;
    padding-right:3px;
}

.RecentProductImage
{
    text-align:center; 
    vertical-align:top;
    padding-top:10px;
    padding-bottom:3px;
}

/* End Recent Product Styles */


/* End Product Pages and Product List Pages */


/* Help Page Styles */

.PopupBody
{
    background-color:#ffffff;
    margin-bottom:15px;
}

.HelpMidRailImage
{
    float:left;
}

.HelpWidthImage
{
    float:left;
}

.HelpHeightImage
{
    float:left;
}

.HelpHeightFractionImage
{
    float:left;
}

.PopUpCommandLink
{
    font-weight:bold;
}

@media print {
.PopUpCommandLink
{
    display:none;
}
}

/* End Help Page Styles */


/* Styles for Image Viewer Popup */

.ImageViewerOuterTable
{
    width:100%; 
    padding:7px;
}

.ImageTitleTable { width:620px; }
.ImageTitleTable a { color:#000; }
.ImageTitleTable a:hover { text-decoration:underline; }

.ImageBorderTable
{
    width:620px;
    border-collapse:collapse;
}

.MaxImageSize
{
    width:400px; 
    height:400px;
}

.LinkBackHidden
{
    display:none;
}

.LinkBackVisible
{
    display:block;
}

.LargeThumbnailHyperlink
{
    width:50px; 
    height:48px; 
    display:block;
}

.CellImage
{ 
    background-repeat:no-repeat;
    background-position:center;
    width:39px;
    height:39px;
} 

.CellImage img
{
    display:block;
}

/* End Styles for Image Viewer Popup */


/* Product Line Page Styles */

.ProductLineText
{
}

.ProductLineImagePosition1
{
	padding-top:5px;
    float:right;
    padding-left:20px;
}

/* End Product Line Page Styles */


/* About Us Page Styles */

.AboutUsText
{
}

.AboutUsImagePosition
{
    float:right;
    width:320px;
    height:275px;
    padding-left:20px;
}

.AboutUsImage
{
    width: 300px;
    height: 261px;
}

/* End About Us Page Styles */


/* Home Improvement Professionals Page Styles */

.HIProImagePosition1
{
    padding-top:5px;
    float:right;
    padding-left:20px;
}

.HIProText
{
}

.HIProAvgTable
{
    text-align:left;
    border-collapse: collapse;
}

.HIProAvgCategory
{
    padding-top:8px;
    padding-bottom:8px;
}

.HIProAvg
{
    padding-top:8px;
    padding-bottom:8px;
}

.HIProAvgTitle
{
    padding-top:5px;
    padding-bottom:5px;
}

.HIProAvgTableProfit
{
    font-weight:bold;
}

.HIProAvgTableProfitTitle
{
}

.HIProAvgSource
{
    font-size:0.70em;
}


.HIProProductOverviewTable
{
    width:100%; 
    text-align:left;
}

.HIProImagePosition2
{
    text-align:center;
}

.HIProElaboration
{
    font-size:0.80em;
}

.HIProTitle
{
    padding-bottom:15px;
}

.HIProTextTable
{
    width:135px;
}

.HIProTextTablePosition
{
    vertical-align:top; 
    padding-top:30px;
}

/* End Home Improvement Professionals Page Styles */


/* Testimonials Page Styles */

.TestimonialHeader
{
    padding-bottom:10px;
}

.TestimonialOuterTable
{
    width:100%;
}

.Testimonial
{
    font-size:1.2em; 
    font-weight:bold;
}

.TestimonialSignature
{
    text-align:right;
}

.TestimonialEmailUs
{
    padding-top:15px;
}

/* End Testimonials Page Styles */

/* Policy Pages */

div.geotrustlogo {float:left; width:140px; height:100px;}
img.geotrustlogo { margin-top:13px; }

div.securitymetricslogo { float:left; width: 140px; height:90px; /*display:block;*/ }
img.securitymetricslogo { margin-top:30px; }

/* End Policy Pages */


/* Shopping Cart Page Styles */

.ShoppingCartTopNavWrapper
{
	position:relative;
}

.ShoppingCartTopNavExpress
{
	position:absolute;
	z-index:100;
	height:40px;
	width:200px;
	left: 165px;
	top: -50px;
	display: block;
}

.ShoppingCartTopNavCheckout
{
	position:absolute;
	z-index:101;
	height:30px;
	width:175px;
	top:-45px;
	left:425px;
	display:block;
}

.ShoppingCartContinueShoppingButton
{
    width:150px;
    height:25px;
}


.ShoppingCartTable
{
    width:600px;
    border-collapse:collapse;
    border:solid 1px #999999;
}

/*
.ShoppingCartItem
{
	width:380px;
}

.ShoppingCartUnitPrice
{
	width:100px;
}
*/

.ShoppingCartCell
{
	padding:3px;
	border-left:solid 1px #999999;
	
	/*border-bottom:solid 1px #262626;*/
}

.ShoppingCartEndCell
{
	border-right:solid 1px #999999;
}

.ShoppingCartItemField
{
	/*width:358px;*/
	width:343px;
	padding-left:15px;
}

.ShoppingCartUnitField
{
	/*width:104px;*/
	width:101px;
	padding-right:3px;
	text-align:right;
}

.ShoppingCartQuantityField
{
	/*width:60px;*/
	width:57px;
	padding-right:3px;
	text-align:right;
}

.ShoppingCartTotalField
{
	/*width:78px;*/
	width:63px;
	padding-right:15px;
	text-align:right;
}

.ShoppingCartTotal2Field
{
	/*width:242px;*/
	width:227px;
	padding-right:15px;
	text-align:right;
}

.ShoppingCartHeaderCell
{
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	height:30px;
	vertical-align:middle;
}

.ShoppingCartFooterCell
{
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	height:26px;
	vertical-align:middle;
}

.ShoppingCartRow
{
    min-height:30px;
    height:auto !important;
    height:30px;
}

.ShoppingCartDiscountedRow
{
    min-height:46px;
    height:auto !important;
    height:46px;
}

.ShoppingCartOriginalPrice
{
	text-decoration:line-through;
	color:#999;	
}

.ExpressShippingBorder
{
    border:solid 1px #999999;
}

/*
.ShoppingCartNeedItFastImage
{
	width: 151px;
	height: 100px;
}
*/


ul.AttributeList
{
    margin-top:0px; 
    margin-bottom:0px; 
    margin-left:18px;
    padding-left:0px;
}

li.AttributeList
{
    margin-left:0px;
    padding-left:0px;
}



.ShoppingCartNavButtonTable
{
    width:100%;
}

.ShoppingCartCommandButtonWrapper
{
    position: relative; 
    display: block; 
    z-index: 50; 
    height: 3px; 
    width: 1px;
}

.ShoppingCartCommandButtonTable
{
    position: absolute; 
    right:-595px;
    bottom: -3px;
    background-color:#aaaaaa;
    width:241px;
}

.ShoppingCartCommandButtonTable td { padding:5px 5px 5px 0; }

/* command button image */
.ShoppingCartCommandButtons { width:242px; height:26px; }

.CheckoutTotalsTable
{
	width:100%;
}

.checkout1checkout .CheckoutTotalsTable
{
	width: 270px; 
}

.checkoutexplanationlabel
{
	font-size:0.92em;
	padding:0 0 8px 0;
	text-align:center;
}

.checkoutexplanationlabel .passwordinstructions { width:200px; margin:8px auto 0 auto; }

.checkout1checkout .checkoutexplanationlabel
{
	text-align:left;
}

.checkoutlefticoncell
{
	padding:0 10px 0 0; 
	vertical-align:middle;
}

.CheckoutExplanationColumn
{
	width:350px;
}

.CheckoutTotalLine
{
	border-top: dotted 1px #999999;
}

.CheckoutGrandTotalLine
{
	border-top: solid 1px #000000;
	font-weight:bold;
}

.CheckoutAmountLabel
{
	text-align:right;
	/*width:209px;*/
	padding:2px;
	
}

.CheckoutSignLabel
{
	text-align:right;
	width:20px;
	padding:2px;
}

.CheckoutAmount
{
	text-align:right;
	width:60px;
	padding:2px;
	padding-right:3px;
}

.CheckoutAmountLong
{
	text-align:right;
	width:120px;
	padding:2px;
	padding-right:3px;
}

.CheckoutHelp
{
	text-align:left;
	width:16px;
	padding:2px;
}


/* End Shopping Cart Page Styles */



/* Checkout Process Styles */

/* The values the user selected on the shopping cart and checkout process */
.UserAttribute
{
    /*color:#0081b1;*/
    font-weight:bold;
}

.OrderTotalSpace
{
    padding-bottom:2px;
}

.OrderStatusTitle
{
    text-decoration:underline;
}



.VisibleCounty
{
    display:block;
}

.InvisibleCounty
{
    display:none;
}

.VisibleCountyPadding
{
    padding:3px;

}

.InvisibleCountyPadding
{
    padding:0px;

}

.CustomerAddressCell
{
    padding: 3px;
}


.AddressWrapper
{
	margin:5px 30px 10px 30px;
}

.AddressBubble
{
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
	padding:3px;
}

.AddressHeaderCell
{
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	height:28px;
	vertical-align:middle;
	padding-left:15px;
}

.AddressFooterCell
{
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	height:24px;
	vertical-align:middle;
	padding-left:15px;
}



/* Checkout Page Structure */
.optionssectionwrapper { float:left; width:100%; }
.optionssection { margin: 0 170px 0 285px; }
.addresssection { float:left; width:270px; margin-left:-770px; } 
.concernsection { width: 170px; float:left; margin-left:-170px;}

.billtosection, 
.paymentsection,
.specialinstructionssection,
.summarysection { padding-top:10px; }

.shippinginput,
.specialinstructionscontent,
.ordertotalscontent { padding:0 20px; }


/* Common Checkout Styles */
.checkoutpage .requiredfieldslegend { margin-right:15px; }
.checkoutpage #contentsection {margin:0; background-color:#eee; padding:0 20px; height:100%; min-height:100%; }
.checkoutpage #contentfloater {width:800px; margin:0 auto; background-color:#fff; padding:10px; border-left:solid 1px #262626; border-right:solid 1px #262626; min-height:100%; }
.checkoutpage #contentcontainer { margin:0 15px; height:100%; min-height:100%; }
.checkoutpage #prefooter { text-align:center; margin-top:15px; clear:both; }
.checkoutpage #bottomsection { width:600px; margin-left:auto; margin-right:auto; clear:both; }

.orderdisplay { width:100%; }
.orderdisplay .address { margin-left:10px; }
.orderdisplay .bottomline { border-top:solid 2px #262626; }
.orderdisplay .summaryleftcell { border-left:solid 1px #999999; vertical-align:top; }
.orderdisplay .summaryleftwrapper { padding:0 10px 5px 10px; }
.orderdisplay .summaryrightcell { border-right:solid 1px #999999; vertical-align:top; }
.orderdisplay .CheckoutItemHeaderLeft { padding-left:15px; }
.orderdisplay .CheckoutItemHeaderRight { padding-right:15px; }

/* Styles for item list header/footer */
.CheckoutItemHeaderMidCell { background-color:#ffcf00; padding-right:3px; }
.CheckoutItemHeaderTable{margin-top:10px;width:100%;}
.CheckoutItemHeaderCell{font-weight:bold; font-family:Verdana;vertical-align:middle;}
.CheckoutItemHeaderUnit{width:101px;text-align:right;}
.CheckoutItemHeaderQuantity{width:57px;text-align:right;}
.CheckoutItemHeaderTotal{width:78px;text-align:right;}
.CheckoutItemFooterTable{width:100%;}
.CheckoutItemFooterOrderTotal{width:400px;text-align:right;}
/* End Styles for item list header/footer */

/* Checkout Page */
.checkout1checkout .addressbookbuttonwrapper { position:relative; }
.checkout1checkout .addressbookbuttonposition { position:absolute; left:300px; top:-25px; }
.checkout1checkout .addressbookwrapper { position:relative; overflow:hidden; top:0px; left:10px; }

.checkout1checkout .shippingterms { text-align:center; width:230px; }
.checkout1checkout .navbuttonwrapper { padding-top:20px; }
.checkout1checkout .concernsection .LGreyRoundInside { padding:0 8px !important; position:relative; }
.checkout1checkout .concernsection .LGreyRoundInside,
.checkout1checkout .concernsection .willreview { font-size:0.82em; text-align:center; }
.checkout1checkout .concernsection .privacypolicy { text-align:center; margin-bottom:5px; }
.checkout1checkout .concernsection .reliableshipping { margin-bottom:10px; }
.checkout1checkout .concernsection .securitymetricsccsafe { height:82px; }
.checkout1checkout .concernsection .securetransaction { margin-bottom:10px; }
.checkout1checkout .concernsection .shippinglogos { margin-bottom:20px; }
.checkout1checkout .concernsection .creditcardlogos { margin-bottom:20px; }
.checkout1checkout .concernsection .shippinglogos { height:34px; }
.checkout1checkout .concernsection .shippinglogos .UPSLogo { float:left; display:block; margin-left:8px; }
.checkout1checkout .concernsection .shippinglogos .FedExLogo { float:right; display:block; margin-right:8px; }
.checkout1checkout .concernsection .securetransaction table { margin:0 auto; }
.checkout1checkout .concernsection .securetransaction table td { vertical-align:middle; }
.checkout1checkout .concernsection .securetransaction .Padlock { vertical-align:baseline; margin-right:5px; }
.checkout1checkout .concernsection .nextstepbutton .CheckoutNextStep { margin:20px auto 5px auto; display:block; }

/* Hide the address id fields */
.addressid { display:none; }

/* Review Page */
.checkout1review .checkoutincomplete { width:570px; margin-bottom:10px; }
.checkout1review .placeorderlarge { width:175px; margin-bottom: 0px; margin-top:20px; float:right}
.checkout1review .policylinks { margin:0 auto; width:320px; }
.checkout1review .policylinks .viewReturnPolicy { margin-left:35px; }
.checkout1review .sitetermsagreement { margin:15px 0; }
.checkout1review .couponremoveddisplay { margin:0 0 15px 0; }
.checkout1review .couponremoveddisplay .couponremovedexplanation { margin-bottom:5px; }
.checkout1review .couponremoveddisplay .removedcouponstable { width:100%; border:solid 1px #999999; }


/* Receipt Page */
.receipt1 .orderdisplay { margin-top:10px; }
.receipt1 .messagesection { margin-top:10px; }
.receipt1 .messagesection img { float:left; margin-right:10px; }
.receipt1 .printsection { float:right; }
.receipt1 .googleadservices iframe { display:none; margin:0; padding:0; }



@media print 
{
	.receipt1 #topsection { width:700px; }
	.receipt1 #contentsection { width: 600px; }
	.receipt1 #br-invite { display:none !important; } /* Hide the bizrate windows when printing */
	.receipt1 .messagesection .LGreyRoundInside, 
	.receipt1 .messagesection .DGreyRoundInside { border-width:0; }
}

/* End Checkout Process Styles */


/* My Account Styles */

.OrderListRow
{
	padding-top:6px;
	padding-bottom:6px;
}

.accountemailsubscription .AccountCancel { margin-right:120px; }

.orderdetail .orderdetailtable { width:100%; margin:10px 0 15px 0; }
.orderdetail .orderdisplay { margin-bottom:20px; }

/* End My Account Styles */

/* Login Page Styles */

.LoginNew
{
	float:left;
}

.LoginNewTimeout
{
	display:none;
}

.LoginReturning
{
	float:right;
}

.LoginReturningTimeout
{
	width:260px;
	margin-right:auto;
	margin-left:auto;
}

.LoginHeader
{
	text-align:center; 
	vertical-align:middle; 
	height:25px;
}

.LoginNewOuterCell
{
	vertical-align:top; 
	padding-bottom:10px;
}

.LoginReturningOuterCell
{
	vertical-align:top; 
	padding-top:10px; 
	padding-bottom:10px;
}

.LoginInnerTable
{
	border-collapse:collapse; 
	width:100%;
}

.LoginReturningTable
{
	width:260px;
}

.LoginReturningField
{
	width:120px;
}

.LoginNewTable
{
	width:318px;
}

.LoginNewField
{
	width:140px;
}

/* End Login Page Styles */

/* Page Footer Section */

.thirdparty1
{
    width:600px; 
    margin-top:20px;
}

@media print 
{
    .thirdparty1
    {
        display:none;
    }
	.thirdparty2
	{
		display:none;
	}
}
.thirdparty1 { min-height:100px;position:relative; }

.thirdparty1 .medalgeotrust,
.thirdparty1 .medalauthorizenet,
.thirdparty1 .medalbizrate,
.thirdparty1 .medalbbb { position: absolute; display: block; }

.thirdparty1 .medalgeotrust { left: -3px; top:15px; }
.thirdparty1 .medalauthorizenet { left:180px; top:15px; }
.thirdparty1 .medalbbb { left:300px; top:25px; }
.thirdparty1 .medalbizrate { left:475px; top:15px; }

.thirdparty2 .creditcards { margin-top: 10px; margin-left: auto; margin-right: auto; display:block; }

.footerlinks
{
	width:600px;
	display:block;
	margin:20px auto 0 auto;
	font-size:1.08em;
}

.footerlinks tr
{
	margin:0;
	padding:0;
}

.footerlinks .footerlinks1, 
.footerlinks .footerlinks2
{
	margin:0 auto;
	border-spacing:5px;
	border-width:0;
}

.copyright
{
	margin-top:20px;
	text-align:center;
}

/* End Page Footer Section */



/* Marketing Styles */

.MarketingCellTop
{
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	vertical-align:top;
	width:100%;
}

.MarketingCellBottom
{
	border-bottom:solid 1px #999999;
	vertical-align:top;
	width:100%;
}

.MarketingRoundImageLarge
{
	height:50px;
	width:55px;
}

.MarketingRoundImageSmall
{
	height:50px;
	width:25px;
}

.MarketingLabelImage
{
	width:30px;
	height:150px;
}

.MarketingLabelImage100
{
	width:30px;
	height:100px;
}

.MarketingLabelImage200
{
	width:30px;
	height:200px;
}

.MarketingLabelQualityImageSmall
{
	width:55px;
	height:200px;
}

.MarketingLeftBackgroundLabel
{
	width:30px;
}

.MarketingLeftBackgroundQuality
{
	width:25px;
}

.MarketingRightBackgroundSingle
{
	height:100px;
	width:25px;
}

.MarketingRightBackground
{
	width:25px;
}

.MarketingShutterImage
{
	height:120px;
	width:50px;
}

.MarketingViewAllButtonImage
{
	height:20px;
	width:120px;
}

.MarketingViewButtonImage
{
	height:20px;
	width:59px;
}

.MarketingQualityImage
{
	height:150px;
	width:25px;
}

.MarketingQualityImage100
{
	height:100px;
	width:25px;
}

.MarketingQualityImage300
{
	height:300px;
	width:25px;
}

.MarketingSpacedImage
{
	float:right;
	height:200px;
	width:20px;
}

.MarketingJoinedImage
{
	float:right;
	height:199px;
	width:20px;
}

.MarketingCellDim
{
	height:100%;
	width:100%;
}
	
.MarketingLeftOuterCell
{
	width:40%; 
	height:150px; 
	padding-left:15px; 
	vertical-align:top;
	padding-top:22px;
}

.MarketingLeftOuterCell-2
{
	width:35%; 
	height:150px; 
	padding-left:15px; 
	vertical-align:top;
	padding-top:22px;
}

.MarketingCenterOuterCell-2
{
	width:5%;
	vertical-align:top;
}

.MarketingCenterOuterCell
{
	width:30%;
	vertical-align:top;
	padding-top:5px;
}

.MarketingRightOuterCell
{
	width:30%;
	vertical-align:top;
	padding-top:5px;
}

.MarketingLeftTable
{
	width:200px;
	text-align:left;
}

.MarketingLeftTable-2
{
	width:180px;
	text-align:left;
}

.MarketingBrandImageOuterCell
{
	padding-bottom:20px; 
}

.MarketingPriceOuterCell
{
	padding-bottom:20px; 
	font-size:1.2em; 
	font-weight:bold;
}

.MarketingRightTableTopCell
{
	height:77px;
}

.MarketingRightTableMiddleCell
{
	height:20px;
}

.MarketingRightTableBottomCell
{
	height:77px; 
	text-align:center; 
	vertical-align:bottom;
}

.MarketingBubbleSpacer
{
	padding-bottom:20px;
}

.MarketingMaterialButton
{
	text-align:left;
	width:14%;
}

.MarketingMaterialComparison
{
	text-align:right;
	width:30%;
}

.MarketingUpperImage
{
	height:30px;
	width:30px;
	vertical-align:bottom;
}

.MarketingLowerImage
{
	height:25px;
	width:30px;
	vertical-align:bottom;
}

.MarketingLowerImageSmall
{
	width:30px;
	height:20px;
	vertical-align:bottom;
}

.MarketingBottomBorder
{
	border-bottom: solid 1px #999999;
}


.Step1Disabled,
.Step2Disabled,
.Step3Disabled,
.Step4Disabled,
.Step5Disabled,
.Step1Enabled,
.Step2Enabled,
.Step3Enabled,
.Step4Enabled,
.Step5Enabled
{
	padding: 0px 0px 0px 0px;
	background-image: url('Images/Buttons/steps-sprite.png');
	background-repeat:no-repeat;
	vertical-align:bottom;
	width:25px;
	height:25px;
}

.Step1Disabled{background-position:0px 0px;}
.Step2Disabled{background-position:-25px 0px;}
.Step3Disabled{background-position:-50px 0px;}
.Step4Disabled{background-position:-75px 0px;}
.Step5Disabled{background-position:-100px 0px;}
.Step1Enabled{background-position:0px -25px;}
.Step2Enabled{background-position:-25px -25px;}
.Step3Enabled{background-position:-50px -25px;}
.Step4Enabled{background-position:-75px -25px;}
.Step5Enabled{background-position:-100px -25px;}

/* End Marketing Styles */




/* Warranty Styles */

.WarrantyTopSpace
{
	padding-top: 15px;
}

.WarrantyMiddleSpace
{
	padding-top:50px;
}

.WarrantyViewAll
{
	padding-top:30px;
	padding-bottom:30px;
	font-weight:bold;
	text-align:center;
}

.WarrantyBrandImage
{
	float:right;
}

.AdobeReaderImage
{
	width:112px; 
	height:33px;
}

.WarrantyAdobeReaderImageCell
{
	width:122px;
}

.PDFFormatImage
{
	width:32px;
	height:32px;
}

.PDFFormatImageSmall
{
	width:16px;
	height:16px;
}

.WarrantyPDFFormatImageCell
{
	width:42px;
}

.WarrantyLogoImageCell
{
	width:175px;
	vertical-align:top;
}

.WarrantyMALogoImageCell
{
	width:107px;
}

.MidAmericaWarrantyImage
{
	width:87px;
	height:97px;
}

/* End Warranty Styles */




/* Installation Instruction Styles */

.InstallPDFImageCell
{
	width: 30px
}

.InstallLogoImageCell
{
	width:170px;
	text-align:left;
}

.InstallShutterStyleCell1
{
	width: 130px;
}

.InstallHardwareTypeCell1
{
	width: 180px;
}

.InstallDocumentCell1
{
	width: 210px;
}

/* End Installation Instruction Styles */





/* Product Color Styles */

.ColorSwatch1
{
    border: 1px solid black;
    width: 20px;
    height: 20px;
}

.ColorSwatch2
{
    border: 1px solid black;
    width: 100px;
    height: 50px;
}

.ColorSwatch3
{
    border: 1px solid black;
    width: 70px;
    height: 25px;
}



/* Mid America Colors */

.MAPaintable /* 030 Paintable */
{
    background-color:#bcbdc1;
}

.MAWhite /* 001 White */
{
    background-color:#f1f1f1;
}

.MABlack /* 002 Black */
{
    background-color:#2a2927;
}

.MAWedgewoodBlue /* 004 Wedgewood Blue */
{
    background-color:#536c71;
}

.MAClay /* 008 Clay */
{
    background-color:#8a8178;
}

.MAFederalBrown /* 009 Federal Brown */
{
    background-color:#4d3932;
}

.MAMusketBrown /* 010 Musket Brown */
{
    background-color:#363533;
}

.MALightGrey /* 016 Light Grey */
{
    background-color:#b1b3b2;
}

.MATuxedoGrey /* 018 Tuxedo Grey */
{
    background-color:#474342;
}

.MACream /* 020 Cream */
{
    background-color:#fbedca;
}

.MAWicker /* 023 Wicker */
{
    background-color:#b09f85;
}

.MABurgundyRed /* 027 Burgundy Red */
{
    background-color:#703632;
}

.MAForestGreen /* 028 Forest Green */
{
    background-color:#385247;
}

.MAClassicBlue /* 036 Classic Blue */
{
    background-color:#2a404e;
}

.MAWineberry /* 078 Wineberry */
{
    background-color:#5d262c;
}

.MABrightWhite /* 117 Bright White */
{
    background-color:#f0f4f5;
}

.MAMidnightGreen /* 122 Midnight Green */
{
    background-color:#223c31;
}

.MAMidnightBlue /* 166 Midnight Blue */
{
    background-color:#12333c;
}

.MABordeaux /* 167 Bordeaux */
{
    background-color:#532a30;
}

.MAColonialGreen /* 282 Colonial Green */
{
    background-color:#6A744F;
}

.MAMoss /* 283 Moss */
{
    background-color:#4B5030;
}

.MASage /* 284 Sage */
{
    background-color:#D0D4B3;
}

.MAPlum /* 285 Plum */
{
    background-color:#664F57;
}

/* End Mid America Colors */

/* Mastic Colors */

.ALWhite /* 11 White */
{
    background-color:#FFFFFF;
}

.ALBlack /* 33 Black */
{
    background-color:#323234;
}

.ALGrey /* 16 Grey */
{
	background-color:#52585c;
    /*background-color:#676767;*/
}

.ALBlue /* 41 Blue */
{
	background-color:#4f667e;
    /*background-color:#4E5460;*/
}

.ALDarkSpruce /* 56 Dark Spruce */
{
	background-color:#2b3e41;
    /*background-color:#373F41;*/
}

.ALGreen /* 55 Green */
{
	background-color:#3c5854;
    /*background-color:#434E48;*/
}

.ALPebblestoneClay /* 52 Pebblestone Clay */
{
	background-color:#a49c89;
    /*background-color:#C2B7A5;*/
}

.ALBrown /* 59 Brown */
{
	background-color:#70584f;
    /*background-color:#46413E;*/
}

.ALRed /* 38 Red */
{
	background-color:#733d3c;
    /*background-color:#624341;*/
}

.ALWinestone /* 58 Winestone */
{
	background-color:#4d3337;
    /*background-color:#483C3E;*/
}

.ALDarkNavy /* 95 Dark Navy */
{
	background-color:#294d68;
    /*background-color:#373E46;*/
}

.ALSpanishMoss /* 93 Spanish Moss */
{
	background-color:#515749;
    /*background-color:#4B4C47;*/
}

.ALBlackwatchGreen /* 99 Blackwatch Green */
{
	background-color:#2b3e41;
    /*background-color:#3A3E3F;*/
}

.ALDarkBerry /* IJ Dark Berry */
{
	background-color:#3d333a;
    /*background-color:#44353C;*/
}

/*
.ALCopper - Discontinued */ /* IH Copper *//*
{
    background-color:#A55949;
}
*/

.ALVineyardRed /* SK Vineyard Red */
{
	background-color:#74404F;
}

.ALTerraBrown /* SL Terra Brown */
{
	background-color:#705850;
}

/*.ALGeorgetownBlue - Discontinued */ /* SM Georgetown Blue *//*
{
	background-color:#2A4f6A;
}*/

.ALCoastalBlue /* BLU Coastal Blue */ {
	background-color: #5C8797;
}

.ALSandDollar /* CRM Sand Dollar */ {
	background-color: #F1EDCF;
}

.ALPeppercorn /* PE Peppercorn */ {
	background-color: #322C2D;
}
/* End Mastic Colors */

/* End Product Color Styles */



/*************************************************************************/
/*                             Pages                                     */
/*************************************************************************/


/* DHTML Popup Dialog */

/* fix for jQuery UI Dialog - Hide the horizontal scrollbar when dialog is open */
.ui-widget-overlay { position: fixed; top: 0; left: 0; }

.popupdialog { display:none; }

.dialogheaderbottom { border-top:solid 3px #262626; margin-bottom:10px; }

@media print
{
	/* Sticky footer code from http://www.cssstickyfooter.com/using-sticky-footer-code.html 
	   makes the footer stick to the bottom of the div */
	.popupdialog .popupwrapper { min-height:100%; }
	.popupdialog .popupcontent { overflow:auto; padding-bottom:60px; }
	.popupdialog .popupprintfooter { position:relative; margin-top:-30px; height:30px; clear:both; }
	.popupdialog h2 { margin-bottom:15px; }
}
@media screen
{
	/* Fix for IE - tables cause a horizontal scroll to appear if 100% */
	.popupdialog table.FullWidth { width:96%; }
	.popupdialog .popupprintheader, 
	.popupdialog .popupprintfooter { display:none; }
}

/* PopUp CVV Dialog */
.cvvimageblock { width:610px; margin:0 auto; }
.cvvimageblock h5 { text-align:center; padding:7px 0 5px 0; }
.cvvimageblock .cvvvisamcdiscover { float:left; }
.cvvimageblock .cvvamex { float:right; }

/* PopUp Click To Call Dialog */

.popupdialog .frameclicktocallvisible { width:220px; height:230px; position:absolute; margin:0; padding:0; z-index:10; top:0; left:0; }
.popupdialog .frameclicktocallvisible iframe { width:220px; height:230px; margin:0; padding:0; }

/* Loading Message (jQuery BlockUI) */
div.blockMsg { background-color: #fff; background-image: url(Images/Wait/loading-page.gif); background-position:center 50px; background-repeat: no-repeat; border: 1px solid #999; height: 80px; width: 270px; font-size:20px; }


/* Loading Wait Indicators */

.loadinglarge { background-color:#fff; background-image: url(Images/Wait/loading-large.gif); background-repeat:no-repeat; height:66px; width:66px; display:block; }
.popupdialog .loadinglarge { margin:0 auto; }


/* Click to Call Dialog Loading */
.popupdialog .loadingclicktocallhide { display:none; }
.popupdialog .clicktocallcontent { position:relative; display:block; margin:15px auto 0 auto; padding:0; width:220px; height:230px; }
.popupdialog .loadingclicktocall { width:220px; height:230px; background-position: 67px 80px; margin:0; padding:0; position:absolute; z-index:100; top:0; left:0; }

/* Policy Dialog Loading */
.popupdialog .loadingpolicy { margin-top:150px; }



/*********************************************************************************/
/*
/*								  JQuery Checkbox
/*                     http://code.google.com/p/jquery-checkbox/
/*
/*********************************************************************************/

.jquery-safari-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
.jquery-safari-checkbox .mark {display: inline;}

.jquery-safari-checkbox img {vertical-align: middle; width: 16px; height: 16px;}
.jquery-safari-checkbox img{background: transparent url(Images/Forms/safari-checkbox.png) no-repeat;}

.jquery-safari-checkbox img{
	background-position: 0px 0px;
}
.jquery-safari-checkbox-hover img{
	background-position: -16px 0px;
}
.jquery-safari-checkbox-checked img{
	background-position: 0px -16px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img {
	background-position: -16px -16px;
}

.jquery-safari-checkbox-disabled img{
	background-position: 0px -32px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{
	background-position: 0px -48px;
}


