/**
 * Warning message if COOKIE or JAVASCRIPT disabled:
 */ 
.js_available {
	background-color:red;
	color:white;
	font-size:16px;
	width:100%;
	text-align:center;
	font-weight:bold;
	padding:10px 0;
}

.addTopTdPadding, 
#checkout .addTopTdPadding {
	padding:10px 0 0;
}
/* ---------------------------- */
/* Dialog Styles
/* ---------------------------- */
/* Box Background, Border */
	.ui-widget-content {
		border:none;
	}
	.ui-dialog {
		padding:0;
		width:300px;
		background:#ffffff;	
		color:#3f3f3f;
		font-size:12px;
		line-height: 20px;	
		border: 1px solid #e4e4e4;
	}
	.ui-widget-overlay{
		opacity:0.75;
	}
	
/* Box Content */
	.ui-dialog .ui-dialog-content {
		border:0;
		padding:0 25px 15px;
		background:none;
		zoom:1;
		overflow:hidden;
	}

/* curved or square corners | 4px or 0px */
	.ui-corner-all {
		 -moz-border-radius:0px;
		 -webkit-border-radius:0px;
	}
	.ui-corner-top {
		 -moz-border-radius:0px;
		 -webkit-border-radius:0px;
	}

/* Header Styles */	
	.ui-widget-header { 
		background:none;
		border:none;
	}
	.ui-dialog .ui-dialog-titlebar {
		padding:0;
		position:relative;
	}
	.ui-dialog .ui-dialog-titlebar {
		font-family: myriad-pro, "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
		font-size:26px;
		font-weight:normal;
		color:#35a0d8;
		margin:0px 0px 5px 0;
		background: url('../images/layout/sprites.png') left -67px repeat-x transparent;
		border:none;
		padding-bottom: 12px;
	}
	.ui-widget-header .ui-icon {
		 background-image:url('../cart_images/closex.jpg');	
	}
	
/* START custom close button rules */
	.ui-dialog .ui-dialog-title {
		margin:19px 0 0 25px;
	}
	.ui-dialog .ui-dialog-titlebar-close,
	.ui-dialog .ui-dialog-titlebar-close:hover, 
	.ui-dialog .ui-dialog-titlebar-close:focus {
		padding:0;
		width:58px;
		height:29px;
		margin: 0;
	}
	.ui-dialog .ui-dialog-titlebar-close span {
		display:block; 
		margin:0;		
		background: url("../images/layout/sprites.png") repeat-x scroll left -1047px transparent !important;
		height: 27px;
		width: 59px;
	}

	.ui-icon-closethick {
		background-position:0 50%;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
		background:none;
		border:none;
	}
	.ui-icon {
		height:auto;
		width:auto;
	}
	
/* ---------------------------- */
/* Floating Account Styles
/* ---------------------------- */
#closeLayer {
	background:#FFF;
	padding:2px 4px 0px 4px;
	text-align:right;
}
#closeLayer table {
	float:right;
}
#closeLayer table a:link, #closeLayer table a:visited {
	text-decoration:none;
}
#closeLayer table a:hover, #closeLayer table a:active {
	text-decoration:none;
}
#div_break {
	z-index:5001;
	height:7px;
	clear:both;
}
#create_account_layer, #login_layer {
	display:none;
	padding:0 10px 10px 10px;
}
#forgot_password_account {
	display:none;
	padding:0;
	border-top:1px solid #ddd;
	margin-top:15px;
	padding-top:15px;
}
#retrieve_pw_layer_msg {
	margin:4px 0 0 0;
	text-align: left;
}

#forgot_password_account .checkoutCell input{
	margin: 15px 0 0 0;
}
#forgot_password_account .checkoutCell .retrievePasswdButton{
	margin: 15px 0 0 0;
}
#getPasswordSendingMsg{
	margin:15px 0;	
}


#login_form table{
	width:381px;
}

/* ---------------------------- */
/* Top Account Menu
/* ---------------------------- */
#headerAccount {
	padding:29px 0 0 0;
	font-size:10px;
	overflow:hidden;
}
#headerAccount #cart_total {
	text-align:right;
}
#headerAccount table#topAccountNav ul {
	margin:0;
	list-style:none;
	text-align:right;
}
#headerAccount table#topAccountNav ul {
	margin:0;
	padding:0;
}
#headerAccount table#topAccountNav ul div {
	margin:0 0 2px 0;
}
#headerAccount table#topAccountNav td {
	padding:0 8px 0 0;
}
#headerAccount table#topAccountNav td#accountRight {
	padding:0 0 0 8px;
	border-left:1px #336287 solid;
	width:190px;
	text-align:right;
}
#headerAccount #welcomeMessage {

}
#headerAccount #checkoutButtons {
	padding:0 0 10px 0;
}
#headerAccount table#topNav td td {
	padding:0;
}
#headerAccount a {
	text-decoration:none;
}
#headerAccount a:hover {
	text-decoration:underline;
}
#headerAccount .button a, #headerAccount .button a:hover {
	text-decoration:none;
}
#cart_total {
	padding:10px 10px 0 0;
}
.layerPadding {
	padding:20px 20px 0;
	text-align:center;
}


