/*
Theme Name: HappyooWebsite
Description: A child theme of Options for Happyoo
Template: options
Author: Grace Chen
Author URI: http://www.happyoo.com/
Happy Housing Project
#e8011d #e3031e red
#d4001a Darker red
Version: 1
*/

* { margin: 0; padding: 0; }

/* Paragraphs */
p { margin: 0 0 15px 0; }

/* Links */
a { color: #000099; text-decoration: none;	}
a:hover { text-decoration:underline; color: #333333; }
/*#content a, #full-posts a { color: #e3031e; }*/

/* Lists */
ul li { list-style: none; }
.post ul { list-style: disc; }
.post ul, .post ol { margin: 0 0 15px 25px; }
.post ul ul, .post ul ul ul, .post ol ol, .post ol ol ol { margin-bottom: 0; }

/* Blockquotes */
blockquote { border-left: 0px solid #C5C4BF; padding-left: 10px; margin: 0 20px 15px 20px; }

/* Code */
pre { overflow: auto; margin: 0 0 15px 0; }
code { font-size: 1.1em; }

/* Left, right, and center alignment */
.left, .alignleft { float: left; margin-right: 10px; }
.right, .alignright { float: right; margin-left: 10px; }
.center, .aligncenter { margin: 0 auto 15px auto; display: block; }

/* Headers and how they should look */
h1 { font-size: 2em; }
h2 { font-size: 20px;  color: #D4001A; letter-spacing:-0.75px;}
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 0.8em; font-weight: normal; color: #339933; }
h2, h3, h4, h5, h6 { margin-bottom: 15px; }
h2, h2 a, { font-weight:bold; color: #D4001A;} 
h1, h3, h4, h5, h6, h1 a, h3 a, h4 a, h5 a, { font-weight: normal; }
h1 a:hover, h2 a:hover, h3 a:hover{ text-decoration: underline; }
h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }

#content .post-title, #full-posts .post-title, #excerpts .post-title { margin-bottom: 5px; }
#content h3, #comments-template h3 { font-size: 15px;  font-weight:bold; color: #666666; letter-spacing:-0.75px; padding-bottom: 10px; }
#content h2, #content h3, #content h4, #content h5, #content h6, #full-posts h2, #feature h2, #comments-template h3 {
margin-bottom: 0px;
	}

/* Body */
body {
	margin:0;
	padding:0;
	font-family:arial, sans-serif;
	font-size:76%;
	font-weight:normal;
	color:#555555;
	text-align: center;
	/*background: #fff url(images/background-tile.jpg) 58% 3% no-repeat;
	background:#EEEEEE;
	background:#E8E8E8; 100% 0 repeat-x;*/
	}
#body-container {
    float: center;
	width: 988px;
	margin: 0px auto 0px auto;
	 /*background: transparent url(images/background-whatsnew.png) no-repeat left top;
	background: transparent url(images/frame_bg.png) no-repeat 0 0;*/
	overflow: hidden;
	}
#extra-container { margin: 0 auto; background: url(http://www.happyoo.com/images/bd0.gif) no-repeat top right;
	z-index: 99;}

/* Contains content and sidebar */
#homecontainer {
	float: left;
	width: 988px;
	padding-left: 0px;
	text-align: left;
	background: #FFFFFF url(images/frame_content.png) repeat-y;
	}
#maincontainer {
	float: left;
	width: 988px;
	padding-left: 10px;
	text-align: left;
	background: #FFFFFF url(images/frame_content.png) repeat-y;
	}
#container {
	float: left;
	width: 988px;
	padding-left: 58px;
	text-align: left;
	background: url(images/frame_content.png) repeat-y;
	}
#Happycontainer {
	float: left;
	width: 988px;
	padding-left: 38px;
	text-align: left;
	background: url(images/frame_content.png) repeat-y;
	}
.post  {
	width: 858px;
	text-align: left;
	}

/************************************************
	Header
************************************************/
#GlobalHeader { background-color: transparent; padding: 7px 0 0 2px; margin: 0 0 0px 0;  width: 985px;}
#GlobalHeader a { text-decoration: none; }
#GlobalHeader a:hover { text-decoration: underline; }
#GlobalHeader img { display: block; }
#GlobalHeader div.HappyooLogo { float: left; width: 588px; margin: 5px 0 5px 8px; }

