/*main css for overlay ecommerce styles*/

/** general styles for inside the boxes **/

#alertBoxContent {font-size:11px;}

#alertBoxScroller h1 {font-size:20px; color:#646464; margin-bottom:10px;}
#alertBoxScroller h2 {font-size:18px; color:#646464; margin-bottom:10px;font-weight:normal;}
#alertBoxScroller h3 {font-size:16px; color:#646464; margin-bottom:10px;}
#alertBoxScroller h4 {font-size:14px; color:#646464; margin-bottom:10px;}

#alertBoxCloseButton {align:right; height:12px; clear:both; margin:5px; padding:0px;}
#alertBoxCloseButton button {font-size:9px; float:right; background-color:#646464; padding:0px; width:20px;line-height:8px; height:12px; color:#fff; border:none; cursor:pointer; text-align:center; }

#alertBoxScroller ul {padding: 10px 2px 10px 1px;margin-top: 10px;} 
#alertBoxScroller p {margin-bottom: 5px;}


/*styles for different box popups **/

.alertbox {
	color:#646464; font-size:12px;
	width:380px; height:355px; border:3px solid #fff;
	position:absolute; 
	background-color:#fff; text-align:left; z-index:1001;
	}
.alertbox #alertBoxContent {
	border:5px solid #646464;
	height:345px;
	}
.alertbox #alertBoxContent #alertBoxScroller {
	margin:5px; height:315px;
	overflow-y:auto; overflow-x:hidden; 
	}	



.alertboxSmall {
	color:#084081; width:230px; height:100px; border:3px solid #fff; 
	position:absolute; 
	color:#212d55;
	background:#fff; text-align:left; z-index:1001;
	font-size: 11px;
	}	
.alertboxSmall #alertBoxContent {
	border:5px solid #646464;
	height:90px;
	}
.alertboxSmall #alertBoxContent #alertBoxScroller {
	margin:5px; height:60px;
	overflow-y:auto; overflow-x:hidden; 
	}	



.alertboxProductDetails {
	color:#084081; font-size:12px;
	width:380px; height:110px; border:3px solid #fff; 
	position:absolute; 
	background:#fff; text-align:left; z-index:1001;
	}
.alertboxProductDetails #alertBoxContent {
	border:5px solid #646464;
	height:100px;
	}
.alertboxProductDetails #alertBoxContent #alertBoxScroller {
	margin:5px; height:70px;
	overflow-y:auto; overflow-x:hidden; 
	}



.addToBagWindow {
	color:#084081; width:360px; height:100px; border:3px solid #fff; 
	position:absolute; 
	color:#212d55;
	background:#fff; text-align:left; z-index:1001;
	}
.addToBagWindow #alertBoxContent {
	border:5px solid #646464;
	height:90px;
	}
.addToBagWindow #alertBoxContent #alertBoxScroller {
	margin:5px; height:65px;
	overflow-y:hidden; overflow-x:hidden; 
	}



.addToBagWindowError {
	width:320px; height:120px; border:3px solid #fff; 
	position:absolute; font-size:12px;
	color:#212d55;
	background-color:#fff; text-align:left; z-index:1001;
	}
.addToBagWindowError #alertBoxContent {
	border:5px solid #646464;
	height:110px;
	}
.addToBagWindowError #alertBoxContent #alertBoxScroller {
	margin:5px; height:85px;
	overflow-y:auto; overflow-x:hidden; 
	}
.addToBagWindowError #alertBoxContent #alertBoxScroller p {color:#000000;}
.addToBagWindowError #alertBoxContent #alertBoxScroller h3 {font-size:14px; color:#646464; margin-bottom:5px;}


.loginError {
	width:320px; height:110px; border:3px solid #fff; 
	position:absolute; font-size:12px;
	/*color:#ff0000;*/
	background-color:#fff; text-align:left; z-index:1001;
	}
.loginError #alertBoxContent {
	border:5px solid #646464;
	height:100px;
	}
.loginError #alertBoxContent #alertBoxScroller {
	margin:5px; height:70px;
	overflow-y:auto; overflow-x:hidden; 
	}


.rmaWindowError {
	width:280px; height:70px; border:3px solid #fff; 
	position:absolute;
	color:#000000;
	background-color:#fff; text-align:left; z-index:1001;
	}
.rmaWindowError #alertBoxContent {
	border:5px solid #646464;
	height:60px;
	}
