/******* ORGANIC CLASSICS CSS   
********  COPYRIGHT 2008
COLRS PALETTE
DARK GREEN			#247C5C
LIGHT ORANGE		#F69820
DARK ORANGE			#DE5C26
LIGHT GREEN			#82B441
BLUE				#0D529F
PURPLE				#6D3180
RED					#D03B27
LIGHT BROWN/TAN		#C1A059
ORANGE BG COLOR		#E97226
HM BM BG COLOR		#008266
*/

/******** OVERALL RULES ***********/
body {
	background-color: #EA7226;
	margin: 0px;
	padding:0px;
}
#page {
	width:806px;
	margin: 25px auto 0px auto;
	padding:0px;
	background-image:url(../imgs/shared/OC_page_bkg.jpg);
	background-repeat:repeat-y;
}

img { behavior: url(CSS/iepngfix.htc) }

.active {
color:#000000;
}


.view_cart {padding:0px 10px 0px 15px; float:right;}
.img_clear {padding:0px 8px 0px 15px; float:right;}


/******** NAV 1 RULES ***********/
#nav1 {
	width:789px;
	height:25px;
	margin: 0px 0px 0px 0px;
	padding:17px 0px 0px 15px;
	overflow:visible;
	background-image: url(../imgs/shared/OC_cap.jpg);
	background-repeat: no-repeat;
}
/*
#nav1 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	margin:11px 25px 0px 0px;
	padding-top: 11px;
	color:#000000;
}
#nav1 a{
	color:#000000;
	text-decoration:none;
	margin:0px 11px 0px 11px;
}
#nav1 a:hover{
	color:#008266;
	text-decoration:none;
}
*/
/******** BANNER HOME RULES ***********/
#banner_hm {
	width:775px;
	height:155px;
	margin:0px auto;
	padding:0px;
	background-color: #008266;
	overflow:hidden;
}
#banner_hm img{
/*	margin:0px;
	padding:0px;*/
	float:left;
}
#banner_hm p{
	font-family:"Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 25px;
	font-style:italic;
	font-weight:bold;
	margin:32px 40px 0px 0px;
	color:#FFF2DA;
}
/******** CONTENT CONTAINER RULES ***********/
#content_container {
	width:806px;
	height:500px;
	margin:0px auto 0px auto;
	padding:0px;
	overflow:hidden;
}
/******** BANNER 2 HOME RULES ***********/
#banner2_hm {
	width:775px;
	height:175px;
	margin:0px 15px;
	padding:0px;
	background-color: #FFFFFF;
	overflow:hidden;
	position:absolute;
	z-index:1;
}
/******** BANNER SUB RULES ***********/
#banner_sub {
	width:775px;
	height: 130px;
	margin:0px auto;
	padding:0px;
	background-color: #008266;
	overflow:hidden;
}
#banner_sub img{
	margin:0px;
	padding:0px;
	float:left;
}
#banner_sub p{
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 24px;
	font-weight:bold;
	font-style:italic;
	margin:40px 20px 0px 0px;
	color:#FFFFFF;
	text-align:left;
}
/******** CONTENT RULES ***********/
#content_hm {
	width:775px;
	height:330px;
	margin:175px 0px 0px 15px;
	padding:0px;
	overflow:hidden;
	background-image:url(../imgs/home/OC_hm_cnt_bkg.jpg);
	background-repeat:no-repeat;
	position:absolute;
	z-index:1;
}

#content_copy {
	width:355px;
	margin:30px 0px 0px 42px;
	padding:0px;;
}

#content_copy p{
	font-family:"Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 24px;
	font-weight:normal;
	margin:4px 0px 10px 0px;
	color:#CD631F;
}
#content_copy ul{
	text-align:center;
	margin:0px;
	padding:0px;
}
#content_copy li{
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
	font-style:italic;
	margin:4px 0px 4px 0px;
	color:#444444;
}
#left_panel_copy h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight:bold;
	margin:12px 20px 5px 20px;
	padding:0px;
	color:#001CA8;
	text-transform: uppercase;
	letter-spacing:.1em;
}
#content_copy a{
	color:#CD631F;
	text-decoration:underline;
}
#content_copy a:hover{
    color:#008266;
	text-decoration:underline;
}

#content_image {
	width:403px;
	height:360px;
	position:absolute;
	z-index:3;
	margin:142px 0px 0px 403px;
	padding:0px;
}
/******** CONTENT SUB RULES ***********/
#content_sub {
	width:775px;
	margin:0px auto;
	padding:30px 0px 20px 0px;
	background-color: #FFFFFF;
}
/******** LEFT COLUMN RULES ***********/
#left_column {
	width:204px;
	margin:0px;
	padding:0px 0px 15px 0px;
	float:left;
	overflow:hidden;
}
#left_column_prod {
	width:195px;
	margin:0px;
	padding:0px 0px 15px 0px;
	float:left;
	overflow:hidden;
}
/******** DISPLAY SUB RULES ***********/
#display_sub {
	width:204px;
	height:320px;
	margin:0px 0px 30px 0px;
	padding:0px;
}
#display_sub_photoz {
	width:204px;
	height:300px;
	margin:0px 0px 0px 0px;
	padding:0px;
	overflow:hidden;
	position:absolute;
	z-index:1;
}
#display_sub_copyz {
	width:162px;
	margin:200px 0px 0px 23px;
	padding:0px;
	overflow:hidden;
	position:absolute;
	z-index:3;
}
#display_sub_copyz p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight:bold;
	margin:6px 0px 5px 0px;
	padding:0px;
	color:#E97226;
}
#display_sub_copyz a{
	color:#E97226;
	text-decoration:underline;
}
#display_sub_copyz a:hover{
	color:#008266;
	text-decoration:underline;
}
/******** NAV 2 RULES ***********/
#nav2 {
	width:160px;
	margin:0px 0px 60px 25px;
	padding:8px 0px 0px 0px;
}
#nav2 p{
	width:160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
	color:#008266;
}
#nav2 a{
	color:#008266;
	text-decoration:none;
}
#nav2 a:hover{
	color:#E97226;
	text-decoration:none;
}

