@import url("reset.css");


/* ----- General ----- */


html, body {
	background:#eaeaea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;

	
}
a {text-decoration:none;}
a:hover {text-decoration:underline!important;}

p, h1, h2, h3 {margin:0 0 15px 0;}

p {line-height:1.2em;}

h1 {font-size:18px; font-weight:bold; color:#60ac3e}
h2 {font-size:16px; font-weight:bold;}
h3 {font-size:14px; font-weight:bold;}


p.clear { clear:both; height:0px; margin:0; padding:0;}


/* ----- Top section ----- */

#wrap {
width:980px;
margin:0 auto;
padding:10px 0 0 0;

}

#logobar {
	width:980px;
	height:121px;
	background:url(images/irish-bodycare-logo.jpg) top left no-repeat;
	position:relative;
	
}




/*------ NAVIGATION ------- */


/* main nav */
#nav {
	width:980px;
	height:35px;
	background:url(images/nav.jpg) top left no-repeat;
	list-style:none;
	overflow:hidden;
	
	
}

#nav ul {
	margin:0 0 0 36px; padding:0;
	}
	
#nav li {display:inline;}	

#nav a {
	display:block;
	height:23px;
	float:left;
	overflow:hidden;
	color:#363636; 
	text-decoration:none; 
	text-align:center;
	padding:13px 0 0 0;
	}
	
#nav a:hover, #nav .selected {background:url(images/nav-over.jpg) top left no-repeat; color:#FFF;}

/******************** Remove hardcoded link ids **************************/	
#nav a#home {background-position:-36px 0; width:66px; margin:0 5px 0 0;}
#nav a#parasol {background-position:-107px 0; width:140px; margin:0 5px 0 0;}
#nav a#hair {background-position:-252px 0; width:90px; margin:0 5px 0 0;}
#nav a#skin {background-position:-347px 0; width:91px; margin:0 5px 0 0;}
#nav a#body {background-position:-443px 0; width:96px;}

#nav a#suncare {background-position:-347px 0; width:135px; margin:0 5px 0 0;}
/*********************************************************************/

/************* Replace hardcoded link ids with classes ***************/
#nav a.actuator {background-position:-36px 0; width:66px; margin:0 5px 0 0;}
#nav a.actuator1 {background-position:-107px 0; width:140px; margin:0 5px 0 0;}
#nav a.actuator2 {background-position:-252px 0; width:90px; margin:0 5px 0 0;}
#nav a.actuator3 {background-position:-347px 0; width:135px; margin:0 5px 0 0;}
/*********************************************************************/


#nav #search {
	background:url(images/nav-search.jpg) top left no-repeat;
	width:286px;
	height:30px;
	float:right;
	margin:0 35px 0 0;
	padding:5px 0 0 10px;
}

.search {width:180px;}
/*.go {
	width:30px;
	height:22px;
	background:url(..images/goBtn.jpg) top left no-repeat;
	border:none;
}*/

/* Top Nav */

#topNav {
	position:absolute;
	top:0;
	right:35px;
	width:297px;
	height:27px;
	background:url(images/topNav.jpg) top left no-repeat;
	list-style:none;
	overflow:hidden;	
}


#topNav a {
	display:block;
	height:20px;
	float:left;
	overflow:hidden;
	color:#363636; 
	text-decoration:none; 
	padding:5px 0 0 0;
	color:#FFF;
	font-size:10px;
	
}
#topNav a:hover {
	
}

#topNav ul {
	margin:0 0 0 0px; padding:0;
	}
	
#topNav li {display:inline;}	


/************* Replace hardcoded link ids with classes ***************/
#topNav a#login { width:50px;padding:8px 0 0 30px;}
#topNav a#account {width:91px;padding:8px 0 0 25px;}
#topNav a#basket {width:65px;padding:8px 0 0 25px;}

/* Required to add login styles  */
#topNav .actuatorlogin a { width:50px;padding:8px 0 0 30px;}

#topNav a.actuatorlogin { width:50px;padding:8px 0 0 30px;}
#topNav a.actuatoraccount {width:91px;padding:8px 0 0 25px;}
#topNav a.actuatorbasket {width:65px;padding:8px 0 0 25px;}


/*********************************************************************/


/* ----- Banners ----- */

#homebanner {
	width:980px;
	height:289px;
	background:url(images/home/home-banner-bg.jpg) top left no-repeat;
	
}