.rmaWindowError #alertBoxContent #alertBoxScroller {
	margin:5px; height:30px;
	overflow-y:auto; overflow-x:hidden; 
	}


.shoppingBagWindow	{
	width:770px; height:360px; border:3px solid #fff; 
	position:absolute; 
	font-size:12px; color:#212d55;
	background:#fff; text-align:left; 
	z-index:1001;
	}


.profileCreateError {
	width:320px; height:90px; border:3px solid #fff; 
	position:absolute; font-size:12px;
	/*color:#ff0000;*/
	background:#fff; text-align:left; z-index:1001;
	}
.profileCreateError #alertBoxContent {
	border:5px solid #646464;
	height:80px;
	} 
.profileCreateError #alertBoxContent #alertBoxScroller {
	margin:5px; height:50px;
	overflow-y:auto; overflow-x:hidden; 
	}


.productResultsDetailsWindow {
	width:370px; height:185px; border:3px solid #fff;
	position:absolute; 
	/*color:#212d55;*/
	background:#fff; text-align:left; z-index:1001;
	}
.productResultsDetailsWindow #alertBoxContent {
	border:5px solid #646464;
	height:175px;
	}
.productResultsDetailsWindow #alertBoxContent #alertBoxScroller {
	margin:5px; height:145px;
	overflow-y:auto; overflow-x:hidden; 
	}
.productResultsDetailsWindow #alertBoxContent #alertBoxScroller .popupImg {
	float:left;height:100%; width:60px;
	}
.productResultsDetailsWindow #alertBoxContent #alertBoxScroller #swatches {
	float:left;
	  min-height:40px;
	  height:auto !important;
	  height:40px;	
	width:;
	}

.productResultsDetailsWindow #alertBoxScroller h2 {font-size:12px;margin:0px;}

/** styles for send to friend window **/
.productDetailsWindow {
	color:#646464; width:380px; height:355px; border:3px solid #fff; 
	position:absolute; 
	background:#fff; text-align:left; z-index:1001;}

.productDetailsWindow #alertBoxContent {
	border:5px solid #646464;
	height:345px;
	}
.productDetailsWindow #alertBoxContent #alertBoxScroller {
	margin:5px; height:315px;
	overflow-y:auto; overflow-x:hidden; 
	}


.userLostPassword {
	color:#084081; width:400px; height:180px; border:3px solid #fff; 
	position:absolute; 
	color:#212d55;
	background:#fff; text-align:left; z-index:1001;
	}
.userLostPassword #alertBoxContent {
	border:5px solid #646464;
	height:170px;
	}
.userLostPassword #alertBoxContent #alertBoxScroller {
	margin:5px; height:150px;
	overflow-y:auto; overflow-x:hidden; 
	}
.userLostPassword #alertBoxContent #alertBoxScroller h2 {font-size:12px;margin:0px; font-weight:bold;}
.userLostPassword #alertBoxContent #alertBoxScroller .forgotPasswordBtn {
	display:block; float:right;
	margin:10px 10px 0 0; padding:0 5px; 
	height:25px; 
	background-color:#eaeaea; 
	border:none; cursor:pointer; 
	font-size:10px;
	}
	
	
	
.sendToFriendTitle	{width:300px; position:relative; left:25px;}

.brandNav{
	color:#084081; 
	width:300px; 
	height:100px; 
	border:3px solid #646464; 
	position:relative; 
	top:-450px;
	left: 50%;
	color:#212d55;
	background:#fff; text-align:left; z-index:1001;
	overflow:hidden;
	}
.brandNav .shopBagCloseBtn {
	background-color:#fff;
	border:0px;
	color:#646464;
	cursor:pointer;
	font-size:20px;
	font-weight:800;
	height:22px;
	position:absolute;
	right:0px;
	top:0px;
	width:22px;
	z-index:100;
	padding: 0;
}
#brandNavCat {
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
#brandNavCat .brandNavLinks {
	margin-top: 20px;
	margin-left: 15px;
}
#brandNavCat .brandNavLinks a {
	font-size: 14px;
	text-decoration: none;
	color: #646464;
	text-align:center;
	}

.fieldEmpty {
	color:#084081; width:400px; height:100px; border:3px solid #fff; 
	position:absolute; 
	color:#212d55;
	background:#fff; text-align:left; z-index:1001;
	}
.fieldEmpty #alertBoxContent {
	border:5px solid #646464;
	height:90px;
	}
