#ajne
{
	background: #FFF url("images/background_sub.jpg") 0px 4px no-repeat;
}
#ajne2
{
	background: url("images/background_bottom.gif") bottom left repeat-x;
}
#header {
	height:150px;
}
body.experience #ajne {
	background: #FFF url("images/background_sub_experience.jpg") 0px 4px no-repeat;
}
body.company #ajne {
	background: #FFF url("images/background_sub_company.jpg") 0px 4px no-repeat;
}
body.shop #ajne {
	background: #FFF url("images/background_sub_shop.jpg") 0px 4px no-repeat;
}
#header #logo_mark
{
	position: absolute;
	left: 90px; top: 26px;
	width: 146px; height: 116px;
	background: transparent url("images/lower_ajne_logo.gif") top left no-repeat;
	display:block;
}

#header #logo_mark h1
{
	display:none;
}

#header #global_nav
{
	position: absolute; 
	top: 44px; right: 46px;
	height: 33px;
}

#header #global_nav #experience
{
	width:107px; height: 33px;
	background: transparent url("images/nav_experience_off.gif") top left no-repeat;
	margin-right:19px;
}

#header #global_nav #experience:hover, #header #global_nav #experience.current
{
	background: transparent url("images/nav_experience_on.gif") top left no-repeat;
}

#header #global_nav #shop
{
	width:54px; height: 33px;
	background: transparent url("images/nav_shop_off.gif") top left no-repeat;
	margin-right:19px;
}

#header #global_nav #shop:hover, #header #global_nav #shop.current
{
	background: transparent url("images/nav_shop_on.gif") top left no-repeat;

}

#header #global_nav #company
{
	width:115px; height: 33px;
	background: transparent url("images/nav_aboutAjne_off.gif") top left no-repeat;

}

#header #global_nav #company:hover, #header #global_nav #company.current
{
	background: transparent url("images/nav_aboutAjne_on.gif") top left no-repeat;

}

#header #sub_nav
{
	position: absolute;
	top: 104px; right: 46px;
	height:34px;
}

#header #sub_nav a
{
	height:28px;
	background-repeat:no-repeat;
}



/* Interface */
#content
{
	padding-left: 212px;
	padding-right:30px;
	display:block;
	background-position: 0px 50px;
	background-repeat: no-repeat;
}
#content strong {
	color:#a0793d;
}


.centercolumn {
	width:550px;
}

p
{
	line-height:18px;
	text-align: justify;
}
#content h2 {
	height:51px;
}
#didyouknow {	/* The "did you know?" content */
	position:absolute;
	top:225px;
	left:788px;
	width:132px;
	background:url(images/lower_DidYouKnow.jpg) no-repeat;
	height:300px;
	padding:45px 10px 0px 20px;
	font-size:11px;
	color:#2C271F;
	line-height:125%;
}
#rightsidebar {	/* Non "did-you-know" sidebar content */
	position:absolute;
	top:225px;
	left:780px;
	width:142px;
	padding:0px 10px 0px 10px;
	color:#2C271F;
}

/* Left nav for the press and media center pages */
#leftnav {
	position:absolute;
	width:180px;
	left:20px;
	top:221px;
}
#leftnav ul {
	list-style: none;
	margin-left:0;
	padding-left:0;
}
#leftnav ul a {
	display:block;
	width:169px;
	height:34px;
}

/* Page Boxes */
#page_boxes 
{
	height:250px;
	margin-top:22px;
}
#page_boxes .box
{
	width: 208px; /*height:179px;*/
	/*padding:95px 32px 0 15px;*/
	padding:0px 20px 0px 0px;
	float: left;
}
#page_boxes .box_head
{

}
#page_boxes .box_head h3 a
{
	display:block;
	width:200px;
	height:90px;
}
#page_boxes .box_link
{
	text-align:center;
}
#page_boxes .more_link {
	height:36px;
	display:block;
	background-position: center center;
	background-repeat: no-repeat;
}
#page_boxes p
{
	padding: 0px 10px;
	font:italic 12px/15px Georgia, serif; 
	text-align:center;
	color:#3e321e;	
	height:55px;
}

