/* Main CSS File for MOOSFront 
   This file is meant to be used by STRICT Doctypes only.
*/

/*  # COPYRIGHT NOTICE #############################################
	Copyright 2007 - Geoffrey Bradford
	#################################################################
*/
BODY {
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin:0px;
	background-color:#999999;
	background-color:#EEEEEE;
	/*background-color:#F5F5F5;*/
	/*background-image:url(../images/beach_bottom.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;*/
	height:auto;
}

TABLE {
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

TD {
	vertical-align: top;
}

A, A.visited {
	color:#F341F1;
	
	text-decoration:none;
}
A:hover {
	color:#4EA7D3;
	text-decoration:none;
}

A.categoryList:hover {
	color:#4EA7D3;
}
a img { 
	border:none; 
	color:#fff;
}
.mainContentHolder, #mainContentHolder {
	width:747px;
	/*border:none;*/
	margin:0px;
	padding:0px;
	text-align:left;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	z-index:100;
	border-bottom: solid 1px #C9C9C9;
	border-right: solid 1px #C9C9C9;
	border-left: solid 1px #C9C9C9;
}

#mastHead {
	margin:0px;
	margin-right:auto;
	margin-left:auto;
	width:747px;
	background-color:white;
	height:86px;
	position:relative;
	z-index:500;
}

#homePageMain {
	height:413px;
	width:747px;
	border:none;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	background-image: url(../images/home_background.jpg);
	background-repeat:no-repeat;
	text-align:left;
	position:relative;
}

#homePageLogo {
	border:none;
	top:22px;
	left:58px;
	position:absolute;
	text-align:left;
	width:332;
}
#homePageTheOriginal {
	border:none;
	top:67px;
	left:496px;
	text-align:left;
	width:106;
	position:absolute;
}

#homePageSnip1 {
	left:52;
	top:251;
	position:absolute;
}

#homePageSnip2 {
	left:277;
	top:251;
	position:absolute;
}

#homePageSnip3 {
	left:505;
	top:251;
	position:absolute;
}

#homePageTextBox1 {
	left:20;
	top:155;
	width:390px;
	position:absolute;
}

#homePageTextBox2 {
	left:535;
	top:155;
	width:205px;
	position:absolute;
	vertical-align: middle;
}

.homePageTextBox {
	border: none;
	padding: 0px;
	margin: px;
	height:82px;
	width:100px;
	overflow:hidden;
	color: #246788;
}

.navigationBox {
	height: 26;
	width: 747px ;
	border: none;
	background-image: url(../images/nav_background.gif);
	padding:0;
	margin:0;
	margin-bottom: 8px;
	overflow:hidden;
	background-repeat:no-repeat;
	position:relative
}

