/**

 * This file is a container for custom CSS. You can use it to override the default styles of the theme.

 *

 * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css".

 *    Otherwise this file will not be loded by Magento.

 * 2. Enable it in the admin panel.

 * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme.

 *

 * Please refer to the user guide for more details.

 *

 */





/* Products

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Product labels

-------------------------------------------------------------- */



/*

.sticker.new {

	background-color:#555;

	color:#fff;

}

.sticker.sale {

	background-color:orange;

	color:#fff;

}

*/

.products-grid .price-box { margin:5px 0 0 0; font-size:1.35em; text-align: center;}

.products-grid .product-name { margin:15px 0 0; text-align: center;}

products-grid .ratings { margin:10px 0; text-align: center;}

.products-list .availability { float:none; margin:100px 0; }

#div_availability { 
	font-size: 1.3em;
	font-weight: bold;
	}

/* Stock indicator on product page (configurable products):

icon background color

-------------------------------------------------------------- */

/*a.availability-only span.icon { background-color:orange; }*/





/* Miscellaneous

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Drop-down caret */

/*

.caret {

	opacity:1;

	filter:alpha(opacity=100);

}

*/

@charset "utf-8";
/* CSS Document */

/** Resources Buttons **/

#resourcePage li {
	list-style:disc;
	margin-left: 5%;
}

#resourcePage ul {
	padding-bottom: 1%;	
}

.resourceSectionBox, .testimonialsBox {
    border: 1px #CCC solid;
	border-radius: 5px;
	background-color: white;
	margin: 10px;
	padding: 10px;	
	-webkit-box-shadow: 6px 5px 20px rgba(50, 50, 50, 0.75);
	box-shadow: 6px 5px 20px rgba(50, 50, 50, 0.75);
}

.resourceSectionBox img, .testimonialsBox img {
	/**margin: 0% 0% 3% 20%;**/
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto;
	width: auto\9; /** ie8 **/
}

.testimonialsBox img {
	/**margin: 0% 0% 3% 20%;**/
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto;
	padding: 1% 3% 0% 0%;
	width: auto\9; /** ie8 **/
}

.resourceAction {

	position: relative;
	background-color: #669D41;
	color: white;
	font-size: 1.2em;
	right: 11px;
	width: 109%;
	padding: 2%;
	text-align: center;
	
}

.resourceAction a {
	
	color: white;
	
}

/*.resourceSectionBox .resourceStep
{
	position: relative;
	font-size:1em;
	border: 1px #CCC solid;
	border-radius: 5px;
	background-color: orange;
	color: white;
	margin: 10px;
	padding: 1%;
	left: 38%;
	top: -10px;
	height: 
}*/

.resourceSectionBox h2 {
	position: relative;
	left: 47px;
	/**top: -10px;**/
	width: 106.5%;
	/**font-size: 1.5em;**/
	border-radius: 0px 5px 5px 0px;
	text-align: center;
	padding: 6px 20px 6px 10px;
	margin: 0px 10px 10px -70px;
	color: white;
	background-color: #669D41;
	text-shadow: 0px 1px 2px #bbb;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
}

.testimonialsBox h2 {
	position: relative;
	left: 47px;
	/**top: -10px;**/
	width: 104%;
	/**font-size: 1.5em;**/
	border-radius: 0px 5px 5px 0px;
	text-align: center;
	padding: 6px 20px 6px 10px;
	margin: 0px 10px 10px -70px;
	color: white;
	background-color: #669D41;
	text-shadow: 0px 1px 2px #bbb;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
}

.resourceSectionBox h2:after, .testimonialsBox h2:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 5px 6px;
	border-style: solid;
	border-color: #666 #666 transparent transparent;
}

.resourceSectionBox h2:before, .testimonialsBox h2:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 0px;
	top: 100%;
	border-width: 5px 6px;
	border-style: solid;
	border-color: #666 transparent transparent #666;
}

