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

* { margin:0; padding:0; }
fieldset { border:none; }
a img { border:none; }
#topLinks #skip { display: none; }

body { 
	text-align:center; 
	margin: 0 auto; 
	}

div#frame { 
	/* GBS-394 */
	position: relative;
	/* GBS-394 */
	margin:0 auto; width:970px;
	background:url(../img/layout/mainBg.gif) repeat-y;
	text-align:left;
	padding:0 14px 0 14px;
	}

/*** header ***/

div#header {
	background:url(../img/layout/topBanner.jpg) no-repeat;
	height:140px;
	width:948px;
	}

/*logo image replacement*/
a#logo {
	margin:0 0 0 14px;
	display: block;
	padding: 95px 0 0 0;
    overflow: hidden;
    background-repeat: no-repeat;
	width:178px;
	background-image:url(../img/layout/gardenBirdLogo.jpg);
	height: 0px !important; /* for most browsers */
	height /**/:95px; /* for IE5.5's bad box model */
	}

/*top links, sign-in and register*/
ul#topLinks {
	position: absolute;
	top: 3px;
	width:948px;
	margin:0 10px 0 0;
}

ul#topLinks li {
	display:inline;
	float:right;
	padding:0 15px 0 0;
}

/*main menu - top level navigation*/
ul#mainMenu {
	position: absolute;
	list-style: none;
	top: 105px;
	width:918px;
	height:28px;
	background:url(../img/layout/mainMenuBg.gif) repeat-x;
	margin:0 15px 0 15px;
}

ul#mainMenu li {
	float:left;
	height:23px;
	padding:5px 17px 0 11px;
	background:url(../img/layout/mainMenuDivider.jpg) right repeat-y;
}

ul#mainMenu li.first {
	padding-left:14px;
}

ul#mainMenu li.last, ul#mainMenu li.special {
	background:none;
}

ul#mainMenu li.special {
	float:right;
	background:url(../img/layout/mainMenuTelBg.jpg) left repeat-y;
	padding:5px 30px 0 30px;
}


/*mainsearch - main search section for the site*/
div#mainSearch {
	position:absolute;
	top:40px;
	margin:0 0 0 250px;
	display: inline;
}

div#mainSearch label { display:none; }

div#mainSearch input#searchBox { 
	border: 1px solid #cccccc;
	width:200px;
	padding:1px;
	position:absolute;
	margin: 5px 0 0 0;;
}
	
div#mainSearch input.searchButton {
	background:url(../img/buttons/mainSearchBtn.jpg) no-repeat center;
	border:none;
	width:59px;
	height:26px;
	margin: 0 0 0 210px;
}

/*smallShoppingCart - small cart at top of screen*/
ul#smallShoppingCart {
	position:absolute;
	top:25px;
	background:#8e9400 url(../img/layout/menuEggsBg.jpg) no-repeat left center;
	width:270px;
	height:70px;	
	padding-left:110px;
	margin-left:552px;
	list-style: none;
}

ul#smallShoppingCart li.userName, ul#smallShoppingCart li.basketItemNumber, ul#smallShoppingCart li.basketTotal, ul#smallShoppingCart li.viewBasketLink { position:absolute; }

ul#smallShoppingCart  a.viewBasketLink {
	display:block;
	background:url(../img/buttons/viewBasketBtn.jpg) no-repeat center;
	width:80px;
	height:19px;
	text-align:center;
	padding-top:4px;
}

ul#smallShoppingCart li.userName { 
	top:0;
	margin-top:12px;
	width:170px; 
}

ul#smallShoppingCart  li.viewBasketLink {
	top:11px;
	right:10px;
}

ul#smallShoppingCart  li.basketItemNumber {
	bottom:11px;
}

ul#smallShoppingCart  li.basketTotal {
	bottom:11px;
	right:20px;
}

/*** header ends ***/


/*** footer ***/