/* ---------------------------- */
/* Manage Account Styles
/* ---------------------------- */
tr.requiredInfo td {
	border-top:1px #a0a9b4 dotted;
	color:#6c819f;
	font-size:11px;
	font-style: italic;
	padding:13px 0 1px;
}
tr.requiredInfoNoBorder td {
	color:#434343;
	font-size:11px;
	font-style: italic;
	padding:4px 0 6px;
}
.requiredString {
	padding-left:179px;
}
.keepLoggedTbl{
	padding-top:2px;
}
.keepLoggedTbl label {
	color:#525252;
	font-weight: normal;
	margin-left:6px;
}
.loginBtnHolder {
	text-align: right;
	font-size:11px;
	line-height: 18px;
}
.loginBtnHolder input {
	margin:10px 0;
}
.accountHead {
	font-size:20px;
	color:#002146;
	padding:0 0 8px 0;
}
#manage_account {
	padding:20px 0;
}
#overall {
	position:absolute;
	z-index:5002;
	width:779px;
	margin:0 0 0 0px;
}
#upper_right_new {
	width:400px;
	height:200px;
	height:auto;
	text-align:right;
	padding:0px 0px 20px 0px;
	font-size:10px;
	color:#666666;
}
#upper_right_bottom_new {
	height:auto;
	float:right;
	text-align:right;
}
#user_account_new {
	position:relative;
	top:0px; 
	left:0px;
}
#upper_right_bottom_new .cart_icon {
	margin-bottom:7px;
	margin-right:3px;
}
.top_account_table {
	border:thin solid #999;
	background-color:#FFF;
	width:310px;
	height:auto;
}
.accountMessage {
	padding:0 0 20px;
	font-size:14px;
}
.accountMessageActions {
	margin:20px 0 0;
}

/* ---------------------------- */
/* Account Page Styles
/* ---------------------------- */
#manageContent_addresses p,
#content .accountBoxClass p {
	margin-bottom: 0;
}

#manageButton_addresses{
	margin-bottom:1em;
}

.tab_content{
	display:none;
}

#manageContent_addresses select{
	width:270px;	
}

#account_layer_msg {
	/*padding:0 10px;*/
}
#update_account_layer_msg,
#manageMsg_addresses {
	/*padding:10px 0;*/
}
#account_around #account_layer {
	position:relative;
	background:none;
	display:block;
	border:none;
	padding:0px;
	z-index:1000;
	width:350px;
}
#account_around #account_layer #create_account_layer, 
#account_around #account_layer #login_layer {
	position:relative;
	display:block;
	margin:0px 0px 20px 0px !important;
	background-color:#FFF;
	border:1px solid #999;
}
#account_around #closeLayer {
	display:none;
}
.orderHead {
	background:#e5e1de;
	padding:5px 15px;
}
.orderNorm {
	padding:5px 15px;
}

.checkoutCellRight {
	padding:0px 9px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3d6cb0;
	width:165px;
	font-weight: bold;
	text-align:right;
	vertical-align: middle;
}

#create_form .checkoutCellRight, 
#login_form .checkoutCellRight{
	text-align:left;
	padding-left:25px;
	padding-right: 25px;
	width: 109px;
}
#create_form .checkoutCellRight .checkoutField,
#login_form .checkoutCellRight .checkoutField{
	font-weight:normal;
}


#create_form .requiredMsg,
#login_form .requiredMsg{
	font-style:italic;
	font-size:11px;
}
#create_form input.input,
#login_form input.input{
	width:210px;
	border: 1px solid #bfbfbf;
	margin-bottom:1px;
}

#create_form .requiredString{
	padding-left:160px;
	color:#434343;
}