.resourceSectionBox ul {
	margin-left: 5%;
	list-style: disc;
}
.resourceSectionBox li {
	margin-left: 5%;
	list-style: disc;
}


.testimonialsBox p { font-style: normal; }

/**.resourceSectionBox h2 {
	font-size: 2.3em;
	text-align: center;
} **/

#resourceSectionButtons {

	height: 375px;
	border: 1px #CCC solid;
	border-radius: 5px;
	background-color: white;
	margin: 10px;
	padding: 10px;
	color: #786a65;
	text-align:center;
	
}

#resourceSectionButtons:hover {
	-webkit-box-shadow: 0px 0px 8px;
	box-shadow: 0px 0px 8px;		
}

#resourceSectionButtons h2 {
	position: relative;
	left: 47px;
	width: 60%;
	font-size: 1.5em;
	border-radius: 0px 5px 5px 0px;
	text-align: left;
	padding: 6px 20px 6px 10px;
	margin: 0px 10px 10px -70px;
	color: white;
	background-color: #669D41;
	text-shadow: 0px 1px 2px #bbb;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
}

#resourceSectionButtons h2:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 5px 6px;
	border-style: solid;
	border-color: #666 #666 transparent transparent;
}



#resourceSectionButtons h3 {
	font-weight: bolder;
}

#resourceSectionButtons p {
	font-size:1.2em;
	line-height:1.5em;
}

#resourceSectionButtons img {
	padding: 0px 10px 10px 10px;
	margin-bottom:10px;
}

/** Checkout Buttons **/

#checkoutButtonsSmall, #checkoutButtonsSquare {

	width: 90%; /*270px;*/
	height: 50%;
	border: 1px #CCC solid;
	border-radius: 5px;
	background-color: white;
	margin: .5%;
	padding: 5% 2% 5% 2%;
	color: #786a65;
	text-align:left;
	overflow: auto;
	
}

#checkoutButtonsSquare {
	width: 100%;	
}

#checkoutButtonsSmall:hover, #checkoutButtonsSquare:hover {
	-webkit-box-shadow: 0px 0px 8px;
	box-shadow: 0px 0px 8px;		
}

#checkoutButtonsSquare h4 {
	font-weight: bolder;
	font-size:1.4em;
}

#checkoutButtonsSmall h4 {
	font-weight: bolder;
	font-size:1.3em;
}

#checkoutButtonsSmall p, #checkoutButtonsSquare p {
	font-size:1em;
	line-height:1em;
}

#checkoutButtonsSmall img, #checkoutButtonsSquare img {
	padding: 1% 1% 1% 1%;
	/*margin-bottom:2%;*/
	max-width:30%;
	max-height:40%;
	float:left;
}

#checkoutButtonsSquare img {
	padding: 7% 1% 1% 1%;	
}

/** SSL Button **/

#sslButtonSquare {
	width: 100%; 
	text-align: left; 
	border-spacing: 5px; 
	border: 1px solid #cccccc; 
	border-radius: 5px; 
	padding: 5px; 
	color: black;	
}


/** Resources Button Small **/

#resourceSectionButtonsSmall {

	width: 90%; /*270px;*/
	/*height: 375px;*/
	border: 1px #CCC solid;
	border-radius: 5px;
	background-color: white;
	margin: 5%;
	padding: 2% 2% 2% 2%;
	color: #786a65;
	text-align:left;
	overflow: auto;
	
}

#resourceSectionButtonsSmall:hover {
	-webkit-box-shadow: 0px 0px 8px;
	box-shadow: 0px 0px 8px;		
}

#resourceSectionButtonsSmall h4 {
	font-weight: bolder;
	font-size:0.97em;
}

#resourceSectionButtonsSmall p {
	font-size:1em;
	line-height:1em;
}

#resourceSectionButtonsSmall img {
	padding: 2% 2% 2% 2%;
	/*margin-bottom:2%;*/
	max-width:30%;
	max-height:40%;
	float:left;
}

