/* 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; 
	clear:both;
	}
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	
	{
	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 10px 0px 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 6px 0 0;
	padding: 0;
	}
.standard .listingContainer			
	{
	margin: 0 0 0 107px;
	/*float: left;*/
	}
.listingText 
	{
	}
	
/* --- Vertical --- */
table.vertical td 
	{
	text-align: center;
	}
.vertical .listingTitleImage 
	{
	display: block;
	clear: both;
	margin: auto;
	}

/* --- Membership --- */
.membership
	{
	position: relative;
	}
.membership .orderbutton
	{
	position: absolute;
	top:0; right:2px;
	}

/*************************************************
FOOTERS - Listing and detail page
**************************************************/
	
/* --- DETAIL FOOTER --- */
.detailfooter {
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px 0 2px 0;
	margin:  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: 5px 7px 3px 0px; 
	text-align: center;
	border: 1px solid;
	}
.productDisplay .detailImage {
	float: none;
	}		
#detailContainer .byline
	{
	margin: 0 0 1em 0;
	}
		
/* --- Product --- */
#detailImage
	{
	float: left;
	text-align: center;
	margin-right: 10px;
	}
.slideshowCaption {
	}	
.productDisplay  #detailContainer	
	{
	}
#productSpecs {
	clear: both;
	border: 1px solid;
	line-height: 1.0em;
	}		
#productSpecs .thinline { 
	margin: 0px;
	padding: 0px;
	}	
#productSpecs h2	{
	display: block;
	padding-left: 5px;
	}	
.brandImage	
	{
	display:block;
	}
.productDisplay .detailText	
	{
	clear:both;
	}
	
	
/* --- Product Pricing --- */
.cross
	{
	text-decoration: line-through;
	}
.price	
	{
	font-weight: bold;
	}
	
/* --- Product Orderbox --- */
.orderboxProductName
	{
	display:none;
	}
	
	
/* --- Unordered Lists in content area --- */
#detailContainer ul 
	{
    line-height:1.2em;
	margin: 0 0 1em 0;
	padding: 0;
	}
#detailContainer ul 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: 20;
	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;
	}
	
.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;
	}
.formField 
	{
	font-size: 1em;
	}
	
		
/*************************************************
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 --- */
.basketImage
	{
	float:left;
	margin-right:3px;
	}
.giftwrap
	{
	font-weight: bold;
	}
.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;
	}
.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 */
	}		
	