@charset "UTF-8";
/* CSS Document */

html, body {
margin:0;
padding:0;
line-height: 1.5em;
background-color:#EAEAEA;
height: 100%;
font-family:Verdana, Geneva, sans-serif;
}


#shadow {
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(/images/common/img_shadow.gif);
	min-height: 100%;
}



#maincontainer{
width: 985px; /*Width of main container*/
w\idth: 985px;
margin: 0 auto; /*Center container on page*/
background-color:#fff;
}


* html #shadow {
height: 100%;
}


#topsection{
height: 215px; /*Height of top section*/
padding-top: 10px;

}



#contentwrapper{
float: left;
width: 100%;
text-align:left;
}

#contentcolumn{
margin-right: 260px; /*Set right margin to RightColumnWidth*/
padding-left: 10px;
padding-right: 10px;
}

#rightcolumn{
float: left;
width: 250px; /*Width of right column*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
text-align:left;
}


/* Top navigation area */
#header {
	background-color:#585854;
	/* position:relative; */
	padding:2px;
	height: 117px;
	border-bottom: 2px solid #000;
}




/* Text */
p {				  
	font-size: 12px;
	line-height: 140%;
	/*padding:  0 0 5px 0;*/
}

/* Headline */
h1 {				  
	font-size: 14px;
}


/* Product Title */
h2 {				  
	font-size: 22px;
	font-weight:normal;
	padding: 10px 0 0 0;
}


/* White Headline Text */
h3{
	font-size:12px;
	color:#FFF;
	padding-left:5px;
}

/* Small Text*/
h4 {				  
	font-size: 10px;
	font-weight:normal;
	line-height: 130%;
}

/* Red Text for Price */
h5 {
	font-size:14px;
	color: #F00;
}

/* Medium Sized Text - Cookie Trail */
h6 {				  
	font-size: 12px;
	font-weight:normal;
}






.tab {
	margin-left: 40px;
}

/* Solid Line */

hr {
	border: 0;
	color: #CAC4BD;
	background-color: #CAC4BD;
	height: 2px;
	width: 100%;
}


#login {
	color:#FFF;
	width:985px;
	height:25px;
	border-bottom: solid 1px #000000;
}

#login p {
	color: #333333;
	font-size: 80%;
	text-align: right;
}

/*Indents - used mostly on default.cfm*/
.indent{
margin: 10px; 

}


/*Line List formating */

li, lo {
		line-height:130%;
	
}

/* Begin CSS Drop Down Menu */


#menuh-container {
	position: relative;
	padding-top:5px;
}
#menuh {
	font-size: 80%;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
}
#menuh a {
	text-align: center;
	display:block;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
}
#menuh a, #menuh a:visited	/* menu at rest */ {
	color: white;
	background-color: #585854;
	text-decoration:none;
}
#menuh a:hover	/* menu at mouse-over  */ {
	color: #000;
	background-color: #CCC;
}
/* 

Controls for Top Parent Links

*/		
			
#menuh a.top_parent, #menuh a.top_parent:hover  /* Adds border to the left on top level nav*/ {
	border-right: 1px solid #191B1B;
}
#menuh a.top_parentB, #menuh a.top_parentB:hover  /* Adds border to both side on top level nav*/ {
	border-left: 1px solid #85888A;
	border-right: 1px solid #191B1B;
}

#menuh a.top_parentC, #menuh a.top_parentC:hover  /* Adds border to both side on top level nav*/ {
		border-left: 1px solid #85888A;
}

#menuh a.parent 	/* Controls the parent during rest: no arrow - First level dropdown */ {
	border-top: 1px solid #999;
	background-color: #5C6F7A;
	text-align: left;
}
#menuh a.parent:hover 	/* Controls the parent during hover: no arrow */ {
	border-top: 1px solid #999999;
	background-color: #CAD4DE;
}
#menuh a.arrow 	/* Controls the parent during rest: arrow */ {
	background-color: #5C6F7A;
	background-image: url(/images/global/img_rightarrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	border-top: 1px solid #999;
}
#menuh a.arrow:hover /* Controls the parent during hover: arrow */ {
	background-color: #CAD4DE;
	background-image: url(/images/global/img_rightarrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	border-top: 1px solid #999;
}
/*		
	
Controls for Sub Parent Links

*/	

 	 #menuh a.subParent /*Controls the subparent during rest: no arrow*/ {
	background-color: #5C6F7A;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	text-align:left;
}
#menuh a.subParent:hover 	 /*Controls the parent during hover: no arrow */ {
	background-color: #CAD4DE;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
