 @import url("../../../../css/base.css"); 

/* Global Styles
--------------------------------------------------------*/

body {
	background: #8e9dc6 ;
	font: 10px/1.5 Arial, Helvetica, san-serif;
    	color: #333; padding:20px 0 0 0
    	}


a {outline: none;} /* removes dotted line from around links in FF */

a:link, a:visited {
	text-decoration: none;
	color: #b14735;
	}


a:hover, a:active { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #b14735;  
	} 


h1 {  
	color: #b14735; 
	font:  20px/1 Verdana, Arial, Helvetica, san-serif;  
	}

h2 {   
	color: #666; 
	font: bold 15px/1.5 Verdana, Arial, Helvetica, san-serif;
	}



h3 { 
	font: bold 14px/1.75 Verdana, Arial, Helvetica, san-serif;
	color:#b14735;
	}
	
h4 {   
	color: #666; 
	font-size: 12px; 
	font-weight: bold; 
	}
	
	
#PageSubTable {
	border: 0px solid red; 
	background: transparent; 
	width: 1056px;/* orig=756 */
	}



.TopBanner, .TopSubBanner, .Footer {border:0px solid green}







/* #ContentCell {height: 450px; padding: 0 8px 8px 8px} */

/* Form Element Styles */
#Form2 input, #Form2 select {font: 12px Arial, Helvetica, sans-serif; color: #555; line-height: normal; border:1px solid #ddd}

/* Instructions Box */
#Instruction1_InstructCell {background:#F3F3F3; border: 1px solid #ccc; padding: 7px;}

