/* Content Management System Styles. */


/* --- Lines --- */
/*
hr 
	{
	display: none;
	}
	*/
.hr 
	{
	height: 1px;
	margin: 1em 0px 1em 0px;
	border-bottom: 1px dotted black;
	}
div.thickLine 
	{
	height: 2px;
	margin: 0 0 2px 0;
	border: none; 
	}
div.thinLine 
	{
	height : 1px;
	margin: 0 0 2px 0;
	border: none; 
	}
td div.thinLine 			/* Admin Forms */
	{
	margin: 15px 0 2px 0;
	padding: 0;
	}	
	
div.topLine 
	{
	height : 0px;
	margin: 5px 0 5px 0;
	border-bottom: 1px dashed black;
	}


/*************************************************
Listing Headers and Footer
**************************************************/

.queryResults 
	{
	margin: 10px 0 10px 0;
	}
	
.navAlpha 
	{
	text-align: center;
	margin-bottom: 10px;
	}
.navAlpha a.selected
	{
	font-size: 1.2em;
	font-weight: bold;
	}
		
.navPagethru 
	{
	float: right;
	}

/* --- COMPARE --- */
.navCompare	.formButton
	{
	float: right;
	}
	
/* --- TABS --- */
#navTabContainer
	{
	padding: 3px 0 0 0;
	margin: -3px 0 0 0;
	}
#navTabList
	{
	padding: 3px 0 2px 0;
	margin: 0 0 5px 0;
	}
#navTabList li
	{
	list-style: none;
	margin: 0;
	display: inline;
	}
#navTabList li a
	{
	padding: 2px 0.5em;
	margin-left: 3px;
	border-bottom: none;
	text-decoration: none;
	}

/* --- TAB COLORS --- (Included in Color Palette CSS)
#navTabList
	{
	border-bottom: 1px solid #ccc;
	}
#navTabList li a
	{
	border: 1px solid #ccc;
	background: #FDFFF5;
	}
#navTabList li a:hover	
	{	
	color: #000;
	}
#navTabList li a#selected
	{
	background: white;				
	border-bottom: 1px solid white;
	} 
*/

	
/*************************************************
LISTING FORMATS - Grid, Table, UL, DL, Links
**************************************************/	
/* --- 1 Column --- */	
.listing1
	{
	margin: 0 0 1.2em 20px;
	}
.listing1 a
	{
	font-size: 1.3em;
	font-weight: bold;
	display: block;
	}	

	
/* --- 2 Column --- */	
.listing2, .listing3
	{ 
	position:relative;
	}
.listing2 .left
	{ 
	float:left;
	width: 49%;	
	}
.listing2 .right
	{
	float:right;
	width: 48%;
	}	
.listing2 a, .listing3 a 
	{
	font-size: 1.2em;
	font-weight: bold;
	}		

/* --- 3 Column --- */	
.listing3
	{
	float: left;
	overflow: visible;
	}
.listing3 .left
	{
	float: left;
	width: 32%;
	clear: none;
	padding: 0;
	}
.listing3 .middle
	{
    clear: none;	
	margin:0 33% 0 33%;
	padding: 0;
	}
.listing3 .right
	{
	position:absolute; top:0; right:0;
	width:32%;	
	padding: 0;
	}
	
	
/* --- Grid --- */
td 
	{
	vertical-align: top;
	}
td.left, td.middle 
	{
	padding: 0px 0px 10px 0px;
	}
/*
td.middle, td.right 					 vertical lines between columns 
	{
	border-left:1px solid #ccc;
	}
*/	

/* --- Table --- */

/* --- UL --- */
.listingsContainer ul li 
	{
	margin: 0 0 0.25em 15px;
	padding: 0;
	} 

ul.left, ul.right, ul.middle, ul.single 
	{
    line-height: 1.4em;
	margin: 0 0 0 0;
	padding: 0;
	}
ul.left li, ul.right li, ul.middle li, ul.single li 
	{
	margin: 0 0 0.25em 15px;
	padding: 0;
	}	

/* --- DL --- */
dl.left, dl.right, dl.middle, dl.single 
	{
	margin: 0 0 0 0;
	padding: 0;
	}
dl dt 
	{
	margin: 1em 0 0 0;
	font-weight: bold;
	}
dl dd 
	{
	margin: 0 0 0 5px;
	}	
	
/* --- Links --- */
.links a
	{
	font-size: 1.1em;
	}

	
/*************************************************
LISTING CLASSES - Standard, Vertical & Membership
**************************************************/

/* --- Standard --- */
.listingImageContainer
	{
	}