/*========================================================
	PAGE-SPECIFIC CLASSES
========================================================*/
/* For /company/bios */
.bio_text {
	margin-right:190px;
}
/* For /company/inthepress */
.press_item {
	margin-right:150px;
}
/* For /company/inthepress_* */
.backlink {
	background:url(images/04_03_back_arrow.gif) bottom left no-repeat;
	display:block;
	padding-left:25px;
	margin-bottom:20px;
}
/* For /company/contactus */
#contactus_rightcolumn {
	float:right;
	width:240px;
}
div.rightcolumn {
	font-size:11px;
}
div.rightcolumn p {
	text-align:left;
	line-height:1.3em;
}
div.rightcolumn h5 {
	margin-bottom:0;
	font-size:11px;
}
#contactus_leftcolumn {
	margin-right:260px;
	padding-right:34px;
	background:url(images/04_02_line_updown.gif) top right no-repeat;
}
#contactus_leftcolumn table#contact_fields {
	margin-bottom:1em;
	width:430px;
}
#contactus_leftcolumn table#contact_fields td {
	padding:0 15px 10px 0;
	font-weight:bold;
	color:#a0793d;
}
.contains_text_field input, .contains_text_field textarea {
	width:100%;
}

.contains_text_field textarea {
	height:150px;
}

/* For the shop page */
.shopitem {
	margin-left:125px;
	padding-bottom:30px;	/* The floated "back to top" link takes no vertical space, so this makes room for it */
}

.shopitem a
{
	float:right;
	background:url(images/arrow_backtotop.gif) bottom left no-repeat;
	padding-left:20px;
}

.shopitem a:visited
{
	color:#c18b37;
}
/* Ingredients page */
.ingredient_item {
	padding-bottom:20px;
}
.ingredient_item a {
	float:right;
	background:url(images/arrow_backtotop.gif) bottom left no-repeat;
	padding-left:20px;
}


table.imagebank {
	border-top:1px solid #B79766;
	width:100%;
	text-align: left;
}

table.imagebank .imagebankimg
{
	width:100px;
}
table.imagebank td {
	padding:10px 20px 10px 0;
	vertical-align:top;
	text-align:left;

}
table.imagebank td p {
	margin-bottom:0;
}
.shop hr
{
	margin-top:0px;
}


/* Terms and conditions */

#introcopy li p
{
	font-weight: normal;
}

/*========================================================
	BACKGROUND IMAGES
========================================================*/

/* Headline images **********************************/
h2.experience { background:url(images/headlines/2_0_experience.gif) no-repeat; }
h2.philosophy { background:url(images/headlines/2_1_philosophy.gif) no-repeat; }
h2.jane { background:url(images/headlines/2_2_aboutjane.gif) no-repeat; }
h2.store { background:url(images/headlines/2_4_ourstore.gif) no-repeat; }
h2.ingredients { background:url(images/headlines/2_3_ingredients.gif) no-repeat; }
h2.company { background:url(images/headlines/4_0_company.gif) no-repeat; }
h2.mediacenter { background:url(images/headlines/4_4_mediacenter.gif) no-repeat; }
h2.history { background:url(images/headlines/4_1_history.gif) no-repeat; }
h2.contactus { background:url(images/headlines/4_2_contactus.gif) no-repeat; }
h2.inthenews { background:url(images/headlines/4_3_inthenews.gif) no-repeat; }
h2.inthepress { background:url(images/headlines/4_3_1_inthepress.gif) no-repeat; }
h2.pressreleases { background:url(images/headlines/4_3_2_pressrelease.gif) no-repeat; }
h2.aboutajne { background:url(images/headlines/4_4_1_aboutajne.gif) no-repeat; }
h2.bios { background:url(images/headlines/4_4_2_bios.gif) no-repeat; }
h2.imagebank { background:url(images/headlines/4_4_3_imagebank.gif) no-repeat; }
h2.shop { background:url(images/headlines/3_0_shopajne.gif) no-repeat; }
h2.privacy { background:url(images/headlines/01_privacy_policy_hd.gif) no-repeat; }
h2.terms { background:url(images/headlines/01_Terms_Conditions_hd.gif) no-repeat; }