ul#relatedLinks {
	width:938px;
	height:56px;
	background:url(../img/layout/footerBg.gif) repeat-x;
	list-style:none;
	text-align:right;
	padding: 0 10px 0 0;
}

ul#relatedLinks li {
	display:inline;
}

ul#footerLinks {
	width:938px;
	background: #617d00;
	list-style:none;
	padding:7px 0 7px 10px;
}

ul#footerLinks li, ul#footerLinks li p {
	display:inline;
}

ul#footerLinks li {
	padding:0 12px 0 0;
	background:url(../img/layout/listDivider.gif) right repeat-y;
}

ul#footerLinks li.last {
	background: none;
}


/*** footer ends ***/


/*** main section ***/

/* GBS-352 */
div#content, div#subContent, div#footer {
	float:left;
	width:918px;
	margin:10px 16px 20px 16px;
	position:relative;
	display:inline;
}

div#crossell {
	float:left;
	width:918px;
	margin:70px 16px 20px 16px;
	position:relative;
	display:inline;
}

div#footer { margin:0; }


legend { display: none; }

/*** sub content ***/


div#subContent {
	width:918px;
	margin:10px 16px 10px 16px;
}

div.subContentSections {
	float:left;
	width:220px;
	margin-right:12px;
}

div#subContent div.last{
	margin-right:0;
}

div.subContentSections h2 {
	width:200px;
	background:#e1e5e1;
	padding:7px 10px 7px 10px;
	margin:0 0 10px 0;
}


ul.subContentList {
	list-style:none;
	margin: 0 10px 0 10px;
}

ul.subContentList li {
	margin: 0 0 10px 0;
}

/*** sub content ends ***/





/*** bread crumb ***/

ul#breadCrumbs {
	list-style: none;
	display: block;
	width:918px;
	margin:3px 16px 3px 16px;
}

ul#breadCrumbs li {
	display: inline;
	background:url(../img/layout/breadCrumbDivider.gif) no-repeat right;
	padding:0 10px 0 0;
}

ul#breadCrumbs .last {
	background: none;
	padding:0;
}

/*** bread crumb ends ***/
div.chooseValid{
	font-size: 1.6em;
	width:155px;
	height: 50px;
	position:absolute;
	z-index:1;
	visibility:hidden;
	background: white;
	border: 2px solid #cccccc;
	margin-top:-80px;
	}
div.chooseValid span{
	padding: 5px 5px 0px 5px;
	position: absolute;
	text-align: center;
}

form.AddtoBasket select optgroup#disable{
	font-weight:normal;
	font-size:1em;
	font-style:normal;
	color:#999999;
} 

p.moreLink, form.AddtoBasket { position:absolute; bottom:10px; }
 
a.moreLink {
	display:block;
	background:url(../img/buttons/moreLinkBtn.jpg) no-repeat center;
	border:none;
	width:53px;
	height:17px;
	text-align:center;
	}

/*** clearfix ***/

/*** add to basket ***/
input.AddToBasketButton, body#cartAddressTemplate #dwfrm_checkout_addresses .reset {
	background:url(../img/buttons/moreLinkBtn.jpg) no-repeat center;
	border:none;
	width:53px;
	height:18px;
	text-align:center;
}

input.AddToBasketButton {
	background:url(../img/buttons/moreLinkBtnSmall.jpg) no-repeat center;
	border:none;
	/*float: right;*/
	width:33px;
	height:17px;
	text-transform: uppercase;
	font-weight: bold;
}
input.important{
	background:url(../img/buttons/moreLinkBtn.jpg) no-repeat center;
	border:none;
	/*float: right;*/
	width:35px;
	height:17px;
	text-transform: none;
	font-weight: normal;
}
/*** ***/

/*** you searched for ***/

div#content div.SearchedFor {	
	background: #B5B009; 
	padding:3px 10px 3px 10px; 
	margin:15px 0 0 0; 
}

