/*
green: F1F7D4
blue: E9F2F7
*/


/* div { border: 1px solid #000000; } */

/* zero out all margins and padding */
body * { margin: 0px; padding:0px; }

/* set the page font formatting. */
body, p, div, td { font-family: verdana; font-size: 8pt; color: #656565; line-height: 12pt;}

body { margin: 0 auto 0 auto; background: url('/images/bg_page.jpg') center fixed; }

form { margin: 0px; }

/* default link colors - this is the default link color for the page */
a:link { text-decoration: none; color: #656565; } /* visited link color*/
a:visited { text-decoration: none; color: #656565; } /* visited link color*/
a:visited:hover { text-decoration: none; color: #656565; } /* visited hover link color*/
a:hover { text-decoration: none; color: #656565; } /* hover over an unvisited link color */
a:active { text-decoration: none; color: #656565; } /* active link color */

/* default link colors - this is the default link color for the page */
a.footer:link { text-decoration: none; color: #ffffff; } /* visited link color*/
a.footer:visited { text-decoration: none; color: #ffffff; } /* visited link color*/
a.footer:visited:hover { text-decoration: underline; color: #ffffff; } /* visited hover link color*/
a.footer:hover { text-decoration: underline; color: #ffffff; } /* hover over an unvisited link color */
a.footer:active { text-decoration: none; color: #ffffff; } /* active link color */

#masterColumn {
	width: 742px;
	margin: 0px auto 0px auto;
	padding: 0px 4px 0px 4px;
	background: url('/images/bg_topgradient.jpg') no-repeat;
}

#header {
	width: 376;
	height: 75px;
}

#topNavigation {
	width: 443px;
	height: 19px;
	margin: 0px 0px 0px 134px;
}

#topButtonBar {
	width: 212px;
	height: 49px;
	float: right; 
}

#leftNavColumn {
	float: left; 
	text-align: center;
	width: 126px;
	padding: 1px;
}

#brandSearch {
	text-align: center;
	margin: 0 0 13px 0;
}

#keywordSearch {
	text-align: center;
	margin: 0 0 10px 0;
}

#categorySearch {
	text-align: center;
	margin: 0 0 13px 0;
}

#keywordSearch form {
	width: 117px;
	padding: 2px 0px 0px 5px;
	height: 19px;
	border: 1px solid #ffffff;
	background: #ffffff;
	color: #656565;
	margin: 1px 0 1px 0;
}

#contentColumn {
	width: 606px;
	float: right;
	padding: 1px;
}

#shopContentColumn {
	width: 720px;
	padding: 10px;
}


#contentColumnHomepage {
	width: 606px;
	float: right;
	padding: 1px;
}


#contentHeroArea {
	margin: 1px 0 0 0;
	padding: 1px;
	vertical-align: top;
}

#heroPicture {
	float: left;
}

#herotextColumn {
	float: right;
	width: 164px;
	border-left: 1px solid #ffffff;
}

.heroTextBoxHeader {
	background: #DDE5E9;
	border-top: 1px solid #99B4C5;
	border-bottom: 1px solid #99B4C5;
	margin: 5px 0 0 5px;
	padding: 1px 0 0 0;
}

.heroTextBox {
	margin: 0 0 0 5px;
	padding: 2px;
}


.leftNavHeader { margin: 0 0 1px 0}

#emailAlert {
	vertical-align: middle; 
	background: #ffffff;
	height:20px;
	width: 608px;
	padding: 0px;
}

#bottomContainer { border-top: 1px solid #ffffff; }
#bottomContent { float: right; width: 608px; }
#topLeft { width: 290px; float: left; }
#topRight { width: 290px; float: right; }
#bottomLeft { width: 290px; float: left; }
#bottomRight { width: 290px; float: right; }

#topLeft, #topRight, #bottomLeft, #bottomRight { padding: 5px; }