/* Error Messages */
.Messages, .ErrorMessages {font-size: 12px; font-weight: bold; color: #555}
table.formtbl .ErrorMessages {width: 5px}

/* Content Tables */
.ContentTableHeader, .ContentTable, .ContentTableHorizontal, .default #ContentCell .df-cats h2 {color: #fff; background: #6975a4}
table.optionsbox {border: 1px solid #dedede}

.ContentTableHeader {}

/* Form Styles */
.col2 .c1 {border-right: 1px dashed #ccc}
#Form2 input, #Form2 select {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #555; background: #fff}

/* Type Styles
--------------------------------------------------------*/

/* Global Font Style */
#TopBannerCell, #TopSubBannerCell, #LeftColumnCell,
#RightColumnCell, #FooterCell, #ContentCell, .Content,
#BreadCrumbs1_BreadCrumbs1, .Instructions {font: 11px Verdana, Arial, Helvetica, sans-serif}

/* Instructions */
.Instructions {color: #555}
/* #Instruction1_Table2 {width:700px;} */


/* Page Headlines */
.Headings, #ContentCell h1 {
	font-size: 16px;
	font-weight: bold;
	color: #b14735;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

/* Sub Headlines */
.subHeadings, #ContentCell h2, .Content h2 {font-size: 14px; font-weight: bold; color: #555; margin-bottom: 15px}
#ContentCell h2.divide {padding-top: 15px; border-top: 1px dashed #ccc}

/* Sub Headlines 2 */
#ContentCell h3 {font-size: 12px; font-weight: bold; color: #555; margin: 0}

/* Body Copy */
.Content {
	line-height: 18px;
	color: #555
}

#ContentCell p {font-size: 11px; margin: 0 0 15px 0}

/* Static Page List Styles */
.static #ContentCell li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
.static #ContentCell li ul {margin: 15px 0 0 0; padding: 0; list-style: none}

/* Help Page Back To Top Link */
#ContentCell p.top {text-align: right}
#ContentCell p.top a {padding-left: 20px; background: url(images/design/c-top.gif) no-repeat 0 50%}

#ContentCell .formtbl td.input p {margin-top: 15px}

#ContentCell h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B14735;
	width: 750px; /* orig=500 */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}

/* Body Link Styles */
.Content a, #Instruction1_InstructCell a  {color: #602F61; text-decoration: underline}
.Content a:hover, #Instruction1_InstructCell a:hover  {color: #602F61; text-decoration: none}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {padding: 0; margin: 0; }




/* Detail Page Styles
-------------------------------------------------------*/

/* Detail Template 1 */
#ProductDetail11_Swatches_Table1 {padding-right: 10px}


#ProductDetail11_trPrice, #ProductDetail11_trCustomPrice, #ProductDetail11_trSavings {font-size: 12px; font-weight: bold}
tr#ProductDetail11_trDescription td {border-top: 1px dashed #ccc}
tr#ProductDetail11_trDescription td h1 {font-size: 12px; color: #555; text-transform: uppercase}
tr#ProductDetail11_trCategory td {padding-bottom: 10px}
tr#ProductDetail11_trEMailFriend td.button {text-align: left}

/* Detail Template 2 */
tr#ProductDetail21_trDescription td {border-top: 1px dashed #ccc}

tr#ProductDetail21_trDescription td h1 {font-size: 12px; font-weight: bold; color: #555; text-transform: uppercase; margin-bottom: 0; padding: 0; border: none}
#ProductDetail21_trPrice, #ProductDetail21_trCustomPrice, #ProductDetail21_trSavings {font-size: 12px; font-weight: bold}






/* RightColumnNav Styles
-------------------------------------------------------- */

#RightColumnCell { 
	width:200px; 
	border-left:1px solid #ddd;
	height:100%; 
	padding:0 22px 0 0;
		background-image:url(images/mid-glo_right4.jpg);
		background-repeat: repeat-y;
	background-position:top right;
	}

.rc-wrap {
	margin: 0;
	height:100%; 
	width:170px; 	

	
	}
	
.rc-nav {
	padding:20px 0px 20px 20px;
	
	}

.header {
	position: relative;
	width: 1056px; /* orig=756 */
	height: 90px;
	border: 0px solid green;
	}


.topglo { 
	width: 1056px;  /* orig=756 */
	border: 0px solid green;
  	height: 11px;
	margin-bottom: 0px;  
    	background-image:url(images/top_glo5.jpg);
  	}


.header { 
	width: 1055px; 	/* orig=755 */
	margin: 0 0 0 0;
	background-image:url(images/mid_glo5.jpg) ;
	}

.midglo { 
	 width: 1055px; 	/* orig=755 */
	margin: 0 0 0 0;
	background-image:url(images/mid_glo5.jpg) ;
	background-repeat: repeat-y
	}
	
	
.btmglo { 
	width: 1056px;  /* orig=756 */
	height: 11px; 
	background-image:url(images/btm_glo5.jpg) ;
	}




	
/*------------------- Utility Links ----------------------*/

.utility {
	position:relative;
	width: 1055px; /* orig=755 */	
	height: 9px;
	color: #999;
	font: 9px Verdana, Arial, Helvetica, san-serif;
	border:solid red 0px;
	text-align:right;
	}

.utilityLinks {
	position:absolute;
	top:0;
	right:25px;
	}

.utilityLinks a:link, .utilityLinks a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #fff;  
	font: 9px Verdana, Arial, Helvetica, san-serif;
	}


.utilityLinks a:hover, .utilityLinks a:active { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #fff;  
	} 


/*------------------- Search Box ----------------------*/

#searchBox{
	position:absolute;
	top:48px;
	right:25px;
	color:#fff;
	padding:0;
	margin:0;
	z-index:8
	}

#searchBox form input {font: 9px/1 Verdana, Arial, Helvetica, sans-serif;}
#searchButton {
	background-color: #b14735;  
	color: #fff; 
	cursor: pointer; 
	font: 9px/1.5 Verdana, Arial, Helvetica, sans-serif;
	height: 17px; 
	border: 1px solid #b14735; 
	margin:0 0 0 10px;
	}
	
#searchButton a:link, #searchButton a:visited { 
	font: bold 10px/1 Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	color: #000;  
	background-color: #b14735; 
	}


#searchButton a:hover, #searchButton a:active { 
	font: bold 10px/1 Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	color: #b14735;  
	background-color: #fff; 
	border: 1px solid #b14735; 
	} 

.logo { 
	position: absolute;
	top: 15px;
	left:35px
	}

.headerText {
	position: absolute;
	top: 15px;
	right:25px;
	text-align:right;
	font: 11px Verdana, Arial, Helvetica, san-serif;
	color:#b14735;
	}



/*------------------- Main Nav ----------------------*/		
.menu { 
	position:relative;
	width: 1056px;  /* orig=756 */
	height: 29px; 
	margin: 0px; 
	padding: 0px;  
 	border-top: 0px solid #697999; 
 	border:solid 0px yellow;
 	z-index: 9;
	background-image:url(images/mid_glo5.jpg);
	}
	
	