div#content input.searchButton {
	background:url(../img/buttons/mainSearchBtn.jpg) no-repeat center;
	border:none;
	width:59px;
	height:26px;
}

div#content input.searchField { 
	border: 1px solid #cccccc;
	width:200px;
	padding:1px;
}

/*** ***/

.section {
	border:1px solid #CCCCCC;
	padding:10px;
	background:url(../img/layout/hotspotsBg.jpg) repeat-x bottom;
	position:relative;
}

ul.specialList li{
	padding: 3px 10px 3px 20px;
	background: url(../img/layout/searchRefine.gif) no-repeat left;
	list-style:none; 
}

div.error input, div.error select { border: 1px solid #FF0000!important }
div.error input.radio { border: none!important }

.layout { list-style:none; }

.buttons { border:none;	text-align:center; display:block;}

input.reset, a.reset { position:absolute; bottom: 10px; left:10px; }
input.submit, a.submit { position:absolute; bottom: 10px; right:10px; }

a.codeButtons, input.codeButtons {
	background:url(../img/buttons/moreLinkBtn.jpg) no-repeat center;
	width:53px;
	height:17px;
	display:inline;
	}
	
input.codeButtons {
	height:18px;
	}

ul.addressList, body#addressItems ul#addressItems { margin-bottom: 10px; }

ul.addressList li, body#cartAddressTemplate ul#addressItems li {
	width: 201px;
	padding:10px 10px 40px 10px;
	float:left;
	margin:6px 12px 6px 0;
	height:12em;
	position:relative;
	border:1px solid #CCCCCC;
	padding:10px 10px 10px 10px;
	background:url(../img/layout/hotspotsBg.jpg) repeat-x bottom;
}

ul.addressList li.first { margin-left:0; }
ul.addressList li.last { margin-right:0; }

#manualAddress label, #manualAddress input { display:inline; }

.hidden { display:none; }

span#simplesearch-error-js { float:left; width:200px; }

div#errorAlert { border: 1px solid #ff0000; padding:10px; margin: 0 0 20px 0; }

/*** clearfix ***/

.clearfix, div#frame, ul#importantLinks li, .field, #orderHistory {
	display: inline-block;
	}

.clearfix:after, div#frame:after, ul#importantLinks li:after, .field:after, #orderHistory:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix, * html div#frame, * html ul#importantLinks li, * html .field, * html #orderHistory {height: 1%;}
/* End hide from IE-mac */

/*** clearfix ends ***/

/*GBS-99*/
div#descriptionSummary .itemUnavailable { 
	color:#999999; background:url(../img/buttons/moreLinkBtnSmallGrey.jpg) no-repeat center; 
}

/*GBS-127*/
body#cartAddressTemplate div#TB_ajaxContent { height:220px!important }

/*GBS-109*/
div#mainSearch { top:22px; }
p#strapline { width:360px; text-align:center; position:absolute; color:#ffffff; top:63px; margin-left:170px; font-family:'Trebuchet MS', Trebuchet, Arial, sans-serif; font-size:1.1em;}

/*GBS-165*/
body#productTemplate div.tabInner, body#productTemplate form#cartaddproduct { width:100%; }

/*GBS-167*/
body#checkoutConfirmationPopup div#paymentDetails, body#checkoutConfirmationPopup div#paymentDetails div.subSectionInner  { width:100%; }
body#checkoutConfirmationPopup div#paymentInfo { float:left; }
body#checkoutConfirmationPopup div#invoiceDetails { float:right; }
body#checkoutConfirmationPopup div.adr, body#checkoutConfirmationPopup div#invoiceDetails td { font-size:1.2em; }
body#checkoutConfirmationPopup div#invoiceDetails td { padding:0 0 5px 10px; }
body#checkoutConfirmationPopup div.deliveryAddressSummary h3 { font-size:1.2em; }
body#checkoutConfirmationPopup div#frame { background:none; }
body#checkoutConfirmationPopup .clearfix { display:block; }
body#checkoutConfirmationPopup ul.productDetails a.multipleAddress,
body#checkoutConfirmationPopup ul.productDetails div.basketItemDesc
{ display: block; float:left; padding-right:20px; }
body#checkoutConfirmationPopup ul.productDetails div.type2 
{ display: block; float:right; padding-left:20px; }
body#checkoutConfirmationPopup div.subSection { margin-top:10px; padding-bottom:10px; border-bottom:1px solid #857F03; }
body#checkoutConfirmationPopup div#paymentDetails { border:none; }