/* Page box images **********************************/
#page_boxes #buzz { background: transparent url("images/Feature_Celebrity_Buzz.jpg") top left no-repeat; }
/*#page_boxes #buzz .more_link { background-image:url(images/feature_btn_Celebrity_Buzz.gif); }*/
#page_boxes #buzz .more_link { background-image:url(images/04_03_feature_inpress_btn.gif); }
#page_boxes #aboutjane { background: transparent url("images/02_jane_ftr.jpg") top left no-repeat; }
#page_boxes #aboutjane .more_link { background-image:url(images/02_jane_ftr_btn.gif); }
#page_boxes #ouringredients { background: transparent url("images/02_ingredients_ftr.jpg") top left no-repeat; }
#page_boxes #ouringredients .more_link { background-image: url("images/02_ingredients_ftr_btn.gif"); }
#page_boxes #storeexperience { background: transparent url("images/02_store_ftr.jpg") top left no-repeat; }
#page_boxes #storeexperience .more_link { background-image: url("images/02_store_ftr_btn.gif"); }
#page_boxes #contactus { background: transparent url(images/04_feature_contact_header.jpg) top left no-repeat; }
#page_boxes #contactus .more_link { background-image: url(images/04_feature_contact_btn.gif); }
#page_boxes #visitourstore { background: transparent url("images/02_store_ftr.jpg") top left no-repeat; }
#page_boxes #visitourstore .more_link { background-image: url(images/04_feature_store_btn.gif); }
#page_boxes #inthenews { background: transparent url(images/04_feature_news_header.jpg) top left no-repeat; }
#page_boxes #inthenews .more_link { background-image: url(images/04_feature_press_btn.gif); }
#page_boxes #inthepress { background: transparent url(images/04_03_feature_inpress_hd.jpg) top left no-repeat; }
#page_boxes #inthepress .more_link { background-image: url(images/04_03_feature_inpress_btn.gif); }
#page_boxes #pressrelease { background: transparent url(images/04_03_feature_pressrls_hd.jpg) top left no-repeat; }
#page_boxes #pressrelease .more_link { background-image: url(images/04_03_feature_inpress_btn.gif); }



/* Left nav images ***********************************/
#leftnav #inthepress { background:url(images/leftnav/nav_4_3_inthepress_off.gif) no-repeat; }
#leftnav #inthepress:hover, #leftnav #inthepress.current { background:url(images/leftnav/nav_4_3_inthepress_on.gif) no-repeat; }
#leftnav #pressrelease { background:url(images/leftnav/nav_4_3_pressrelease_off.gif) no-repeat; }
#leftnav #pressrelease:hover, #leftnav #pressrelease.current { background:url(images/leftnav/nav_4_3_pressrelease_on.gif) no-repeat; }
#leftnav #buzz { background:url(images/leftnav/nav_4_3_celebritybuzz_off.gif) no-repeat; } /*maybe dont need check later*/
#leftnav #buzz:hover, #leftnav #buzz.current { background:url(images/leftnav/nav_4_3_celebritybuzz_on.gif) no-repeat; }
#leftnav #aboutajne { background:url(images/leftnav/nav_4_4_aboutajne_off.gif) no-repeat; }
#leftnav #aboutajne:hover, #leftnav #aboutajne.current { background:url(images/leftnav/nav_4_4_aboutajne_on.gif) no-repeat; }
#leftnav #bios { background:url(images/leftnav/nav_4_4_bios_off.gif) no-repeat; }
#leftnav #bios:hover, #leftnav #bios.current { background:url(images/leftnav/nav_4_4_bios_on.gif) no-repeat; }
#leftnav #imagebank { background:url(images/leftnav/nav_4_4_imagebank_off.gif) no-repeat; }
#leftnav #imagebank:hover, #leftnav #imagebank.current { background:url(images/leftnav/nav_4_4_imagebank_on.gif) no-repeat; }
#leftnav #pressrelease { background:url(images/leftnav/nav_4_4_pressrelease_off.gif) no-repeat; }
#leftnav #pressrelease:hover, #leftnav #pressrelease.current { background:url(images/leftnav/nav_4_4_pressrelease_on.gif) no-repeat; }

/* Left background images ******************************/
div.jane { background-image: url("images/02.2_jane_img.jpg"); }
div.storeexperience { background-image: url(images/02.4_left_blendingBar_img.jpg); }
div.ingredients { background-image: url(images/02.3_ingredients_left_img.jpg); }
div.experience { background-image: url(images/02_experience_left_img.jpg); }
div.company { background-image:url(images/04_left_img.jpg); }
div.contactus { background-image:url(images/04_02_contact_left_img.jpg); }
div.vision { background-image:url(images/02_01_vision_left_img.jpg); }
div.history { background-image:url("images/04_01_past_left_image.jpg"); }