#nav, #nav ul { /* all lists */
	float: right;
	list-style: none;
	background: none;
	padding:0  ;
	margin: 0 ;
	width: 1025px;
	border:solid 0px yellow;

	}

#nav li { /* main list items */
	float: left;
	
	text-align: center;
	}

#nav a{
	display : block;
	font: 11px Verdana, Arial, Helvetica, san-serif;
	color : #b14735;
	margin: 0;
	font-weight : bold;
	text-decoration : none;
	border-right:solid 1px #ddd;
	width:auto;
	height:auto;
	white-space:nowrap;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	}
	
* html #nav a{ width: 2em;w\idth: 2em;}

#nav li a:hover {
	padding: 6px 12px 6px 12px;
	display : block;
	color : #b14735;
	background: #ddd;
	margin: 0;
	font-weight : bold;
	text-decoration : none;
	border-right:solid 1px #ddd;
	width: auto;
	height:auto;
	}
	
* html #nav a:hover{ width: 2em;w\idth: 2em;}	


#nav li ul { /* second-level lists */
	position : absolute;
	left: -9999px;
	margin: 0;
	/* top: 29px; */
	width: 195px; 
	}
.h20li {
	list-style-type: square;
}



#nav li ul  a {
	width: 145px;
	padding: 8px 0px 7px 8px;
	display: block;	
	background: #8e9dc6;
	color: #fff;
	font: 9px Verdana, Arial, Helvetica, san-serif;
	font-weight: normal;
	text-align: left;
	float: none;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	border-right:solid 0px #ddd;
	
	}

#nav li ul  a:hover {
 	width: 145px;
 	padding: 8px 0px 7px 8px;
	display: block;
	background: #b14735;
	font-weight: normal;
	color: #fff;
	float: none;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	border-right:solid 0px #ddd;
	}


#nav li ul ul{ /* third-level lists */
	margin: -28px 0 0 153px;
	}

#nav li ul ul  a {width: 110px;}

#nav li ul ul  a:hover {width: 110px;}
	
	

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
	left: -9999px;
	}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

#nav li:hover, 
#nav li.sfhover {
	background: #8e9dc6;
	}

/*------------------- Sub Nav ----------------------*/		
	
#subnav, #subnav ul { /* all lists */
	float: inherit;
	list-style: none;
	background: none;
	padding:0;
	margin: 0;
	width: 800px;
	border:solid 0px yellow;

	}

#subnav li { /* main list items */
	float: left;
	
	text-align: center;
	}

#subnav a{
	display : block;
	color : #6b7797;
	margin: 0;
	font-weight : bold;
	text-decoration : none;
	width:auto;
	height:auto;
	white-space:nowrap;
	padding-top: 6px;
	padding-right: 9px;
	padding-bottom: 6px;
	padding-left: 9px;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 10px;
	border: 1px solid #ddd;
	}
	
* html #subnav a{ width: 2em;w\idth: 2em;}

#subnav li a:hover {
	display : block;
	color : #b14735;
	background: #ddd;
	margin: 0;
	font-weight : bold;
	text-decoration : none;
	border-right:solid 1px #ddd;
	width: auto;
	height:auto;
	padding-top: 6px;
	padding-right: 9px;
	padding-bottom: 6px;
	padding-left: 9px;
	}
	
* html #subnav a:hover{ width: 2em;w\idth: 2em;}	


#subnav li ul { /* second-level lists */
	position : absolute;
	left: -9999px;
	margin: 0;
	/* top: 29px; */
	width: 195px; 
	}
.h20li {
	list-style-type: square;
}



#subnav li ul  a {
	width: 145px;
	padding: 8px 0px 7px 8px;
	display: block;	
	background: #8e9dc6;
	color: #fff;
	font: 9px Verdana, Arial, Helvetica, san-serif;
	font-weight: normal;
	text-align: left;
	float: none;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	border-right:solid 0px #ddd;
	
	}

#subnav li ul  a:hover {
 	width: 145px;
 	padding: 8px 0px 7px 8px;
	display: block;
	background: #b14735;
	font-weight: normal;
	color: #fff;
	float: none;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	border-right:solid 0px #ddd;
	}


#subnav li ul ul{ /* third-level lists */
	margin: -28px 0 0 153px;
	}

#subnav li ul ul  a {width: 110px;}