/** Resources Button Small With Ribbon**/

#resourceSectionButtonsSmallRibbon {

	height: 125px;
	border: 1px #CCC solid;
	border-radius: 5px;
	background-color: white;
	margin: 10px;
	padding: 10px;
	color: #786a65;
	text-align:center;
	
}

#resourceSectionButtonsSmallRibbon:hover {
	-webkit-box-shadow: 0px 0px 8px;
	box-shadow: 0px 0px 8px;		
}

#resourceSectionButtonsSmallRibbon h4 {
	position: relative;
	left: 47px;
	width: 60%;
	font-size: 1.5em;
	border-radius: 0px 5px 5px 0px;
	text-align: left;
	padding: 6px 20px 6px 10px;
	margin: 0px 10px 10px -70px;
	color: white;
	background-color: #669D41;
	text-shadow: 0px 1px 2px #bbb;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
}

#resourceSectionButtonsSmallRibbon h4:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 5px 6px;
	border-style: solid;
	border-color: #666 #666 transparent transparent;
}

#resourceSectionButtonsSmallRibbon p {
	font-size:1.1em;
	line-height:1em;
}

#resourceSectionButtonsSmallRibbon img {
	padding: 1% 1% 1% 1%;
	/*margin-bottom:2%;*/
	max-width:70%;
	max-height:70%;
	float:left;
}

/** Product Description Buttons Small with Ribbon **/

#productDescriptionButtonsSmallRibbon {

	height: 125px;
	border: 1px #CCC solid;
	border-radius: 5px;
	background-color: white;
	margin: 10px;
	padding: 10px;
	color: #786a65;
	text-align:left;
	
}

#productDescriptionButtonsSmallRibbon:hover {
	-webkit-box-shadow: 0px 0px 8px;
	box-shadow: 0px 0px 8px;		
}

#productDescriptionButtonsSmallRibbon h4 {
	position: relative;
	left: 47px;
	width: 60%;
	font-size: 1.2em;
	border-radius: 0px 5px 5px 0px;
	text-align: left;
	padding: 6px 20px 6px 10px;
	margin: 0px 10px 2px -70px;
	color: white;
	background-color: #669D41;
	text-shadow: 0px 1px 2px #bbb;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
}

#productDescriptionButtonsSmallRibbon h4:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 5px 6px;
	border-style: solid;
	border-color: #666 #666 transparent transparent;
}

#productDescriptionButtonsSmallRibbon p {
	font-size:1em;
	line-height:1em;
}

#productDescriptionButtonsSmallRibbon img {
	padding: 1% 1% 1% 1%;
	/*margin-bottom:2%;*/
	max-width:50%;
	max-height:70%;
	float:left;
}



.resource-social {
	text-align: center;	
}

#communityHeader {
	text-align: center;
	padding-bottom:20px;	
}

#communityHeader h1 {
	font-size: 3em;
	font-weight: bold;
}

#resourcesLeftBox {
	height: 375px;
	/*border: 1px #CCC solid;
	border-radius: 5px;*/
	background-color: white;
	margin: 10px;
	padding: 10px;
	color: #786a65;
	text-align:center;
	
}

#resourcesLeftBox h4 {
	font-weight: bolder;
}

.resourcesDivider {
    width: 80%;
    height: 1px;
    margin: 10px auto;
    /*background: #434343;*/
    border-bottom: 1px solid black;
}

#signUpRight {
	width: 350px;
	height: 560px;
	margin-top: 10px;
	border: 1px #CCC solid;
	/*-webkit-box-shadow: 0px 0px 10px;
	box-shadow: 0px 0px 10px;*/
	/*float: right;*/
	background-color: #F8F8F8;
	padding: 20px;
	border-radius:5px;
}

#signUpRight ul {
	text-align: center;
	font-size: 1.25em;
}