/* Experience subnav images */
#header #sub_nav #philosophy { width:72px; background: transparent url("images/subnav/nav_vision_off.gif") top left no-repeat; }
#header #sub_nav #philosophy:hover, #header #sub_nav #philosophy.current { background: transparent url("images/subnav/nav_vision_on.gif") top left no-repeat; }
#header #sub_nav #jane { width:111px; margin-left: 9px; background: transparent url("images/subnav/nav_jane_off.gif") top left no-repeat;	}
#header #sub_nav #jane:hover, #header #sub_nav #jane.current { background: transparent url("images/subnav/nav_jane_on.gif") top left no-repeat; }
#header #sub_nav #ingredients { width:113px; background: transparent url("images/subnav/nav_ingredients_off.gif") top left no-repeat; margin-left: 8px; }
#header #sub_nav #ingredients:hover, #header #sub_nav #ingredients.current { background: transparent url("images/subnav/nav_ingredients_on.gif") top left no-repeat; }
#header #sub_nav #store { width:186px; background: transparent url("images/subnav/nav_store_off.gif") top left no-repeat; margin-left: 11px;	}
#header #sub_nav #store:hover, #header #sub_nav #store.current { background: transparent url("images/subnav/nav_store_on.gif") top left no-repeat; }

/* Company subnav images */
#header #sub_nav #history { width:138px; background-image:url(images/subnav/nav_past_off.gif); }
#header #sub_nav #history:hover, #header #sub_nav #history.current { background-image:url(images/subnav/nav_past_on.gif); }
#header #sub_nav #contactus { width:122px; background-image:url(images/subnav/nav_4_contactus_off.gif); }
#header #sub_nav #contactus:hover, #header #sub_nav #contactus.current { background-image:url(images/subnav/nav_4_contactus_on.gif); }
#header #sub_nav #inthenews { width:120px; background-image:url(images/subnav/nav_4_inthenews_off.gif); }
#header #sub_nav #inthenews:hover, #header #sub_nav #inthenews.current { background-image:url(images/subnav/nav_4_inthenews_on.gif); }
#header #sub_nav #mediacenter { width:127px; background-image:url(images/subnav/nav_4_mediacenter_off.gif); }
#header #sub_nav #mediacenter:hover, #header #sub_nav #mediacenter.current { background-image:url(images/subnav/nav_4_mediacenter_on.gif); }

/* shopping cart subnav images */
#header #sub_nav #shoppingcart { width: 182px; height:28px; background-image: url("images/subnav/nav_3_cart_off.gif"); }
#header #sub_nav #shoppingcart:hover,#header #sub_nav #shoppingcart.current { width: 182px; height:28px; background-image: url("images/subnav/nav_3_cart_on.gif"); }
#header #sub_nav #customerservice { width: 182px; height:28px; background-image: url("images/subnav/nav_3_custserv_off.gif"); }
#header #sub_nav #customerservice:hover, #header #sub_nav #customerservice.current { width: 182px; height:28px; background-image: url("images/subnav/nav_3_custserv_on.gif"); }

#photos #thumbs {
	float: left;
	width: 225px;
	height: auto;
	padding-right:10px;
	margin-bottom: 20px;
}


#photos #full {
	float: left;
	text-align: right;
}

#previous {
	background-image: url(company/page_graphics/4_3_CB_grad_top.gif);
	background-repeat: repeat-x;
	text-align: right;
	font:10px Georgia, serif;
	font-style: italic;
	color:#a0793d;
	font-weight:bold;
	height:20px;
	margin-bottom:5px;
}

#more {
	clear:left;
	background-image: url("company/page_graphics/4_3_CB_grad_bot.gif");
	background-repeat: repeat-x;
	text-align: right;
	font:10px Georgia, serif;
	font-style: italic;
	color:#a0793d;
	font-weight:bold;
	height:20px;
	padding: 5px 10px 5px 0px;
	margin-top:5px;
}

#more a
{
	display: block;
	text-decoration: none;
	font-size:12px;
	padding-right:20px;
	color:#a0793d;
	background: url("company/page_graphics/down_arrow.gif") top right no-repeat;
	width:200px;
	height:20px;
}

#caption {
	background-image: url(company/page_graphics/4_3_CB_flourish.jpg);
	background-repeat: no-repeat;
	font:12px Georgia, serif;
	font-style: italic;
	padding: 15px 30px;
	margin-left: 2.3in;
	height:50px;
}

#photos #thumbs img
{
	width: 108px;
}

.clear {
	clear: both;
}

.hidden
{
	display: none;
}