#GlobalHeader .MainNavigation { padding: 0px 0px 0 10px; border-bottom: 0px solid #A8A8A8; height: 39px; font-family:arial, sans-serif; background:transparent url("images/bg.gif")
      repeat-x bottom;
}
#GlobalHeader .MainNavigation ul { margin: 0; padding: 0;}
#GlobalHeader .MainNavigation ul li {float: left;margin: 0px 0px 0 0;height: 38px;font-size:12px;overflow: hidden;background: url(images/tab_right.gif) no-repeat right top;display: inline;}
#GlobalHeader .MainNavigation ul li a {display: block;padding: 16px 13px 10px 13px;height: 38px; text-decoration: none;font-weight:bold;background: url(images/tab_left.gif) no-repeat;color:#333333;text-decoration: none; }
#GlobalHeader .MainNavigation ul li a:hover span{background: #fff url(images/tab_left_over.gif) no-repeat left top;}
#GlobalHeader .MainNavigation ul li a:hover{color:#b30606; text-decoration: underline;}
#GlobalHeader .MainNavigation ul li.active{background: #fff url(images/tab_right_current.gif) no-repeat right top;height: 39px;}
#GlobalHeader .MainNavigation ul li.active a {background: url(images/tab_left_current.gif) no-repeat;color:#000;font-size:18px;font-weight:bold;padding-top: 9px; text-decoration: none;  padding-bottom:5px;}

#GlobalHeader .MainNavigation ul li.ContactUs { float: right; padding-right:38px; background: url(images/tab_vline.gif) no-repeat right top;display: inline; }
#GlobalHeader .MainNavigation ul li.ContactUs a { width: 58px; background-repeat: no-repeat; background-position: center center; background-image: url(http://www.happyoo.com/images/contactHappyoo-img-off.gif); }
#GlobalHeader .MainNavigation ul li.AboutHapyyoo { float: right;background: url(images/tab_vline.gif) no-repeat right top;display: inline;  }
#GlobalHeader .MainNavigation ul li.AboutHapyyoo a { width: 58px; background-repeat: no-repeat; background-position: center center; background-image: url(http://www.happyoo.com/images/aboutus-img-off.gif); }
#GlobalHeader .MainNavigation ul li.ContactUs a:hover { background-image: url(http://www.happyoo.com/images/contactHappyoo-img-on.gif); }
#GlobalHeader .MainNavigation ul li.AboutHapyyoo a:hover { background-image: url(http://www.happyoo.com/images/aboutus-img-on.gif); }
.clear {
clear:both;
font-size:0;
height:0;
line-height:0;
}

/************************************************
*	Subnav      								*
************************************************/
.subnavtop {
    color: #000000;
	font-size: 10px;
	height: 10px;
	margin: 0px auto 0px;
	padding: 0px 0px 10px 0px;
    font-weight: normal;
	}
	
#subnav {
   float: right;
   color: #000000;
	width: auto;
	height: 8px;
	margin: 0px auto 0px;
	padding: 5px 38px 8px 0px;
    font-weight: normal;

	}
	
#subnav p {
	color: #000000;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-transform: uppercase;
	}
	
#subnav ul {
	margin: 0px;
	padding: 0px 0px 2px 5px;
    display: inline;
	border-bottom: 1px solid #cccccc;
	}
	
#subnav li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	display: inline;
	border-left: 1px solid #3974d8;
	}

	
#subnav ul li a, #subnav ul li a:visited {
	font-size: 10px;
	font-family: Arial, Tahoma, Verdana;
	color: #2255AA;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
    text-transform: uppercase;
	}

#subnav ul li a:hover {
	color: #CC0000;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
	}
	
#subnavleft {
	width: 590px;
	float: left;
	margin: 0px;
	padding: 6px 0px 0px 10px;
	}
	
#subnavright {
	width: 300px;
	float: right;
	margin: 0px;
	padding: 6px 10px 0px 0px;
	text-align: right;
	}

/************************************************
	Feed
************************************************/
#feed {
	float: right;
	clear: right;
	width: 254px;
	height: 28px;
	margin: 0 13px 0 0;
	padding: 35px 36px 0 0;
	background: url(images/feed-icon.gif) no-repeat right 35px;
	text-align: right;
	}
#feed li a {
	font-size: .9em;
	color: #666;
	}

/************************************************
	Navigation
************************************************/

/************************************************
	Search
************************************************/
#search {
	float: right;
	width: 185px;
	}