#footer {
	background: #4F6E81;
	width: 742px;
	margin: 0;
}

#footerTop { width: 742px; height: 5px; background: url('/images/footer_top.gif') no-repeat; }
#footerContent { width: 742px; color: #ffffff; text-align: center; }
#footerBottom { width: 742px; height: 5px; background: url('/images/footer_bottom.gif') #ffffff no-repeat; }



/* sidebar nav links */
a.leftNav { width: 117px; text-decoration: none; line-height: 12pt; padding: 2px 0px 0px 5px; text-align: left; display: block; height: 19px; border-bottom: 1px solid #B3C0C9; background: #ffffff; color: #656565; margin: 1px 0 1px 0; }
a.leftNav:link { background: #ffffff; } /* standard link color */
a.leftNav:visited { color: #656565; } /* visited link color*/
a.leftNav:visited:hover { background: #E9F2F7; } /* visited hover link color*/
a.leftNav:hover { background: #E9F2F7; } /* hover over an unvisited link color */
a.leftNav:active {  } /* active link color */

.formInputEmail {
	width: 100px; 
	font-size: 8pt;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #787E96;
}

.formInputKeyword {
	width: 80px; 
	font-size: 8pt;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #787E96;
}

.emailButton {
	line-height: 8pt;
	font-size: 8pt;
	color: #656565;
	background-color: #E9F2F7;
	border: 1px solid #656565;
	width: 27px;
	height: 15px;
}

.brandname {font-family: verdana;
	font-size: 20px;
	font-weight: normal;
	text-transform: none;
}

.brandname2 {
	font-family: verdana;
	font-size: 20px;
	line-height: 22pt;
	font-weight: normal;
	text-transform: none;
}

.formButton {
	font-size: 8pt;
	color: #656565;
	background-color: #E9F2F7;
	border: 1px solid #656565;
}

.white { color: #ffffff; }

/* reset the margins and padding for UL and LI tags */

ul { margin-left: 15px; }
ol { margin: 0 0 0 25px; }

.bodyHeader {
	font-size: 10pt;
	line-height: 14pt;
	color: #787E96;
	font-weight: bold;
}

.bottomContent {
	background: #ffffff;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	padding: 3px; width: 100%;
}

.formdropdown {
	font-size: 8pt;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #787E96;
}

.formInput {
	font-size: 8pt;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #787E96;
}

.calloutBox {
	background: #DDE5E9;
	width: 198px;
	margin: 10px 2px 0 2px;
	float: left;
}

.calloutTop { width: 198px; height: 14px; background: url('/images/content_top.gif') no-repeat; }
.calloutPhoto { width: 198px; background: url('/images/content_background.gif'); text-align: center; }
.calloutMiddle { width: 198px; height: 15px; background: url('/images/content_middle.gif') no-repeat; clear:both; }
.calloutText { width: 174px; margin: 0 12px 0 12px; }
.calloutBottom { width: 198px; height: 12px; background: url('/images/content_bottom.gif') #ffffff no-repeat; }

.couponBorder { border: 1px solid #688291; padding: 4px; }

.smaller { font-size: .8em; }


.shoppingInput {
	width: 150px; 
	font-size: 8pt;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #d6dde1;
	margin: 6px 0px 6px 0px; 
	padding: 1px;
}

.shoppingInput_s {
	width: 40px; 
	font-size: 8pt;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #d6dde1;
	margin: 6px 0px 6px 0px; 
	padding: 1px;
}


/* tooltip styles */
#tooltip { width: 300px; height: 205px; background: url('/images/shadow.png'); }
#tooltip h3 { margin: 15px auto 0px auto; font-size: 10pt; width: 270px; text-align: left; }
#tooltip p { margin: 0 auto 15px auto; width: 270px; text-align: left; }
.tooltip i { text-decoration: underline; }

.landingTitle { font-size: 18pt; }
.landingContent { font-size: 11pt; }