/*  Page Type Defaults
	
	All display: inline before floats shall prevent the IE from its own stupidity.
	*/

/* commom style for all browsers */

/***********************************************/
/* Page Structure CSS                          */
/***********************************************/

/*  ===== Container Notes =====   /
	Container wraps the complete page content inside the body. 
	It allows the page a visible margin, padding and have a different background color.
	There are options for fixed width as well as variable width.
*/
#container {
	margin: 0px auto;
	padding: 0px;
	overflow:hidden;
	z-index:-1;
	/* width: 990px; FOR FIXED WIDTH THAT WON'T VARY IF WINDOW SIZE IS SMALLER*/
	/*min-width: 790px; MINIUM FOR VARIABLE WIDTH */
	/*max-width: 1000px; MAXIMUM FOR VARIABLE WIDTH */}
	
/*  ===== Header Notes =====   /
	The header is on top of the page inside the container before any
	other page component.
*/
#header {
	padding: 0px;
	z-index:-1;
	width: 100%;
	height: auto;
	background: black;
	color: white;
}   
	
/*  ===== Footer Notes =====   /
	The footer is located below all elements on the page and full width.
*/
#footer {
	clear: both;
    padding: 58px 0pt 20px;
	background: url(../images/_common/backgrounds/footer_grad.jpg) left top repeat-x;
}

/*  ===== Main Content Page Structure Column Notes =====   /
	This content the code for the Left Column, Right Column and Center Column of the page.
*/
#main {
	clear: both;
	z-index:-1;
	width:980px;
	margin: 5px auto;
 }

/* The left column contains navigation on left side of page */
#leftColumn	{
	display: inline;
	float: left;
	width: 173px;
	z-index:-1;
	overflow:hidden;
	border: 0px solid black;
	margin: 0px; }
	
/* The content column contains all display items between the left and right columns */	
#content {
	display: inline;
	float:left;
	z-index:-1;
	overflow:hidden;
	margin: 0px 5px; }

/* The right column floats on the right side and contains promotional elements of site */	
#rightColumn {
	display: inline;
	float: right;
	z-index:-1;
	overflow:hidden;
	width: 200px;
	margin: 0px auto; }

/***********************************************/
/* Page Styling CSS                            */
/***********************************************/

/*********** CUSTOM TEXT/STYLING ***********/

/*  ===== Custom Text Styling Notes =====   /
	Simple global styling SITE WIDE,
	if you want something custom for a certain page
	please style in the specific Pagetype stylesheet
*/

/* Default Content h1 tag */
#content h1 {
	padding: 3px;
	text-transform: none;
	color: #006;
	font-size: 20px; }
	
#content h1:first-line {
	text-transform: uppercase; }
	
/* Default Content h2 tag */
#content h2 {
	text-transform: uppercase;
	color: #69c;
	border: none;
	font-weight: normal;
	margin: 10px 2px;
	border-bottom: 2px dotted #69c; }
	
#content h2 span.firstline {
	text-transform: lowercase;
	color: #69c;
	border: none;
	font-weight: normal; }
#content h3 {
	display: inline;
	font-family: 'Century Gothic', Arial, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	overflow: hidden; /* Limits Amount of Characters allowed */
	line-height: 1.1;
	padding: 0px;
	margin: 2px 0px 3px 0px;
	color: #006699; }
	
select {
	width: 150px;
	font-size: 11px; }

#content p {
	margin: 10px; /* Default p tag margin */	}
.divider {
	margin-right: 0px;
}
	
/* Default CSS INPUT button */
.button {
	background:url(../images/button_bg.gif) left repeat-x;
	font-family: Lucida Console,Verdana,Tahoma,sans-serif;
	font-weight: bold;
	font-size:11px;
	font-weight: bold;
	text-transform: uppercase;
	height: 17px;
	vertical-align: middle;
	color:#666666;
	border-width:1px;
	border-style:solid;
	border-color:#ddd #666666 #666666 #ddd; }
.image {
	margin: 0px 0px 0px 10px;
	border: 0px;}
.sendimage {
	vertical-align:middle;}
.submitlink {
	font-family:Arial,Verdana,sans-serif;
	border:0px;
	cursor:pointer;
	background:none;
	color: #006699;
	font-size: 1.2em;}
.submitlink:hover {
	font-family:Arial,Verdana,sans-serif;
	border:0px;
	cursor:pointer;
	background:none;
	color: #000000;
	font-size: 1.2em;}
.imageleft {
	margin: 5px 0px 10px 0px;
	padding: 5px 0px 10px 0px;
	display: inline;
	float: left;
	border: 0px;}
.imageright {
	margin: 5px 1px 10px 1px;
	padding: 5px 1px 10px 1px;
	display: inline;
	float: right;
	border: 0px;}
.userlogin {
	color: #666666; }
.value {
	font-size: 10px;
	font-weight: normal;
	color: #555;}
.key {
	font-size: 10px;
	font-weight: normal;
	color: #666666; }
.required {
	color: Red;
	margin-right: 2px; }
.promotion {
	color: Red;
	font-weight: bold; }
.promotiondescription {
	color: Red; }
.bonus {
	color: Red;
	margin: 0px;
	padding: 0px; }
.confirmationmessage {
	color: #6699cc;
	font-size: 1.1em;
	font-weight: bold;
	display: block; }
.caption {
	display: block; }
.keynote {
	margin: 5px 5px;
	white-space: nowrap;
	font-size: 10px; }
/* Styles the Coupon Code identical throughout page */
.cartcoupon {
	text-align: right; }	
.couponcode {
	font-family: "Courier New", courier, monospace;
	font-size: 12px; }	
.couponapplied {
	color: Red; }	
.couponnotapplied {
	color: Red; }
			
/************* DEFAULT HEADER styles **************/

/* = Header Logo Styles = */	
#header #logo{
	border: 0px solid black;
	width: auto;
	height: 78px; /* CHANGE THIS NUMBER TO ADJUST HEADER HEIGHT */ }				
#header #logo a { /* Create a clickable image by attaching a background to the anchor */
	background: url(../images/_common/header/masthead.gif) no-repeat;
	display: block;
	width: 407px; /* LOGO WIDTH */
	height: 37px; /* LOGO HEIGHT */
	position:relative;
	left: 20px; /* LOGO POSITION RELATIVE TO LEFT SIDE OF HEADER BOX */
	top: 23px; /* LOGO POSITION RELATIVE TO TOP OF HEADER BOX */ }				 			 
#header #logo span { /* Make the text optional, hide it here. */
	display: none; }
		
/************* DEFAULT VERTICAL NAVIGATION HEADER/FOOTER styles **************/

/* = Header/Footer Navigation Styles = */
.navigation { }
.navigation ul {
	margin: 0px;
	padding: 0px;}
.navigation li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Verdana, sans-serif; }
.navigation li a {
	color: #006699; }
.navigation .divider {
	margin-left: 4px;
	color: #9FB1BC; }

/* = Header Navigation Container = */
#headerNav {
	display: none; /* not included in initial content-only site */
	padding:0px;
	margin: 0px 3px 7px 0px;
	border: 0px solid #CCC;
	font-size: 1em;
	width: 475px; /* Hack IE 6 to make logo not wrap below navigation */
	text-align: center;
	float: right;
	height: 24px;
	background: url(../images/headerNav_r.gif) right top no-repeat; }	
#headerNav .navigation {
	display: none; /* not included in initial content-only site */
	height: 24px;
	padding: 0px 0px 0px 15px;
	line-height:24px;
	background: url(../images/headerNav_l.gif) left top no-repeat; }