#search form {
	float: right;
	margin: .5em 0 0 0;
	padding: 0 15px 0 0;
	}
#search input#s {
	color: #666;
	width: 170px;
	margin: 0;
	padding: 5px;
	background: #ddd;
	border: none;
	}
#search .search-submit { display: none; }

/************************************************
	Main content
************************************************/
#home, #content { width: 600px; padding: 0px 8px 0px 0px; margin: 0px 0px 0px 0px; background: transparent; border-right: 1px dotted #999;}

#no-sidebar { width: 988px; }

#home.left, #content.left, #sidebar.left { float: left; margin: 0; }
#home.right, #content.right, #sidebar.right { float: right; margin: 0; }


/************************************************
	Images
************************************************/
/* Images */
.post img, #sidebar img {
	padding: 0px;
	border: 0px solid #ccc;
	}

a img { border: none; }

#author-box .avatar, .author .post .avatar { width: 100px; height: 100px; float: left; margin-right: 10px; }

/* Post images */
.single img, .attachment img { max-width: 98.5%; }

/* Feature images */
#feature img, #features-numbers img { float: left; width: 300px; margin: 0 10px 0 0; }
html>body #feature img, html>body #features-numbers img { max-width: 300px; width: auto; }

/* Thumbnail images */
img.thumbnail {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 10px 5px 0;
	}

/* Medium images */
img.medium { max-width: 300px; float: left; margin: 0 10px 5px 0; }

/* Flickr / gallery stream images */
#home .flickr img, #gallery-stream img {
	width: 75px; height: 75px;
	margin: 2px 13px 2px 0;
	padding: 3px;
	background: #eee;
	border: 1px solid #ccc;
	}

/* Captions */
.wp-caption {
	padding: 5px 0 3px 0;
	background: #eee;
	border: 1px solid #ccc;
	text-align: center;
	}
.wp-caption p.wp-caption-text {
	margin: 0; padding: 0 5px;
	text-align: right;
	font-size: .8em;
	color: #666;
	}
.wp-caption img { margin: 0; padding: 0; border: none; }

.gallery {
	width: 100%;
	margin-bottom: 18px;
	}

/************************************************
	Sections of the site
************************************************/
/* Section headers */
.section-header, .menu h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	padding: 0em  0em;
	margin: 0 0 5px 0;
	}

/* Sections and posts */
.section, #content .post, #excerpts .post, #full-posts .post, .paged .post {
	width: 570px;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 10px 0;
	background: #fff;
	}

/* No sidebar */
#no-sidebar .post, #no-sidebar #comments-template, #no-sidebar .section { width: 850px;}
#no-sidebar .post { overflow: hidden; margin: 0 0 10px 0; padding: 10px; background: #fff; border-bottom: 1px solid #999; }

/* Posts */
#content .post, #home.paged .post { padding: 3px; border-bottom: 1px solid #999; }