#nav2_prod {
	width:140px;
	margin:0px 0px 60px 25px;
	padding:8px 0px 0px 0px;
}
#nav2_prod p{
	width:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
	color:#008266;
}
#nav2_prod a{
	color:#008266;
	text-decoration:none;
}
#nav2_prod a:hover{
	color:#E97226;
	text-decoration:none;
}
#nav2 a.active, #nav2 p a.active, #nav2_prod a.active, #nav2 p a.active {
color:#EA7226;
}

/******** DISPLAY 1 RULES ***********/
#display1_copy {
	width:156px;
	margin:0px 0px 10px 17px;
	padding:0px;
	overflow:hidden;
}
#display1_copy p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight:bold;
	margin:6px 0px 5px 0px;
	padding:0px;
	color:#87431E;
}
#display1_copy a{
	color:#87431E;
	text-decoration:underline;
}
#display1_copy a:hover{
	color:#094FA3;
	text-decoration:underline;
}


/******** DISPLAY PROD RULES ***********/
#display_prod {
	width:175px;
	margin:0px 0px 30px 16px;
	padding:0px;
	overflow:hidden;
}
#display_prod p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
	margin:10px 0px 5px 0px;
	padding:0px;
	color:#EA7226;
	width:150px;
}
#display_prod a{
	color:#E97226;
	text-decoration:underline;
}
#display_prod a:hover{
	color:#008266;
	text-decoration:underline;
}
/******** MAIN CONTENT SUB RULES ***********/
#main_content_sub {
	width:375px;
	margin:0px;
	padding:5px 0px 0px 25px;
	overflow:hidden;
	float:left;
}
#main_content_sub p{
	font-family:"Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 21px;
	margin:0px 0px 18px 0px;
	color:#585858;
}
#main_content_sub h1{
	font-family:"Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 28px;
	font-weight:normal;
	font-style:italic;
	margin:0px 0px 12px 0px;
	padding:0px;
	color:#008266;
}
#main_content_sub h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	color:#008266;
}
#main_content_sub h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight:bold;
	margin:17px 0px 0px 0px;
	color:#EA7226;
}
#main_content_sub a{
	color:#585858;
	text-decoration:underline;
}
#main_content_sub a:hover{
    color:#EA7226;
	text-decoration:underline;
}
/******** MAIN CONTENT LEFT RULES ***********/
#main_content_left {
	width:530px;
	margin:0px;
	padding:5px 0px 0px 25px;
	overflow:hidden;
	float:left;
}
#main_content_left p{
	font-family:"Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 21px;
	margin:0px 0px 18px 0px;
	color:#585858;
}
#main_content_left h1{
	font-family:"Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 28px;
	font-weight:normal;
	font-style:italic;
	margin:0px 0px 12px 0px;
	padding:0px;
	color:#008266;
}
#main_content_left h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	color:#008266;
}
#main_content_left h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight:bold;
	margin:17px 0px 0px 0px;
	color:#EA7226;
}
#main_content_left a{
	color:#585858;
	text-decoration:underline;
}
#main_content_left a:hover{
    color:#EA7226;
	text-decoration:underline;
}

/******** RIGHT COLUMN RULES ***********/
#right_column_sub {
	width:154px;
	margin:0px;
	padding:70px 0px 0px 12px;
	float:left;
	}
#right_column_sub p{
	font-family:"Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 24px;
	margin:7px 0px 5px 10px;
	color:#008266;
	font-style:italic;
	font-weight:bold;
	width:125px;
}
#right_column_photo {
	width:154px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

/******** MAIN CONTENT PROD RULES ***********/
#main_content_prod {
	width:575px;
	margin:0px;
	padding:5px 0px 0px 0px;
	float:left;
	overflow:hidden;
}
#main_content_prod p{
	font-family:"Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 21px;
	margin:0px 0px 18px 0px;
	color:#585858;
}
#main_content_prod p.ptable{
	font-family:"Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 17px;
	margin:0px 15px 5px 0px;
	color:#585858;
}
#main_content_prod h1{
	font-family:"Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 28px;
	font-weight:normal;
	font-style:italic;
	margin:0px 0px 12px 0px;
	padding:0px;
	color:#008266;
}
#main_content_prod h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight:bold;
	margin:8px 0px 0px 0px;
	color:#EA7226;
}
#main_content_prod h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	color:#008266;
}
#main_content_prod h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	color:#0D529F;
}
#main_content_prod a{
	color:#585858;
	text-decoration:underline;
}
#main_content_prod a:hover{
    color:#E97226;
	text-decoration:underline;
}
/******** FOOTER RULES ***********/
#footer {
    width:806px;
	height:35px;
	margin: 0px auto;
	padding:0px;
	background-image:url(../imgs/shared/OC_foot.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
.leftie {
    width:250px;
	float:left;
	margin:0px;
	padding: 6px 0px 0px 30px;
}
.rightie {
    width:450px;
	text-align:right;
	float:right;
	margin:0px;
	padding: 6px 26px 0px 0px;
}
#footer p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
	margin:0px 6px 0px 6px;
}
#footer a:hover{
    color:#FFFFFF;
	text-decoration:underline;
}