#headerNav .navigation .divider {
	display:none; }
#headerNav .navigation li a {
	color: #fff;
	padding:0px 12px 0px 0px; }
#headerNav .navigation li a:hover {
	color: #ebab00;
	text-decoration:none; }

/* = Footer Navigation Container = */
#footer .navigation {
	float:right;
	font-size: .95em;
	text-align:right;
	width:340px;
	padding: 0px 5px 0px 0px;
	line-height:29px; }
/************* FOOTER Info styles **************/	
			
/* = Copyright Styles = */
#copyright {
	float:left;
	padding: 0px 0px 0px 4px;
	font-size: .9em;
	line-height:29px;
	color: #999999;
	width:605px;
	display:inline; }
#copyright .copyright {
	float:left;
	width:125px;
	display:inline; }
#copyright .customerservicephone {	
	display:inline;
	float:right;
	width:135px; }
#copyright .customerservicephone .key {
	margin-right: 5px;
	color: #999999;}
#copyright .customerservicephone .key:after {
	content: ":"; }
#copyright .customerservicephone .value {
	color: #999999;}
	
/************* DEFAULT COLUMN styles **************/

/* = LEFT COLUMN Styles = */	
#leftColumn h2{
	padding: 2px 0px 0px 7px;
	font-size: 13px;
	font-family: 'Trebuchet', 'Trebuchet MS', Arial, verdana, sans-serif;
	color: #878787; }
#leftColumn ul {
	list-style: none;
	margin: 0;}
/* Fix IE/Win's broken rendering of block-level anchors in lists */
#leftColumn li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 15px;
	display: block;}
/* Fix for browsers that don't need the hack */
html>body #leftColumn li {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px 0px;}
#leftColumn .resultcount {
	color: #999999;}
#leftColumn select {
	width: 150px;
	font-size: 11px; }
	
/* = RIGHT COLUMN Styles = */	
#rightColumn h2 {
	background-color: #fafafa;
	color: #868f98;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;	
	padding: 0px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;}

/************* SEARCH BAR styles (search/simplesearch) **************/

#searchbar {
	margin: 3px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	border:0px solid #eee;
	float:right;}
	html>body #searchbar {margin:0px;} /* Style for Positioning Search in Firefox */
#searchbar #SimpleSearchForm {
	height: 21px;	
}
#searchbar .searchbutton {
	font-size:11px;
	font-family:Lucida Console,Verdana,Tahoma,sans-serif;
	font-weight:bold;
	color:#666666;
	width:35px;
	height: 17px;
	background :url(../images/button_bg.gif) left repeat-x;
	border-style:solid;
	border-color:#ddd #666666 #666666 #ddd;
	border-width:1px;
	text-transform: uppercase;}
#searchbar input {
}
#searchbar label {
	color: #3197C0;
	float: left;
	margin: 0 0 0 3px;
	padding: 0 0 0 21px;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	background-image: url('../images/_common/header/search_icon.gif');
	background-repeat: no-repeat;
	background-position: center left;
}
#searchbar .searchimage {
	float: left;
	margin: 0 0 0 7px;
}
			
/************* USER styles (pagecomponents/headertopline) **************/
#user{
	display: none;
	z-index:0;
	width: 210px;
	height: 78px;
	background: url(../images/usercorner.gif) right bottom no-repeat;
	padding:0px;
	margin: 0px;
	float: right;}	
#userlogin {
	height: 45px;
	color:#fff;
	margin: 2px 0px 0px 5px;}/* SETS POSITION OF MINI CART */
#userlogin a {
	color:#ebab00; }


/************* CATEGORY NAVIGATION styles (category/departments) **************/	
#categoryNavigation {
	z-index:999999999;
	height:29px;
	background-color: #c4c6c4;
	background: url(../images/catnavbar.gif) center center repeat-x; }
#categoryNavigation .categorystyle { 
	margin:auto;}
#categoryNavigation .categorystyle ul { 
	text-align: center; /*set value to "left", "center", or "right"*/ }
#categoryNavigation .categorystyle ul li {
	display: inline;
	line-height:20px;}
#categoryNavigation .categorystyle ul li ul {
	display: none; }