/* Breadcrumb */
.breadcrumb { padding: 8px 2px 5px 0px; border-bottom: 1px solid #e8e8e8;font-size:0.8em;font-weight:normal; color:#555555; }

/* Author box */
#author-box { padding: 10px; border-bottom: 1px solid #999; }

/* Navigation links */
.navigation-links { padding: 10px; border-bottom: 1px solid #FFF; }
.navigation-links .previous { float: left; width: 50%; }
.navigation-links .next { float: right; width: 50%; text-align: right; }

/* Navigation image attachment */
.attachment-image { max-width: 99%; margin: 15px auto; display: block; }
.navigation-attachment { float: left; width: 100%; }
.navigation-attachment img { max-width: 150px; max-height: 150px; }
.navigation-attachment .left { float: left; width: 160px; }
.navigation-attachment .right { float: right; width: 160px; text-align: right; }

/* Related posts plugin */
#related { padding: 10px; border-bottom: 1px solid #999; }
#related ul { width: 100%; }
#related ul li { list-style-type: none; }

/* Clouds */
div.cloud { padding: 10px; border-bottom: 1px solid #999; }

/* Excerpts / Full Posts */
#excerpts, #full-posts { width: 590px; padding: 0px 8px 0px 8px; margin: 0; background: transparent;}
#excerpts .post, #full-posts .post { padding: 10px 5px 8px 5px; border-color: #e5e5e5;
	border-width: 0px 0px 3px 0px;
	border-style: solid; }


/************************************************
	Sidebar
************************************************/
#sidebar { width: 360px; padding-right: 3px;}

.menu {
	overflow: hidden;
	width: 230px;
	margin-bottom: 10px;
	padding: 10px 10px 5px 10px;
	background: #fff;
	border-bottom: 1px solid #CCC;
	}

/* Sidebar lists and sidebar tab lists */
.menu div li, .menu div li li, #sidebar .tabbed div li, #sidebar .tabbed div li li {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	}
#sidebar .menu ul li a, .tabbed div ul li a { display: block; padding: 2px 5px; }
#sidebar .menu li li a, .tabbed div li li a { display: block; padding: 2px 0 2px 8px; }

/* Recent comments widget */
#sidebar ul#get-recent-comments li { margin: 5px 0; }
#sidebar ul#get-recent-comments li a { display: inline; padding: 2px 0; }

/* Sidebar video */
#sidebar .video h3 { font-size: 1em; margin: 5px 0; }

/* Sidebar ads */
#sidebar .ads p { margin: 0; padding: 0; }
#sidebar .ads a img { border: none; padding: 0; }
#sidebar .ads img { width: 125px; height: 125px; margin: 0 9px 5px 11px; border: none; padding: 0; }

/* Sidebar gallery and flickr photos */
#sidebar .flickr img, #sidebar .gallery-stream img { width: 75px; height: 75px; margin: 3px 9px 3px 7px; }

/* Sidebar search */
#sidebar .search input { width: 96%; padding: 5px; background: #e9eae5; border: 1px solid #ccc; }
#sidebar .search input.search-submit { display: none; }

/* Sidebar subscribe */
#sidebar .subscribe div { padding-left: 2px; }
#sidebar .subscribe #feed-sidebar { height: 35px; overflow: hidden; background: url(images/feed-icon.gif) no-repeat left .3em; }
#feed-sidebar li { padding: 0 0 0 36px; }
#feed-sidebar li a { font-size: .9em; padding: 0; margin: 0; }

/* Sidebar recent */
#sidebar .recent .post { float: left; width: 100%; margin: 0 0 10px 0; }
#sidebar .entry { padding: 0; }
#sidebar .recent h3, #sidebar .asides h3 { font-size: .9em; margin: 0 0 1px 0; }
#sidebar .recent h3 a { font-weight: bold; color: #000000; text-decoration: none;}
#sidebar .recent h3 a:hover { color: #0000CC; text-decoration: underline;}
#sidebar .recent p { font-size: .9em; line-height: 1.4em; margin: 0; padding: 0; }

/************************************************
	Tabs
************************************************/

/* Tabs (actual tabs) */
.tabbed { background: transparent; border: none; }
#sidebar .tabbed { margin-bottom: 10px; }
.tabbed ul.tabs {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	list-style-type: none;
	}
.tabbed ul.tabs li { display: inline; }
.tabbed ul.tabs li a {
	color: #333;
	float: left;
	display: block;
	margin: 0 3px 0 0;
	padding: 6px .6em;
	background: #deddd4;
	}
.tabbed ul.tabs li a.t4 { margin-right: 0; }
.tabbed ul.tabs li a:hover { background: #f4f4f4; text-decoration: none; }
.tabbed ul.tabs li a.tab-current { background: #fff; border-bottom: 1px solid #fff; }

/* Tab content */
.tabbed div.tab-content {
	height: 100%;
	overflow: hidden;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 0;
	clear: left;
	padding: 10px 5px 5px 5px;
	background: #fff;
	border-bottom: 1px solid #999;
	}
div.t2, div.t3, div.t4, div.t5 { display: none; }
.tabbed div.c { display: none; }
.tabbed div.c1 { display: block; }

/************************************************
	Comments Template
************************************************/
#comments-template {
	padding: 10px;
	margin: 0 0 10px 0;
	background: #fff;
	border-bottom: 1px solid #999;
	}
#comments-template ol { list-style-type: none; margin-top: 10px; }
#comments-template li {
	width: 97.5%;
	clear: left;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 5px 1%;
	background: #dcdfd5;
	border: 1px solid #ccc;
	}
#comments-template .avatar {
	float: left;
	width: 50px; height: 50px;
	margin: 7px 12px 0 0;
	background: #eee;
	border: 1px solid #999;
	padding: 2px;
	}
#comments-template li.alt { background: #e9eae5; }
#comments-template .comment-meta-data { float: left; font-size: 1em; margin: 7px 0; }
#comments-template li .comment-meta-data a.time { margin-left: 5px; color: #666; }
#comments-template li .comment-text { float: left; width: 87%; padding: 0; }
#no-sidebar #comments-template li .comment-text { width: 92%; }
#comments-template input {
	color: #000;
	width: 50%;
	padding: 5px;
	margin: 0;
	background: #e9eae5;
	border: 1px solid #ccc;
	}
