img, div, input { behavior: url("includes/iepngfix.htc") }
* { font-family: 'Times New Roman', Times, serif;}
.clear
{
    clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clearfix2 {
	display: inline-block;
	background:#dbe7e7;
	border:dotted
	
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.frmstyle { border: 1px solid #e1d6c9; }
html  { 
	color: #845b23;	
	font-weight: bold;
	font-size: 15px;
}
a { color: #845b23; font-size: 14px;}


/**CONTAINERS**/
#wrapper
{
	background: transparent url(../new_images/bg_flower_top.png) top center no-repeat;
	
    margin-left: auto;
    margin-right: auto;
}
#fwrapper {
	background: transparent url(../new_images/bg_flower_bottom.png) bottom center no-repeat;
	}

#bg_left{
	width:219px;
	height:auto;
	float:left;
}

#bg_left_top{
	height:315px;
	width:219px;
	background-image:url(../new_images/left_top.png);
	background-repeat:no-repeat;
	float:left;
}
#bg_left_middle{
	height:inherit;
	width:219px;
	float:left;
	background-image:url(../new_images/spacer.png);
	background-repeat:repeat-y;
	
	
}

#bg_left_bottom{
	height:355px;
	width:219px;
	float:left;
	background-image:url(../new_images/left_bottom.png);
	background-repeat:no-repeat;
}

#bg_middle{
	height:auto;
	width:900px;
	float:left;
}

#bg_middle_top{
	height:100px;
	width:900px;
	float:left;
	background-image:url(../new_images/middle_top.png);
	background-repeat:no-repeat;
}

#bg_middle_body{
	height:auto;
	width:900px;
	float:left;
}

#bg_middle_bottom{
	height:118px;
	width:900px;
	float:left;
	background-image:url(../new_images/middle_bottom.png);
	background-repeat:no-repeat;
}

#bg_right{
	height:auto;
	width:219px;
	float:left;
}

#bg_right_top{
	height:315px;
	width:219px;
	float:left;
	background-image:url(../new_images/right_top.png);
	background-repeat:no-repeat;
}

#bg_right_middle{
	height:auto;
	width:219px;
	float:left;
	background-image:url(../new_images/spacer.png);
	background-repeat:repeat-y;
	
	
}

#bg_right_bottom{
	height:355px;
	width:219px;
	float:right;
	background-image:url(../new_images/right_bottom.png);
	background-repeat:no-repeat;
}
	
#body_container
{
    
    
    width: 900px;
    height:auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    
}

#body_content
{
    float: left;
    width: 900px;
	background-image:url(../new_images/box_body.png);
	background-repeat:repeat-y;
	position: relative;
}

/* Edit by Galvez Neil D. - Jan. 11, 2010 */
#ffinder { height: 485px; background: transparent url(../new_images/stripes_bg.jpg) top left no-repeat;}
#ffinder #container_left { width: 229px; height: 259px; background: transparent url(../new_images/border_fix_flavors.gif) top left no-repeat;}
#body_content .txtstyle { padding-top: 15px;}
#body_content .txtstyle  p { text-indent: -9999px; background: transparent url(../new_images/txt_ffinder.gif) top left no-repeat;  width: 445px; height: 28px; margin: 0 auto;}

#creativity_link { width: 859px; margin: 0 auto; padding: 0;}
#creativity_link li { float: left; list-style-type: none; width: 237px; margin: 0 10px;}
#creativity_link li a  { display: block; border: none; text-decoration: none;}
#creativity_link li a img { border: none}
#creativity_link li a img.check { border: 0; width: 275px;}
#creativity_link li a h2 { text-indent: -9999px; margin-bottom: 10px;}
#creativity_link #clink1 { background: transparent url(../new_images/lbl_food.jpg) top left no-repeat; width: 242px; height: 39px; margin: 0 auto;}
#creativity_link #clink2 { background: transparent url(../new_images/lbl_drinkmix.jpg) top left no-repeat; width: 223px; height: 39px; margin: 0 auto;}
#creativity_link #clink3 { background: transparent url(../new_images/lbl_others.jpg) top left no-repeat; width: 121px; height: 39px; margin: 0 auto;}

#stylepagetitle { background: transparent url(../new_images/logo_createavity.jpg) top left no-repeat; width: 497px; height: 114px; text-indent: -9999px; margin: 20px auto; }
#stylepagesubtitle { background: transparent url(../new_images/lbl_subtitle.jpg) top left no-repeat; width: 761px; height: 46px; text-indent: -9999px; margin: 10px auto;}

#recipelist { width: 635px; margin: 0 auto;}
#recipelist tr td  p,
#recipelist tr td  h2 { padding: 0; margin: 0; font-weight: normal;}
#recipelist tr td  h2 { color: #815831; font-size: 18px;}
#recipelist tr td  h2 em { font-size: 14px;}
#recipelist tr td  p { color: #845b23;}