#categoryNavigation .categorystyle ul li a{
	padding:0px 7px 0px 7px;
	line-height:31px;
	font-size:1.05em;
	font-family: Arial, Verdana, 'Century Gothic',sans-serif;
	color: #666666;
	display:block;
	float:left;
	height:29px;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/catnavdivider.gif) right center no-repeat; }
#categoryNavigation .categorystyle ul li a:hover {
	background: url(../images/catnavbarhover.gif) left no-repeat; }
	
/*********** #Category Nav styles (search/productsearchrefinebar) ***********/
#categoryNav {
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 11px; }
#categoryNav h2 {
	display: block;
	padding: 3px;
	border: 0px;
	background-color: #efefef;
	font-family: 'Trebuchet', 'Trebuchet MS', Arial, verdana, sans-serif;
	color: #878787; }
#categoryNav ul {
	list-style: none;
	margin: 0;
	padding: 0;}	
#categoryNav ul a:link, 
#categoryNav ul a:visited {}
/* Fix IE/Win's broken rendering of block-level anchors in lists */
#categoryNav li {
	border-right: 0px solid #efefef;
	border-left: 1px solid #efefef;
	border-bottom: 1px dotted #efefef;
	padding-left: 0px;
	margin: 0px;
	font-family: Arial, verdana, 'Century Gothic', sans-serif;}
/* fix for browsers that don't need the hack */
html>body #categoryNav li {
	border-right: 0px solid #efefef;
	border-left: 1px solid #efefef;
	border-bottom: 1px dotted #efefef;
	padding-left: 0px;
	margin: 0px;
	font-family: Arial, verdana, 'Century Gothic', sans-serif;}
#categoryNav a {
	padding: 1px 0px 1px 7px;
	color: #006699; }
#categoryNav li:hover{
	background-color: #ededed;}


/* ////////////////////////////////////////////////////////////////////////////// */
/* Top Menu Styles                                                                */
/* ////////////////////////////////////////////////////////////////////////////// */

#categoryDropdown {
	position: absolute;
	line-height:20px;
	z-index: 100; }
#categoryDropdown a {
	font-family: Arial,Verdana,'Century Gothic',sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #666666; }
#categoryDropdown ul#nav {
	list-style: none;
	font-size: .8em;
	font-weight: normal;
	line-height:31px;
	text-align:center;
	float: left; }
#categoryDropdown ul#nav li:hover ul, #categoryDropdown ul#nav li.dropdown_over ul {
	display: block; }
#categoryDropdown ul#nav ul {
	display: none;
	position: absolute;
	list-style: none;
	padding: 2px;
	margin-left: -8px; }
#categoryDropdown ul#nav li.dropdown, #categoryDropdown ul#nav li.dropdown_over {
	float: left;
	background: url(../images/catnavdivider.gif) no-repeat right center;
	padding:0px 7px 0px 7px; }
#categoryDropdown ul#nav li.dropdown:hover, #categoryDropdown ul#nav li.dropdown_over {
	background: url(../images/catnavbarhover.gif) left no-repeat; }
#categoryDropdown ul#nav ul.categoryDropdownbackground {
	top:31px; /* SAFARI BROWSER FIX FOR DROPDOWN POSITIONING */
	background: transparent url(../images/dropdown_background.html) no-repeat left bottom;
	width: 175px;
	margin:-1px 0 0 -8px; }
#categoryDropdown ul#nav li ul a {
	display: block;
	font-size: .85em;
	text-align:left;
	margin-left: -3px;
	height:auto;
	line-height:1.5em;
	width: 171px; }html>body #categoryDropdown ul#nav li ul a {margin-left: 0px;} /* IE MARGIN ISSUE FIX */
#categoryDropdown ul#nav li.dropdown ul a, #categoryDropdown ul#nav li.dropdown_over ul a {}
#categoryDropdown ul#nav li.dropdown:hover ul a:hover, #categoryDropdown ul#nav li.dropdown_over ul a:hover {
	background: #fff; }
#categoryDropdown iframe {
	position: absolute;
	display: none;
	margin: 0 0 0 -8px;
	width: 175px;
	background:transparent; }
	
	
	
	
/*********** Refine By Navigation styles (search/productsearchrefinebar) ***********/
#refineNav{
	z-index:0;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	border-left: 1px solid #ededed;
	border-right: 0px;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	font-size: 1.0em; }
#refineNav h2{
	padding: 2px 0px 0px 7px;
	font-size: 1.1em;
	font-family: 'Trebuchet', 'Trebuchet MS', Arial, verdana, sans-serif;
	color: #666666; }
#refineNav ul {
	list-style: none;
	margin: 0;}
/* Fix IE/Win's broken rendering of block-level anchors in lists */
#refineNav li {
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 3px 0px;
	display: block;}
/* Fix for browsers that don't need the hack */
html>body #refineNav li {
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 3px 0px;
	text-align: left;
	display: block;}
#refineNav .resultcount {
	color: #999999;}
#refineNav .multirefineNav fieldset{
	padding: 0px 0px 0px 15px;}

/*********** Other Navigation styles ***********/

/*  ===== boxNav Notes =====   /
	Simple navigation style to use when you want a basic box and <ul> list navigation style
	EXAMPLE: Left Column Navigation on Product Page
*/
#boxNav {
	position: relative;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	background-color: #fafafa;
	border: 1px solid #efefef; }
#boxNav h2 {
	display: block;
	border: 0px;
	padding: 2px 0px 0px 7px;
	font-size: 11px;
	font-family: 'Trebuchet', 'Trebuchet MS', Arial, verdana, sans-serif;
	color: #666666;
	text-align: left;
	text-transform: none;
	font-weight: normal;
	background-color: #fafafa;}
#boxNav ul {
	list-style: none;
	margin: 0;
	padding: 0;}	
#boxNav ul a:link, 
#boxNav ul a:visited {display: block;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#boxNav li {
	font-family: Arial, verdana, 'Century Gothic', sans-serif;
	padding-left: 0px;
	margin: 0px;}
/* fix for browsers that don't need the hack */
html>body #boxNav li {
	font-family: Arial, verdana, 'Century Gothic', sans-serif;
	padding-left: 0px;
	margin: 0px;}