#subnav li ul ul  a:hover {width: 110px;}
	
	

#subnav li:hover ul ul, 
#subnav li:hover ul ul ul, 
#subnav li.sfhover ul ul, 
#subnav li.sfhover ul ul ul {
	left: -9999px;
	}

#subnav li:hover ul, 
#subnav li li:hover ul, 
#subnav li li li:hover ul, 
#subnav li.sfhover ul, 
#subnav li li.sfhover ul, 
#subnav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

#subnav li:hover, 
#subnav li.sfhover {
	background: #8e9dc6;
	}


/*------------------- Home Content ------------------------*/
/*
.mainHome {
	margin: 0px 0 0 14px;
	padding: 0;
	width: 743px;
	border-top: 0px solid #fff;
	min-height:375px;
	height:auto !important;
	height:375px;
	position:relative;
	z-index:8;
	background-image: url(../../../../Images/default/feature-mar09_02.jpg);
	background-repeat: no-repeat;
	}



#feature1 {
	position: absolute;
	top:0px;
	left:0px;
	border:0px solid red;
	width:450px;
	height:200px;
	margin:0;
	padding:0;
	}

#feature2a {
	position: absolute;
	top:0px;
	left:450px;
	border:0px solid red;
	width:250px;
	height:375px;
	margin:0;
	padding:0;
	}	

#feature2b {
	position: absolute;
	top: 161px;
	left:538px;
	border:0px solid red;
	width:223px;
	height:128px;
	margin:0;
	padding:0;
	}
	
#feature2c {
	position: absolute;
	top:200px;
	left:0px;
	border:0px solid red;
	width:450px;
	height:150px;
	margin:0;
	padding:0;
	}
	
.secondHome {
	margin: 8px 0 0 16px;
	padding: 0;
	width: 743px;
	}

.secondHomeCell{
	background: url('images/small_home_feature_bkg.jpg') no-repeat;
	margin:0;
	padding:10px;
	height:180px;
	width:233px;
	font: 10px/1.5 Arial, Helvetica, san-serif;
	}
	
.secondHomeCell h3 { 
	font: bold 14px/1.75 Verdana, Arial, Helvetica, san-serif;
	color:#b14735;
	margin:0;
	}
	
#homeShows {
	height:110px;
	overflow:auto;
	}
	

#ProductDetail21_Swatches_imgProductImage {width:200px;border:0px solid red}

*/
/*------------------- Product Pages ----------------------*/

#product .description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	line-height: 16px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: justify;
	vertical-align: middle;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #ddd;
}

#product h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6b7797;
	width: 750px; /* orig=500 */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}


/*------------------- Secondary Page Content ------------------------*/	
.Content {
	margin: 0 ;
	font: 11px/1.75 Arial, Helvetica, san-serif;
	border: 0px solid red;
	white-space:normal;
	}


.content a:link {
	font: 11px/1 Arial, Helvetica, san-serif;
	color:#c60;	
	font-weight: normal; 
	text-decoration: none; 
	}
	
.content a:visited {
	font: 11px/1 Arial, Helvetica, san-serif;
	color:#c60;	
	font-weight: normal; 
	text-decoration: none; 
	}
	
.content a:hover { 
	font: 11px/1 Arial, Helvetica, san-serif;
	color:#c60;	
	font-weight: normal; 
	text-decoration: underline;
	}


#ContentCell { 
	border:0px solid red;
	width: 856px !important; /* orig=556 */
z-index:8; 
	margin: 0;
	padding: 20px 25px 20px 35px;
	background-image:url(images/mid_glo5.jpg);
	background-repeat: repeat-y
	}
	