.standard .listingImage 
	{
	float: left;
	margin: 0px 12px 0 0;
	padding: 0;
	}
.standard .listingContainer			
	{
	/*margin: 0 0 0 107px;*/
	margin: 0px;
	text-align:center;
	/*float: left;*/
	}
.listingText 
	{
	}
	
/* --- Vertical --- */
table.vertical td 
	{
	text-align: center;
	}
.vertical .listingContainer			
	{
	/*margin: 0 0 0 107px;*/
	margin: 0px;
	text-align:center;
	/*float: left;*/
	}
.vertical .listingTitleImage 
	{
	display: block;
	clear: both;
	margin: auto;
	}
.vertical .listingText 
	{
	display: block;
	clear: both;
	margin: auto;
	text-align:left;
	/*width:120px;*/
	}
.vertical .listingLargeText
	{
	display: block;
	clear: both;
	margin: auto;
	text-align:left;
	width:278px;
	}
	
	.vertical .listingImage 
	{
	clear: both;
	text-align:center;
	border:0px solid #000000;

	}

/* --- Membership --- */
.membership
	{
	position: relative;
	}
.membership .orderButton
	{
	position: absolute;
	top:0; right:2px;
	}

/*************************************************
FOOTERS - Listing and detail page
**************************************************/
	
/* --- DETAIL FOOTER --- */
.detailfooter {
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	padding: 2px 0 2px 0;
	margin: 15px 0 10px 0;
}
.detailfooter .navActions {
	float: right;
	}
		
/* --- FOOTER MENU LISTS --- */
.navActions ul, .navFooter ul
	{
	list-style: none;
	padding: 0;
	}

.navActions ul li, .navFooter ul li
	{
 	display: inline;
	}
	

/*************************************************
DETAIL PAGE: Categories, Pages, Features, Products 
**************************************************/

.detailImage 
	{
	float: left;
	margin: 0px 7px 3px 0px; border: 0px solid;
	}
#detailContainer			
	{
	padding:0px;
	}
#detailContainer .byline
	{
	margin: 0 0 1em 0;
	}
		

		
/* --- Product --- */
#detailImage
	{
	float: left;
	text-align: center;
	margin-right: 10px;
	}
.productDisplay  #detailContainer	
	{
	margin-left: 150px;
	}
	
.brandImage	
	{
	display:block;
	}
.productDisplay .detailText
	{
	
	}
	
	
/* --- Product Pricing --- */
.cross
	{
	text-decoration: line-through;
	}
.price	
	{
	font-weight: bold;
	}
	
/* --- Product Orderbox --- */
.orderboxProductName
	{
	display:none;
	}
	
	
/* --- Unordered Lists in content area --- */
#detailContainer ul, #detailContainer ol
	{
    line-height:1.2em;
	margin: 0 0 1em 0;
	padding: 0;
	}
#detailContainer ul li, #detailContainer ol li 
	{
	margin: 0 0 0.25em 30px;
	padding: 0;
	} 		
		
	
/* --- Reviews --- */
#featureReviews, #productReviews
	{
	clear:both;
	position:relative;
	width:98%;
	}
#navReviews
	{
	position:absolute;
	top:5px; right:2px;
	}
	
/* --- RELATED CATEGORIES --- */
.navRelatedCategories ul {
	margin-left: 0;
	padding-left: 5;
	list-style: none;
	}
/* Moved to color palette
.navRelatedCategories ul li {
	padding-left: 16px;
	background-image: url(/cb/images/icons/lleft.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	}
*/


/*************************************************
BOX FORMAT CUSTOM TAGS Input/Output/Box 
**************************************************/
.inputForm
	{
	border: 1px solid;
	}
.inputFormTitle
	{
	font-size: 1.3em;
	font-weight: bold;
	padding: 2px;
	}
	
.outputForm
	{
	border: 1px solid;
	}
.outputFormTitle
	{
	font-size: 1.3em;
	font-weight: bold;
	padding: 3px;
	}
	

/*************************************************
FORMS
**************************************************/

.formTitle 
	{
	font-size: 1.2em;
	font-weight : bold;
	line-height: 1.6em;
	}
.formError 
	{
	font-size: 1.1em;
	color : Red;
	}
.formText 
	{
	font-size: 1em;
	}
.formTextSmall
	{
	font-size: .9em;
	}

		
/*************************************************
LOGIN
NOTE: The Login Box module styles are handled in 
screen_layout.css
**************************************************/	

/* --- Register or Login Page --- */
/* This is a 2 cell table .left and .right classes  */
#pleaselogin .left, #memberlogin .left
	{
	width: 50%;
	border-right: 1px solid;
	}
