/* Content Management System Styles. */


/* --- Lines --- */
hr 
	{
	display: none;
	}
.hr 
	{
	height: 1px;
	margin: 1em 0px 1em 0px;
	border-bottom: 1px dotted black;
	}
div.thickLine 
	{
	height: 1px;
	margin: 0 0 2px 0;
	padding: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
**************************************************/
a.selected
	{
	font-weight: bold;
	}

.listingsHeader
	{
	padding-bottom:3px;
	}
.listingsFooter
	{
	width:100%;
	padding-top:3px;
	}

.queryResults 
	{
	margin: 10px 0 10px 0;
	}
	
.navAlpha 
	{
	text-align: center;
	margin-bottom: 10px;
	}
.navAlpha a.selected
	{
	font-size: 1.2em;
	font-weight: bold;
	}

.navActions {
	padding:0;margin:0;
	}		
		
.navSort
	{
	margin: 0;
	padding:5px;
	height:1.4em;
	}		
.navPagethru 
	{
	float: right;
	margin:0;
	padding:5px;
	}
	
.navPagethru a {padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
	
.navPagethru a:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;}
		
.navPagethru .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; background: #fff;}
	

	
/* --- 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 --- */
.listingTable
	{

	}

/* --- 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					/* THIS WILL CLEAR UNDER FLOAT */ 
	{
	width: 100%;
	}
.membership .listingImage
	{
	float: left;
	margin: 0px 6px 5px 0;
	padding: 0;
	}	
.membership .orderbutton
	{
	position: absolute;
	top:0; right:2px;
	}

/*************************************************
FOOTERS - Listing and detail page
**************************************************/
	
/* --- DETAIL FOOTER --- */
.detailfooter {
	border-top: 1px solid #ccc;
	border-bottom: 1px 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;
	margin: 0;
	}

.navActions ul li, .navFooter ul li
	{
 	display: inline;
	}

/*************************************************
DETAIL PAGE: Categories, Pages, Features, Products 
**************************************************/

.detailImage 
	{
	float: left;
	margin: 0px 7px 3px 0px; border: 1px solid;
	}
#detailContainer .byline
	{
	margin: 0 0 1em 0;
	}
		
/* --- Product --- */
#detailImage
	{
	float: left;
	text-align: center;
	margin-right: 10px;
	}
.productDisplay  #detailContainer	
	{
	float: left;
	}
	
.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: 20px;
	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 */
	}		
	
	
/**********************************************************
WEB LINKS LISTING

weblinks		div ID
	
	[wClass=standardWeblink (table), left|middle|right]

	weblinkBanner			<img>

	weblink OR weblinkBox		div
	
		weblinkAd				<img>

		weblinkContainer		div
			weblinkTitle			<h3>
			new					span
			updated				span
			weblinkText			div
			editorial			span
			weblinkDate			span
			badWeblink				<a>

		ratingContainer		div
			ratingstars			<img>
			ratingWeblink			<a>
			ratingHits			span

***********************************************************/
.weblink,.weblinkBox
	{
	position:relative;
	}

.weblinkBox
	{
	border: 1px solid grey;
	padding: 3px;
	}

.weblinkAd
	{
	float: left;
	}
.weblinkContainer .weblinkTitle
	{
	width:80%;
	padding:0;
	margin:0;
	}
.weblinkText
	{
	width:85%;
	}
	
.editorial, .weblinkDate, .badWeblink
	{
	display:block;
	}	
		
.weblinkContainer .editorial, .weblinkContainer .weblinkDate, .weblinkContainer .badWeblink
	{
	display:inline;
	margin-right: 6px;
	}
	
.ratingContainer
	{
	position:absolute;
	top:0; right:0;
	}
	
td.ratingContainer
	{
	position:relative;
	width: 75px;
	text-align: right;
	}	
.ratingWeblink
	{
	display:block;
	}
		
/**********************************************************

MEMBER PROFILE STYLES 

***********************************************************/

/**********************************************************
Profile Listings - Horizontal View
***********************************************************/

.profileListingsDetailItem
	{
	position:relative;
	width: 550px; 
	height: 140px;
	padding:0;
	margin:0;
	}
.profileListingDetailImage
	{
	position:absolute; top:32px; left:10px;
	border:1px solid #f3f3f3;
	}
.profileListingDetailName
	{
	position:absolute; top:9px; left:113px;	
	font-weight:bold;
	}
.profileListingDetailUserName
	{
	position:absolute; top:7px; left:12px;
	font-weight:bold;
	}
.profileListingDetailLocation
	{
	position:absolute; top:9px; right:12px;
	font-size:9px;
	}
.profileListingDetailStats
	{
	position:absolute; top:32px; left:113px;
	}
.profileListingDetailZodiac
	{
	position:absolute; top:29px; left:295px;
	/*border:1px solid red;*/
	}

.profileListingDetailText
	{
	position:absolute; top:48px; left:101px;
	width: 320px;
	font-size:11px;
	}