#signUpRight h1 {
	clear: both;
	color: white;
	font-size: 200%;
	text-align: center;
	background-color: #669D41;
	width: 390px;
	-webkit-box-shadow: 0px 8px 6px -6px #365423;
	box-shadow: 0px 8px 5px -5px #365423;
	position:relative;
	left:-20px;
}

#signUpRight h2 {
	text-align:center;
	font-weight:bold;
}

#signUpRight p {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-size: 18px;
}

/* MyEmma Sign Up Form */
@charset "UTF-8";
/* Controls width of your form */
.e2ma_signup_form {
	width: 300px;
	/*border: solid 1px #CBE3BB;*/
	padding: 10px;
	/*-webkit-box-shadow: 0px 0px 5px #669E41;
	box-shadow: 0px 0px 5px #669E41;*/
	background-color: #F8F8F8;
	border-radius: 5px;
	height: 125px;
	margin-top:0px;
}

/* Controls alignment and display of image in welcome message */
.e2ma_signup_image_container {
    text-align:center;
    display: none;
}

/* Controls style and formatting of welcome message */
.e2ma_signup_message {
	font-size:14px;
	color:#000;
	text-align:center;
	padding-bottom: 20px;
	
}

/* Controls the style, width, and font style of the text input, select and textarea fields */
.e2ma_signup_form input[type=text],
.e2ma_signup_form textarea,
.e2ma_signup_form select {
	border: 1px solid #ccc;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	width: 200px;
	background-color: #CBE3BB;
	color: white;
	float: right;
	-webkit-box-shadow: 0px 0px 5px #669E41;
	box-shadow: 0px 0px 5px #669E41;
}

/* Controls width, style, and padding of the table border outlines around individual member fields */
.e2ma_signup_form_row {
	border:none;
	padding:2px;
	margin-bottom:2px;
}

/* Controls style and formatting of form field labels (first name, last name, etc.) */
.e2ma_signup_form_label {
	clear: both;
	font-size: 12px;
	color: #333333;
	text-align: right;
	padding-bottom: 15px;
	float: left;
	line-height: 12px;
}

/* Controls spacing and style for any text used to list options under multiple choice fields) */
.e2ma_signup_form_element {
	font-family:verdana;
	font-size:10px;
	color:#333333;
}

/* Controls the style and spacing of the word "required" and border surrounding that text */
.e2ma_signup_form_required_footnote {
		display: none;
}

/* Controls the color of the asterisk that indicates a field is required */
.e2ma_signup_form_required_asterix {
	display: none;
}

/* Controls the alignment of "submit" and "clear" buttons */
.e2ma_signup_form_button_row {
padding-top: 50px;
padding-left: 125px;
}

/* Controls display of the "clear" button */
.e2ma_signup_form_button_row #e2ma_signup_reset_button {
	display: none;
}

/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
.e2ma_signup_form_button { 
    width: 60px !important;
	font-size: 12px;
	font-weight: normal;
	border-width: thin;
	border-color: #669933;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
	height: 30px;
	color: #FFFFFF;
	background-color: #588738;
}

/* Legacy CSS */