td.checkoutCell {
	padding:0 0 3px;
}
.checkoutCellRightName {
	padding:0px 5px 0px 0px;
	text-align:right;
}
.checkoutCellHead {
	padding:0px 5px 10px 0px;
	text-align:left;
}
.checkoutField, 
.editorLabelTxt {
	font-size:12px;
	font-weight: bold;
	color:#525252;
	white-space:nowrap;
	display:inline;
}
.checkoutField #displayCheckoutShippingRadioButtons {
	color:#3f3f3f;
	font-weight: normal;
	padding:7px 0 0;
}









	
/* ---------------------------- */
/* Account Address Styles
/* ---------------------------- */
.joinEditorHead {
	background:#e5e1de;
	position:relative;
	height:30px;
	overflow:hidden;               
	color:#333;
	font-size:0.9231em;
	line-height:normal;
	/* width:620px; */
}
.joinEditorHead a:link, .joinEditorHead a:visited {
	color:#333;
}
.joinEditorHead a:hover, .joinEditorHead a:active {
    color:#333;
}
.joinEditorSequenceHead {
    position:relative;
    float:left;
    padding:10px;
    width:99px;
    text-align:center;
    background:#3598bf;
    border-right:1px solid #fff; 
}
.joinEditorSequenceHead span {
    color:#ffffff;
    font-size:0.917em !important; /* 11px */
    display:block;
    width:99px;
    text-align:center;
    line-height:1.0;
}
.joinEditorDeleteHead {
    position:relative;
    float:left;
    padding:7px 10px 7px 10px;
    width:49px;
    text-align:center;
    background:#ececec;
    color:#333;
    font-weight:bold;
    border-right:1px solid #fff;
	height:100%;
}
.joinEditorNameHead {
    position:relative;
    float:left;
    padding:7px 10px 7px 20px;
    width:370px;
    text-align:left;
    font-weight:bold;
}      
.joinEditorNameHeadExtended {
    position:relative;
    float:left;
    padding:7px 10px 7px 20px;
    width:410px;      
    font-weight:bold;
}
.joinEditorCollapseHead {
    position:relative;
    float:left;
    padding:7px 10px 7px 10px;
    width:90px;
    overflow:hidden; 
    text-align:right;
}            
.joinEditorDiv {
    position:relative;
    overflow:hidden;
	background:#fff;                                
    border-bottom:1px solid #ccc;
    /* width:704px; */
}
.joinEditorSequence {
    position:relative;
    float:left;
    padding:7px 10px 7px 10px;
    width:100px;
    overflow:hidden;
    text-align:center;                
}
.joinEditorDelete {
    position:relative;
    float:left;
    padding:10px;
    width:50px;
    overflow:hidden;
    text-align:center;                
}
.joinEditorName {
    position:relative;
    float:left;
    padding:7px 10px 7px 20px;
    width:370px;
    overflow:hidden;
    text-align:left;
    font-size:0.9231em;
}    
.joinEditorNameExtended {
    position:relative;
    float:left;
    padding:7px 10px 7px 20px;
    width:410px;
    overflow:hidden;
    text-align:left;
    font-size:0.9231em;               
}                
.joinEditorOpener {
    position:relative;
    float:left;
    padding:7px 10px 7px 10px;
    width:90px;
    overflow:hidden; 
    text-align:right;
    font-size:0.9231em;
}                         
.joinEditorForm {
    padding:7px 10px 20px 0px;
    clear:both;
    display:none;
    overflow:hidden;
} 
.joinEditorFormMsg .success{
	color:#333;
	width:704px;
	background:#a5d079;
	text-align:left;
	font-size:1em;
	text-transform:capitalize;
	margin:5px 0 5px 0;
	line-height:1.5;
	height:100%;
	text-align:center;
	font-weight:bold;
}
.joinEditorFormMsg .error{
	color:#fff;
	font-weight:bold;	
	background:#b52025;
	text-align:left;
	font-size:1em;
	margin:5px 0 5px 0;
	line-height:1.5;
	height:100%;
	padding:10px 15px;
	line-height:1.5em;
	/*
	width:704px;	
	text-transform:capitalize;
	*/
}
.joinEditorFormMsg h2{
	color:#fff;
	font-size:1.5em;
	font-weight:bold;	
	margin:0 0 .5em 0;
}
.joinEditorFormMsg ul{
	margin-left:3em;
}
.joinEditorForm img {
	height:100px;
	width:100px;
	margin:5px 0 5px 15px;
}
.joinEditorFormExtended {
    position:relative;
    padding:7px 10px 20px 50px;
    clear:both;
    display:none;
    overflow:hidden;
}  
.joinEditorFormExtended form {
    position:relative;
}  
.joinEditorFormExtended p strong{
	font-size:0.89em;
	color:#333;
} 
.joinEditorSequenceText {
    border-left:1px solid #c6c6c6;
    border-right:1px solid #c6c6c6;
    border-bottom:1px solid #c6c6c6;
    border-top:1px solid #8e8e8e;
    padding:2px;
    width:40px;
    background:url('../images/formBack.gif') top left repeat-x #ffffff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.0em; /* 12px */
    color:#444444;
	text-align:center;
}
#manageContent_events p span {
	color:#333;
	font-style:italic;
	font-size:1em;
}
.editorLabelTxt {
	width:242px;
	float:left;
	text-align:left;
	position:relative;
	padding:4px 0 0;
	color:#464646;
}
.joinFormButton_addresses {
	width:281px;
	text-align: right;
	margin:10px 0 0;
}
.updateInfoButton {
	margin:10px 0 0;
}
.joinEditorForm p strong {
	font-size:0.89em;
	color:#333;
} 
.editorTipsBox {
	width:170px;
	float:right;
	background-color:#333;
	padding:5px 10px 10px 10px;
	text-align:left;
	overflow:hidden;
	clear:right;
}
.editorTipsBox h2{
	font-size:1.625em;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
}
.editorTipsBox h3{
	font-size:0.9231em;
	text-transform:capitalize;
	font-weight:bold;
	color:#fff;
	margin:5px 0;
}
.editorTipsBox p{
	color:#fff;
	font-size:0.9231em;
	margin-bottom:15px;
}
.ml10 {
	margin-left:9px !important;
}
.mt10 {
	margin-top:10px !important;
}
.cl {
	clear:left !important;
	height:0px !important;
	line-height:0 !important;
}
.fl {
	float:left;
}
.joinEditBtn {
	width:168px;
	background-color:#3598bf;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	border:5px solid #fff;
	text-align:center;
	margin:10px 15px 10px 15px;
	padding:7px;
	vertical-align:middle;
	float:left;
}
.joinEditBtn input{
	width:inherit;
	background-color:#3598bf;
	text-transform:uppercase;
	text-decoration:none;
	border:none;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	font-size:1.25em;
}
.joinEditBtn span{
	width:inherit;
	background-color:#3598bf;
	text-transform:uppercase;
	text-decoration:none;
	border:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	font-size:1.25em;
	line-height:1.35;
}
.joinEditBtn a:link, .joinEditBtn a:visited {
	text-decoration:none;
	color:#fff;
	width:168px;
	display:block;
	padding:6px 0 0 0px;
	height:23px;
}
.joinEditBtn a:hover, .joinEditBtn a:active {
	text-decoration:none;
	color:#333;
	background-color:#c4c3c3;
	display:block;
	height:23px;
}