#createAccountButton
	{
	}	

/* --- Login Form --- */
#loginTable
	{
	margin: auto;
	}
.formlabel
	{
	text-align: right;
	}
#username, #password
	{
	width: 150px;
	}
.forgotpassword
	{
	text-align: center;
	}
	
	
/*************************************************
OTHER PAGES
**************************************************/	

/* --- Search Form --- */
#sitesearchContainer
	{
	width: 100%;
	margin-top: 20px;
	text-align: center;
	}
#searchformDescription
	{
	margin-top: .5em;
	}
#searchformDescription span
	{
	margin-right: 1em;
	}
	
/* --- Sitemap --- */
div.top 
	{
	margin: 1em 0 2em 0;
	}
	
/* --- Gift Registry Home Page --- */
#registryHome td
	{
	padding: 0 4px 0 8px;
	}
#registryHome .left, #registryHome .center
	{
	width: 33%;
	border-right: 1px solid;
	}
	
	
/*************************************************
SHOPPING CART
**************************************************/	
/* --- Basket --- */
.giftwrap
	{
	font-weight: bold;
	}
	
.basketImage
	{
	float:left;
	margin-right:3px;
	}
.basketRemove	
	{
	display:block;
	}
	
.addToRegistryButton
	{
	font-size: 1.2em;
	}
	
.addressbookLink	
	{
	font-size: 1em;
	display:block;
	float:right;
	margin-top:8px;
	}
	
	
/*************************************************
Admin Menu
**************************************************/
.adminLink 
	{
	font-size: 9px;
	color: #0000ff;
	}
A.adminLink 
	{
	font-size: 9px;
	color: #660099;
	font-weight:bold;
	padding:2px;

	}
A.adminLink:link {
	text-decoration: none;
	color: #660099;
}
A.adminLink:visited {
	text-decoration: none;
	color: #660099;
} 
A.adminLink:active {
	background-color : #ffffff;
	color: #660099;
	text-decoration: underline;
}
A.adminLink:hover {
	background-color : #ffffff;
	color: #660099;
	text-decoration: underline;
}

.navAdmin {
	margin: 0 0 1.5em 0;
	line-height: 1.4em;
	}
.navAdmin dt {
	font-weight: bold;
	margin: 0.25em 0 0 25px;
	}
.navAdmin dd {
	margin: 0 0 0 50px;
	}
	

/**********************************************************
REQUIRED STYLES - Do not remove these
***********************************************************/
.hide 
	{
    position: absolute;
    top: -999em;
    left: -999em;
    }	
.clear {
	clear:both; 
	height:1px; 
	margin:0; 
	padding:0; 
	font-size: 15px;
	line-height: 1px;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html body .clearfix {
	display: block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}		
	
	
/**********************************************************
WEB LINKS LISTING

links		div ID
	
	[wClass=standardLink (table), left|middle|right]

	linkBanner			<img>

	link OR linkBox		div
	
		linkAd				<img>

		linkContainer		div
			linkTitle			<h3>
			new					span
			updated				span
			linkText			div
			editorial			span
			linkDate			span
			badLink				<a>

		ratingContainer		div
			ratingstars			<img>
			ratingLink			<a>
			ratingHits			span

***********************************************************/
.link,.linkBox
	{
	position:relative;
	}

.linkBox
	{
	border: 1px solid grey;
	padding: 3px;
	}

.linkAd
	{
	float: left;
	}
.linkContainer .linkTitle
	{
	width:80%;
	padding:0;
	margin:0;
	}
.linkText
	{
	width:85%;
	}
	
.editorial, .linkDate, .badLink
	{
	display:block;
	}	
		
.linkContainer .editorial, .linkContainer .linkDate, .linkContainer .badLink
	{
	display:inline;
	margin-right: 6px;
	}
	

	
.ratingContainer
	{
	position:absolute;
	top:0; right:0;
	}
	
td.ratingContainer
	{
	position:relative;
	width: 75px;
	text-align: right;
	}	
.ratingLink
	{
	display:block;
	}
		
/**********************************************************
/**********************************************************
Core Link Styles.
***********************************************************//
SPAN.CoreLink{
	font-family: Verdana, arial, sans-serif; 
	font-size:10px;
	color:#999999;
	width:100%;
	text-align:right;
	padding:15px;
	padding-top:25px;
	vertical-align:middle;
}
SPAN.CoreLink A:link,SPAN.CoreLink A:visited,SPAN.CoreLink A:hover, {
	font-family: Verdana, arial, sans-serif; 
	font-size:10px;
	color:#999999;
	text-decoration:none;
}