.uni_thank_wrapper{ width:933px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
.uni_content_row1{ border:1px solid #cccccc; padding:10px 10px;}
.uni_content_row1 h1{ margin:0; }
.uni_content_row1 p{ font-size:18px; line-height:22px; }
.uni_text_sp{ color:#996619; font-size:18px; }

.uni_content_row2{padding:10px 10px;}
.uni_row2_in{ margin:0 auto; width:664px;}

.uni_content_row2 h2{font-family:impact; font-size:22px; color:#000000; font-weight:normal; margin-top:0; text-align:left; padding-left:155px;}

.dib_vedio{ margin:0 auto; width:598px;}
.download_link{ text-decoration:none;}
.download_link img{ border:none;  margin-left: 15px;   margin-top: -15px;}
.uni_box_container{ margin-top:49px; }

.uni_row_next{ padding:10px 10px;}
.uni_row_next h2{font-family:impact; font-size:22px; color:#0000ff; font-weight:normal; margin-top:0; text-align:left; text-decoration:underline;}
.uni_row_next p{ font-size:18px; line-height:22px;}
.uni_row_next2{ padding:10px 10px; }
.row_nx_left{ float:left; background:#d3e1be; width:480px; padding:10px 10px 10px 10px;}
.row_nx_left h1{ font-family:impact; font-size:24px; color:#2C401A; font-weight:normal; margin-top:0; padding-bottom:12px;}
.row_nx_left ul{ margin:0; padding:0; list-style:none;}
.row_nx_left ul li{ background:url(../../images/thanku/CHECK.jpg) 0 5px no-repeat; padding:6px 5px 4px 25px; color:#2C3F19; font-size:14px;}
.row_nx_right{ float:left; width:330px; border:1px solid #2d401a; padding:10px 20px 0; margin-left:32px;}

.uni_click{ float:right; color:#2C3F19; font-size:14px; text-decoration:none;}
.row_nx_right h1{ color:#2C401A; font-family:impact; font-size:24px; font-weight:normal; margin-top:0;}
.row_nx_right p{ color:#2C3F19; font-size:14px; margin-top:0px;}

.uni_row_next4{  width:961px; float:left; }
.uni_row_next4_in{ margin:0 auto; width:725px; }
.uni_box_bot{ border:1px solid #b5b5b5; float:left; padding:10px;}
.img_sp_left{ display:block; float:left; width:90px; height:auto;}
.text_sp_right{ display:block; float:left; width:600px;}
.text_sp_right h2{ margin:0; color:#CC6633; font-size:14px;}
.text_sp_right p{ font-size:14px;}
.text_sp_right .uni_name{ float:right; color:#2C411B; font-size:14px;}

.uni_row_next5{ width:961px; float:left; margin-top:12px; }
.uni_row_next6{ width:961px; float:left; margin-top:12px; }
.uni_row_next6 .text_sp_right{ width:693px;}
.text_sp_right h1{ margin:0 0 10px 0; font-size:16px; color:#2C3F19;}

.uni_quotes{ width:681px; float:left;}

.uni_box_container{ background:url(../../images/thanku/box_1.jpg) no-repeat; width:659px; height:122px;}
.uni_box_container2{ background:url(../../images/thanku/box_2.jpg) no-repeat; width:659px; height:224px; margin-top:30px;}
.box_in_pdf{ float:left; width:615px; padding-top:25px;}
.quote_1{ float:left; width:678px;}

.cont_box{ padding:30px 10px 10px 10px;}
.img_vd{ display:block; float:left;}
.link_sp_bx{ display:block; float:left; width:239px; padding:10px;}
.link_sp_bx a{ font-size:12px; color:#0000FF; text-decoration:underline;}

.uni_content_row2 h1{ margin:10px 0;}
.uni_row_next4_in h1{ margin:10px 0;}

/* Food Lists */
.uni-food-main{ width:90%; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; line-height:18px; color:#0f0f0f; margin-left: 10px}
.uni-food-row-heading{ width:90%; height:auto; float:left;}
.uni-food-row-heading h1{ margin:10px 0 0px  0px; font-weight:normal; font-family:impact; color:#003300; font-size:44px; line-height:54px;}
.uni-food-row-1 h3{font-weight:normal; font-family:Calibri; font-size:26px; color:#990000; line-height:25px; margin-top:20px;}
.uni-food-row-1{ width:90%; height:auto; float:left;}
.uni-food-row-1-left{width:90%; height:auto; float:left;}
.uni-food-row-1-left p{ font-size:14px; font-family:arial; margin-top:20px;}
.uni-food-row-1-left ul{ margin:0; padding:0; list-style:none; margin-top:30px;}
.uni-food-row-1-left ul li{ background:url(../images/li-img.jpg) no-repeat 0 15px; padding:10px 10px 10px 45px; margin-left:50px; font-size:16px; font-family:arial; line-height:22px; margin-top:5px;}
.uni-food-row-1-right{ width:298px; height:auto; float:left;}

.uni-food-row-1-right-2 h4{ font-size:16px; margin-top:10px; }
.uni-food-right-1{width:298px; height:auto; float:left; margin-top:-120px; margin-left:10px;}
.uni-food-right-2{width:298px; height:auto; float:left; margin-top:8px; margin-left:10px;}
.uni-food-right-3{width:294px; height:auto; float:left; background:#f0f0f0; border:1px solid #cfcfcf;}
.uni-food-text1{  width:270px; height:auto; margin:18px 0 0 20px; font-family:arial; font-size:14px;}
.uni-food-text1 input[type='text']{width:247px; height:20px; }
.uni-foodlogo{ float:left; margin-top:20px;}
.uni-food-row-1-right-2{ float:left; width:294px; height:auto; border:1px solid #cfcfcf; margin-top:10px; padding-left:10px; font-family:arial;}
.uni-food-row-1-right-2 p{ font-size:14px; margin-top:20px;}



.uni-food-row-2{ width:918px; height:auto; float:left;}
.uni-food-row-heading-2 h1{  margin:10px 0px 20px  0px; font-weight:normal; font-family:impact; color:#003300; font-size:44px; line-height:55px;}

.uni-food-row-2-left{ width:620px; height:auto; float:left;}
.uni-food-row-2-left h5{ color:#003300; font-size:16px; font-family:calibri; margin-top:15px;}
.next-con{ font-family:calibri; font-size:14px; color:#9f1010;}
.uni-food-row-2-left p{color:#003300; font-size:14px;}
.uni-food-row-2-right{ width:298px; height:auto; float:left;}
.right-2-row2{ float:left; width:294px; height:auto; border:1px solid #013401; margin-top:10px;}
.right-2-row2 p{ font-size:14px; font-family:calibri; color:#003300; text-align:right; margin:0; margin-right:7px;}

.uni-food-row-3{ width:918px; height:auto; float:left; margin-top:8px;}
.uni-food-row-3-left{ width:230px; height:auto; float:left;}
.uni-food-row-3-left img{}
.uni-food-row-3-right{ width:685px; height:auto; float:left;}
.uni-food-row-3-right h5{ color:#003300; font-size:16px; font-family:calibri; margin-bottom:18px;}
.uni-food-row-3-right p{color:#003300; font-size:14px;}
.uni-food-row-3-right u{ color:#3030ff;}

.uni-food-row-4{ width:918px; height:auto; float:left;}
.uni-food-row-4 h5{color:#003300; font-size:16px; font-family:calibri; margin-top:20px;}
.uni-food-row-4 p{ color:#003300; font-size:14px; }

/* HARA Partners Definitions */

.hws-cms {width:740px; padding:0 10px; margin-left:6px;}
.hws-block1 {width:740px;}
.hws-header {}

.hws-block2 {width:740px;}
.hws-welcome {border:solid black 1px; width:423px; height:242px; float:left;}
.hws-welcome h2 {color:#2C401A; font-size:22px; line-height:100%; font-weight:normal; padding:4px 0 0 4px;}
.hws-welcome-text {background:#2C3F19; margin:6px; padding:5px;}
.hws-welcome p {color:#FFF; line-height:120%; text-align:justify;}
.hws-welcome a {color:#FFF; font-weight:bold; text-decoration:none;}
a.hws-welcome-logos img {margin:10px 0 8px 40px;}
a.hws-welcome-action {color:#2C3F19; font-weight:normal; text-decoration:underline; float:right; margin-right:6px;}

.hws-team {width:312px; float:right;}

.hws-block3 {width:740px; clear:both;}
.hws-faves {border:solid black 1px; width:423px; height:453px; float:left;}
.hws-faves h3 {color:#660000; font-size:16px; line-height:100%; padding:4px 0 0 4px;}

.hws-faves img {margin:10px 0 0 5px; float:left;}
.hws-faves h4 {color:#2C401A; font-size:15px; line-height:120%; float:left; width:128px; margin:10px 0 0 5px;}
.hws-faves h5 {color:#990000; font-size:16px; line-height:120%; float:left; width:128px; margin:10px 0 10px 5px;}
.hws-faves p {font-size:12px; line-height:120%; width:177px; text-align:justify; margin:0 0 0 10px;}
.hws-faves a {background:url(../images/more_info_btn.jpg) no-repeat top left; color:#FFF; font-size:13px; width:95px; height:20px; padding:0 0 0 6px; margin:5px 0 0 0; float:right;}

.hws-fav {border:solid black 1px; width:195px; height:200px; float:left; margin:5px 0 5px 10px;}

.hws-interact {width:311px; float:right;}
.hws-interview {border:solid black 1px; height:146px;}
.hws-interview h3 {color:#660000; font-size:16px; line-height:100%; padding:4px 0 0 4px;}
.interview-video {width:120px; float:left; text-align:center; padding:6px; line-height:100%;}
a.interview-video {color:#0000CC; text-decoration:underline;}
.interview-text {width:165px; float:right; text-align:justify; font-size:12px; line-height:120%; padding:6px;}

.hws-blog {clear:both; border:solid black 1px; height:302px;}
.hws-blog h3 {color:#660000; font-size:16px; line-height:100%; padding:4px 0 0 4px;}
.hws-blog .rss_box {padding:20px;}
.hws-blog ul.rss_items {list-style-type: square;}
.hws-blog li {margin:0 0 10px 15px;}
.hws-blog li a {color:#2C401A;}


.hws-block4 {width:740px; clear:both; padding-top:5px;}
.hws-popular {border:solid black 1px; width:740px; height:129px;}
.hws-popular h3 {color:#660000; font-size:16px; line-height:100%; padding:4px 0 0 4px;}
.hws-pop-block {background:#2C3F19; height:92px; width:240px; float:left; margin:3px; }
.hws-popular a {height:92px; float:left; font-size:14px; color:#FFF; text-decoration:underline;}
.hws-popular a.pop-left {width:100px; padding:8px 0 0 6px;}
.hws-popular a.pop-right {width:130px; padding:14px 0 0 4px;}

.hws-block5 {border:solid black 1px; width:740px; height:302px; clear:both; margin-top:4px;}
.hws-mainvideo {width:330px; float:left;}
.hws-mainvideo h3 {color:#660000; font-size:16px; line-height:100%; padding:15px 0 0 10px;}    
.hws-mainvideo img {margin:10px 0 0 0;}
.hws-mainvideo h6 {color:#660000; font-size:12px; line-height:120%; margin:0 0 0 10px;}
.hws-mainvideo p {font-size:12px; line-height:120%; margin:0 0 0 10px;}
.hws-mainvideo a {font-size:12px; line-height:120%; margin:0 0 0 10px; color:#0000CC; text-decoration:underline;}

.hws-smallvideos {float:right; width:390px; }
.hws-smallvideos h5 {color:#2C3F19; font-size:14px; line-height:120%; text-align:right; margin:30px 20px 0 0;}
.hws-video {border:solid black 1px; height:74px; width:380px; margin-bottom:4px;}
.hws-video img {float:left; margin:10px 0 0 7px;}
.hws-video h6 {float:right; width:265px; color:#660000; font-size:12px; line-height:120%; margin:10px 7px 0 0;}
.hws-video p {float:right; width:265px; font-size:12px; line-height:120%; margin-right: 7px;}

.hws-block6 {width:740px; clear:both; margin-top:10px;}
.hws-about {border:solid black 1px; height:233px; }
.hws-about h3 {color:#660000; font-size:16px; line-height:100%; padding:10px 0 0 10px;}
.hws-about h4 {color:#990000; font-size:14px; line-height:100%; padding:4px 0 0 4px; text-align:right; margin-top:38px;}
.about-left {width:444px; float:left;}
.about-left p {color:black; font-size:13px; line-height:120%; margin:10px 0 0 10px; font-weight:bold;}
.about-right {width:263px; float:right; margin:0 10px 10px 0; border-bottom:1px solid black;}
.about-right p {text-align:right; font-size:12px; line-height:120%; margin:7px 0 2px 0;}
.about-right p.red {color:#990000; margin:0 0 2px 0;} 

.hws-block7 {width:740px; clear:both; margin-top:13px;}
.hws-product {border:solid black 1px; width:446px; height:258px; float:left;}
.hws-product h3 {color:#660000; font-size:16px; line-height:100%; padding:10px 0 0 10px;}
.hws-product img {float:left;}
.hws-product h5 {color:#003300; font-size:24px; line-height:120%; margin:20px 0 3px 0; padding-left:10px;}
.hws-product p {color:#003300; font-size:12px; line-height:120%;}
.hws-product .hws-price {color:#990000; font-size:16px; line-height:120%;}
.hws-product a {background:url(../images/more_info_btn.jpg) no-repeat top left; color:#FFF; font-size:13px; width:95px; height:20px; padding:0 0 0 6px; margin-right:15px; float:right;}

.hws-byyoung {border:solid black 1px; float:right; width:280px; height:258px;}
.hws-byyoung h3 {color:#660000; font-size:16px; line-height:100%; padding:10px 0 0 10px;}
.hws-byyoung img {margin:15px 0 0 4px;}

.hws-block8 {width:740px; clear:both; padding-top:10px;}
.hws-block8 a {font-size:16px; color:#2C3F19; text-decoration:underline;}


.cms-no-route .col-right {margin-top:67px;}
.hws-noroute {width:510px;position:relative; left:10px;}
.noroute-head h3 {background:url(../images/hws_404_banner.jpg) no-repeat top left; width:734px; height:57px;}
.noroute-head h3 span {display:none;}
.hws-noroute p.noroute-first {font-weight:bold; font-size:14px;}
.hws-noroute p {font-weight:bold; text-align:justify;}

.hws-noroute h4 {background:url(../images/hws_search_shop.jpg) no-repeat top left; width:166px; height:30px;}
.hws-noroute h4 span {display:none;}
.noroute-search span {display:none;}

.noroute-search .mini-search {background:#c5d9b4 left center; width:510px; height:31px; border:solid #728b47 1px;}
.noroute-search .mini-search input.input-text {margin:5px;}

.hws-noroute h4.noroute-blog-title {background:url(../images/hws_search_blog.jpg) no-repeat top left; width:166px; height:30px; margin-top: 55px;}

.noroute-blog-search {background:#62923c left center; width:510px; height:31px; border:solid #82857a 1px;}
.noroute-blog-search input {margin:6px 0 0 6px;;}
.noroute-blog-search input#s {width:215px;}

.hws-noroute h4.noroute-or {background: transparent url(../images/hws_or.jpg) no-repeat top left; width:28px; height:30px; position:relative; top:35px;}
a.noroute-action {position:relative; top:7px; left:35px;}

.favourites-sidebar {width:210px; position:relative; left:540px; top:-320px; border:black solid 1px;}
.favourite-title h3 {color:#660000; font-size:16px; line-height:100%; padding:5px 0 0 5px;}
.favourites-sidebar #bestp {display:none;}
.favourites {padding:2px;}
.favourites .best a img {margin-right:10px;}
.favourite-item {border:solid gray 1px; padding:2px; margin:3px 2px;}