#no-sidebar #comments-template input { width: 25%; }
#comments-template textarea {
	color: #000;
	width: 97%;
	padding: 7px;
	background: #e9eae5;
	border: 1px solid #ccc;
	}
#no-sidebar #comments-template textarea { width: 98%; }
#comments-template input.submit-comment, #comments-template input.reset-comment, .button {
	width: 100px;
	padding: 7px;
	margin-right: 10px;
	}

/************************************************
	Footer
************************************************/
/* Footer */
#footer {
	clear: both;
	float: left;
	width: 988px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 28px 0px;
	color: #666;
	background: transparent url(images/frame_bottom_bg_new.png) no-repeat 0 0;
	}

#footer p { margin: 10px 0px 8px 0px;
  font-family: Verdana, Geneva, Sans-Serif;
  font-size: 17px;
  font-weight: bold;
  position: relative;
  text-align:center;
  }

#footer .message { margin: 0px 20px 10px 20px;
  font-family: Verdana, Geneva, Sans-Serif;
  font-size: 12px;
  color:#333333
  font-weight: normal;
  position: relative;
  text-align:center;
  }
#footer p.left, #footer p.right { width: 50%; }
#footer p.right { text-align: right; }
.smfooter{  font-family: Arial, Helvetica, sans-serif; text-align: center;	width: 98%; font-size: 10px; font-style: normal; color: #666666; line-height: normal}

#footer_container {
  background: #fff url(images/footer-border.png) top center repeat-x;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #BBB;  
  width: 100%;
  margin-top: 30px;
}

#footer_container #footer_navi {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  background-color: #FFFFFF; 
  padding: 5px;
  text-align: center;
}

#footer_container a:link, #footer_container a:visited {
  color: #727272;
  text-decoration: none;
}

#footer_container a:hover, #footer_container a:active {
  color: #D4001A;
  text-decoration: underline;
}

#footer_container #footer_center {
  color: #666;
  width: 100%;
  text-align: center;
  padding-bottom: 30px;
  text-align: center;
  background: url(/images/v3/footer_bg.gif) repeat-x;
}
#footer_container #copyright {
  margin-top: 3px;
  width: 1088px;
  color: #727272;
}

/************************************************
	js-fade
************************************************/
/* Listen */
ul#news {
	border: 1px solid #ccc;
	padding: 2em;
	background:  #fffeb8;
}
ul#slideshow li img{
	border: 0px solid #ccc;
	padding: 0px;
}
.fade{
	margin-bottom: 0em;
}

.fade p{
	margin-bottom: 0em;
	text-align: center;
	width: 100%;
	background: #fff;
}

/************************************************
	List-item
************************************************/

#listcontainer ul 
{
margin: 0px; 
padding: 0; 
list-style-type: none; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight:normal;
}
#navcontainer ul li ul
{
margin: 0px; 
padding: 0; 
list-style-type: none; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight:normal;
}
#listcontainer ul li a
{
	vertical-align:bottom;
}



#listcontainer li {
	display:inline;
	margin: 0 0 0 0;
} 

#listcontainer a 
{
	display: block;
	padding: 3px 2px 3px 20px;
	background-image: url(images/arrow.gif);
	border-top: 1px solid #D8D8D8;

}

#listcontainer a:link, #listcontainer a:visited {
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(images/arrowOFF.gif);
	background-repeat: no-repeat;
	background-position: .4em .5em;
	background-color: #FFFFFF;
}


#listcontainer a:hover 
{
	padding-left: 20px;
	background-image: url(images/arrowOVR.gif);
	background-repeat: no-repeat;
	background-position: .4em .5em;
	background-color: #E9EBF8;
}
.navactive 
{
	background-color: #E9EBF8;
}

#active a:link, #active a:visited, #active a:hover 
{
	padding-left: 20px;
	background-image: url(images/arrowOVR.gif);
	background-repeat: no-repeat;
	background-position: .4em 50%;
	background-color: #E9EBF8;
	border-top: 1px solid #D8D8D8;
}
#active ul li a 
{
	display: block;
	padding: 5px 2px 5px 22px;
	width: inherit;
	background-image: url(images/arrow.gif);
	border: solid #CCCCCC 0 0 0 3px;
}
#active ul li a:hover 
{
	color:#FF6600;
	background-color: #F9F9F9!important;
}