#boxNav a {
	display: block;
	padding: 1px 0px 1px 15px;
	color: #006699; }
#boxNav a:hover{
	background-color: #efefef;}
#boxNav .specialoffer {
	margin: 0px;
	padding: 0px;
	border: 0px; }
#boxNav .image {
	margin: 0px;
	padding: 0px;
	border: 0px; }
#boxNav .description {
	margin: 0px;
	padding: 0px;
	border: 0px; }

/************* BREADCRUMB styles (pagecomponents/searchbreadcrumb) **************/
#breadcrumb {
	color: #369;
	margin: 2px 2px 2px 0px;
	padding: 3px;
	font-size: 1px;	/* trick to reduce the white-space problems */ }
#breadcrumb .key {
	display: none;
	margin: 0px; }
#breadcrumb span {
	font-size: 10px;
	margin-right: 0px; 	}
#breadcrumb span.divider {
	margin-left: 0.25em;
	margin-right: 0.25em; }
#breadcrumb a {
	font-size: 10px;
	color: #369;
	margin-right: 0px; }

	
/* Link for Product Marketing: Product */	
h3.name {
	text-transform: capitalize;	}
h3 a{
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.1em;
	height:1.1em;
	display: block;
	font-family: 'Century Gothic', Arial, Verdana, sans-serif;
	overflow: hidden; /* Limits Amount of Characters allowed */
	padding: 0px;
	margin: 2px 0px 3px 0px; }

/*  ===== Recommendations Notes =====   /
	Cross Sell/Up Sell for promotion and marketing products
	EXAMPLE: on Cart Page
*/
#rightColumn .recommendations {
	background-image: url(../images/recommend_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin:0px 0px 10px 0px;
	width: 200px;
}
#rightColumn .recommendations h2 {
	background-image: url(../images/recommend_top.gif);
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:1.1em;
	line-height:1.9em;
	text-transform:uppercase;
	text-align:center;
	color:#999999;
	height:29px;
	border:0px;
	margin:0px;
	padding:0px; }
#rightColumn  .recommendations .recommendationscontent {
	margin:0px;
	padding:5px 7px 15px 7px; }
.recommendations .recommendationscontent .product {
	margin:5px auto 0px auto;
	padding:0px 7px 5px 7px;
	border-bottom:#CCCCCC dotted 1px;
	width:90%;  }
.recommendations .recommendationscontent h3 { }
.recommendations .recommendationscontent h3 a {
	color: #006699;
	width:95px;
	font-weight: normal;
	text-decoration:none;
	text-transform: capitalize;
	font-size: 1.1em; }
.recommendations .recommendationscontent .image .thumbnail {
	display: inline;
	float:right; }
.recommendations .recommendationscontent .image .thumbnail .productimage a .enlarge {
	display: inline;
	color: #ffffff;
	margin-top: -2px;
	margin-right: -10px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: none; }
.recommendations .recommendationscontent .image .thumbnail .productimage a:hover .enlarge  {
	display: inline;
	color: #999999;
	font-size: 11px;
	font-family: arial,verdana,sans-serif; }
.recommendations .recommendationscontent .productcategory {
	display: none; }
.recommendations .recommendationscontent .image .medium {
	display: none; }
.recommendations .recommendationscontent .compare {
	display: none; }
.recommendations .recommendationscontent .sku {
	display: none; }
.recommendations .recommendationscontent .manufacturer {
	display: none; }
.recommendations .recommendationscontent .stockstate {
	display: none; }
.recommendations .recommendationscontent .scaledprices {
	display: none; }
.recommendations .recommendationscontent .prSnippetEngine {
	display: none; }
.recommendations .recommendationscontent .quantitylabel {
	display: none; }
.recommendations .recommendationscontent .quantitybox {
	display: none; }

/*  ===== login Notes =====   /
	Simple side by side box style used on user login in page
	EXAMPLE: Member Login Page (loginpanel.isml); Checkout (checkout_login.isml)
*/
#content #login {
	margin: auto;
	border: 0px;
	width: 620px; }
#content #login h3 {
	text-transform: uppercase;
	color: #6699cc;
	border: none;
	font-weight: normal;
	font-size: 12px;
	padding: 3px 5px;
	margin: 0px; }
#content #login .logintostore {
	margin: 1px;
	padding: 3px;
	background-color: #fafafa;
	border: 1px dotted #6699cc;
	float: left;
	display: inline;
	width: 300px;
	min-height: 147px; /* Sets minimum height, but still allows div box to grow to accomodate error message */
	height:auto !important; /* IE Hack for minimum height */
	height:147px;}
#content #login .logintostore a {
	text-decoration: underline;
	color: #369; }
#content #login .logintostore .login {
	text-align: left;
	font-size: 10px;
	margin: 10px 0 0 20px; }
#content #login .logintostore .login .warning {
	color: red; }
#content #login .logintostore .login .username {
	margin: 5px 0px; }
#content #login .logintostore .login .password {
	margin: 5px 0px; }
#content #login .logintostore .login label {
	clear: left;
	display: inline;
	float: left;
	width: 8em;
	font-weight: normal; }
/* Spacer div to line up image on Log In Screen */
#content #login .loginheight {
	height: 48px; }html>body #content #login .loginheight {
	height: 38px; }
#content #login .logintostore .imageright {
	margin: 0px 25px 0px 0px;
	padding:0px;}

/*  ===== userinfobox Container Notes =====   /
	Styles box containing: addresses,minicreditcard, etc. 
	by adding gray box and button around saved credit cards */
	
.userinfobox {
	display: inline;
	float: left;
	width: 238px; /*25em;*/
	padding: 5px;
	background-color: #f5f5f5;
	margin: 3px; }
.userinfobox .box {
	border: 1px solid #eee;
	font-size: 11px;
	padding: 10px;
	background-color: White;
	overflow: hidden; }		
