/*  Page Type Defaults
	
	This stylesheet file is included in all pages. It defines the general and initial styles, the
	page itself (header, main, navigation and so on), and styles that are reused because similar
	structures are located on more than one page.
	
	All page specific style files (e.g. pt_cart.css) can refine common styles.
	
	All display: inline before floats shall prevent the IE from its own stupidity.
	http://www.positioniseverything.net/explorer/doubled-margin.html
*/

/* 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;
	border: 1px solid #999999;
	/*background-color: #FFFFFF;*/
	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;}   
	
/*  ===== Footer Notes =====   /
	The footer is located below all elements on the page and full width.
*/
#footer {
	clear: both;
	z-index:-1;
	height:29px;
	background: url(../images/catnavbar.gif) center center 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:0;
	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; }
label {
	text-transform:uppercase;
	color:#666666;
	text-align:top; }	
select {
	width: 150px;
	font-size: 11px; }
#content p {
	margin: 10px; /* Default p tag margin */	}
.divider {
	margin-left: 4px;
	margin-right: 4px;
	color: #9FB1BC; }
	
/* 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 {
	font-weight:normal; }
.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/yourshophere.gif) no-repeat;
	display: block;
	width: 237px; /* 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 {
	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 {
	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;}
			
/************* USER styles (pagecomponents/headertopline) **************/
#user{
	display: inline;
	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: 1px 0px 0px 5px;}/* SETS POSITION OF MINI CART */
#userlogin a {
	color:#ebab00; }

/************* MINICART styles (cart/minicartcontent) **************/	
#minicart {
	font-family: Arial,sans-serif;
	font-size: 1em;
	color:#ededed;
	text-align: center;
	padding:1px;
	z-index:9999999; }
#minicart #minicarttotal a {
	height:15px;
	color:#ebab00;}
#minicart .cartstatustext {
	margin-left: 5px;}
#minicart .text {
	margin-left: 5px; }
#minicart .pricevalue {
	margin-left: 5px; }
#minicartcontent {
	position: absolute;
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-color: white; 
	color: #666666;
	border: 1px solid gray;
	width: 210px;
	z-index:999;}
#minicartcontent .close {
	text-align: right;
	height:14px;
	display:inline;
	float:right;
	margin:-14px 2px 0 0;}
#minicartcontent .link2cart {
	text-align: center;
	margin: 1px auto 1px auto;}
#minicartcontent .link2cart a {
	font-weight: bold;
	color: #369;}
#minicartcontent table {
	margin: 1px;
	z-index:999;
	border: 1px solid #eee; }
#minicartcontent table thead th {
	background-color: #e0e0e0;
	color:#000 }
#minicartcontent table tfoot td {
	background-color: #e0e0e0; }
#minicartcontent table tbody {}
#minicartcontent table tbody td {
	background-color: #f5f5f5;
	margin:1px; }
#minicartcontent table tbody td.thumbnail {
	margin:2px auto;
	padding:0px;
	vertical-align:middle; }

/************* 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 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.gif) 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; }
	
/************* SEARCH BAR styles (search/simplesearch) **************/

li.search #searchbar {
	padding: 2px 20px 2px 2px;
	margin: 3px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	border:0px;
	float:right;
	text-align:right;}
	html>body li.search #searchbar {margin:0px;} /* Style for Positioning Search in Firefox */
li.search #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;}
li.search #searchbar input {
	width:125px;
	font-family: Arial, Courier, sans-serif;
	font-size: 10px;
	padding: 1px;
	vertical-align: middle;
	border: 1px solid #ccc; }
li.search #searchbar a.tips{
    background:none;
    border:0px solid black;
    display:inline;
    font-weight:normal;
    float:left;
    height:10pt;
    line-height:18pt;
	margin:0;
	margin-left:113px;
	padding:0;
	color: #666666;
    text-decoration:none;
    text-align:right; }
html>body li.search #searchbar a.tips{
    position:relative; /*this is the key*/
    z-index:24;
	margin:0 2px 0px 0px;
    padding:0px;
    color: #666666;
    text-decoration:none;
    text-align:right;
    /* fixes the search label to an absolute width to 
	place the suggest sub menu properly under the input field */
	width: 65px; }
li.search #searchbar a.tips:hover{
	z-index:25;
	background:none; }
li.search #searchbar a.tips span{
	display: none; }