/* Join Editor Error Fields */
.joinEditorForm .errorRow label{
	color:#bb0000;
}
.joinEditorForm .errorRow input,
.joinEditorForm .errorRow select,
.joinEditorForm .errorRow textarea,
.joinEditorForm .errorField{
	border:1px #bb0000 solid;
	background-color:#FFeeFF
}



/* ----------------------------
 * Wishlist styles
 * ---------------------------- */
#wish_list #wishlistArea #productsDisplay {
	width:auto;
}
#wish_list #wishlistArea #productsDisplay .product {
	margin-right:62px;
}
#wish_list .products_card { 
	width:180px;
	text-align:left;
	float:left;
	/* position:relative; */
	margin:20px 20px 20px 0px;
}
#wish_list .products_card .productdesc {
	text-align:left;
	font-size:0.9231em;
	color:#403f3f;
	line-height:125%;
	margin-top:5px;
	padding:0;
}
.removeWishlist a:link, .removeWishlist a:visited {
    font-weight:normal;
    color:red;
    font-style:italic;
    text-decoration:none;
}
.removeWishlist a:hover, .removeWishlist a:active {
    font-weight:normal;
    color:red;
    font-style:italic;
    text-decoration:underline;
}
#updateInfoButton input{
    background: url("../images/layout/sprites.png") no-repeat scroll -81px -1052px transparent;
    display: block;
    height: 0;
    overflow: hidden;
    width: 56px;
    padding-top: 22px;
}

.createBtnHolder input{
	margin-left:63px;
	margin-top: 10px;
}

.openCreateAccountDialog a,
.createBtnHolder input
{
    background: url("../images/layout/sprites.png") no-repeat scroll -1px -932px transparent;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 33px;
    width: 159px;    
    cursor: pointer;    
}
.openLoginDialog a,
.loginBtnHolder input,
#forgot_password_account input.retrievePasswdButton {
    overflow: hidden;
    padding-top: 33px;
    width: 115px;
    height: 0;
    background: url("../images/layout/sprites.png") no-repeat scroll -1px -994px transparent;
    display: block;
    cursor: pointer;
	float:right;
	clear:both;
	margin-bottom:20px;
}

#forgot_password_account input.retrievePasswdButton {
	background-position: -323px -938px;
}




.loginBtnHolder a{
	display:block;
	clear:both;
	float:right;
}

.openCreateAccountDialogFloat a{
    margin-left: 6px;
    float: left;
}
.openLoginDialogFloat a{
    float: left;
    margin-left: 6px;
}

#account_page .openCreateAccountDialogFloat,
#account_page .openLoginDialogFloat {
	float:left;	
}