.userinfobox .buttons {
	margin: 2px 2px;
	text-align: right; }
.userinfobox .stackedbuttons {
	margin: 5px;
	text-align: left; }
.userinfobox .stackedbuttons input {
	vertical-align: middle; }	
.userinfobox .stackedbuttons label {
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 5px; }
	
/******* Styles minicreditcard inside unserinfobox *******/
.minicreditcard {}
.minicreditcard .type {
	margin: 2px 0px;
	font-weight: bold; }
.minicreditcard .number {
	letter-spacing: 0.1em; }
.minicreditcard .owner {
	overflow:hidden;
	width:200px;
	height:1em;}

/******* Styles Address inside unserinfobox *******/
.miniaddress {
	border: 1px solid #eee;
	font-size: 11px;
	padding: 10px;
	background-color: White; }
.miniaddress .addressname {
	font-size: 11px;
	color: #69c; }
.miniaddress .name {
	margin-bottom: 5px; }
.miniaddress .name .firstname {
	margin-right: 5px;}
.miniaddress .name .lastname {}
.miniaddress .address {}
.miniaddress .address .street {}
.miniaddress .address .street .line1 {}
.miniaddress .address .street .line2 {}
.miniaddress .address .location {}
.miniaddress .address .location .city {
	display: inline; }
.miniaddress .address .location .statedivider {
	display: inline;
	margin-right: 5px; }
.miniaddress .address .location .state {
	display: inline;
	margin-right: 5px; }
.miniaddress .address .location .zip {
	display: inline; }
.miniaddress .address .country {
	margin-top: 5px; }	
	
/******* Simple Container Box *******/		
#infoBox {
	position: relative;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	font-size: 10pt;
	background-color: #fafafa;
	border: 1px solid #efefef;
	color: #cc0000;
	padding: 5px;
	text-align: center;}
#infoBox h2 {
	display: block;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	font-family: 'Trebuchet', 'Trebuchet MS', Arial, verdana, sans-serif;
	color: #868f98;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	background-color: #fafafa;} 
/******* Order Container Boxes *******/
.orderproducts {
	display:inline;
	float:left;
	width: 710px;
	margin: auto;
	padding: 0px 3px 0px 0px; }	
.orderinfo {
	display:inline;
	float:right;
	width: 255px;
	margin: auto;
	padding: 0px 3px;
	border-left: 1px dotted #999999; }		
/*  ===== Product Reviews Style Notes =====   /
	These styles style the Product Reviews
*/

#prContainer {
	margin: 5px auto;
	padding: 0px;
	border: 1px solid #efefef;
	background-color: #fafafa;
	width: 300px; }
#prColumn1 {
	position:relative;
	width:140px;
	height:25px;
	display: inline; }
#prColumn2 {
	position:relative;
	width:140px;
	height:25px;
	display: inline; }

/*  ===== Error Message Style Notes =====   /
	Special message pan for displaying error messages
	EXAMPLE: search/nohits
*/
.errormessage {
	border: 1px solid red;
	padding: 10px;
	margin: 10px 10px;
	color: red; }
.errormessage h4 {
	color: red;
	font-size: 12px;
	font-weight: normal; }	
.errormessage ul
	{
	list-style-position : inside;
	list-style-type: circle;
	margin-left: 10px; }	
.errormessage li {
	color: Black; }		
.errorcaption {
	display: block;
	color: red;}
#message {}
#message p {
	margin: 25px;
	font-size: 14px;}	
#message p.problem {
	font-weight: bold;}

/*********** HTML TABLES STYLING ***********/

/*  ===== Product Table Style Notes =====   /
	This code creates a default table to display the products,
	as seen on the wishlist page and shopping cart
	EXAMPLE: wishlist/wishlist.isml
*/		
		