li.search #searchbar a.tips:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em;
    right:0; /* position at right, to avoid overlapping with suggest sub menu */
    width:15em;
    padding:7px;
    font-size: 8pt;
    font-weight:100;
    line-height:12pt;
    border:1px solid #a0b2c5;
    background-color:#cfdae7;
    color:#333333;
    text-align: left;
    text-transform: none; }	
	
/* SEARCH SUGGEST SUB MENU */

.search_suggest {
	border: 1px solid #ccc;
	background-color: #ffffff;
	margin: -5px 0 0 161px;
	position: absolute;
	text-align: left;
	width: 206px;
	visibility: hidden;  
	z-index:998; }
html>body li.search #searchbar .search_suggest {margin: 0 0 0 68px;}
.search_suggest div, .search_suggest div.suggestions  {
	background-color: #ffffff;
	padding: 1px 3px;
	width: 200px;
	white-space: nowrap;
	cursor: pointer;
	cursor: hand; }
.search_suggest span.term {
	font-size: 11px; }
.search_suggest span.hitcount {
	font-size: 9px;
	float: right;
	margin-left: 5px;
	font-weight: normal;
	color: #666666; }
.search_suggest div.suggestion_over {
	background-color: #c0c0c0;
	padding: 1px 3px;
	width: 200px;
	white-space: nowrap;
	cursor: pointer;
	cursor: hand; }
.search_suggest div.suggestion_over span.term {
	color: #ffffff; }
.search_suggest div.suggestion_over span.hitcount {
	color: #ffffff; }

/*********** 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; }
	
/*********** COLUMNS and LIST STYLE for Brands Page ex: SHOP BY BRAND ***********/

.brandlisting {
	display: inline;
	float: left;	
	width: 188px;
	margin: 3px 0px 3px 3px; }
.brandlisting ul {
	list-style: circle;
	margin-left: 1.5em; }
	
/*********** MARKETING / PROMOTIONAL styles ***********/

/*  ===== productMarketing Notes =====   /
	Simple Box style to use when you want a basic box for promotion and marketing products
	EXAMPLE: Top Sellers / Last Visited on Category Page
*/
.productMarketing {
	border: 1px solid #cfcfcf;
	padding: 0px;
	margin: 0px 0px 1px 0px;}
	
/* Header for Product Marketing; EXAMPLE: May We Recommend */
.productMarketing h2, #content .productMarketing h2 {
	background-color: #e9e9e9;
	color: #878787;
	border-top: 0px;
	border-bottom: 1px solid #cfcfcf;	
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;}

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

/*  ===== 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 {
	display: inline;
	margin: 2px 10px 2px 0px;
	font-weight: bold; }
.minicreditcard .number {
	display: inline;
	float: right;
	margin:2px 0px; 
	letter-spacing: 0.1em; }
.minicreditcard .owner {
	overflow:hidden;
	display: inline;
	width:130px;
	text-align:right;
	float: right;
	height:1em;}
.miniccexpiration {
	margin:2px 0px; }

/******* 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 .productlist {
	font-size: 11px;
	color: Green; }
.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;}
	
/******* Cookie Test CSS *******/	
#cookietest {
	display:none;
	position: relative;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	font-size: 13pt;
	background-color: #fafafa;
	border-bottom: 2px solid #efefef;
	color: #cc0000;
	padding: 5px;
	text-align: center;}
	
/******* 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: 11px; }
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 tr td.shiptoline { 
	background-color: #f9f9f9;}
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 .shippingunadjusted {
	text-decoration: line-through; }
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: 11px; }
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 td.quantitycolumn {
	text-align: center;
	vertical-align: middle; }
table.simple td.items {
	width:100%; }
table.simple .quantitybox {
	padding: 1px 1px 1px 1px;
	margin: 3px 0px 0px 0px;
	font-weight: normal;
	border: 1px solid #ccc;
	vertical-align: middle;
	width: 30px; }
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 .isproductlistitem {
	color: Green;
	font-size: 10px;
	font-weight: bold;
	display: block; }	
table.simple .isinstock {
	color: #565554;
	font-size: 10px;
	display: block; }
table.simple .isonorder {
	color: #565554;
	font-size: 10px;
	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: normal; }
.productlisting .product .stockstate .isonorder {
	font-weight: normal; }
.productlisting .product .stockstate .isnotavailable {
	font-weight: normal; }
.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 *****/	
/* surrounding margins (optional) example: Gift Registry pages */
.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; }