.fieldEmpty #alertBoxContent #alertBoxScroller {
	margin:5px; height:60px;
	overflow-y:auto; overflow-x:hidden; 
	}

#overlayForm {
	width:332px; /*width=info+input+star*/ 
	/**IE6 hack to get the min height going**/
	  min-height:170px;
	  height:auto !important;
	  height:170px;
	/****/
	margin: 0; padding: 0; border:0;
	clear:both;
	}
	
.addToBagWindow #overlayForm	{min-height:40px;}	

.infoOverlay	{
	float:left; display:inline;
	height:15px; width:80px;
	margin-bottom:12px;
	font-size:11px;
	}
.inputOverlay	{
	float:left; display:inline;
	height:15px; width:190px;
	background-color:#eaeaea;
	margin-bottom:12px;	border:none;
	font-size:10px;
	}
.inputOverlayDropdown	{
	float:left; display:inline;
	height:19px; width:190px;
	background-color:#eaeaea;
	margin-bottom:12px;	border:none;
	font-size:10px;
	}
.inp_SELECT {
	float:left; display:inline;
	height:19px; width:190px;
	background-color:#eaeaea;
	margin-bottom:12px;	border:none;
	font-size:10px;
	}	
.inp_SELECT_error {
	float:left; display:inline;
	height:19px; width:190px;
	background-color:#eaeaea;
	margin-bottom:12px;	border:none;
	font-size:10px;
	}

.inp_text	{/**this style because the script changes the classnames after a 2nd error == get Pedro to fix the script!!**/
	float:left; display:inline;
	height:15px; width:190px;
	background-color:#eaeaea;
	margin-bottom:12px;	border:none;
	font-size:10px;
	}
	
.textAreaOverlay	{
	float:left; display:inline;
	height:65px; width:193px;
	background-color:#eaeaea;
	margin-bottom:10px;	border:none;
	font-size:11px;
	font-family:tahoma, sans-serif;
	overflow:hidden;
	}
	
#addToBagCheckoutButton	{width:332px; height:40px; text-align:center;}
	
.submitBtnOverlay	{
	width:70px;	
	height:25px;
	background-color:#eaeaea;
	float:right; margin-right:10px; display:inline;
	clear:both; border:none;
	font-size:10px; cursor:pointer; 
	margin-top:10px;
	}
	
#addToBagCheckoutButton	.submitBtnOverlay {
	line-height:25px; 
	width:160px;
	text-align:center;
	}

#addToBagCheckoutButton	.checkoutgrey {
	background-color:#d0d0d0;
	color:#909090;
	line-height:25px;
	}

#addToBagCheckoutButton button.addToBagButton {
	height:30px;
	background-color:#eaeaea;
	float:left;
	margin:15px 0 0 10px;
	display: inline;
	border:none;
	font-size:10px;
	cursor:pointer; 
	line-height:25px; 
	text-align:center;
	padding: 0; 
	text-indent: -999px;
	}

#addToBagCheckoutButton button.continueButton {
	}
.eng button.continueButton {width: 145px; height: 30px; background-image: url(/static/images/www/eng/btnKeepShopping.gif);}
.fre button.continueButton {width: 177px; height: 30px; background-image: url(/static/images/www/fre/btnKeepShopping.gif);}

#addToBagCheckoutButton button.checkoutButton {
	}
.eng button.checkoutButton {width: 167px; height: 30px; background-image: url(/static/images/www/eng/btnCheckout.gif);}
.fre button.checkoutButton {width: 85px; height: 30px; background-image: url(/static/images/www/fre/btnCheckout.gif);}


/***error styles - these styles are assigned by the script after an error **/

.inp_text_error	{
	float:left; display:inline;
	height:15px; width:190px;
	background-color:#eaeaea;
	margin-bottom:12px;	border:none;
	font-size:10px; 
	/*color:#ff0000;*/
	}
.inp_TEXTAREA	{
	float:left; display:inline;
	height:65px; width:193px;
	background-color:#eaeaea;
	margin-bottom:10px;	border:none;
	font-size:10px;	
	}
.fieldLabel_error	{
	float:left; display:inline;
	height:15px; width:80px;
	margin-bottom:12px;
	font-size:11px; /*color:#ff0000;*/
	}
.fieldLabel	{
	float:left; display:inline;
	height:15px; width:80px;
	margin-bottom:12px;
	font-size:11px;
	}

/** styles for add to shopping bag in product details display **/