#subBanner {
	width:980px;
	height:209px;
	background:url(images/sub-banner-bg.jpg) top left no-repeat;
	
}





/* ----- Content Areas ----- */

#homeContent {
	width:910px;
	/*height:155px;*/
	padding:20px 35px 0 35px;
	background:url(images/content-bg.jpg) top left repeat-y;
	
}

#homeContent a {
	color:#60AC3E;
}

/* Promo Panels Homepage */

.homeQuick, .homeDiscount, .homeDelivery, .homeFacebook, .sideQuick, .sideDiscount, .sideDelivery, .sideFacebook {
	width:220px;
	height:160px;
	float:left;
	
}

.colLeft {
	width:440px;
	margin:0 20px 0 0;
	float:left;
}

.colRight{
	width:450px;
	margin:0 0 0 0;
	float:left;
}


.homeQuick {
	margin:0 10px 10px 0;
	background:url(images/home/home-quickfind.jpg) top left no-repeat;
}
.homeQuick p {
	padding:40px 15px 5px 15px;
}
.quickfind {
padding:0px 15px 0 15px;	
}

.homeQuick select {
	width:190px;
	margin:0 0 5px 0;	
}


.homeDiscount {
	margin:0 0px 10px 0;
	background:url(images/home/home-discount.jpg) top left no-repeat;
}

.homeDiscount p {
	padding:60px 95px 5px 10px;
	color:#FFF;
	font-size:14px;
}


.homeDelivery {
	margin:0 10px 10px 0;
}


.homeFacebook {
	background:url(images/home/home-facebook.jpg) top left no-repeat;
	
}
.homeFacebook p {
	padding:35px 75px 5px 10px;
	color:#FFF;
	font-size:12px;
	margin:0 0 5px 0;
}

.homeFacebook a, .homeFacebook a:visited {color:#fff!important; }

/* Promo Panels Side bar */


#sidebar {
	width:220px;
	float:left;
	margin:0 0 10px 0;	
}

.sideQuick {
	margin:0 0px 10px 0;
	background:url(images/home/home-quickfind.jpg) top left no-repeat;
}
.sideQuick p {
	padding:40px 15px 5px 15px;
}
.quickfind {
padding:0px 15px 0 15px;	
}

.sideQuick select {
	width:190px;
	margin:0 0 5px 0;	
}


.sideDiscount {
	margin:0 0px 10px 0;
	background:url(images/home/home-discount.jpg) top left no-repeat;
}

.sideDiscount p {
	padding:60px 95px 5px 10px;
	color:#FFF;
	font-size:14px;
}


.sideDelivery {
	margin:0 0px 10px 0;
}


.sideFacebook {
	background:url(images/home/home-facebook.jpg) top left no-repeat;
	
}
.sideFacebook p {
	padding:35px 75px 5px 10px;
	color:#FFF;
	font-size:12px;
	margin:0 0 5px 0;
}
.sideFacebook a, .sideFacebook a:visited {color:#fff }
.facebookLikeBtn {
	padding:0 10px;
}








#subContent {
	width:910px;
	/*height:155px;*/
	padding:20px 35px 0 35px;
	background:url(images/content-bg.jpg) top left repeat-y;
	min-height:500px;
	
}



/* Products */

#productsWrap {
	width:680px;
	float:left;
	margin:0 10px 0 0;
	min-height:400px;
		
}

#productsWrap a {color:#60ac3e;}

#products {
	width:680px;	
}
#steps {
	width:680px;
	height:35px;
	background:url(images/steps.jpg) top left no-repeat;
	overflow:hidden;
	float:left;
	margin:0 0 15px 0;
}

#steps.step1 {background-position:0 0;}
#steps.step2 {background-position:0 -35px;}
#steps.step3 {background-position:0 -70px;}
#steps.step4 {background-position:0 -105px;}



.bestSellers {
	width:680px;
	height:170px;
	background:url(images/products/best-sellers-bg.jpg) top left no-repeat;
	margin:0 0 15px 0;	
	float:left;
	padding:33px 0 0 0;
}

.productCategory {
	height:30px;
	width:680px;
	float:left;
	margin:0 0 0px 0;	
}


.product {
	width:200px;
	height:150px;
	position:relative;
	float:left;
	padding:10px;
	margin:0 10px 10px 0;
	/*background:url(images/products/product-bg.jpg) top left no-repeat;*/
}