table.producttable {
	width: 765px;
	margin: 5px 0px;
	border: 1px solid #eee; }
table.producttable tr th {
	background-color: #e0e0e0;
	white-space: nowrap;
	color: Black;
	padding: 2px 5px;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px; }
table.producttable tfoot td {
	padding: 3px 5px;
	text-align: right;
	background-color: #e0e0e0; }
table.producttable tr td {
	padding: 3px 5px;
	margin: 0px;
	background-color: #f3f3f3;}	
table.producttable tr td.quantitycolumn {
	text-align: center;
	vertical-align: middle;
	width: 70px; }
table.producttable td .alreadyordered {
	display: block;
	color: Green; }
table.producttable tr.odd td {
background-color: #f3f3f3; }
table.producttable tr.even td {
	background-color: #fcfcfc; }
table.producttable td a {
	text-decoration: none;
	color: #006699;
	font-size: 1.2em; }
table.producttable td a:hover {
	text-decoration: underline; }
table.producttable td.price {
	text-align: right;
	width: 85px; }	
table.producttable .imagecolumn {
	margin: auto;
	text-align: center;
	vertical-align: middle; }
table.producttable .remove {
	margin: auto;
	text-align: center;
	vertical-align: middle; }	
table.producttable .shippinggrouping { }
table.producttable .shiptoline { 
	background-color: #fcfcfc;}
table.producttable .shippinggroupinginfo {
	text-align: right; }	
table.producttable .shippinggroupingpromo{
	text-align: right;
	color: Red; }
table.producttable td.ordertotalsdivider {
	margin: 0px;
	padding: 0px;
	background:#ffffff;
	border-bottom: 1px solid #cdcdcd; }
table.producttable tfoot .blank {
	background:#ffffff; }	
table.producttable .ordertotal{
	text-align: right;
	background-color: #dcdcdc; }	
table.producttable .ordertotalprice {
	text-align: right;
	font-weight: bold;
	background-color: #dcdcdc; }

/*  ===== Simple Table Style Notes =====   /
	This code creates a default table for entering credit cards etc.,
	simple border with one background color.
	EXAMPLE: customer/paymentinstruments.isml
*/	

table.simple {
	border: 1px solid #eee;
	margin: 5px auto;
	padding: 0px; }
table.simple th {
	background-color: #ccc;
	white-space: nowrap;
	color: Black;
	padding: 2px 5px;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px; }
table.simple tr.highlight td {
	color: #c41b0b; }
table.simple td {
	margin: 10px 10px;
	color: Black;
	padding: 3px 5px;
	background-color: #f5f5f5; }
table.simple td.radio 	{
	width: 2em;
	text-align: center;	}
table.simple td.number input {
	width: 13em; }
table.simple td input.image {
	margin: 0px 0px 0px 10px;
	border: 0px;
	float: right;}
#content table.simple td.wide {
	width: 25em; }
table.simple td.expiration .year select {
	width: 5em; }
table.simple td.expiration .month select {
	width: 4em; }
table.simple td.remove {
	width: 2em;
	text-align: center; }
table.simple td.remove a {
	text-decoration: none;
	border: 1px solid Black; }
table.simple .warning {
	color: red; }	
table.simple input {
	padding: 1px;
	border: 0px;
	font-weight: normal;
	vertical-align: top; }
table.simple input.radio {
	border: 0px;}
table.simple input[type="radio"] {
	border: 0px;}	
table.simple input.save {
	border: none; }
table.simple input.imagebutton {
	border: none; }
table.simple .inputbox {
	width: 200px;
	border: 1px solid #ccc; }
table.simple select {
	padding: 1px;
	font-weight: normal;
	border: 1px solid #ccc;
	vertical-align: top;	
	width: 204px; }
table.simple .quantitycolumn {
	text-align: center;
	vertical-align: middle; }
table.simple .quantitybox {
	padding: 1px 1px 1px 1px;
	margin: 3px 0px 0px 0px;
	font-weight: normal;
	border: 1px solid #ccc;
	vertical-align: middle;
	width: 20px; }
table.simple .quantitycolumnbonus {
	color: Red; }
table.simple .quantitycolumnbonus {
	color: Red; }
table.simple .imagecolumn {
	margin: auto;
	text-align: center;
	vertical-align: middle; }
table.simple .unitpricecolumn {
	text-align: right;
	white-space: nowrap; }
table.simple .itemtotalcolumn {
	text-align: right;
	white-space: nowrap; }
table.simple .isinstock {
	color: #69c;
	font-size: 10px;
	font-weight: bold;
	display: block; }
table.simple .isonorder {
	color: #cc9900;
	font-size: 10px;
	font-weight: bold;
	display: block; }
table.simple .isnotavailable {
	color: #c00;
	font-size: 10px;
	font-weight: bold;
	display: block; }
table.simple table p {
	margin: 0px;
	padding: 0px; }
table.simple tr.odd td {
	background-color: #f3f3f3; }
table.simple tr.even td {
	background-color: #fcfcfc; }	

/*  ===== User Registration Table Style Notes =====   /
	This code creates the registration table used throughout
	EXAMPLE: user/registration.isml
*/	
table.registration {
	margin: 0px;
	border: 1px solid #eee;
	width: 100%;
	font-size: 10px; }
table.registration .warning {
	color: red; }
table.registration td {
	padding: 3px 2px;
	white-space: nowrap;
	background-color: #f5f5f5; }
table.registration td.key {
	width: 12em;
	white-space: nowrap;
	text-align: right;
	vertical-align: top; }			
table.registration td.key strong {
	white-space: nowrap; }
table.registration td.value {
	font-size: 9px;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px; }
table.registration td.value input {
	font-size: 10px; }
table.registration td.value input.inputbox {
	width: 200px; }
table.registration td.value .selectbox {
	width: 204px; }
table.registration td.value input.zip {
	width: 6em; }
table.registration td.value select {
	width: 145px;
	font-size: 10px;
	padding: 1px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #ccc; }
table.registration td.value select.state {
	width: 4em; }
table.registration td .required {
	color: Red; }
table.registration td .notrequired {
	color: White; }
table.registration td .caption	{
	display: block; }
table.registration td .errorcaption {
	display: block;
	color: Red; }

/*********** PRODUCT DISPLAY STYLING ***********/
/*  ===== Default MINIProducts inside productlistings definition =====   /
	This is the first and most general definition of productlisting and product.
	Because the most products are listed inside a productlisting, this works as
	foundation for nearly all product displays.
*/
/* Default Products Values Styles ex: Our Price: $XXX.XX */
.product .key {
	margin-right: 3px;
	font-size: 1.2em; }
.product .value {
	font-size: 1.2em; }
/* Default Product Description Styles ex: Featured Product */
.product .description {
	/*  if italic here, be prepared to see
	http://www.positioniseverything.net/explorer/italicbug-ie.html */
	font-style: normal;
	font-size: 1.1em;
	text-align: left;
	margin-left: 210px; }

/* Default Products Container */	
.productlisting {}
/* Default Product Container */
.productlisting .product {
	margin: 3px 3px 5px 3px;}
/* Default Product Images */
.productlisting .product .image .thumbnail {
	display: block; }
.productlisting .product .image .thumbnail img {
	height: 45px;
	width: 60px;
	overflow:hidden; }
.productlisting .product .image .medium {
	display: none; }
.productlisting .product .image .large {
	display: none; }
/* Adds Enlarge Mouseover Text to Images */
.productimage{
	font-size: 11px;
	font-family: arial, verdana, sans-serif;}
.image .thumbnail .productimage img {
	border: 0; }
.image .thumbnail .productimage a {
	text-decoration: none; }
.image .thumbnail .productimage a:hover /* IE Hack for mouseover */ {
	text-decoration: none;
	color:#999999; }
.image .thumbnail .productimage img a {
	border: 0; 
	text-decoration: none; }
.image .thumbnail .productimage a .enlarge {
	display:inline;
	color:#FFFFFF;/* Set to background color to make invisible */
	margin:-2px -10px 0px 0px;
	text-decoration: none; }
.image .thumbnail .productimage a:hover .enlarge {
	display:inline;
	color:#999999;
	margin:-2px -10px 0px 0px;
	text-decoration: none;
	font-size: 11px;
	font-family: arial, verdana, sans-serif; }
.image .medium .productimage img {
	border: 0;}
.image .medium .productimage img a {
	border: 0; text-decoration: none; }
.image .medium .productimage a .enlarge {
	display:block;
	color:#FFFFFF;/* Set to background color to make invisible */
	margin:-10px 0px 0px 0px;
	text-decoration: none;
	font-size: 11px;
	font-family: arial, verdana, sans-serif; }
.image .medium .productimage a:hover .enlarge {
	display:block;
	text-align:right;
	color:#999999;
	margin:-10px 0px 0px 0px;
	text-decoration: none;
	font-size: 11px;
	font-family: arial, verdana, sans-serif; }
/* Default Product Other */
.productlisting .product h3.name {
	font-weight: normal;
	overflow: hidden; /* Limits Amount of Characters allowed */
	font-size: 1.1em; }
.productlisting .product .sku {
	display: none; }
.productlisting .product .manufacturer .name {
	display: none; }
.productlisting .product .manufacturer .sku	{
	display: none; }
.productlisting .product .stockstate {
	display: none; }
.productlisting .product .stockstate .isinstock {
	font-weight: bold; }
.productlisting .product .stockstate .isonorder {
	font-weight: bold; }
.productlisting .product .stockstate .isnotavailable {
	font-weight: bold; }
.productlisting .product .stockstate .alternative {
	font-weight: normal; }
.productlisting .product .variations {
	display: none; }
.productlisting .product .price {
	margin: 2px 0px;
	display:inline; }
.productlisting .product .pricing .key {
	display:none;}
.productlisting .product .price .value {
	color: #000000; }
.productlisting .product .price .standard {
	display:inline;}
.productlisting .product .price .standard .key {}
.productlisting .product .price .standard .value {
	text-decoration: line-through; }
.productlisting .product .price .information {
	text-decoration : line-through;
	font-weight: normal;	
	display: none; }
.productlisting .product .price .special {
	display:inline;}
.productlisting .product .price .special .key {
	color: #c41b0b; }
.productlisting .product .price .special .value {
	color: #c41b0b;
	font-weight: bold; }
.productlisting .product .scaledprices {
	display: none; }
.productlisting .product .addtocart {}
.productlisting .product .addtocart .quantitybox {
	display: none; }
.productlisting .product .addtocart .quantitylabel {
	display: none; }
.productlisting .product .addtocart .addtocartbutton {
	display: none; }
.productlisting .product .compare {
	display: none; }
.productlisting .product .addtowishlist {
	display: none; }
.productlisting .product .productoptions {
	display: none; }
.productlisting .product .variations {
	display: none; }
.productlisting .product .productcategory {
	display:none;}
	
/*****	Content has a special product listing from right to left
		ex: Product Search Results *****/
#content .productlisting .product {
	display: inline;	
	float: left;
	margin: 4px;
	padding: 4px;
	width: 180px;
	height: 180px;
	text-align: center; }
#content .productlisting .product .image {
	float: none;
	margin-left:auto;
	margin-right: auto;
	text-align: center; }
/* Product Reviews Styling in content area */
#content .prSnippetEngine {
	width: 150px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	border: 0px;
	background-color: #ffffff;
/* put font information in merchant specific stylesheets in this class entry */ }
#content .prStars {
	padding: 0px;
	margin: 0px 0px 0px 3px;}
#content .prSnippetNumberOfRatingsText {
	display: inline;
	margin: 0px 0px 0px 3px;}
#content .prSnippetTitle {
	display:none;}
#content .prSnippetWriteReview {
	display:none;}
#content .prSnippetReadReviews {
	display:none; }
				
/*****	Product Listing Display Promotional
		ex: May We Recommend *****/
.productMarketing .productlisting .product .image {
	display: inline;
	float: right; }
.productMarketing .image .thumbnail .productimage img {
	border: 0;
	display:block;}
.productMarketing .image .thumbnail .productimage a:hover .enlarge {
	display:inline;
	color:#999999;
	text-decoration: none;
	font-size: 11px;
	font-family: arial, verdana, sans-serif; }
.productMarketing .productlisting .product .price .standard {
	display:block;}
		
/* Styling Reviews in right column product marketing area */
.productMarketing .prSnippetEngine {
	float: none;
	clear: both;
	width: 170px;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	border: 0px;
	background-color: #ffffff;
/* put font information in merchant specific stylesheets in this class entry */ }

/* Product Reviews Styling in Product Marketing area */
.productMarketing .prStars {
	padding: 0px;
	margin: 0px 0px 0px 3px;}
.productMarketing .prSnippetNumberOfRatingsText {
	display: inline;
	margin: 0px 0px 0px 3px;}
.productMarketing .prSnippetTitle {
	display:none;}
.productMarketing .prSnippetWriteReview {
	display:none;}
.productMarketing .prSnippetReadReviews {
	display:none;}

/* FEATURED PRODUCT, Product Reviews Styling in content area */
#category .featuredproduct .prSnippetEngine {
	display: inline;
	margin: 5px auto;
	padding: 5px;
/* put font information in merchant specific stylesheets in this class entry */ }
#category .featuredproduct .prSnippetTitle {
	display: none; }
#category .featuredproduct .prSnippetRatingUnclickable {}
#category .featuredproduct .prStars {
	padding: 0px;
	margin: 0px; }
#category .featuredproduct .prSnippetNumberOfRatingsText {
	display: inline;
	padding: 0px;
	margin: 0px; }
#category .featuredproduct .prSnippetWriteReview {
	display: inline;
	margin: 0px 5px 3px 5px;
	padding: 0px; }
#category .featuredproduct .prSnippetReadReviews {
	display: inline;
	margin: 0px 5px 3px 10px;
	padding: 0px;}

/* PRODUCT PAGE, Product Reviews Styling in content area */
#productdetails .prSnippetEngine {
	display: inline;
	float: right;
	width: 225px;
	margin: 5px auto;
	padding: 5px;
	border: 1px solid #dedede;
	background-color: #fafafa;
/* put font information in merchant specific stylesheets in this class entry */ }
#productdetails .prSnippetTitle {
	display: block;
	clear: both;
	margin: 0px 0px 5px 0px; }	
#productdetails .prSnippetRatingUnclickable {
	display: block;
	margin: 0px 0px 5px 0px; }	
#productdetails .prStars {
	padding: 0px;
	margin: 0px 5px 2px 5px; }
#productdetails .prSnippetNumberOfRatingsText {
	display: inline;
	padding: 0px;
	margin: 0px 0px 0px 3px; }
