/*	ReginaAndrew.com/sw_css/PrimaryDefinitions.css
	Primary Definitions for All Pages
	IE overrides are done in file PrimaryDefinitions_IE.css
*/
body, div, img, form, ul {
	margin:0;
	border:0;
	padding:0;
}
body {
	color:#656754;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size:10pt;
	background-color:#7b8283;
}
a {
        text-decoration:none;
}
.ClearFix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
	}
        @font-face {
        	font-family: 'RAModern';
        	src: url('sw_fonts/RAModern.eot');
        	src: local('☺'), 
        	url('sw_fonts/RAModern.svg');
        }


#ModalShade {
	display:none;
	width:100%;
	height:100%;
/*	background-color:#403524;*/
	background-color:#222;
	opacity:0.6;
	position:absolute;
	top:0;
	z-index:1000;
}
.LoggedOut {
	display:block;
}
.LoggedIn {
	display:block;
}
#Music {
        position:absolute;
}
#LoadingSpinner {
        margin:0px auto;
        width:50px;
        position:relative;
        top:150px;
        left:65px;
}
/*TESTING*/

/*#ClientServicesAlt {
	width:100%;
	background-color:#403524;
	height:0px;
}*/

#SignIn {
/*	display:none;*/
}
/* END TESTING */

#AccountHeader {
	width:100%;
	position:fixed;
	top:0px;
	background-color:none;
	z-index:1100;
	}
	#AccountHeaderContainer {
		width:960px;
/*		height:54px;*/
		margin:0 auto;
		position:relative;
		top:-4px;
/*		background-color:#cac;*/
		z-index:950;
		}
	#ClientServices {
		display:none;
		min-width:200px;
		width:800px;
/*		min-height:400px;*/
/*		float:left;*/
		margin:0px auto;
		background-color:#eee;
		border:2px solid #403524;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		}
		#ClientServices .Close {
			position:relative;
			top:18px;
			right:4px;
			float:right;
			width:18px;
			height:18px;
/*			height:15px;*/
/*			background-color:#403524 ;*/
			background:#fff url('/images/00002-w.18pxh-075 IRw close button brown.gif') no-repeat top left ;
			text-align:center;
			color:white;
			padding-bottom:3px;
			}
		#ClientServices .Close:hover {
			background:#fff url('/images/00002-w.18pxh-075 IRw close button brown.gif') no-repeat top right ;
			}
		#ClientServices #Content {
			margin:20px 25px 20px;
			}
		#ClientServices.SignIn {
			width:200px;
/*			height:200px;*/
			position:relative;
			top:140px;
		}
		#ClientServices.MyAccount {
			width:475px;
/*			height:400px;*/
			position:relative;
			top:25px;
			padding:30px;
			}
		#ClientServices.ViewOrders {
			width:800px;
/*			height:400px;*/
			position:relative;
			top:25px;
			}
		#ClientServices.ViewCart {
			width:600px;
/*			height:400px;*/
			position:relative;
			top:25px;
			}
#Header {
	width:100%;
	position:fixed;
	top:0px;
	background-color:#be9963;
	z-index:900;
	}
	#HorizontalNavRuleTop {
		background-color:#403524;
		height:8px;
		width:100%;
		-webkit-box-shadow: 0px 2px 7px #555;
		-moz-box-shadow: 0px 2px 7px #555;
		z-index:1010;
		}
	#HorizontalNavRuleBottom {
		background-color:#403524;
		height:4px;
		width:100%;
		-webkit-box-shadow: 0px 3px 9px #333;
		-moz-box-shadow: 0px 3px 9px #333;
		z-index:910;
		}
	#HeaderContainer {
		width:1000px; /*DONT CHANGE THIS - wider width allows the elastic effect of lava to not get cut off */
		height:51px;
		margin:0 auto;
		position:relative;
		top:0px;
		padding-bottom:4px;
/*		background-color:#cac;*/
		overflow:hidden;
		z-index:950;
		}

/*		Account Navigation Specs	*/
#AccountNav {
/*	width:550px;*/
/*	height:23px;*/
	background-color:#403524;
	border:0 solid gray;
	margin:0;
	padding-left:3px;
	padding-right:3px;
	overflow:visible;
	position:absolute;
	top:0;
	right:10px ;
	-webkit-box-shadow: 2px 2px 10px #444;
	-moz-box-shadow: 2px 2px 10px #444;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	}
	#AccountNav li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		float:left;
		margin-bottom:3px;
		}
	#AccountNav li.backLava {
		background-color:#756756;
		border:0px solid #000000;
		height:20px;
		position:absolute;
		width:9px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		z-index:1070;
	}
	#AccountNav li a {
		color:white;
		display:block;
		float:left;
