/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,/*em,strong,*/th,var{font-style:normal;font-weight:normal;}ol,ul {/*list-style:none;*/}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

:focus
{
  -moz-outline-style: none;
}


body {
	background: url(../images/top_bg.png) repeat-x;
	position: relative;
}

ol,ul {
	margin-left: 14px;
	
}

li {
	margin-bottom: 9px;
}

#policies li {
	margin-bottom: 3px;
}

a {
	text-decoration: none;
	color: #5a3b1e;	
}

.hidden {
	display: none;
}

input[type="text"] {
	border: 1px solid #92A5A4;
}

.product h2 {
	margin-bottom: 6px;
	font-size: 12px;
}

.clear {
	clear: both;
}

.floated {
	float: left;
	clear: none;
}

.floated + .floated {
	margin-left: 44px;
}

.brown {
	color: #5a3b1e;	
}

#outerwrapper {	
	background: url(../images/bottom_bg.png) center bottom repeat-x;		
}

#innerwrapper {
	margin: 0 auto;
	position: relative;
	width: 903px;
	height: auto;
}

#logo_holder {
	position: absolute;
	left: 562px;
	top: 53px;
	display: block;
	width: 301px;
	height: 169px;
	background: url(../images/logo-trans.png) no-repeat;
	z-index: 9;
}

#logo_holder a{
	display: block;
	width: 301px;
	height: 149px;
}

#account {
	position: absolute;
	top: 44px;
	left: 14px;
	font-size: 10px;
	color: #92A5A4;
}

#account a{
	color: #92A5A4;
	text-decoration: none;
}

.product_details {
	position: absolute;
	top: 0;
	right: 0;
/*	height: 138px;*/
	height: 131px;
/*	width: 128px;*/
	width: 180px;
	padding: 12px;
	background: url(../images/shady_white.png) repeat;
	display: none;
	overflow: hidden;
	overflow-y: auto;
	z-index: 9;
}

.product_details p{
	font-size: 10px;
}
		
.product_details *{
	color: #7E8082;
}


.product_details table {
	margin-top: 4px;
	width: 100%;
}

.product_details table td a:hover{
	background: #fff;
}
a.event_form_fauxbutton,
.product_details table td a.fauxbutton
{
	display: block;
	font-size: 10px;
	padding: 1px 2px;
	text-align: center;
	width: 80px;
	border: 1px solid #7E8082;
	cursor: pointer;
	margin-bottom: 2px;
	color: #7E8082 !important;
}

a.event_form_fauxbutton {
	display: inline !important;
	padding: 2px 4px;
}


#login_box {
	position: absolute;
	top: 14px;
	left: 224px;
	border: 1px solid #92A5A4;
	padding: 8px 12px;
	z-index: 9;
	background: #fff;
	display: none;
}

#login_box p{
	margin-top: 7px;
}

#new_account_form input[type="text"] {
	width: 420px;
	color: #C5C6C8;
}

.lightgrey {
	color: #C5C6C8;
}

#welcome {
	position: relative;
	height: 19px;
	width: 903px;
	background: url(../images/welcome_bg.png) repeat-x;
}

#welcome img{
	background: url(../images/welcome.png) no-repeat;
	position: absolute;
	top: 1px;
	left: 453px;
}

#nav {
	width: 900px;
	position: absolute;
	top: 187px;
	left: 14px;
	z-index: 10;
}

a.navlink {
	color: #5a3b1e;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
	display: block;
	float: left;
	margin-right: 14px;
}

.subnav a.navlink {
	font-size: 15px;
	font-style: italic;
	text-transform: none;
/*	color: #fff;*/
	color: #5a3b1e;
}

.subnav a.active {
/*	color: #5a3b1e;*/
	color: #fff;
}

.subnav {
/*	margin-left: 14px;*/
	position: absolute;
/*	padding-top: 3px;*/
	top: 3px;
	left: 10px;
	width: 710px;
	z-index: 9;
}

.push1 { margin-left: 3px; }
.push2 { margin-left: 80px; }
.push3 { margin-left: 202px; }
.push4 { margin-left: 3px; }
.push5 { margin-left: 349px; }
.push6 { margin-left: 429px; }

#container {
	padding-top: 153px;
	width: 903px;
}

#slideholder {
	overflow: hidden;
	float: left;


	/*this gets adjusted by the js. it pushes the footer down*/
	height: 428px;
	width: 903px;
	position: relative;
/*	border: 1px solid #f00;*/
}

#footer {
	height: 69px;
	padding-left: 14px;
	padding-right: 14px;
	margin-top: 42px;
}