.boxesBoxHPDown {
	border: 1px solid #999999;
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
	background-color: #D0BFF2;
	background-image: url(../images/home_page_white_purple.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.boxesBoxHPUp {
	border: 1px solid #999999;
	font-size:10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
	background-attachment: fixed;
	background-color: #F1ECFB;
	background-image: url(../images/home_page_purple_white.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#storeFooter {
	color:black;
}
.storeFooter {
	font-size:8pt;
	color:black;
	text-align: center;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.snippetBox {
	margin: 0px;
	padding: 2px;
	height: 156px;
	width: 200px;
	border: 1px solid #C9C9C9;
	background-color: #FFFFFF;
	color: #8758B0;
}
.snippetBoxSub {
	width: 100%;
	border: 1px solid #C9C9C9;
	background-color: #B3D2E0;
	margin: 1px 0px 0px;
	padding: 2px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: left;
	background-image: url(../images/snippets/back_grad.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.snippetBoxHeader {
	color:#BB2AC8;
	font-weight:bold;
}
.categoryBox {
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	margin: 0px;
	margin-bottom: 8px;
	margin-right: 8px;
	padding: 0px;
	border: 1px solid #3399CC;
	overflow: hidden;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	width: 150px;
	height: 237px;
}
.categoryBoxImage {
	background-color: #FFFFFF;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	height: 150px;
	width: 150px;
}
.categoryBoxText {
	background-color: #E2E2E2;
	text-align: center;
	margin: 0px;
	padding: 3px;
	height: 86px;
	width: 150px;
	border-top: 1px solid #3399CC;
	border-right: none #3399CC;
	border-bottom: none #3399CC;
	border-left: none #3399CC;
}
.marilynBox {
	margin: 0px;
	padding: 0px;
	height: 263px;
	width: 201px;
	border: 1px solid #3399CC;
	border-left:none;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
.priceBox {
	margin: 0px;
	width: inherit;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 3px;
	border: 1px solid #C9C9C9;
	border-left:none;
}
.priceBoxSub {
	margin: 0px;
	padding: 5px;
	width: inherit;
	border: 1px solid #C9C9C9;
	background-color: #B3D2E0;
	background-image: url(../images/price_box_grad.gif);
	color: #0879B1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-repeat: repeat-x;
}
.priceBoxSubHeader {
	font-weight: bold;
	color: #B058A7;
}
.productPageName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: normal;
	color: #505050;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.productPageDescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #505050;
}
.swatchBox {
	background-color: #FFFFFF;
	margin: 0px 3px 3px 0px;
	padding: 0px;
	border: 1px solid #3399CC;
	overflow: hidden;
}
.swatchBoxImage {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	cursor: hand;
	text-align:center;
}
.swatchBoxSub {
	font-size: 8pt;
	background-color: #E2E2E2;
	margin: 0px;
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #3399CC;
	border-right-color: #3399CC;
	border-bottom-color: #3399CC;
	border-left-color: #3399CC;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	width: 100%;
	height: 120px;
}

.checkoutError {
	color: red;
	font-weight: bold;
	font-size: 10pt;
}
.checkoutOk {
	font-size: 10pt;
}
#swatchNameBox {
	font-size: 10pt;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 213px;
	left: 1px;
	width:199px;
	height:50px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-bottom:1px solid #3399CC;
}

.categoryNavi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #E4EFF5;
	margin: 0px;
	padding: 10px;
	width: 201px;
	border: 1px solid #3399CC;
	z-index:1;
	border-left:none;
	border-top:none;
}
.categoryNaviHeader {
	font-size: 14pt;
	color: #4EA7D3;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.waysToWearBox {
	float:left;
	text-align: center;
	vertical-align: middle;
	margin: 0px 1px 1px 0px;
	padding: 0px 0px 0px 0px;
	height: 102px;
	width: 102px;
	border: 1px solid #3399CC;
	overflow: hidden;
	cursor: hand;
}

.showList {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	width:350px;
}
.showList STRONG{
	color:#F341F1;
}
.showList .header {
	font-size:1.3em;
	color:#990099;
}
.showList TD {
	vertical-align:top;
}

.repBox {
	font-size:8pt;
	border:solid 1px #666666;
	float:left;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	width:200px;
}
.repBox TD {
	font-size:9pt;
	text-align:center;
}

#search_widget {
	font-size:8pt;
	top:-8px;
	padding:0px;
	border:none;
	position:relative;
	
}

#videoBox {
	left:20;
	top:35;
	width:390px;
	position:absolute;
	/*border: solid 1px black;*/
	border:none;
	padding: 0px;
	margin: 0px;
	text-align:center;
	color: #246788;
}

FORM.pageForm TD {
	font-size:10pt;
}
FORM.pageForm INPUT, TEXTAREA {
	border:1px solid #3399CC;
	width:155px;
	margin-left:5px;
}

FORM.pageForm INPUT.formCheckbox {
	width:15px;
	border:none;
}

.errList {
	color:red;
}

#dealerPageForm {
	float:left;
	border:none;
	/*border: solid orange 1px;*/
	text-align:left;
	width:280px;
	margin-left:15px;
	margin-bottom:15px;
	background-color:#e4eff5;
	border:1px solid #3399CC;
	padding:4px;
}

#relatedItems {
	border:none;
	padding:0px;
	margin-top:12px;
	text-align:center;
	border: 1px solid #C9C9C9;
	border-left:none;
	background-color: #B3D2E0;
	background-image: url(../images/price_box_grad.gif);
	color: #0879B1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-repeat: repeat-x;
}
#relatedItems .categoryBox {
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	display:block;
	float:none;
}
div.spacer {
	clear: both;
	height:1px;
	overflow:hidden;
}

#catMenuHolder {
	position:absolute;
	top:23px;
	left:55px;
	width:200px;
	height:auto;
	border:solid 2px gray;
	border:solid 1px black;
	background-color:#81dff9;
	background-image:url(/s/eol/images/nav/winter-gradient.jpg);
	background-repeat:no-repeat;
	z-index:100;
	font-size:10pt;
	text-align:left;
	padding:0px;
	display:none;
}
#catMenu {
	list-style:none;
	margin:0px;
	padding:0px;
}
#catMenu a {
	width:inherit;
	color:black;
	border-bottom:solid 1px #CCCCCC;
	display:block;
	position:relative;
	padding:0px;
	padding-left:4px;
	padding-right:4px;
}


#catMenu form {
	border:none;
	display:block;
	padding:0px;
	margin:0px;
	border-bottom:solid 1px #CCCCCC;
	padding-left:4px;
	padding-right:4px;
	color:white;
}

#catMenu a:hover {
	background-color:#FFCCFF;
	color:black;
	border-bottom:solid 1px black;
	position:relative;
}

.fullKart {

}
.fullKart td {
	font-size:10pt;
}
.fullKart input {
	font-size:10pt;
}

#navigationHolder {
	position:relative;
	padding:0px;
	margin:0px;
	width:659px;
	height:20px;
	background-color: white;
	z-index:2;
	font-size:12pt;
	padding-top:5px;
	padding-left:4px;
	border:none;
	border-top: solid 1px #3f4136;
	border-bottom: solid 1px #3f4136;
}

#navigationHolder #catMenuHolder {
	background-image:none;
	background-color:white;
}

#navigationHolder #catMenuHolder #catMenu a {
	color: #F341F1;
}

#navigationHolder #catMenuHolder #catMenu a:hover {
	color: #F341F1;
}

#navigationHolder a {
	padding-right:1.2em;
	cursor:pointer;
}