#active ul li a:link, #active ul li a:visited, #active ul li a:hover 
{
	padding: 5px 0 5px 30px;
	background-color: #FFFFFF;
	background-image: url(images/arrow2.gif);
	background-position: 21px 50%;
	margin: 0;
	border-top: 1px dotted #CCCCCC;
}
#subSelect a:link, #subSelect a:visited, #subSelect a:hover {
background-color:#F3F5F9!important;
}
#highlight a:link, #highlight a:visited, #highlight a:hover 
{
	padding: 5px 0 5px 20px;
	background-color: #FFFFFF;
	background-image: url(images/arrow.gif);
	background-position: .4em .5em;
	margin: 0;
}

.bodyhead {  font-family:  Arial, Helvetica, sans-serif;  font-size: 1.8em;  font-style: normal; line-height: normal; padding: 0px 0px 19px 0px; font-weight: bold; color: #657843}


/* {{{ box 01 */
#box01 {
	width: 248px;
	font-family: Arial, Helvetica, sans-serif;
	color: #434343;
	font-size: 11px;
	font-weight: bold;
	background-color: #D5BD88;
}
#box01 ul { 
	margin:3px 5px 3px 0px; 
	padding: 0px 0px 0px 10px; 
	list-style: none;	
	line-height: 120%; 
}
#box01 ul li { 
	padding: 0px 0 0 10px; 
	background-image: url(images/box01_arr.gif); 
	background-repeat: no-repeat; 
	background-position: 0 1px; 
}
/* }}} box 01 */


/* {{{ box 02 */
#box02 {
	width: 248px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #CA692E;
}
#box02 ul { 
	margin:3px 5px 3px 0px; 
	padding: 0px 0px 0px 10px; 
	list-style: none;	
	line-height: 120%; 
}
#box02 ul li { 
	padding: 0px 0 0 10px; 
	background-image: url(images/box02_arr.gif); 
	background-repeat: no-repeat; 
	background-position: 0 1px; 
}
/* }}} box 02 */


/* {{{ box 03 */
#box03 {
	width: 248px;
	font-family: Arial, Helvetica, sans-serif;
	color: #434343;
	font-size: 11px;
	font-weight: bold;
	background-color: #CABD2E;
}
#box03 ul { 
	margin:0px 5px 0px 0px; 
	padding: 0px 0px 0px 10px; 
	list-style: none;	
	line-height: 120%; 
}
#box03 ul li { 
	padding: 0px 0 0 10px; 
	background-image: url(images/box01_arr.gif); 
	background-repeat: no-repeat; 
	background-position: 0 1px; 
}
/* }}} box 03 */

.flowright { float: right; }
.flowrleft { float: left; }
/* 188 x 90 side banners */
.cover_small_208 {
  width: 238px;
  height: 98px;
  margin-bottom: 15px;
  /* font-family: Verdana, Geneva, Sans-Serif; */
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Geneva, Sans-Serif;
  font-size: 15px;
  position: relative;
  text-align: right;
}

a.main_sidebanner:link, a.main_sidebanner:visited, a.main_sidebanner:hover, a.main_sidebanner:active {
  text-decoration: none;
  cursor: pointer;
}

a.main_sidebanner:link div.cover_small, a.main_sidebanner:visited div.cover_small, a.main_sidebanner:link img, a.main_sidebanner:visited img {  
  -moz-opacity: 1;
  filter: alpha(opacity=100); 
  opacity: 1;
}

a.main_sidebanner:link div.cover_small_208, a.main_sidebanner:visited div.cover_small_208, a.main_sidebanner:link img, a.main_sidebanner:visited img {  
  -moz-opacity: 1;
  filter: alpha(opacity=100); 
  opacity: 1;
}

a.main_sidebanner:hover div.cover_small, a.main_sidebanner:active div.cover_small, a.main_sidebanner:hover img, a.main_sidebanner:active img {  
  -moz-opacity: 0.90;
  filter: alpha(opacity=90); 
  opacity: 0.90;
}