#footer * {
	color: #bdbdbd;
	font-size: 10px;	
}

#footer_right {
	float: right;
	clear: none;
}

#footer_left {
	float: left;
	clear: none;
}

#credit {
	padding-left: 20px;
	text-decoration: none;
}


/* this is applied by slide.js, no longer in use*/
/*.slideable {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}
*/
.content {
	position: relative;
	width: 883px;
/*	padding-right: 14px;
	padding-left: 14px;
*/	
	padding-right: 10px;
	padding-left: 10px;
	min-height: 384px;
	padding-bottom: 24px;
}



.submit {
	display: block;
	color: #fff;
	text-transform: uppercase;
	background: #bdbdbd;
	padding: 4px 6px;
	border: none;
	font-size: 10px;
	cursor: pointer;
}

#cancel {
	float: right;
}

p.caslon {
	margin-bottom: 0.25em;
}


strong.caslon  {
	font-size: 13px;
	margin-bottom: -0.55em;
	display: block;
}

/* misc panel stuff */
.home {
	margin-top: 7px;
	background: url(../images/home_bg-trans.png) repeat;	
	padding-top: 64px;	
}

.other {
	margin-top: 52px;
	background: url(../images/other_bg-trans.png) repeat;	
}

.content {
}


.panel {
	display: block;
	position: absolute;
	overflow: hidden;
	background: #fff;
/*	border: 1px solid #f00;*/
}

.home .row_1 { top: 63px; }
.home .row_2 { top: 224px; }

.row_1 { top: 39px; }
.row_2 { top: 199px; }

.half_height 	{ height: 155px; }
.whole_height 	{ height: 315px;}

.onequarter_width 		{ width: 215px; }
.half_width 	  		{ width: 434px; }

.threequarter_width		{ width: 655px; } 
.full_width		  		{ width: 875px; }

.onefifth_width    { width: 171px; }
.twofifths_width   { width: 347px; }
.threefifths_width { width: 523px; }
.fourfifths_width  { width: 700px; }

.onethird_width  { width: 288px; }
.twothirds_width { width: 581px; }


/* columns for quarters and halves */
.start_left 		{ left: 14px; }
.start_2ndquarter 	{ left: 234px; }
.start_halfway 		{ left: 454px; }
.start_4thquarter 	{ left: 674px; }

/* columns for thirds */
.start_2ndthird { left: 307px; }
.start_3rdthird { left: 600px; }

/* columns for fifths*/
.start_2ndfifth { left: 190px }
.start_3rdfifth { left: 366px}
.start_4thfifth { left: 542px}
.start_5thfifth { left: 718px}


.half_height .copy 			{ height: 129px; } /* 130px */
.whole_height .copy 		{ height: 289px; } /* 290px */ 



.onequarter_width .copy		{ width: 195px; } /* 185px */
.half_width .copy	  		{ width: 414px; } /* 390px */

.threequarter_width	.copy	{ width: 635px; } /* 615px */ 
.full_width	.copy	  		{ width: 855px; } /* 835px */

.onefifth_width .copy   	{ width: 151px; } /* 131px */
.twofifths_width .copy  	{ width: 327px; } /* 307px */
.threefifths_width .copy 	{ width: 503px; } /* 483px */
.fourfifths_width .copy 	{ width: 680px; } /* 660px */

.onethird_width .copy  		{ width: 268px; } /* 248px */
.twothirds_width .copy 		{ width: 561px; } /* 541 w/out scrollable */

/*.jScrollPaneContainer .scrollable {		*/
.panel .scrollable {	
 	padding-right: 18px; 
	padding-top: 15px;	
	padding-bottom: 10px;
}


.copy {
	position: absolute;
	top: 15px;
	left: 12px;
	color: #666;
	overflow: hidden;
}

.copy p { font-size: 11px; }

.copy p + p{
	margin-top: 1em;
}

.copy a {
	color: #5a3b1e;
	text-decoration: none;
	font-weight: bold;
}


.copy h1 {
	color: #597B7B;
	margin-bottom: 12px;
}

.content .green {
	background: #8baea2;
}

.content .green .copy{
	color: #fff;
}

.content .events {
	background: #5F6062;
	background: url(../images/events-main.jpg) no-repeat;
}
.content .events .events_header{
	border-bottom: 1px solid #fff;
	display: block;
	width: 847px;
}

.full_width .copy .events_header { 
	width: 847px;
/*	width: 835px; */
}


.content .events .copy{
	color: #fff;
	width: 867px;
	
}

.content .events .copy strong{
	color: #fff;
	text-transform: uppercase;
}