.profileListingDetailSeeking
	{
	position:absolute; top:108px; left:113px;
	width:245px;
	line-height:12px;
	font-size:11px;
	/*border:1px solid red;*/
	}
.profileListingDetailCertified
	{
	position:absolute; top:114px; left:25px;
	font-size:.8em;
	color:white;
	/* border:1px solid red;*/
	}
.profileListingDetailOnline
	{
	position:absolute; top:36px; right:13px;
	font-size:14px;
	font-weight:bold;
	color:green;
	}	
.profileListingDetailActions
	{
	position:absolute; top:69px; right:11px;
	text-align:right;
	font-size:11px;
	}
.profileListingDetailActions a, .profileListingDetailActions a:visited
	{
	color:black;
	}
	
/**********************************************************
Profile Listings - Gallery View
***********************************************************/

.profileListingsGallery
	{
	overflow: auto;					/* CLEAR CONTAINED FLOATS (image) */
	width: 100%;
	}
	
.galleryItem {
	position: relative;
	width: 136px; 
	height: 136px;
	float:left;
	border: 1px solid white; 
	text-align: center;
	/*padding:3px;*/
	/*background-color: #f3f3f3;*/
	}
.galleryImage {
	border: 1px solid white;
	margin-top:6px;
	}
.galleryText {
	position: absolute;
	left:5px; top:120px;
	text-align:left;
	}
.tipToggle {
	position: absolute;
	right:7px; top:120px;
	}
.tooltip {
	position: absolute;
	top:0; left:0;
	z-index: 1000;
	width: 136px; 
	height: 136px;
	/*background-color: #f3f3f3;*/
	}	
.tooltip p {
	text-align: center;
	margin:5px 0 0 0;
	font-size:11px;
}	
.tooltip .names {
	font-size:12px;
}	
.tooltip .nav {
	position: absolute;
	top:62px; left:0;
	margin:8px;
	text-align:left;
	font-size:10px;
}	
.tooltip .nav a {
	font-size:10px;
}	
.tooltip .close {
	position: absolute;
	right:3px; top:119px;
	font-size:12px;
	}
	
/**********************************************************
Profile Detail
***********************************************************/
#deatailNav
	{
	position:relative;
	width: 550px;
	margin: 0px 0 10px 0;
	padding: 0;
	}
.pagethru
	{
	float:right;
	}

/* Entire Detail Container */
#profileDetail
	{
	position:relative;
	width: 550px; 
	}
	
/* Header */	
#topBar
	{
	position:relative;
	width: 550px; 
	height: 65px;
	/*background-color: #f0f0f0;*/
	}
.userName
	{
	position:absolute; top:7px; left:11px;
	font-weight:bold;
	font-size:14px;
	}			
.name
	{
	font-weight:bold;
	font-size:13px;
	}	

.location
	{
	position:absolute; top:6px; right:5px;
	font-size:11px;
	}	
.seeking
	{
	position:absolute; top:30px; left:205px;
	font-size:12px;
	width:335px;
	}	
	
/* Image block */	
#image
	{
	position:absolute; top:30px; left:11px;
	width:170px;
	border: 0px solid white;

	}
.online
	{
	float:right;
	margin:2px 0 5px 0;
	}
.certified
	{
	margin-top:2px;
	}
.caption
	{
	clear:both;
	}
.actions
	{
	margin-top:10px;
	font-size:11px;
	}

/* Profile Information block */	
#detailInfo
	{
	position:relative; 
	margin:10px 0 10px 205px;
	}
.shortText
	{
	width:335px;
	margin-bottom:12px;
	}
.zodiac {
	margin-bottom: 15px;
	}
.stretchtoggle
	{
	font-size:12px;
	margin:0;
	width:340px;
	height:20px;
	/*padding:3px;*/
	/*background-color: #f0f0f0;*/
	}
.stretchtoggle a
	{
	display: block;
	padding:2px 0 0 8px;
	}
.stretcher
	{
	background: none !important;
	background: #fff;
	margin-bottom:5px;
	}
#imageStretcher
	{
	margin:2px 5px 3px 5px;
	}
.longText	
	{
	max-height:380px;
	overflow:auto;
	}
	
	
/**********************************************************
Profile Manager
***********************************************************/
#profileLocationForm
	{
	width:400px; 
	height:280px; 
	margin:20px 0 0 70px; 
	padding:0;
	border: 1px solid white;
	}
	
#profileEditForm
	{
	width:500px; 
	margin:20px 20px 0 20px; 
	padding:0;
	}
	
#profileEditForm h6
	{
	width: 520px;
	font-size:1.3em;
	background-color: #F2F2F2;
	}
	
#profileEditForm .stretcher table {
	margin-bottom: 10px;
}

.highlight {
	background-color: #F5F6F8;
}		

/**********************************************************
Weblinks
***********************************************************/
.weblinkInfoContainer {
	float:left;
	width: 80%;
}