.productRowEnd {
	width:200px;
	height:150px;
	position:relative;
	float:left;
	padding:10px;
	margin:0 0px 10px 0;
	/*background:url(images/products/product-bg.jpg) top left no-repeat;*/
}

.bestSellers .product {

	background:none!important;
}

.bestSellers .productRowEnd {
	background:none!important;
}


.product .title, .productRowEnd .title {
	width:200px;
	height:40px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#60ac3e;
}

.product .price, .productRowEnd .price {
	width:121px;
	height:110px;
	float:left;
	position:relative;
}

.product .price p, .productRowEnd .price p {margin:0 0 5px 0;}

.product .price .value, .productRowEnd .price .value {
	font-size:18px;
	font-weight:bold;	
}
.product .price p.value a
{
	color: #666666 !important;
}


.product .image, .productRowEnd .image {
	width:79px;
	height:110px;
	float:left;
}

.productGroup {
	width:680px;
	float:left;
	background:url(images/products/200bg.jpg) top center repeat-y;
	margin:0 0 10px 0;
	}

.noborder {
	background: none !important;
}





a.addToCart {
	width:121px;
	height:19px;
	position:absolute;
	left:0;
	bottom:22px;
	background:url(images/products/btn-green.jpg) top left no-repeat;
	text-align:center;
	color:#fff!important;
	padding:5px 0 0 0;
}



/* Product Info */


.productImage {
	width:272px;
	min-height:349px;
	float:left;	
	margin:0 20px 0 0;
}


.productDesc {
	width:388px;
	min-height:350px;
	float:left;
}

.productDesc p {
	font-size:14px;
}

.productAdd {
	display:block;
	width:121px;
	height:19px;
	background:url(images/products/btn-green.jpg) top left no-repeat;
	text-align:center;
	color:#fff!important;
	padding:5px 0 0 0;
	
}
.productBack {
	display:block;
	width:121px;
	height:19px;
	background:url(images/products/btn-grey.jpg) top left no-repeat;
	text-align:center;
	color:#333!important;
	padding:5px 0 0 0;
	
}

.tableInset {
	background-color:#60ac3e!important;
}

.tableInset td {
	background-color:#ffffff; 
	padding:5px;
	}

.ingredients {
font-size:11px!important;	
}

/* Cart overview */


.cart {
	width:215px;
	height:45px;
	float:left;
	background:url(images/cart-bg.jpg) top left no-repeat;
	position:relative;
	padding:5px 0 0 5px;
	margin:0 0 10px 0;
	
}

.cart p {
	
	margin:5px 0 0 5px!important;
}

.viewCartBtnSm {
	width:61px;
	height:20px;
	position:absolute;
	top:3px;
	right:3px;
	background:url(images/view-cart.jpg) top left no-repeat;
}

.checkoutSm {
	width:61px;
	height:20px;
	position:absolute;
	bottom:3px;
	right:3px;
	background:url(images/checkout.jpg) top left no-repeat;
	
}



/* Checkout */

.cornerTop {
	width:680px;
	height:5px;
	float:left;
	background:url(images/corner-top.jpg) top left no-repeat;
	
}
.cornerBtm {
	width:680px;
	height:5px;
	float:left;
	background:url(images/corner-btm.jpg) top left no-repeat;
	
}

.checkoutBg {
	width:680px;
	float:left;
	background:url(images/checkout-bg.jpg) top left repeat-y;
}

.checkoutBg p {
	padding:10px;	
}

.checkQty {
	width:50px;
}

.checkoutBtns {
	width:680px;
	float:left;
	margin:10px 0;
}

.continue, .update, .payment {
	width:140px;
	height:19px;
	font-size:10px;
	font-weight:bold;
	padding:5px 0 0 0;
	text-align:center;	
}

.continue {
	float:left;
	background:url(images/btn-grey-sm.jpg) top left no-repeat;
	color:#666!important;
	
}
.update {
	background:url(images/btn-grey-sm.jpg) top left no-repeat;
	float:right;
	color:#666!important;
}
.payment {
	background:url(images/btn-green-sm.jpg) top left no-repeat;
	float:right;
	margin:0 0 0 20px;
	color:#FFF!important;

}

.payForm {
	width:500px;	
}


/* ----- Footer ----- */

#footer {
	width:945px;
	height:115px;
	background:url(images/footer-bg.jpg) top left no-repeat;
	padding:0 0 10px 0;
	clear:both;
	padding:55px 0 0 35px;
	color:#FFF;
	
	
}

.footerCol {
	width:220px;
	height:90px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

#footer ul {
	
	}