.content .events .copy span{
	color: #fff;
	text-transform: normal;
	font-size: 11px;
}
.copy ul {
	margin-left: 18px;
}

.copy ul li{
	list-style-type: disc;
}


.placed_text {
	position: absolute;
	color: #fff;
	border-bottom: 1px dotted #fff;
}

#cacaocult {
	font-size: 48px;
	top: 81px;
	text-align: right;
	width: 230px;
	padding-right: 0px;
}

#cacaocult p {
	margin-bottom: -8px;
	margin-right: 8px;
}

#featured_product {
	top: 0px;
	right: 0px;
	text-align: left;
/*	width: 270px;*/
	width: 580px; 
	/*580 for right-heavy images*/
}

#featured_product .fancy {
	font-size: 48px;
	color: #92A5A4;
	margin-left: 12px;
	margin-bottom: -8px;
}


#featured_product .caslon {
	color: #fff;
	font-size: 10px;
	position: absolute;
	bottom: -20px;
/*	right: 70px;*/
	left: 10px;
	/*right: 370px for right-heavy images...or left anchored at 10px*/
	width: auto;
}

/* new for the split front */
#featured_product_title {
	font-size: 48px;
	color: #92A5A4;
	position: absolute;
	top: 10px;
	z-index: 9;
	left: 10px;
}

#homepage_events_list {
	color: #666;
	font-size: 11px;
}

#latest_blog {
	font-size: 18px;
	bottom: 10px;
	right: 10px;
	text-align: right;
	width: 270px;
	border: none;
	
}


/*----------- old ---------*/
/*.betweenfifthandquarter_width 		{ width: 170px; }
.morethanquarter_width				{ width: 263px; }
.betweenquarterandthird_width 		{ width: 259px; }
.betweenthirdandhalf_width			{ width: 347px; }
.almosthalf_width					{ width: 406px; }
.betweenhalfandthreefifths_width	{ width: 524px; }

.col_1 { left: 14px; }
.col_2 { left: 178px; }
.col_3 { left: 190px; }
.col_4 { left: 255px; }
.col_5 { left: 307px; }
.col_6 { left: 453px; }
.col_7 { left: 543px; } 
.col_8 { left: 673px; }
.col_9 { left: 720px; }


.onefifth_width 					.copy { width: 133px; }
.betweenfifthandquarter_width 		.copy { width: 146px; }
.onequarter_width 					.copy { width: 191px; }
.morethanquarter_width				.copy { width: 239px; }
.betweenquarterandthird_width 		.copy { width: 235px; }
.onethird_width 					.copy { width: 262px; }
.betweenthirdandhalf_width			.copy { width: 323px; }
.almosthalf_width					.copy { width: 382px; }
.half_width 						.copy { width: 411px; }
.betweenhalfandthreefifths_width	.copy { width: 500px; }
.threefifths_width 					.copy { width: 511px; }
.twothirds_width 					.copy { width: 558px; }
.threequarter_width					.copy { width: 610px; } 
.full_width							.copy { width: 853px; }

.half_height 	.copy { height: 126px; }
.whole_height 	.copy { height: 290px;}

*/


#download_menu {
	
	position: absolute;
	bottom: 24px;
	left: -10px;
	padding-left: 20px;
	padding-bottom: 8px;
	text-align: left;
/*	width: 270px;*/
	width: 180px; 
	/*580 for right-heavy images*/
	background: url(../images/shady_white.png) repeat;
	height: 28px;
/*	border: 1px dotted #5a3b1e;*/
	
}

#download_menu .fancy {
	font-size: 36px;
	color: #5a3b1e;
	position: absolute;
	top: -10px;
	left: 20px;
/*	margin-top: -18px;
	margin-left: 12px;
	margin-bottom: 0px;
*//*	margin-bottom: -8px;*/
}

.article_column {
   width: 168px;
   float: left;
}
.article_column + .article_column {
    margin-left: 15px;
}

.bucket img { position: absolute; top: 0; left: 0; }
.bucket div { 
	position: absolute; 
	display: block; 
	z-index: 10;
	color: #fff;
	bottom: 10px;
	left: 10px;
	font-size: 12px;
/*	font-weight: bold;*/
}

.brown div {
	color: #5a3b1e !important;
} 

.bucket div.top { top: 10px; bottom: auto;}
.bucket div.bottom { bottom: 10px; top: auto;}
.bucket div.left { left: 10px; right: auto;}
.bucket div.right { right: 10px; left: auto; }

#homepageevents,
#special_announcements
{
	width: 248px;
	padding: 20px;
/*	padding: 12px;*/
	padding-bottom: 12px;
}