#recipelist_sub { }
#recipelist_sub tr td  p,
#recipelist_sub tr td  h2 { padding: 0; margin: 0; font-weight: normal;}
#recipelist_sub tr td  h2 { color: #815831; font-size: 18px;}
#recipelist_sub tr td  h2 em { font-size: 14px;}
#recipelist_sub tr td  p { color: #845b23;}

#body_box2 { width:768px; padding: 10px 0; margin: 0 auto; background: transparent url(../new_images/coloredbg.gif) top center repeat-y;}
#style_hr { width: 768px; height: 5px; position: absolute; bottom: 0;}

#inwrap { margin-top: 10px;}
#inwrap #lcontent,
#inwrap #rcontent { width: 364px; position: relative;}

#inwrap > h2 { text-align: center;}
#inwrap > h2 a { font-size: 24px; }

#inwrap #lcontent { 
	border: 2px solid #9aca3c;	
	float: left;
	margin:0 0 85px 10px;
	
	}
#inwrap #rcontent { 
	border: 2px solid #ec008c;	
	float: right;
	margin-bottom: 85px;
	}
#inwrap .bottom_ort { height: 85px; width: 368px; margin-bottom: -85px; margin-left: -2px;}
#inwrap #lcontent .bottom_ort { background: transparent url(../new_images/bg_ort_bottom_green.gif) top left no-repeat;}
#inwrap #rcontent .bottom_ort { background: transparent url(../new_images/bg_ort_bottom_pink.gif) top left no-repeat;}
#inwrap #rcontent { 
	float: right;
	}
#inwrap h1 { color: #845b23; font-size: 20px; text-align: center;}
	
.product_box { margin:0; padding: 0; margin-bottom: 10px; min-height: 120px;}
.product_box .product_image { float: left; text-align: center; width:150px;}
.product_box .product_description { background: transparent url(../new_images/img_cruly_braces_mid.jpg) left repeat-y; float: right; width: 204px; margin-right: 5px;}
.product_box .product_description dl { background: transparent url(../new_images/img_cruly_braces_dash.jpg) center left no-repeat; margin:0; padding: 0 14px; margin-top: -10px;}
.product_box .product_description dt { font-size: 14px; font-weight: bold; color: #845b23; text-align: center;}
.product_box .product_description dd { margin:0; font-size: 11px; letter-spacing:.5px; color: #845b23; text-align: center;}

#innav_style a { font-size: 15px;}
#container #title { 
	font-weight: bold; font-size: 20px; color: #845b23;
	}
#container #title { text-align: left;}
#container #title img { margin-left: 35px;}
#backbtn { margin-left: 20px;}
#backbtn a { text-decoration: none; font-weight: bold;}

#container #lcontent { float: left;}
#container #rcontent { float: right; width: 600px;}

#ordernow { border: 3px solid #9aca3c; width: 741px; margin: 10px auto;}
#ordernow .bottom_ort { height: 93px; width: 747px; margin-bottom: -85px; margin-left: -3px; background: transparent url(../new_images/img_ortwhole.gif) top left no-repeat;}
#ordernow h2, #ordernow h3, #ordernow p { text-align: center;} 
#ordernow #ordernow_content tr td{ padding: 10px 0;}
#ordernow #ordernow_content tr.ordernow_header  td { border-bottom: 2px solid #99cc33;}
#ordernow #ordernow_content tr.ordernow_content  td { border-bottom: 1px solid #99cc33;}
/* Edit by Galvez Neil D. - Jan. 11, 2010 */


#body_header{
	height:34px;
	width:900px;
	float:left;
	background-image:url(../new_images/box_header.png);
	margin-top: 100px;
}

#body_footer{
	height:34px;
	width:900px;
	float:left;
	background-image:url(../new_images/box_footer.png);
	margin-bottom: 130px;
}

#body_body{
	min-height:532px;
	width:900px;
	float:left;

}

body
{
    margin:0px;
    background-image: url('../new_images/blue_bg.jpg');
    background-repeat: repeat;
}
/**CONTAINERS**/
#history
{
    
    background-repeat: no-repeat;
    height: auto;
    width: 760px;
}

#newsheader{
	width:760px;
	height:50px;
	float:left;
}

#container{
	width:760px;
	height:auto;
	float:left;
	margin:auto;
}

#navigation_menu
{
    float:left;
    margin-left: 20px;
    display: inline;
}

#body_box
{
    width:760px;
    margin-left: auto;
    margin-right: auto;
}

#body_box1
{
    width:760px;
    margin-left: auto;
    margin-right: auto;
	background-image:url(../new_images/twiningsandyou_bg2.jpg);
}


#image_navigation
{
    float:left;
    width: 760px;
    height: 366px;
    margin-top: 20px;
    display: inline;
}

#image_navigation a
{
    float:left;
}