#footer li {
	height:15px;
	padding:5px 0 0 12px;
	background:url(images/footer-arrow.jpg) center left no-repeat;
		
}

#footer a {
	color:#FFF;
}

.smallprint {
	font-size:10px;
	}


/* testimonials */

/* accordion */
#accordion { border: solid #9FA3A6 1px; border-top: none !important; width:680px; float:right; }
#accordion .accordion_title { background:#60ac3e; color: #fff; padding: 6px; border-top: solid #9FA3A6 1px; }
#accordion .accordion_content { padding: 12px; border-top: solid #9FA3A6 1px; }

/* Slideshow */
#slideshow {
    position:relative;
    height:199px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}



/* -- Home Slideshow --*/
#homeslideshow {
    position:relative;
    height:280px;
}

#homeslideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#homeslideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#homeslideshow IMG.last-active {
    z-index:9;
}




/* Additional missing styles*/



/* Pager Control */
.pager { margin: 10px 0; padding: 5px 0; text-align: center; clear: both; }
.pager ul {list-style:none;margin:0;padding:0;}
.pager ul li {display:inline;margin:0;padding:0}
.pager a {color:#999; text-decoration:none;margin:0 20px 0 0;}
.pager a:link { color: #444; }
.pager a:hover { color: #B73D18; text-decoration:underline; }


input.addToCart {
	width:121px;
	height:24px;
	left:0;
	bottom:22px;
	background:url(images/products/btn-green.jpg) top left no-repeat;
	text-align:center;
	color:#fff!important;
	border: 0 none;
}
a.viewProductLink
{
	width:121px;
	height:24px;
	left:0;
	bottom:22px;
	background:url(images/products/view.png) top left no-repeat;
	text-align:center;
	color:#fff!important;
	border: 0 none;
}


/* Cart Styles */
.productimagecolumn {}

.productpricecolumn,
.productquantitycolumn,
.producttotalcolumn,
.productdeletecolumn,
.productupdatecolumn {text-align:right;}


/*#EstimateShipping {float:left;}*/

#EstimateShipping a {
	/*width:140px;*/
	width:auto;
	/*height:19px;*/
	height:auto;
	font-size:10px;
	font-weight:bold;
	padding:5px 0 0 0;
	text-align:center;	
}

#EstimateShipping a {
	float:left;
	/*float:right;
	color:#666!important;*/
	
}

.addresseditor table {width:680px; border-spacing:10px;}
/* reduce width by 12px to fit in validation stars */
.addresseditor table input {width:488px;}
.addresseditor table .formlabel {text-align:right; width:148px;  font-weight: bold;}
.addresseditor table .formfield { width:502px;}
.primaryaddresses {padding-top: 20px;}
.address {padding-bottom: 20px; padding-right: 50px; }
.address .buttonrow {padding-top: 20px;}

#categorymenu a {color: #363636; padding-bottom: 10px; display: block;}
#categorymenu a:hover {color: #60AC3E;}

.checkoutpadding {padding: 10px;}


.sub-cat-title
{   border:none;
    background-image :url("images/products/top.jpg");
    background-position :bottom;
    background-repeat:no-repeat;
	width:680px;			
	white-space:nowrap;	
	height:41px;
	font-weight:bolder;
	font-size:110%;
    text-decoration:none; 
	line-height:38px;
}

.sub-cat-title-right
{
    background-color:#60AC3E; 
    color:#fff;  
    padding:12px 10px 10px;	
}


.sub-cat-title span.sub-cat-title-right{background:#60AC3E url(images/bg-top-right.gif) top right no-repeat;}

.sub-cat-title span.sub-cat-title-left{background:#60AC3E url(images/bg-top-left.gif) top left no-repeat; padding:12px 0 10px 5px;
    margin-left:10px;}

	
#cartfooter
{

}
#carttotals
{
	float: left;
	width: 655px;
}

#ctl00_MainContentHolder_pnlContactForm {}
#ctl00_MainContentHolder_pnlContactForm table {width:680px;}
#ctl00_MainContentHolder_pnlContactForm table td.formlabel {width:148px; text-align:right; font-weight:bolder; vertical-align:top;}
#ctl00_MainContentHolder_pnlContactForm table td.formfield {width:502px;}
#ctl00_MainContentHolder_pnlContactForm table td.formfield input,
#ctl00_MainContentHolder_pnlContactForm table td.formfield textarea {width:500px;}