@import url('_core.css');
@import url('popUp.css');

/* ---------- Setting the content background ---------- */
#sectionContent {background:none;}
#sc1{/*background-image:url(../img/grid.png);*/ min-height:1000px;}

/* ---------- Product ---------- */
#product {position:relative; padding:13px 5px 5px 5px;}
#product #productImage {position:absolute; left:15px; top:5px;}
#product #productBrandImage {position:absolute; right:15px; top:15px; border:#666 1px solid; width:140px;}
#product #productBrandImage:hover {box-shadow:0 0 20px rgba(50, 50, 50, 0.5);}
#product #productBrandImage  img {display:block;}
#product #addthisButtons {position:absolute; left:47px; top:310px; padding:10px; background:url(../img/bg4.jpg) left -33px; border:#9ED7F5 1px solid; width:138px;}
#product #addthisButtons p {font-family:BebasNeue; font-size:20px; margin-bottom:10px; text-align:center;}
#product #productDescription {margin-left:250px; width:700px;}
#product #productDescription h1 {font-size:30px; font-family:BebasNeue; margin-bottom:5px; letter-spacing:1px;}
#product #productDescription h2 {font-size:20px; font-family:BebasNeue; margin-bottom:7px; letter-spacing:1px; padding-left:20px; background:url(../img/arrowWhiteBackground.png) no-repeat 5px 4px;}
#product #productDescription h3 {font-size:15px; margin-bottom:15px; padding-left:20px; background:url(../img/arrowWhiteBackground.png) no-repeat 5px 3px;}
#product #productDescription p {position:relative; padding-left:160px; margin-bottom:10px;}
#product #productDescription p span {position:absolute; left:20px;}
#product #productDescription p a {color:#0F6B9F;}
#product #productDescription p a:hover {color:#FF8000;}
#product #productDescription ul#productFlavours {margin-left:160px; margin-bottom:10px;}
#product #productDescription ul#productFlavours li {margin-bottom:5px; width:240px;}
#product #productDescription #bulletsLeft, #product #productDescription #bulletsRight {float:left; margin:20px 0 20px 20px; width:250px;}
#product #productDescription #bulletsLeft ul li, #product #productDescription #bulletsRight ul li {list-style-position:outside; list-style-image:url(../img/dot-5x5.gif); margin:5px 0 0 20px; line-height:normal;}
#product #productDescription h6 {font-size:20px; font-family:BebasNeue; margin-bottom:5px; padding-left:20px; background:url(../img/arrowWhiteBackground.png) no-repeat 5px 4px; clear:both;}
#product #productDescription table {width:520px; margin:10px 0 0 20px;}
#product #productDescription thead, #product #productDescription td:first-child {background:#CCC;}
#product #productDescription th, #product #productDescription td {padding:5px; width:20%; border:#CCC 1px solid; text-align:center;}
#product #productDescription th:first-child {width:20%; border-top:none; border-left:none; background:#FFF;}
#product #productDescription p:last-child{padding-left:18px; margin:1.5em 0 0 0;}

/* ---------- Sellers Table ---------- */
#sellers {margin-top:20px; font-size:11px; color:#666; letter-spacing:normal;}
#sellers table {width:100%;}
#sellers th {width:110px;}
#sellers .th_retailer {width:165px;}
#sellers .th_inStock{width:auto;}
#sellers th, #sellers td {padding:5px; border:#CCC 1px solid; text-align:center; vertical-align:middle;}
#sellers th, #sellers .deliveryInfo {line-height:1.5em; background:url(../img/bg-3.png) bottom;}
#sellers .deliveryInfo {border-top:1px solid #CCC; border-bottom:1px solid #CCC; height:auto;}
#sellers .deliveryInfo span {padding-left:20px;}
#sellers td {height:150px;}
#sellers td .retailer a {display:inline-block; margin:0 auto 5px auto;}
#sellers td .retailer a:hover {-webkit-box-shadow:0px 0px 20px rgba(50, 50, 50, 0.5); -moz-box-shadow:0px 0px 20px rgba(50, 50, 50, 0.5); box-shadow:0px 0px 20px rgba(50, 50, 50, 0.5);}
#sellers td .retailer a img {display:block;}
#sellers td .retailer div:nth-child(3) {margin-top:10px;}
#sellers td .retailer div:nth-child(3) a {display:inline-block; width:25px; height:25px; margin:auto 2px; background:url(../img/sm-icons-productLinks.jpg) no-repeat 0 0; text-indent:-999em; direction:ltr;}
#sellers td .retailer div:nth-child(3) a.pltw {background-position:-25px 0;}
#sellers .td_inStock {line-height:1.5em;}
#sellers .td_inStock a {color:#0f6b9f;}
#sellers tr td:nth-child(4) div:nth-child(2) {margin-top:10px;}
#sellers .couponAvailable {position:relative; width:50px; height:50px; background:url(../img/couponSticker.png) no-repeat center top; margin:auto;}
#sellers .couponAvailable:hover {background-position:bottom;}
#sellers .couponAvailable.hover {background-position:bottom;}