#productdetails .prSnippetWriteReview {
	display: inline;
	margin: 0px 5px 3px 12px;
	padding: 0px; }
#productdetails .prSnippetReadReviews {
	display: inline;
	margin: 0px 5px 3px 10px;
	padding: 0px;}
#productdetails .bundledproducts .bundledproduct .product .prSnippetEngine {
	display: none;
/* put font information in merchant specific stylesheets in this class entry */ }

/*  ===== Color Switch Style Notes =====   /
	This code creates a default table to display the products,
	as seen on the wishlist page and shopping cart
	EXAMPLE: product/scene7colorswitch_demo.isml
*/
#colorswitch {
	width: 400px;
	float: none; }
#colorswitch .image {
	float: left;
	margin: 10px; }			
#colorswitch p {
	font-size: 10px;
	text-align: justify;
	margin: 0px 10px; }
#colorswitch .colors {
	text-align: center;
	margin: 20px 10px 10px 220px; }
#colorswitch .colorbox {	
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	margin: 5px; }
#colorswitch .color1 {	}

/*********** PAGING for PRODUCT RESULTS/SEARCH ***********/
.pagination {
	border: none;
	width: 400px;	
	font-weight: normal;
	text-align: left;
	font-size: 1px; /* workaround to get rid off the whitespaces between the li's */
	padding: 3px 0px 3px 7px; 
	float:left;
	clear:left; }