a.main_sidebanner:hover div.cover_small_208, a.main_sidebanner:active div.cover_small_208, a.main_sidebanner:hover img, a.main_sidebanner:active img {  
  -moz-opacity: 0.90;
  filter: alpha(opacity=90); 
  opacity: 0.90;
}
div.trans_roundcorner10_topleft { position: absolute; top: 0; left: 0; width: 10px; height: 10px; background-image: url(images/landing/corner_topleft_10.png); }
div.trans_roundcorner10_topright { position: absolute; top: 0; right: 0; width: 10px; height: 10px; background-image: url(images/landing/corner_topright_10.png); }
div.trans_roundcorner10_btmleft { position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; background-image: url(images/landing/corner_btmleft_10.png); }
div.trans_roundcorner10_btmright { position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; background-image: url(images/landing/corner_btmright_10.png); }

.graybox { BORDER-RIGHT: #D8D8D8 1px solid; BORDER-TOP: #D8D8D8 1px solid; BORDER-LEFT: #D8D8D8 1px solid; BORDER-BOTTOM: #D8D8D8 1px solid; BACKGROUND-COLOR: #f7f7f7; padding: 10px 0px 0px 10px; }

.graybox2 { BORDER-RIGHT: #D8D8D8 1px solid; BORDER-TOP: #D8D8D8 1px solid; BORDER-LEFT: #D8D8D8 1px solid; BORDER-BOTTOM: #D8D8D8 1px solid; BACKGROUND-COLOR: #f7f7f7; padding: 0px 0px 0px 0px; }

.red {color: #D4001A;}

blockquote.style1 {
	color: #000000;
	background: url(images/pullquote.gif) 0 0 no-repeat;
	margin: 30px 10px 0 0;
	padding: 12px 0 20px 48px;
	width: 500px;
	line-height: 1.5em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", serif;
	font-size: 1.6em;
	font-weight: normal;
	min-height: 44px;
  }
  
  /* blockquote.style1 {
  font: 14px/22px normal helvetica, sans-serif;
  padding: 8px 33px 8px 38px;
  background-color: #FFFFFF;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(images/openquote.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 0px;
  }*/
  
  blockquote.style1 span {
     display: block;
     background-image: url(images/pullquoteCllose.png);
     background-repeat: no-repeat;
     background-position: bottom right;
   }
   
blockquote.style2 {
	color: #000000;
	background: url(images/pullquoteWhite.png) 0 0 no-repeat;
	margin: 38px 10px 0 10px;
	padding: 12px 0 20px 48px;
	width: 480px;
	line-height: 1.5em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", serif;
	font-size: 28px;
	font-weight: normal;
	min-height: 44px;
  }

  blockquote.style2 span {
     display: block;
     background-image: url(images/pullquoteClloseWhite.png);
     background-repeat: no-repeat;
     background-position: bottom right;
   }
p.pullquote_author {
		text-indent: -1.3em;
		text-align: right;
		font-size: 0.8em;
		margin: 5px 58px 5px 100px;
	}

p.pullquote_more {
		text-indent: -1.3em;
		text-align: right;
		font-size: 0.8em;
		margin: 0px 0px 10px 0px;
	}
.whiteHealth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	PADDING-LEFT: 8px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	BACKGROUND-COLOR: #000000;
	text-decoration: none;
	color: #FFFFFF;
}
.homecontent { PADDING-LEFT:  0px; PADDING-BOTTOM: 3px; BORDER-RIGHT: #000000 1px solid;  FONT-WEIGHT: normal; FONT-SIZE: 10px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; line-height: normal; FONT-STYLE: normal; FONT-FAMILY:  verdana, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-DECORATION: none}
.homeFeatItem { PADDING-RIGHT: 4px; PADDING-LEFT: 9px; PADDING-BOTTOM: 4px; PADDING-TOP: 3px}
.homebluetxt {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; color: #1887BE; text-decoration: none; }
.hometxt {  PADDING-BOTTOM: 2px; PADDING-TOP: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 14px; font-weight: normal; color: #000000; text-decoration: none; }
.productxt {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 16px; font-weight: normal; color: #000000; text-decoration: none; }
.txt {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: 16px; font-weight: normal; color: #666666; text-decoration: none;}
.txtbold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; color: #003366; text-decoration: none}
.txtLnk {FONT-SIZE: 11px; COLOR: #666; FONT-FAMILY: arial,helvetica}
.homeShop { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px}
.homeShop .imgLnk { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 6px}
.homeShopItem {PADDING-TOP: 5px}