/*              font-weight:normal;*/
		font-size:90%;
/*		height:30px;*/
		margin:auto 0px;
		overflow:hidden;
		position:relative;
		outline:none;
		text-align:center;
		/*text-decoration:none;*/
		text-transform:capitalize;
/*		top:3px;*/
		padding:1px 10px;
		z-index:1078;
		}
	#AccountNav li a:hover {
		color:grey;
		}
		
/*		Info Navigation Specs	*/
#InfoNav {
/*	height:23px;*/
/*	background-color:#be9963;*/
	border:0 solid gray;
	margin:0;
	overflow:visible;
	padding-left:0;
	position:absolute;
	bottom:-4px; /* NOTE: a negative # may seem strange, but it keeps a white line from showing when lava is triggered */
	right:29px;
	}
	#InfoNav li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		float:left;
/*		padding:4px 0 6px;*/
		}
	#InfoNav li.backLava {
		background-color:#403524;
		border:0px solid #000000;
		height:22px;
		position:absolute;
		width:9px;
		z-index:970;
		-webkit-box-shadow: 2px 0px 7px #444;
		-moz-box-shadow: 2px 0px 7px #444;
		-webkit-border-top-left-radius:3px;
		-webkit-border-top-right-radius:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		}
	#InfoNav li a {
		color:white;
		display:block;
		float:left;
/*              font-weight:lighter;*/
		letter-spacing:0.05em;
		height:auto;
		width:auto;
		padding:4px 15px 6px;
		margin:auto 0;
		overflow:hidden;
		position:relative;
		outline:none;
		text-align:center;
		/*text-decoration:none;*/
		text-transform:capitalize;
/*		top:7px;*/
		z-index:978;
		}
	#InfoNav li a:hover {
		color:#403524;
		}
		

			
#ContentContainer {
	width:960px;
/*	height:400px;*/
	min-height:494px;
	background-color:white; /* was #ddd */
	position:relative;
	top:67px;
	margin:0 auto;
	-webkit-box-shadow: 5px 5px 10px #444;
	-moz-box-shadow: 5px 5px 10px #444;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	z-index:580;
	}
	#NavPanel {
	        position:fixed;
	        top:67px;
		float:left;
	}
/*	Product Navigation Specs	*/
	#ProductNav {
		background-color:#756756;
		overflow:hidden;
		max-width:150px;
		padding-left:5px;
		padding-right:5px;
		margin:0 0 30px 0;
		position:relative;
		top:0px;
		left:17px;
/*                float:left;*/
		-webkit-box-shadow: 3px 4px 8px #777;
		-moz-box-shadow: 3px 4px 8px #777;
		-webkit-border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
/*		display:none;*/
		z-index:580
		}
		#ProductNav li {
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:3px 6px 3px 8px;			}
		#ProductNav li.backLava {
			background-color:#403524;
			border:0px solid #000000;
			height:20px;
			position:absolute;
			width:9px;
			-webkit-box-shadow: 3px 4px 8px #444;
			-moz-box-shadow: 3px 4px 8px #444;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			z-index:580;
			}	
		#ProductNav li a {
			color:white;
			display:block;
/*                      font-weight:normal;*/
			height:auto;
			width:auto;
/*			margin:3px 12px 3px 15px;*/
			margin:0;
			overflow:hidden;
			position:relative;
			outline:none;
			text-align:left;
			/*text-decoration:none;*/
			text-transform:capitalize;
/*			top:7px;*/
			padding:2px 8px 4px 8px;
			z-index:590;
			}
		#ProductNav li a:hover {
			color:#403524;
			}
		#ProductNav .Separator {
			background-color:white;
			height:1px;
			margin:0 5px;
			}
		#ProductNav .SubHead {
/*			display:none;*/
			}
			#ProductNav .SubHead ul {
				padding-left:11px;
				}
			#ProductNav .SubHead ul a {
/*				padding-left:8px;*/
				}
			#ProductNav .Header a {
/*				font-weight:bold;*/
				}
		
		
		
		
	#RightPanel {
		float:right;
		width:765px;
		margin-right:30px;
		text-align:center;
		}
		#RightPanel #ProductContainer {
			margin:25px 0 25px 15px;
			min-height:415px;
		}
		#RightPanel .ProductBox {
			float:left;