.pagination ul {
	margin: 0;
	padding: 0;
	font-size: 11px; }
.pagination li {
	list-style-type: none;
	display: inline;
	padding-bottom: 1px; }
.pagination a, .pagination a:visited {
	padding: 0 5px;
	border: 1px solid #9aafe5;
	background-color: #fff;
	text-decoration: none; 
	color: #2e6ab1; }
.pagination a:hover, .pagination a:active {
	border: 1px solid #2b66a5;
	color: #FFF;
	background-color: #2e6ab1; }
.pagination li.currentpage {
	font-weight: bold;
	border: 1px solid navy;
	background-color: #5781ae;
	color: #FFF;
	margin: 0px 2px 0px 0px;
	padding:0px 4px 0px 4px; }
.pagination li.previouspage{
    font-weight: bold;
    padding: 0 3px;}
.pagination li.nextpage{
	font-weight: bold;
	padding: 0 3px; }
* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
	margin-right: 5px;
	padding-right: 0; }

/* Tell a Friend and Print Page Styles */
#pageservices {
	font-size: 10px;
	text-align: right;
	padding: 0px;
	border: 0px;
	width: 250px; /* Hack IE 6 to keep links inline with Product Nav */
	float: right; }

/*********** ARTICLES SEARCH RESULTS STYLES ex:contenthits.isml ***********/

.assetlisting {
	font-size: 10px;
	clear: both; }
.assetlisting .asset {
	width: 180px;
	padding: 2px;
	display: inline;	
	float: left; }
.assetlisting .asset .name {
	margin: 5px auto; 
	text-align: center; }	
.assetlisting .seemore {
	margin: 5px auto; 
	text-align: center; }

/*********** PAYMENT OPTIONS DISPLAY ON LOGIN SCREEN ex:paymentoptions.isml ***********/

.paymentoptions {
	text-transform: uppercase;
	vertical-align: top;
	font-weight: bold;
	margin-left: 10px;
	padding: 0px; }
.paymentoptions img {
	vertical-align: middle;
	margin-left: 10px; }
	
/***** BM Content Management System Styles. Not preformatted. Simple style. *****/
#content .text {
	color: darkblue;
	margin: 20px; }
#content .text h1 {
	font-size: 30px;
	font-weight: normal;
	margin: 15px 0px 5px 0px; }
#content .text h2 {
	font-weight: bold;
	margin: 15px 0px 5px 0px; }
#content .text h3 {
	font-weight: bold;
	margin: 15px 0px 5px 0px; }
#content .text h4 {
	font-weight: bold;
	margin: 15px 0px 5px 0px; }
#content .text p {
	margin: 5px 0px 15px 0px; }
#content .text a {
	color: darkblue;
	text-decoration: underline; }
#content .text ul {
	margin: 20px 0px;
	list-style-position: inside;
	list-style-type : circle; }
#content .text ul li {}
#content .text ol {
	margin: 20px 0px;
	list-style-position: inside; }
#content .text ol li {}
#content .text table {
	width: 70%;
	border: none; }
#content .text table td {
	vertical-align: top;
	padding: 5px 0px; }
#content .text table th {
	padding: 5px 0px;
	font-weight: bold; }
#content .text table td.key {
	font-weight: bold; }
	
/***** CSS for Rounded Corner Div *****/	

.round{
margin-bottom:5px;
z-index:1; }
.round .c{
/* inner content padding */
padding:0 10px 0 10px;
border-top:0;
border-bottom:0;
border-style:solid; }
.round .t, .round .b, .round .t b, .round .b b{
display:block;
overflow:hidden;
z-index:1; }
.round .t b, .round .b b{
float:right;
width:50%; }
.round .t .r{
background-position:top right; }
.round .b .r{
background-position:bottom right; }
.round .b{
background-position:bottom left; }
.round .br{
clear:both;
display:block;
overflow:hidden;
height:0px; }