@import url('_core.css');

/* ---------- Setting the content background ---------- */
#sectionContent {}

/* ---------- Main Content ---------- */
#sc1 {position:relative; width:960px; padding:10px; margin:auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0px 0px 20px rgba(50, 50, 50, 0.75);
	   -moz-box-shadow:0px 0px 20px rgba(50, 50, 50, 0.75); box-shadow:0px 0px 20px rgba(50, 50, 50, 0.75); background:#fff;}
#sc1  a{color:#0F6B9F;}
		 
/* ---------- Content ---------- */
#sc2 {position:relative; width:705px;}
#sc2 h1, #sc2 h2, #sc2 h3 {font-family:BebasNeue; font-size:24px; letter-spacing:1px; margin-bottom:.5em;}
#sc2 h1 {font-size:36px;}
#sc2 #addthisButtons {position:absolute; top:0; right:0;}
#sc2 p {line-height:1.5em; text-align:justify; margin-bottom:1.5em;}
#sc2 a:hover {color:#FF8000;}
#sc2 li div {background:#009900; padding:10px; background:url(../img/bg-6.png) repeat-x 0 -150px; margin-top:15px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#FFF;}
#sc2 li span {line-height:1.5em; display:block; text-align:justify; margin:1em 0 0 2em;}

/* ---------- Proein Finder ---------- */
#sc2 #proteinFinder>h1 {font-size:24px; height:34px; padding:10px 60px 0 10px; background:url(../img/headerCurveRight.png) no-repeat right; display:inline-block; color:#FFF; -webkit-border-top-left-radius:5px; 
												-moz-border-radius-topleft:5px; border-top-left-radius:5px; margin:0;}
#sc2 #proteinFinder div {-webkit-border-radius:3px; -webkit-border-top-left-radius:0; -moz-border-radius:3px; -moz-border-radius-topleft:0; border-radius:3px; border-top-left-radius:0; border:1px solid #000066; padding:10px;}
#sc2 article {position:relative; margin-bottom:20px; border:1px solid #FFF;}
#sc2 article:last-child {margin:0;}
#sc2 article h1 {font-size:20px; background:url(../img/bg-8.png) left -50px; padding:10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#FFF; margin:0;}
#sc2 article img {position:absolute;}
#sc2 article p {padding:10px 5px 0 5px;}
#sc2 ul {margin-left:20px;}
#sc2 ul li {list-style-position:outside; list-style-type:disc; margin-top:1em;}

/* ---------- Sidebar ---------- */
#sc3 {position:absolute; right:10px; top:10px; width:245px;}
#sc3 h1 {position:relative; font-family:BebasNeue; font-size:23px; text-align:center; background:url(../img/bg-19.png) 0 -150px; padding:10px 5px; color:#FFF; -webkit-border-top-left-radius:3px;
				 -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius: 3px;}
#sc3 section {margin-bottom:10px;}
#sc3 article {border:#CCC 1px solid; border-top:none; font-size:10px;}
#sc3 a {display:block;}

/* ---------- Adverts ---------- */
#sc3 #ads a {margin:50px auto 0 auto; display:block; width:120px; height:600px;}
#sc3 #ads a:hover {-webkit-box-shadow:0px 0px 20px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 0px 20px rgba(50, 50, 50, 0.75); box-shadow:0px 0px 20px rgba(50, 50, 50, 0.75);}

/* ---------- Current Deals ---------- */
#currentDeals a {position:relative; height:110px; padding:5px; background:url(../img/bg6.jpg) no-repeat center top;}
#currentDeals a:hover {background-position: center -300px;}
#currentDeals img {-webkit-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75); box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75); background:#FFF;}
#currentDeals img.productImage {position:absolute; left:8px; top:8px; padding:6px 14px 5px 13px; width:45px; height:55px;}
#currentDeals img.storeLogo-product {position:absolute; left:8px; top:82px; width:60px; height:20px; padding:5px 6px;}
#currentDeals img.storeLogo-noProduct {position:absolute; left:8px; top:8px; padding:42px 6px; width:60px; height:20px;}
#currentDeals img.storeLogo-brand {position:absolute; left:8px; top:8px; width:60px; height:20px; padding:14px 6px;}
#currentDeals img.brandLogo {position:absolute; left:8px; top:64px; width:50px; height:25px; padding:12px 11px 11px 11px;}
#currentDeals a>span {position:absolute; right:164px; top:52px; font-size:11px; padding:5px; background:#78C537 url(../img/bg-13.png) 0 -50px; color:#FFF;}
#currentDeals a:hover>span {background-position:0 -163px;}
#currentDeals a p.productDescription {position:relative; margin-left:85px; line-height:1.7em;}
#currentDeals a p.expireDate {position:absolute; left:90px; top:70px; color:#666;}
#currentDeals a p.couponCode {position:absolute; left:90px; top:95px; color:#666;}
#currentDeals a p.couponCode span {padding:5px; background:#78c537; font-weight:bold; color:#fff; margin-left:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#currentDeals a:hover p.couponCode span {background:#ff8000;}

/* ---------- Search Products ---------- */
#searchedProducts a {position:relative; padding:5px; background:url(../img/bg6.jpg) no-repeat center top; height:73px;}
#searchedProducts a:hover {background-position: center -300px; color:#FF8000;}
#searchedProducts img {position:absolute; left:7px; top:7px; padding:7px; -webkit-box-shadow:0px 0px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);
											box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75); background:#FFF;}
#searchedProducts header {position:relative; margin-left:70px; line-height:1.5em; padding-top:1px;}
#searchedProducts article h1 {font-size:13px; text-align:left; background:none; color:#0F6B9F; margin:0; padding:0; letter-spacing:1px;}
#searchedProducts h2, #searchedProducts h3 {background:url(../img/arrowBlueOrange.png) no-repeat 0 3px; padding-left:12px;}
#searchedProducts article a:hover h1 {color:#FF8000;}
#searchedProducts article a:hover h2, #searchedProducts article a:hover h3 {background-position:0 -38px;}