#sellers .dealAvailable {position:relative; width:50px; height:50px; background:url(../img/dealSticker.png) no-repeat center top; margin:auto;}
#sellers .dealAvailable:hover {background-position:bottom;}
#sellers .dealAvailable.hover {background-position:bottom;}		

#sellers .couponAvailable .coupons {display:none; position:absolute; border:#FF8000 1px solid; width:697px; top:35px; left:-324px; font-size:12px; background:#FFF; -webkit-border-radius:5px;
																	  -moz-border-radius:5px; border-radius:5px; z-index:1; box-shadow: 0 0 10px rgba(255, 128, 0, 0.75);}
#sellers .couponAvailable .coupons h6 {background:#FF8000; color:#FFF; padding:10px;}
#sellers .couponAvailable .coupons li {position:relative;  border-bottom:1px #FF8000 solid; padding:10px; text-align:left;}
#sellers .couponAvailable .coupons li:last-child {border-bottom:none;}
#sellers .couponAvailable .coupons .couponCode {position:absolute; left:450px; top:5px; background:#FF8000 url(../img/couponArrow.png) no-repeat right 5px; padding:5px 20px 5px 5px; color:#FFF;
																								-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer;}
#sellers .couponAvailable .coupons .couponCode:hover {background-color:#78C537; background-position:right -25px;}
#sellers .couponAvailable .coupons .couponCode.hover {background-color:#78C537; background-position:right -25px;}
#sellers .couponAvailable .coupons .expireDate {position:absolute; left:575px; top:12px; font-size:10px;}
#sellers .couponAvailable .coupons .flagError {display:block; position:absolute; right:9px; top:5px; width:20px; height:20px; background:url(../img/exclamation.png) bottom;}
#sellers .couponAvailable .coupons .flagError:hover {background-position:top;}

#sellers .dealAvailable .deals {display:none; position:absolute; border:#FF8000 1px solid; width:697px; top:35px; left:-324px; font-size:12px; background:#FFF; -webkit-border-radius:5px;
																	  -moz-border-radius:5px; border-radius:5px; z-index:1; box-shadow: 0 0 10px rgba(255, 128, 0, 0.75);}
#sellers .dealAvailable .deals h6 {background:#FF8000; color:#FFF; padding:10px;}
#sellers .dealAvailable .deals li {position:relative;  border-bottom:1px #FF8000 solid; padding:10px; text-align:left;}
#sellers .dealAvailable .deals li:last-child {border-bottom:none;}
#sellers .dealAvailable .deals .couponCode {position:absolute; left:450px; top:5px; background:#FF8000 url(../img/couponArrow.png) no-repeat right 5px; padding:5px 20px 5px 5px; color:#FFF;
																								-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer;}
#sellers .dealAvailable .deals .couponCode:hover {background-color:#78C537; background-position:right -25px;}
#sellers .dealAvailable .deals .couponCode.hover {background-color:#78C537; background-position:right -25px;}	
#sellers .dealAvailable .deals .expireDate {position:absolute; left:575px; top:12px; font-size:10px;}
#sellers .dealAvailable .deals .flagError {display:block; position:absolute; right:9px; top:5px; width:20px; height:20px; background:url(../img/exclamation.png) bottom;}
#sellers .dealAvailable .deals .flagError:hover {background-position:top;}

#sellers .td_sellerPrice .productPrice {font-size:20px;}
#sellers .td_sellerPrice .productPrice span {font-size:10px; position:relative; top:-8px; left:-2px;}
#sellers .td_sellerPrice .deliveryPrice {margin:5px 0;}
#sellers .td_sellerPrice .totalPrice {font-size:24px; margin:0 10px; padding:8px 5px 7px 5px; background:#0F6B9F; color:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
																			-webkit-box-shadow:0px 0px 20px rgba(50, 50, 50, 0.25); -moz-box-shadow:0px 0px 20px rgba(50, 50, 50, 0.25); box-shadow:0px 0px 20px rgba(50, 50, 50, 0.25);}
#sellers .td_sellerPrice .totalPrice span {position:relative; font-size:.6em; left:-2px; top:-7px}																		 
#sellers .td_sellerPrice a {font-size:10px; display:block; margin-top:10px; color:#0F6B9F;}
#sellers .td_sellerPrice a:hover {color:#FF8000;}
#sellers .td_sellerPrice a.popup_wrong_price {line-height:1.5em;}
#sellers .td_visitLink a{display:block; width:100px; margin:auto; height:32px; background:url(../img/visitStore.png) top; text-indent:-999em; overflow:hidden; text-align:left; direction:ltr;
												 -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#sellers .td_visitLink a:hover {background-position:bottom; -webkit-box-shadow:0px 0px 20px rgba(50, 50, 50, 0.5); -moz-box-shadow:0px 0px 20px rgba(50, 50, 50, 0.5); box-shadow:0px 0px 20px rgba(50, 50, 50, 0.5);}