/*			height:200px;*/
			margin:5px 12px;
			position:relative;
			text-align:center;
			vertical-align:bottom;
/*			width:150px;*/
			}
		#RightPanel .ImageBox {
			padding:10px;
			border:1px solid #403524;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			}
			#RightPanel .ImageBox img {
				width:140px;	
				}
		#RightPanel .ProductTitle {
			font-size:9.5pt;
			margin:4px 0 8px 3px;
			text-align:left;
			height:35px;
			width:159px;
		        }
		#RightPanel a {
		        color:#656754;
		        }
		#RightPanel a:visited {
		        color:#656754;
		        }
		#RightPanel a:hover {
		        color:red;
		        }

.ProductDetail  .ProductImage {
        position:absolute;
        }
        .ProductDetail  .ProductInfoContainer {
                min-width: 250px;
                position: absolute;
                top: 50px;
                width: auto;
                margin-left:58%;
                }
        .ProductDetail h2 {
                font-size: 1.5em;
                font-weight: lighter;
                margin: 0.4em 0px;
                }
        .ProductDetail .ProductSize,
        .ProductDetail .ProductSKU {
                font-size: 1em;
                color:#7F8169;
        	margin: 0.5em 0px;
                }
        .ProductDetail .ui-widget-header {
                color:#656754;
                font-size:12pt;
                }
        .ProductDetail .ui-dialog-titlebar {
                color:white;
                padding:0.1em 1em;
                font-weight:normal;
                }
        .ProductDetail .ui-dialog-content.ui-widget-content {
                padding:0.4em 0.1em;
                }
        .ProductDetail .ui-dialog-titlebar-close {
                background-color:#403524;
                }
        .ProductDetail.ui-dialog.ui-widget-content,
        .ProductDetail .ui-widget-content.ui-dialog-buttonpane {
                background:none white;
                }
        .NewProductFlag {
                color:red;
                font-size:0.6em;
                }	

.TypeBrown {
	color:#b1884a;
        }
.TypeDarkGrey {
	color:#656754;
        }
.TypeLightGrey {
        color:#7F8169;
        }
#CopyrightNotice {
        position:absolute;
        bottom:-23px;
        right:48px;
        color:white;
}

#Logo {
	position:absolute;
	top:18px;
	left:21px;
	width:280px;
	}
.ErrorTextInlineHighlight {
	color:red;
	font-weight:bold;
	}
.ErrorModalContainer {
	top:140px;
	}
.AccountNavModalContainer .ui-dialog-titlebar {
	background-image:none;
	background-color:#403524;
	text-transform:capitalize;
	}

.MoodBoard {
        margin:43px 0;
        }
.MoodShot {
	float:left;
	margin:5px 7px;
	position:relative;
	text-align:center;
	vertical-align:bottom;
        }

        #RightPanel .MoodShot .ImageBox img {
                width:219px;
                height:161px;
                }

        #RightPanel .MoodCopy {
                width:241px;
                height:186px;
                margin:5px 7px;
                font-size:9.5pt;
                line-height:1.3em;
                float:left;
                display:table;
                }
                #RightPanel .MoodCopy .Middle {
                        display:table-cell;
                        vertical-align:middle;
                }
        	.MoodCopy h1 {
        		font-family:times,serif;
        		font-weight:lighter;
        		font-size:16pt;
        	}
        #RightPanel .MoodShot .ImageHeader.Top {
                position:absolute;
                top:0px;
                left:0px;
                width:241px;
                }
        #RightPanel .MoodShot .ImageHeader.Top  img {
                position:relative;
                margin:0 auto;
                top:8px;
                width:auto;
                height:auto;
                }
        #RightPanel .MoodShot .ImageHeader.Bottom {
                position:absolute;
                bottom:7px;
                left:0px;
                width:241px;
                }
                #RightPanel .MoodShot .ImageHeader.Bottom img {
                position:relative;
                bottom:0px;
                margin:0 auto;
                width:auto;
                height:auto;
        }
        #RightPanel #AboutUs .MoodShot .ImageHeader.Top  img {
                top:9px;
        }
        #RightPanel #AboutUs .MoodShot .ImageHeader.Bottom  img {
                bottom:2px;
        }