#menuh ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:11em;	/* width of all menu boxes */
}
#menuh li {
	position:relative;
	min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}
#menuh ul ul {
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
}
#menuh ul ul ul {
	top:0;
	left:100%;
}
div#menuh li:hover {
	cursor:pointer;
	z-index:100;
}
div#menuh li:hover ul ul, div#menuh li li:hover ul ul, div#menuh li li li:hover ul ul, div#menuh li li li li:hover ul ul {
	display:none;
}
div#menuh li:hover ul, div#menuh li li:hover ul, div#menuh li li li:hover ul, div#menuh li li li li:hover ul {
	display:block;
}
/* End CSS Drop Down Menu */


/* this is our clear div */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
 

/* Top Header Area for right side content */
#Sidetop {
	background-image:url(/images/common/bck_Sidetop.gif);
	border: solid 1px #3D4243;
	/*padding: 3px;*/
	padding-left: 8px;
}

/* Feature for right side of page -  simple box with border */
#Sidemain {
	background-color:#FFF;
	background-image:url(/images/common/bck_Sidemain.gif);
	background-repeat: repeat-x;
	border: solid 1px #E0DDDA;
	padding: 8px;
	margin-bottom: 10px;
}


/* Display for New Products on Front Page */
.NewProduct {
	width: 220px;
	height: 200px;
	background-color:#FFF;
	padding: 8px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}

/* Display for Upsell Products*/
#Upselltop{
	border: solid 1px #A4A799;
	padding-left: 8px;
	padding-right:8px;
	background-color:#EBEAD9;
}

#Upsellmain{
	padding-left: 8px;
	padding-right:8px;
	padding-top: 4px;
	padding-bottom:4px;
	border-bottom: solid 1px #666;
	
}

/* Display for Product Support */
table.ProdSupport {
	border: 1px solid #9C9D88;
	border-collapse: collapse;
	padding-left: inherit;
	font-size: 10px;
	width: 80%;
	
}

table.ProdSupport th {
	background-color:#9C9D88;
	height:25px;
	color:#FFF;
	padding-left:5px;
	font-size:12px;
}

table.ProdSupport td {
	background-color:#FFF;
	padding-left:5px;
}


/* Main Content Area Line Listings */
#contentcolumn ul, #contentcolumn ol, #contentcolumn li {
	font-size:12px;
	margin-bottom:10px;
}

#contentcolumn a:link, #contentcolumn a:visited {
	font-weight: bold;
}


/* Product Image Display */

#productDisplay {
	width: 550px;
	float:left;
	margin:0;
}
#productImage {
	float:right;
	margin: 10px 10px 20px 10px;
	border:#333333 solid 1px;
}



/*************************
 
Footer Area

*************************/

#footer{
clear: left;
background: #CAC4BD;
text-align: center;
padding: 8px;
font-size:80%;
border-top:#000 solid 1px; 
border-bottom:#000 solid 1px; 
}


/*begin styling the page links */
a:link, a:visited {
	color: #000000;/* text-decoration: none; */
}
a:hover {
	color: #000000;
	text-decoration:underline;
}


.altRowEven {
}
.altRowOdd {
	background-color: #f0f0f0;
}




/*************************
 
Controlling Roll Over Links 

*************************/

.rollLink a {
	display:block;
	text-decoration:none;
	color: #000;
	padding-left: 2px;
}
.rollLink a:hover {
	color:#FFF;
	background-color:#4b4b4b;
}


/* Tables used to display tabular Data. */