/* ---------- Other Sizes / Comparable Products ---------- */

#otherSizes, #comparableProducts {margin-top:50px;}
#otherSizes article, #comparableProducts article {position:relative; border:1px solid #CCC; padding:5px; margin-top:10px; background:url(../img/bg-3.png) top;}
#otherSizes article {min-height:150px;} /* OtherSizes Only */
#otherSizes h6, #comparableProducts h6 {font-size:20px; font-family:BebasNeue; background:url(../img/bg-19.png) 0 -100px; color:#FFF; padding:10px;}
#otherSizes article img, #comparableProducts article img {position:absolute; left:5px; top:5px;}
#otherSizes article .productDescription, #comparableProducts article .productDescription {margin-left:89px;}
#otherSizes article h1, #comparableProducts article h1 {font-family:BebasNeue; font-size:18px; margin-bottom:5px; letter-spacing:1px;}
#otherSizes article h2, #comparableProducts article h2 {font-size:13px; margin-bottom:14px; padding-left:15px; background:url(../img/arrowWhiteBackground.png) no-repeat 0 2px;}
#otherSizes article h3 {font-size:13px; margin-bottom:20px;}
#otherSizes article h3 span {padding:5px 5px 6px 15px; background:#78C537 url(../img/arrowGreenBackground.png) no-repeat 0 9px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#FFF;
														 font-weight:bold;}
#comparableProducts article h2 {margin-bottom:5px;}
#comparableProducts article h3 {font-size:13px; margin-bottom:10px; padding-left:15px; background:url(../img/arrowWhiteBackground.png) no-repeat 0 2px;}
#otherSizes article .productFlavours, #comparableProducts article .productFlavours {width:620px; position:relative; padding-left:160px;}
#otherSizes article .productFlavours h4, #comparableProducts article .productFlavours h4 {position:absolute; left:0;}
#otherSizes article .productFlavours li, #comparableProducts article .productFlavours li {display:inline-block; width:220px; margin:0 16px 5px 0; /*background:url(../img/20x50-blue.gif)*/ no-repeat right;}
#otherSizes article aside, #comparableProducts article aside {position:absolute; right:5px; top:5px; text-align:right; font-size:10px;}
#otherSizes article aside .price, #comparableProducts article aside .price {font-family:BebasNeue; font-size:30px; text-shadow: 0px 0px 10px #FF8000; letter-spacing:2px;}
#otherSizes article aside em, #comparableProducts article aside em {position:relative; font-size:15px; top:-10px; margin-left:5px;}
#otherSizes article aside a, #comparableProducts article aside a {display:block; width:118px; height:32px; background:url(../img/viewSellers2.png); margin:9px 0 0 auto; -webkit-border-radius:5px; -moz-border-radius:5px; 
																																	border-radius:5px; text-indent:-999em; overflow:hidden; text-align:left; direction:ltr; margin-bottom:10px;}
#otherSizes article aside a:hover, #comparableProducts article aside a:hover {background-position:bottom; -webkit-box-shadow: 0px 0px 15px rgba(120, 197, 55, 0.75); -moz-box-shadow:0px 0px 15px rgba(120, 197, 55, 0.75);
																															 								box-shadow:0px 0px 15px rgba(120, 197, 55, 0.75);}
#otherSizes .availableFrom, #otherSizes .multidealsAvailable, #otherSizes .couponsAvailable, #comparableProducts .availableFrom, #comparableProducts .multidealsAvailable, #comparableProducts .couponsAvailable {margin-bottom:10px;}
#otherSizes .availableFrom span, #otherSizes .multidealsAvailable span, #otherSizes .couponsAvailable span, #comparableProducts .availableFrom span, #comparableProducts .multidealsAvailable span,
#comparableProducts .couponsAvailable span {background:url(../img/tick2.gif) no-repeat 0; padding-left:15px;}
#comparableProducts table {margin-top:10px; font-size:11px; letter-spacing:normal;}
#comparableProducts table th, #comparableProducts table td:first-child {background:#CCC;}
#comparableProducts table th, #comparableProducts table td {padding:5px; border:1px solid #CCC; width:69px; text-align:center;}
#comparableProducts table th:first-child, #comparableProducts table td:first-child {width:140px; text-align:left;}
#comparableProducts table th:first-child {border-left:none; border-top:none; background:#FFF;}