.InfoContainer {
        text-align:left;
        margin:53px 0 30px 8px;
}
        .InfoContainer h1 {
                text-transform:capitalize;
                font-weight:normal;
                margin:0 0 0 20px;
        
        }
        .InfoContainer #InfoSubNav {
                height:25px;
                width:100%;
                margin:0px 0 6px;
                padding-left:20px;
        }
        .InfoContainer .HorizontalRule {
                width:100%;
                height:3px;
                background-color:#be9963;
                position:relative:;
        }
        .InfoContainer #InfoMessageContainer {
                margin:40px 0 0 20px;
        }
        #CustomerService.InfoContainer #InfoMessageContainer {
                margin-top:25px;
        }

#ContactUs #InfoMessageContainer p {
        line-height:1.6em;
        margin:21px 0;
}
        #ContactUs #InfoMessageContainer .AjaxLink a {
                /*text-decoration:none;*/
                color:#656754;
        }
        #ContactUs #InfoMessageContainer .AjaxLink a:hover {
                color:#222;
        }
#InfoSubNav ul {
        margin:5px 0 0 -5px;
        padding-left:0;
        float:left; /* list to not take up any room without using absolute positioning.  keep rule in same place over all info menu items */
}
        #InfoSubNav ul li {
                float:left;
                list-style-type:none;
                font-size:10pt;
                text-transform:uppercase;
                margin:0 10px;
        }
#FindUs #InfoSubNav ul li {
        font-size:10pt;
        margin:0 5px;
}
.AccountInfo {
        position:absolute;
        top:30px;
        left:730px;
}
        .AccountInfo .ui-dialog-titlebar {
                background: transparent none;
                border: none;
        }
        .AccountInfo .ui-widget-header {
                color:#656754;
                font-size:14pt;
        }
        .AccountInfo .ui-dialog-titlebar-close {
                background-color:#403524;
        }
        .AccountInfo.ui-dialog.ui-widget-content,
        .AccountInfo .ui-widget-content.ui-dialog-buttonpane {
                background:none #e1ddd8;
        }
        .AccountInfo #SignInBenefits {
        /*        margin-left:0;*/
                padding-left:20px;
        }
        .AccountInfo .Content {
                font-size:10.5pt;
                margin-bottom:20px;
        
        }
        .AccountInfo #SignInBenefits li {
                margin:10px 0;
        }
        .AccountInfo form fieldset {
                border:none;
        }
        .AccountInfo form label {
                float:left;
                clear:left;
                margin-top:10px;
        }
        .AccountInfo form input {
                background-color:white;
                float:left;
                clear:left;
                width:100%;
                margin-top:3px;
                padding:4px 0 4px 8px;
                color:#656754;
        }
        .AccountInfo form input:focus {
                background:#756756;
                color:white;
        }
        .AccountInfo .ValidateTips {
                padding:2px 0 2px 6px;
                text-align:center;
                background-color:#e1ddd8;
        }
        .AccountInfo .AccountInfoError {
        background-color:#cac;
        border:1px none #BE9963;
        color:#cd0a0a;
        }
#InfoSubNav a {
        /*text-decoration:none;*/
        outline:none;
        color:#656754;
}
        #InfoSubNav a:hover {
                color:#222;
        }

        #InfoSubNav .ActiveSubNav a {
                color:#222;
                font-weight:bold;
        }
#InfoMessageContainer {
        font-size:11pt;
        line-height:1.6em;
}
        #InfoMessageContainer p {
                margin:30px 0;
        }
        #InfoMessageContainer a {
                color:#656754;
                /*text-decoration:none;*/
        }
        #InfoMessageContainer a:hover {
                color:#222;
        }
