/****************Layout css starts here*****************/
body{margin:0; padding:0; background: url(/images/bodyBg.png) repeat top center; -webkit-text-size-adjust:none;}
.wrapper {margin:0 auto; max-width:1500px; padding:0 17px 0 18px; background:#fff; overflow:hidden;}
/* header css starts here */
#header { float:left; width:100%; min-height:156px; margin:11px 0 0 0;}
/* logo css starts here */
.logo {float:left; width:10%;}
/* logo css ends here */
/* headerRight css starts here */
.headerRight { float:right; width:90%;}
/* rightLogos css starts here */
.rightLogos { float:right; width:auto;}
.rightLogos li { float:left; padding:0 0 0 12px;}
/* rightLogos css ends here */
/* contactinfo css starts here */
.contactinfo { float:left; width:60%; margin:8px 0 0 1%;}
.contactinfo h2 {font:28px/30px Arial, Helvetica, san-serif; color:#666666; padding:0 0 2px 0;}
.contactinfo p {font:17px/20px Arial, Helvetica, san-serif; color:#666666;}
.contactinfo p a {color:#666666; text-decoration:none;}
.contactinfo p a:hover { text-decoration:underline;}
/* contactinfo css ends here */
/* headerRight css ends here */

/* menuOuter css starts here */
.menuOuter {float:left; width:100%; background:#e4e3d3; min-height:52px; margin:8px 0 0 0;}
#menusec { float:left; position:relative; width:69.2%; z-index:99999;}
/* menu css starts here */
.menu {float:left; width:98.5%; margin:0 0 0 1.4%;}
.menu li { float:left; padding:0 3.6% 0 0; position:relative;}
.menu li a {font:22px/52px Arial, Helvetica, san-serif; color:#666666; text-decoration:none;}
.menu li a:hover,.menu li a.active { color:#989872;}
.menu li a.selected { color:#989872;}

/* menu css ends here */
/* subnav css starts here */
.subnav {float:left; width:100%; margin:17px 0 0 0; background:#c9c7a8; display:none; position:absolute; z-index:99; left:0; top:35px; padding:10px 0 20px 0;}
.subnav li {float:left; width:100%; padding:0 0 3px 0;}
.subnav li a {font:19px/21px Arial, Helvetica, san-serif; color:#fff !important; text-decoration:none; padding:0 0 0 25.2%; }
.subnav li a:hover,.subnav li a.active { color:#666 !important;}
.sub.active {color:#989872;}
/* subnav css ends here */
/* socialSec css starts here */
.socialSec { float:left; width:30.7%; background:#c9c7a8; min-height:52px;}
.socialSec small {font:22px/24px Arial, Helvetica, san-serif; color:#fff; float:left; padding:15px 0 0 15px;}
.socialSec small a { color:#fff; text-decoration:none;}
.socialSec ul {float:left; width:auto; margin:9px 0 0 6%;}
.socialSec ul li {float:left;}
/* socialSec css ends here */
/* menuOuter css ends here */
/* header css ends here */

/* bodyContainer css starts here */
#bodyContainer {float:left; width:100%; padding-bottom:15px;}
/* leftContainer css starts here */
.leftContainer { float:left; width:17.4%; max-width: 190px;}
/* leftMenu css starts here */
.leftMenu {float:left; width:100%; margin:17px 0 0 0;}
.leftMenu li {float:left; width:100%; padding:0 0 3px 0;}
.leftMenu li a {font:19px/21px Arial, Helvetica, san-serif; color:#666666; text-decoration:none; padding:0 0 0 14px; }
.leftMenu li a:hover,.leftMenu li a.active { color:#989872;}
/* leftMenu css ends here */
.leftImg { float:left; margin:79px 0 0 0;}
/* leftContainer css ends here */

/* midContainer css starts here */
.midContainer { float:left; width:53.6%; padding:0 1% 0 0; position:relative;}
.midContainerLarge { float:left; width:76.6%; padding:0 4% 0 0; position:relative;}
/* contentSec css starts here */
.contentSec {float:left; width:100%; margin:14px 0 0 0;}
.contentSec p {font:17px/19px Arial, Helvetica, san-serif; color:#666666; padding:0 5% 9px 0;  float:left; }
.contentSec p a{color:#999966;}
.contentSec p a:hover{color:#666666;}
.contentSecLarge p {font:17px/19px Arial, Helvetica, san-serif; color:#666666; padding:0 0 9px 0;  }
.contentSecLarge h1 {font:26px/28px Arial, Helvetica, san-serif; color:#666666; padding:0 0 9px 0;  float:left; margin-top:.7em; clear:both; width:100%; }
.contentSec h1 {font:26px/28px Arial, Helvetica, san-serif; color:#666666; padding:0 0 9px 0;  float:left;}
.contentSec h2 {font:23px/25px Arial, Helvetica, san-serif; color:#666666; padding:0 0 9px 0px;  float:left; margin-top:30px;}
.contentSec ul {float:left; width:100%; margin:0 0 0 0;}
.contentSec ul li {font:bold 17px/19px Arial, Helvetica, san-serif; color:#666666;  padding:0 13% 9px 0; }
.contentSec ul li a {color:#666666;}
.contentSec ul li a:hover {color:#999966;}

.grayBox {float:left; width:84%; background:#e4e3d3; padding:2% 3% 2% 3%; margin:4px 0 16px;}
.grayBox p {font:17px/19px Arial, Helvetica, san-serif !important; color:#666666; padding:0 !important;}
.foodImg { float:right; margin:0 0 0 0; position:absolute; z-index:1; right:72px; bottom:-15px;}


.contentSecLarge ul {float:left; width:100%; padding:0px 0xp 0px 30px; margin: 0px 0px 0px 30px;}
.contentSecLarge ul li {font:17px/19px Arial, Helvetica, san-serif; color:#666666; margin:0px 0xp 0px 3px; list-style:circle; padding:5px; }
.contentSecLarge ul li a, .contentSecLarge a{color:#666666; text-decoration:underline;}
.contentSecLarge ul li a:hover,.contentSecLarge a:hover {color:#999;}

.testimonials { width:100% !important; margin-bottom:30px !important;}

.feed-item-title {font:20px/22px Arial, Helvetica, san-serif; color:#999966; margin-top: 20px;}


#AuthorsWrapper { float:left; width:100%;}
.Authors {float:left; width:45%; background-color:#e5e3d4; padding:2%; margin-right:1%; margin-bottom:10px;}
.Authors a img {width:100%;}
.Authors h2 {font:21px/22px Arial, Helvetica, san-serif; color:#999966; padding:1%; margin-top:5px; padding-top:0px;}
.Authors p {font:17px/20px Arial, Helvetica, san-serif; color:#666666;}
.Authors p a {color:#999966;}
.Authors p a:hover {color:#666666;}

#AuthorDetailHolder {float:left; width:100%; margin-top:10px; margin-bottom:20px;}
#backbutton {float:left;width:100%; margin-top:10px; margin-bottom:20px;}
#AuthorDetailLeft {float:left;width:50%;}
#AuthorDetailLeft img { border: #e5e3d4 9px solid; width:90%; }
#AuthorDetailRight{float:left;width:45%; padding-left:15px;}
#AuthorDetailRight h2 {font:21px/22px Arial, Helvetica, san-serif; color:#999966; padding:1%; margin-bottom:10px; margin-top:0px; padding-top:0px; clear:both !important; width:100%;}
#backbutton h2 {font:21px/22px Arial, Helvetica, san-serif; color:#999966; padding:1%;}
#AuthorDetailRight p {font:17px/20px Arial, Helvetica, san-serif; color:#666666; clear:both;}
#AuthorDetailRight p a, #backbutton h2 a {color:#666666;}
#AuthorDetailRight p a:hover,#backbutton h2 a:hover {color:#999966;}

#AuthorDetailHolderBot {float:left; width:90%; background-color:#e5e3d4; padding:2%;}
#AuthorDetailHolderBotLeft {float:left; width:50%;}
#AuthorDetailHolderBotLeft img {width:90%;}
#AuthorDetailHolderBotRight{float:left; width:50%;font:17px/20px Arial, Helvetica, san-serif; color:#666666;}
#AuthorDetailHolderBotRight p{font:17px/20px Arial, Helvetica, san-serif; color:#666666;}

.NewsLeft { background-image:url(/images/leftImg.png)!important; background-repeat:no-repeat !important; background-position:bottom left;}

.label{font:21px/22px Arial, Helvetica, san-serif; color:#999966; padding:1%; }
.button{font:21px/22px Arial, Helvetica, san-serif; color:#999966; padding:1%; }

/* contentSec css ends here */
/* midContainer css ends here */

/* rightContainer css starts here */
.rightContainer { float:left; width:27.3%; padding:0 0 0 0.7%;}
/* featuredSec css starts here */
.featuredSec { float:left; width:100%; margin:16px 0 0 0;}
.featuredSec h2 {font:21px/22px Arial, Helvetica, san-serif; color:#666666; padding:0 0 7px 4px;}
.brownbox { float:left; width:85%; background:#e4e3d3; padding:4% 4% 4% 4%; margin:0 0 7px 0; height:auto; }
.brownbox ul { float:left; width:100%;}
.brownbox ul li { float:left; width:100%;}
.brownbox strong {font:bold 17px/19px Arial, Helvetica, san-serif; color:#666666; display:block; padding:0 0 5px;}
.brownbox p {font:16px/16px Arial, Helvetica, san-serif; color:#666666;}
.brownbox p a {color:#666666; text-decoration:underline;}
.brownbox p a:hover { color:#999;}
.spacetop { margin-top:10px;}
.brownbox.cream { background:#ffe5d6;}
.brownbox .bx-pager { display:none;}
.brownbox .bx-prev { display:none;}
.brownbox .bx-next { display:none;}
/* featuredSec css ends here */
/* prClient css starts here */
.prClient { float:left; width:100%; margin:16px 0 0 0;}
.prClient h3 {font:21px/22px Arial, Helvetica, san-serif; color:#666666; padding:0 0 7px 4px;}
.prClient ul { float:left; width:100%;}
.prClient ul li { float:left;}
.prClient ul li img { float:left;}
/* prClient css ends here */
/* rightContainer css ends here */
/* bodyContainer css ends here */

/* footer css starts here */
#footer { float:left; width:100%; background:#666666; min-height:93px;}
/* bottnav css starts here */
.bottnav { float:none; width:100%; margin:0 auto; display:block; text-align:center; margin:29px 0 0 0;}
.bottnav li { display:inline; background:url(/images/sep.gif) no-repeat right top; padding:0 8px 3px 5px;}
.bottnav li.last { background:none;}
.bottnav li a { font:13px Arial, Helvetica, sans-serif; color:#cccccc; text-decoration:none;}
.bottnav li a:hover,.bottnav li a.active { text-decoration:underline;}

#error {
         color: red;
		 font:21px/22px Arial, Helvetica, san-serif; padding:0 0 9px 0; 
      }
	  
.searchformcss{
	font:19px/20px Arial, Helvetica, san-serif; color:#666666; 
	}

.product {float:left; width:95%; background-color: #E4E3D3; padding: 10px 10px 0px 10px; border-radius: 15px; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:  3px 3px 5px 6px #ccc; box-shadow: 3px 3px 5px 6px #ccc; margin-bottom: 20px;}
.productL {width: 200px;float:left; margin-right: 30px;}
.productR {width:520px;float:left;}
.productR p { margin: 0px; padding-right: 0px;}
.product-title { font-size:1.2em; color: #797865; }
.productL img {border-radius: 15px; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:  3px 3px 5px 6px #ccc; box-shadow: 3px 3px 5px 6px #ccc; margin-bottom: 20px; }

/* bottnav css ends here */
/* footer css ends here */

/*============================= 
! Layout for ipad landscape  
============================= */

@media only screen and (max-width: 1510px) {
	.productR { width:450px;}
}
@media only screen and (max-width: 1400px) {
#menusec {width: 69.2%;}
	.productL {width: 100%;float:left; margin-right: 0px; text-align: center; margin-bottom: 15px;}
	.productR { width:100%;}
}
/* ============================= */
/*============================= 
! Layout for ipad portrait  
============================= */
@media only screen and (max-width: 992px) {
.headerRight { width:85%;}
.contactinfo h2 { font-size:20px; line-height:24px;}
.contactinfo p { font-size:15px; line-height:18px;}
.rightLogos li a img { max-width:70px; height:auto;}
.contactinfo { width:59%;}
#menusec { width:64.2%;}
.socialSec { width:35.7%;}
.menu li { padding:0 2.4% 0 0;}
.menu li a {font-size:18px;}
.socialSec small {font-size:18px; padding:15px 6px 0 7px;}
.socialSec ul { margin:9px 0 0;}
.midContainer { padding:0 1% 0 3%; width: 49.6%;}
.wrapper { padding:0 10px;}
.prClient ul li { min-height:87px; height:auto;}
.contentSec ul li { font-size:18px; line-height:20px;}
.foodImg img { max-width:150px; height:auto;} 
.foodImg {bottom: 0; right: 15px;}
.subnav li a { padding:0 0 0 119px;}
.Authors img {max-width:165px !important; height:auto;}
#AuthorDetailLeft img{max-width:170px !important; height:auto;}
#AuthorDetailHolderBotLeft img{max-width:140px !important; height:auto;}
iframe, object, embed{
 width: 100%;
 height: auto;}
}
/* ============================= */
/* ! Layout for mobile(lanscape) version   */
/* ============================= */
@media only screen and (max-width: 767px) {
.logo img { max-width:70px; height:auto;}
.contactinfo { width: 97%; margin:5px 0 0 4%}
.rightLogos {display: inline-block; float: none;margin: 25px auto 0;}
.menuOuter { background:none; }
#menusec { background:#E4E3D3; width:100%;}
.socialSec { width:100%;}
.subnav li { text-align:left;}
.subnav li a { padding:0 0 0 118px; font-size:16px; line-height:19px; text-align:left;}
.socialSec small { padding:15px 6px 0 102px;}
.leftContainer {width: 23%;}
.leftImg img { max-width:100px; height:auto;}
.midContainer { width:75%; padding:0 0 0 2%;}
.contentSec p { padding:0 3% 9px 0; font-size:19px; line-height:21px;}
.contentSec ul li { padding:0 4% 9px 0;}
.foodImg {bottom: 16px; right: -7px;}
.grayBox { width:91%;}
.rightContainer { width:100%; padding:0;}
.brownbox { width:87%;}
.bottnav li a {-webkit-text-size-adjust:none; font-size:11px; line-height:13px;}
iframe, object, embed{
 width: 100%;
 height: 500px;}
 .NewsLeft { background-image:none !important;}
}

/* ============================= */
/* ! Layout for mobile(portrait) version   */
/* ============================= */
@media only screen and (max-width: 479px) {
#header { text-align:center;}
.headerRight { width:100%;}
.logo { float:none;}
.contactinfo { margin:5px 0 0 0; width:100%;}
.contactinfo p { font-size:14px;}
.menu {display: block;float: none; margin: 0 auto; text-align: center;  width: 100%;}
.menu li { display: inline;  float: none;}
.menu li a { font-size:14px; line-height:30px;}
.subnav { top: 50px;}
.subnav li { text-align:center;} 
.subnav li a { padding:0; font-size:16px; line-height:19px; text-align:center;}
.socialSec small { padding:15px 6px 0 26px;}
.leftContainer { width:100%;}
.leftMenu { text-align:center; padding-bottom:20px;}
.leftImg {display: block; float: none;  margin: 50px auto 0; text-align: center;}
.midContainer { width:100%; padding:0;}
.midContainerLarge { width:100%; padding:0;}
.foodImg { display:none;}
.contentSec { text-align:center;}
.contentSec ul li { font-size:15px;}
.rightContainer { text-align:center; margin:0 auto;}
.prClient ul { display: block; float: none; margin: 0 auto; text-align: center;  width: 100%;}
.prClient ul li {  display: inline-block; float: none;} 
.leftContainer { display:none;}
.Authors img {max-width:130px !important; height:auto;}
#AuthorDetailLeft img{max-width:100px !important; height:auto;}
#AuthorDetailHolderBotLeft img{max-width:100px !important; height:auto;}
.NewsLeft { background-image:none !important;}
iframe, object, embed{
 width: 100%;
 height: 300px;}
}
/* mobile css ends here*/