table.tabularData, table.tabularData td, table.tabularData th {
	border-bottom: 1px solid #006666;
	border-collapse: collapse;
	padding-left: inherit;
	font-size: 12px;
	width: 100%;
}
table.tabularData td, table.tabularData th {
	padding: 3px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active {
	background-color: #660000;
	color: #fff;
}
/* Tables used to display tabular Search Results Data. */

table.tabularResults, table.tabularResults td, table.tabularResults th {
	border-bottom: 1px solid #006666;
	border-collapse: collapse;
	padding-left: inherit;
	font-size: inherit;
	vertical-align:top;
}
table.tabularResults td, table.tabularResults th {
	padding: 3px;
}
#tableSearchResults h3 {
	font-size: inherit;
	font-style:italic;
}
table.tabularResults th, table.tabularResults th a:link, table.tabularResults th a:visited, table.tabularResults th a:hover, table.tabularResults th a:active {
	background-color: #660000;
	color: #fff;
}

/* Product Search */

.SearchTable {
	background-image:url(/images/common/search_bckgnd.png);
	background-repeat:repeat-x;
}
#SideSearch {
	display:block;
	background-color:#f5f5f5;
	border:1px solid #005951;
	padding: 4px;
	border:#333333 solid 1px;
	float:right;
	clear:both;
}


/*Form Elements*/
form {
	margin: 0px;
}
input, select, textarea {
	font-size: 12px;
	color: #393957;
}
input {
	border: 1px solid #666699;
	border-color: #333333;
	background-color: #F8F8F8;
}
input.formCheckbox {
	border: none;
	background: transparent;
}
input.formButton {
	background-color: #FFCC00;
	border-bottom: 1px solid #668099;
	border-left: 1px solid #668099;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	color: #000000;
	font-weight: bold;
	margin: 0px 3px 0px 3px;
}
#continueShopping {
	background-color: #FFCC00;
	border-bottom: 1px solid #00357D;
	border-left: 1px solid #00357D;
	border-right: 1px solid #001128;
	border-top: 1px solid #001128;
	color: #000000;
	font-weight: bold;
	margin: 3px 3px 3px 3px;
	padding:2px 3px 2px 3px;
}
.imgLeft {
	float:left;
	margin: 0px 10px 20px 0;
	border:#333333 solid 1px;
}
.imgRight {
	float:right;
	margin: 0px 10px 20px 10px;
	border:#333333 solid 1px;
}
select, textarea {
	background-color: #F8F8F8;
	border: 1px solid #333333;
}
.altRowEven {
	background-color:#FFF;
}
tr.altRowEven {
	border-bottom: 1px;
	border-bottom-color:#333333;
	border-bottom-style:solid;
}
.altRowOdd {
	background-color:#f5f5f5; /* sets color for search results page */
}
.pagingLinks { /* Controls the paging next - previous */
	text-align: right;
	margin-right: 220px;
}
.errorMessage {
	color: #993333;
	font-weight: bold;
	font-size:1.2em;
}




fieldset {
	padding: 4px;
}

legend, caption {
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
	text-align:left;
}
table.front td {
	background-image:url(/assets/horline.gif);
}




.clearfix:after {
	content: "."; /* This dot is the actual appended content */
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

/* For PopUp of Answers */

.transparent {
	display: none;
	position:absolute;
}
.popup {
	position:absolute;
	left:0px;
	top:18px;
	width:150px;
	border-style:solid;
	border-width:1px;
	border-color: #333333;
	background-color: #CCCCCC;
	padding: 5px;
	color: black;
	font-family: Arial;
	font-size: 10pt;
	z-index:2;
	visibility:hidden;
}
.nodec, .nodec:hover {
	text-decoration: none;
	color:#FF0000;
}

/* For Lightbox Screen */
	.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 120%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}	
		
.white_content {
			display: none;
			position: absolute;
			bottom: 35%;
			left: 25%;
			width: 426px;
			height: 350px;
			padding: 20px;
			border: 16px solid #DC6E00;
			background-color: white;
			z-index:1002;
			overflow: auto;
}