#InfoMessageContainer #Accordion {
        padding-right:50px;
        display:none; /* this goes along with the timer function that shows the accordion after its been collapsed on load */
}
/*#InfoMessageContainer #TermsAccordion .ui-accordion-header {
        background:none #e1ddd8;
        text-transform:uppercase;
}
#InfoMessageContainer #TermsAccordion .ui-state-active {
        background:none #b8b8b8;
        text-transform:uppercase;
}
#InfoMessageContainer #TermsAccordion .ui-state-active a {
        color:#3875d7;
} */    
#InfoMessageContainer #Accordion .ui-accordion-header {
        background:none white;
        text-transform:capitalize;
        border:none;
}
#InfoMessageContainer #Accordion .ui-state-active {
        background:none white;
        text-transform:capitalize;
        border:none;
}
#InfoMessageContainer .ui-accordion .ui-accordion-content {
        border:none;
        background:none white;
        padding-left:55px;
}
#InfoMessageContainer #Accordion .ui-state-active a {
        color:#222;
}   
#Accordion .ui-icon {
        background-image:url("/images/jQuery/ui-icons_222222_256x240.png");
}
#Accordion .ui-state-active .ui-icon {
        background-image:url("/images/jQuery/ui-icons_222222_256x240.png");
}
#InfoMessageContainer #Privacy ul {
        padding-right:75px;
}
#InfoMessageContainer #Privacy {
        margin-right:25px;
}
#TableTradeShows {
        margin:0 0 35px 20px;
}
#TableTradeShows .SpacerColumn {
        width:57px;
}
#TableTradeShows .SpacerRow {
        height:25px;
}
#TableTradeShows .Date {
        width:200px;
        vertical-align:top;
}
#TableTradeShows .Location {
        width:400px;
        vertical-align:top;
}
#TableTradeShows .HeaderRow {
        text-align:left;
        font-weight:bold;
        font-size:1.1em;
        text-transform:uppercase;
        vertical-align:top;
        }
#TableTradeShows .HeaderRow td {
        height:20px;
        }
#TableTradeShows .DateRow {
        }
#TableTradeShows .DateRow td {
        vertical-align:top;
        padding-bottom:15px;
        }
.ShowRoomContainer {
        width:100%;
        height:215px;
        }
.ShowRoomContainer .ShowRoomCopy {
        float:right;
        margin:12px 0 0 25px;
        text-align:left;
        width:450px;
        line-height:1.7em;
        }
.ShowRoomContainer .ShowRoomImage {
        float:right;
/*        margin-bottom:20px;*/
        }
.ShowRoomImage img {
	padding:10px;
	border:1px solid #403524;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
        }
.ShowRoomCopy span {
        font-weight:bold;
        font-size:1.1em;
        text-transform:uppercase;
        }

/* ---- LogIn Window ---- */

#ProgressBar {
        display:none;
        }

.LogInDialogBox .ui-dialog-title {
        text-transform:capitalize;
        }

#SortBy ul li { /*temporary styling for sort list*/
        list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
        }
.tooltip {
	display:none;
	background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
        }

#LoginContainer #LoginButtonContainer { /* moves the submit button off the page */
        position:absolute;
        top:-5000px;
        }
#LoginContainer #Credentials {
        float:left;
        width:320px;
        margin-top:27px;
        margin-left:15px;
        }
#LoginContainer #Text {
        border-left: 1px solid #403524;
        float: right;
        padding: 8px 0px 0px 25px;
        margin-top:15px;
        width: 510px;
        }
        #LoginContainer #Text h3 {
                font-weight:bold;
                font-size:11pt;
                margin:0.2em 0px;
                }
        #LoginContainer #Text p {
                font-size:9.5pt;
                margin: 0.6em 0px 1.5em;
                }
        #LoginContainer #Text a,
        #LoginContainer #Credentials a {
                text-decoration:underline;
                }
                #LoginContainer form#customerLogin {
                        margin:10px 0 30px;
                }
                #LoginContainer .LoginTitle {
                        margin-bottom:30px;
                }
                #LoginContainer .LoginFieldGroup {
                        margin-top:20px;
                        height:45px;
                }
                #LoginContainer .LoginFieldGroup span {
                        float:left;
                        position:relative;
                        top:-6px;
                        text-transform:uppercase;
                }
                #LoginContainer .LoginFieldGroup input {
                        float:left;
                        clear:left;
                        position:relative;
                        left:-1px;
                }
        #LoginContainer #ExistingCustomerMessageBox {
                left: 320px;
                position: absolute;
                top: 6px;
                width: 200px;
                }
                #ExistingCustomerMessageBox .Text {
                        left: 92px;
                        position: absolute;
                        top: 10px;
                        width: 199px;
                        }
        #ForgotPassword {
                margin-top:30px;
                }
                #ForgotPassword h3 {
                        font-size:9pt;
                        margin-bottom:10px;
                        }
                #ForgotPassword input {
                        margin:0 auto;
                        }
                        

.HiddenSubmitButton {
        position:absolute;
        top:-5000px;
        }

#ProductDetailResizingModalLinkShade {
         background-color: white;
         height: 99%;
         opacity: 0.01;
         position: absolute;
         top: 0px;
         width: 100%;
         z-index: 891;
}