div.section div.sectionInner div.subSection div.subSectionInner div.viewPaymentMethods ul li {
	border:1px solid #CCCCCC;
	float:left;
	margin:0 8px 8px 0;
	min-height:146px;
	padding:0;
	width:260px;
}

div.section div.sectionInner div.subSection div.subSectionInner div.viewPaymentMethods ul li div.cardDetails {
	
	min-height:100px;
	padding:16px;
	position:relative;
}

div.section div.sectionInner div.subSection div.subSectionInner div.viewPaymentMethods ul li div.cardDetails p.cardType {
	float:right;
	text-align:center;
	width:45px;
}

div.section div.sectionInner div.subSection div.subSectionInner div.viewPaymentMethods ul li p {
	font-size:1.2em;
	font-style:normal;
	width:120px;
	float: left;
}

div.section div.sectionInner div.subSection div.subSectionInner div.viewPaymentMethods ul li div.cardDetails h5 {
	font-size:1.1em;
	padding:0 0 5px;
	float: left;
}


div.section div.sectionInner div.subSection div.subSectionInner div.viewPaymentMethods ul li input.buttonDelete {
	bottom:0;
	left:16px;
	position:absolute;
}

div.section div.sectionInner div.subSection div.subSectionInner div.viewPaymentMethods ul li input.buttonChange {
	bottom:0;
	position:absolute;
	right:16px;
}

ul.viewAllList li {
	display: block;
}


/****************************************
START contents of recentlyviewed.css
****************************************/
div.recentlyViewed {
	/*background: url(../img/bg_roundedbox01bot.gif) left bottom no-repeat;*/
	clear: both;
	padding-bottom: 10px;
	width: 930px;
}

div.recentlyViewed h2 {
	color: #336600;
	font-size: 1.5em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 4px 15px;
	margin: 0 ;
}

div.recentlyViewed  ul {
	list-style-type: none;
	margin: 5px 0 0 16px;
}

div.recentlyViewed  ul li {
	display: inline;
	float: left;
	margin: 0 14px 5px 0 ;
	width: 80px;
	border:1px solid #CCCCCC;		
}

div.recentlyViewed  ul li.last {
	margin: 0 0 5px 0;
	padding-right: 0;
	border:1px solid #CCCCCC;
}

div.recentlyViewed  ul li {
	background: url(../img/bg_recentlyviewedarticles.gif) 0 0 no-repeat;
	height: 90px;
	width:80px;
	display: block;
	padding: 1px 0 0 1px;
	margin: 0pt 8px 5px 0px;
	border:1px solid #CCCCCC;
}

div.recentlyViewed  ul li a {
	display: block;
	padding: 1px;	
}
 
div.recentlyViewed  ul li a img.photo {
	margin: 0;
	display: block;
	margin: 0;
}

div.recentlyViewed  ul li a:hover {
	background: #fff;
	border: 2px solid #ff0004;
	padding: 0;
	height: 86px;
	width: 78px;
}

div.recentlyViewed  ul li.empty {
	border: none;
}

div.recentlyViewed div.recentlyViewedInner {
	/*background: url(../img/bg_roundedbox01top.gif) left top no-repeat;*/	
	padding: 11px 0 0 0;
	clear: both;
	margin: 0;
}
/****************************************
END contents of recentlyviewed.css
****************************************/