/*	
.category {
	margin:0 0 0 20px;
	}

.category td {
	padding:0 0 30px 0;
	margin:0;
	}

.category td img{
	padding:0 20px 0 0;
	margin:0;
	}
	
.other {
	margin:20px 0 0 20px;
	width:670px;
	}
	
.pixBorder{
	margin:0 0 20px 20px;
	padding:5px;
	border: 1px solid #ddd;
	}	
	
	
.product {
	margin:20px 0 0 20px;
	width:510px;
	}

.product td {
	padding:0 0 0 0;
	margin:0;
	}
		
#featurePix {
	float: right;
	padding:0 0 0 30px;
	}



	
	
	
	
.rightSidebar {
	border-left: 1px solid #ddd;
	padding:0 0 0 10px;
	margin:0 0 0 10px;
	}
	
.main {
	margin: 0;
	padding: 0;
	width: 743px;
	border-top: 0px solid #fff;
	min-height:500px;
	height:auto !important;
	height:500px;
	}
.contentSecond {	
	padding: 0 ;
	margin: 10px 0 20px 10px;
	font: 11px/1.75 Arial, Helvetica, san-serif;
	border:0px solid red;
	z-index:10;
	}


.contentSecond a:link, .contentSecond a:visited { 
	font-weight: normal; 
	font: 11px/1.75 Arial, Helvetica, san-serif;
	text-decoration: none; 
	color: #c57244; 
	}


.contentSecond a:hover, .contentSecond a:active { 
	font-weight: normal; 
	font: 11px/1.75 Arial, Helvetica, san-serif;
	text-decoration: underline; 
	color: #c57244;  
	} 
	
*/






/*------------------- Footer ----------------------*/

.footerDiv { 
	width: 1043px; /* orig=743 */
	height: 55px;	
	margin: 0px 0 0 12px;
	background: url('images/ftr_bkg5.gif') no-repeat; 
	padding: 0 ; 
	color: #fff;
	position:relative;
	font: bold 10px/2 Verdana, Arial, Helvetica, san-serif;
	}


.footerglo { 
	width: 1055px; 	/* orig=755 */
	margin: 0 0 0 0;
	background-image:url(images/mid_glo5.jpg);
	}
	
	
#footerText a:link, #footerText a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #fff;  
	font: 9px/1 Verdana, Arial, Helvetica, san-serif;
	}
	
#footerText a:hover, #footerText a:active { 
	font-weight: normal; 
	text-decoration: none; 
	color: #000; 
	font: 9px/1 Verdana, Arial, Helvetica, san-serif;
	}
	
#footerText { 
	position: absolute;
	top:10px;
	left:20px;
	}


#footerLinks {
	position: absolute;
	top:15px;
	right:28px;
	}

#footerLinks a:link, #footerLinks a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #fff;  
	font: 9px/1 Verdana, Arial, Helvetica, san-serif;
	}
	
#footerLinks a:hover, #footerLinks a:active { 
	font-weight: normal; 
	text-decoration: none; 
	color: #000; 
	font: 9px/1 Verdana, Arial, Helvetica, san-serif;
	}


/*------------------- Signature ----------------------*/		

.signature {
	width: 1056px; 	/* orig=756 */
	position: relative;
	height: auto;
	margin-left:auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: left;
	color: #fff;
	font: 9px Arial, Helvetica, san-serif;
	/*visibility:hidden;*/
	}

.signature a:link, .signature a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #000;  
	}
	
.signature a:hover, .signature a:active { 
	font-weight: normal; 
	text-decoration: none; 
	color: #bbb;  
	}

.classtable {
	border: thin solid #666666;
}
.classtablecell {
	border: 2px solid #9E557B;
}
.valtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #9E557B;
}
.vallist {
	list-style-type: square;
	position: relative;
	padding-left: 150px;
	line-height: normal;
	font-weight: bold;
}
#vger {
	position: absolute;
	top:10px;
	left:14px;
	border:0px solid red;
	width:364px;
	height:352px;
	margin:0;
	padding:0;
}
#qdr {
	position: absolute;
	top:130px;
	left:554px;
	border:0px solid red;
	width:122px;
	height:149px;
	margin:0;
	padding:0;
}
#notions {
	position: absolute;
	top:270px;
	left:458px;
	border:0px solid red;
	width:126px;
	height:92px;
	margin:0;
	padding:0;
}
.detailbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #B54933;
	padding: 5px;
}
.detailbutton a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #B54933;
	padding: 5px;
}
.detailbutton a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #B54933;
	padding: 5px;
	background-color: #8e9dc6;
}
.prodphototable {
	border: thin solid #CCCCCC;
}
#product li {
	line-height: normal;
}
#Photo  td {
	padding-left: 40px;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	line-height: normal;
	text-align: center;
}
#Photo   img {
	border: 3px solid #dddddd;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#product p {
	margin-left: 10px;
}
#product #topimage td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #666666;
	text-align: center;
	vertical-align: bottom;
}
#product #topimage p {
	text-align: center;
	vertical-align: bottom;
}
