﻿
/* SGL July 09 */
/* 
/* E5E5E5 Background grey
/* Green H-134 S111 L-13
/* Green #B1BD1B
/* Dot = Alt + 0149
/* Grey Box outline : #BCBCBC
/* Turquoise 0099cc
/* Deep red #AA0000
*/



body
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(../images/design/Greenpeople_HomePage_BK.png) repeat-x;
	font-family: Arial;
	font-size: 9pt;
}

#template-main-content
{
	width: 911px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	background: #fff url(../images/design/back_main.gif) repeat-y;
}

#template-main-content-nn
{
	width: 911px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	background: #fff url(../images/design/back_main_nn.png) repeat-y;
}


.pnlContentStyle
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}


.main-menu
{
	width: 911px;
	text-align: center;
	height: 18px;
	background-color: white;
	background: url(../images/design/menu-back.png);
	background-repeat: repeat-y;
}

#frameright
{
	padding: 9px 11px 10px 7px;
	width: 728px;
	float: right;
	overflow:hidden;
}
#nncontentframer
{
	padding: 10px 10px 10px 10px;
	width: 888px;
	float: left;
	overflow:hidden;
}


h1
{
	font-size: 16pt;
}
h2
{
	font-size: 14pt;
}
h3
{
	font-size: 12pt;
}
a
{
	text-decoration: none; /*color: #0099cc;*/
	color: Black;
	font-weight: bold;
}
a:hover
{
	/*color: #0099cc;*/
	color: Black;
	text-decoration: underline;
	font-weight: bold;
}

a.linknormal
{
	text-decoration: none;
	font-weight: normal;
}
a.linknormal:hover
{
	text-decoration: underline;
	font-weight: normal;
}



a.linknormalmedium
{
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
a.linknormalmedium:hover
{
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}


a.yearselected
{
	text-decoration: none;
	color: red;
	font-weight: bold;
}
a.yearselected:hover
{
	color: red;
	text-decoration: underline;
	font-weight: bold;
}

a.sitemaptoplevel
{
	color: #ff9900;
	font-weight: bold;
	font-size: 15px;
}
a.sitemaptoplevel:hover
{
	color: #ff9900;
	font-weight: bold;
	font-size: 15px;
}

a.productrange
{
	text-decoration: none;
	color: #ff9900;
	font-weight: bold;
	font-size: 14px;
}

a.productrange:hover
{
	text-decoration: underline;
	color: #ff9900;
	font-weight: bold;
	font-size: 14px;
}

a.redbutton
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
a.redbutton:hover
{
	color: #000;
	font-weight: bold;
}

a.redbuttonsmall
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}
a.redbuttonsmall:hover
{
	color: #000;
	font-weight: bold;
	font-size: 10px;
}

a.readmorebutton
{
	text-decoration: none; /*color: #0099cc;*/
	font-weight: bold;
}
a.readmorebutton:hover
{
	color: red;
	font-weight: bold;
}

a.link
{
	text-decoration: none; /*color: #0099cc;*/
}
a.link:hover
{
	/*color: #0099cc;*/
	text-decoration: underline;
}

a.turquoiselinkbold
{
	text-decoration: none;
	color: #0099cc;
	font-weight: bold;
}
a.turquoiselinkbold:hover
{
	color: #0099cc;
	text-decoration: underline;
	font-weight: bold;
}

a.faqlink
{
	text-decoration: none;
	font-weight: normal;
	color: #000;
}
a.faqlink:hover
{
	text-decoration: underline;
	font-weight: normal;
	color: #000;
}

a.editlink
{
	color: #0099cc;
	text-decoration: underline;
	font-weight: bold;
	padding-top: 50px;
}
img
{
	border: 0;
}

/* Classes from microsites*/
.floatleft
{
	float: left;
}
.floatright
{
	float: right;
}
.clear
{
	clear: both;
}
.clearleft
{
	clear: left;
}
.clearright
{
	clear: right;
}
.aligncenter
{
	text-align: center;
}

/* Text Styles */
.bold
{
	font-weight: bold;
}
.blacktiny
{
	color: black;
	font-size: 9px;
}
.blacktinybold
{
	color: black;
	font-size: 9px;
	font-weight: bold;
}
.blacksmallbold
{
	color: black;
	font-size: 10px;
	font-weight: bold;
}
.blackmediumbold
{
	color: black;
	font-size: 11px;
	font-weight: bolder;
}
.blacklargebold
{
	color: black;
	font-size: 12px;
	font-weight: bolder;
}
.blackxlargebold
{
	color: black;
	font-size: large;
	font-weight: bolder;
}
.whitetiny
{
	color: #fff;
	font-size: 9px;
}
.whitesmall
{
	color: #fff;
	font-size: 10px;
}
.whitemedium
{
	color: #fff;
	font-size: 11px;
}
.whiteverylargebold
{
	color: #fff;
	font-size: 17px;
	font-weight: bold;
}

.whitelargebold
{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}

.whitemediumbold
{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.whitesmallbold
{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

.redtext
{
	color: red;
	font-size: 10px;
}
.redtext12
{
	color: red;
	font-size: 12px;
	font-weight: bold;
}
.redtext14
{
	color: red;
	font-size: 14px;
	font-weight: bold;
}
.boldred
{
	color: red;
	font-weight: bold;
}

.pricetext
{
	color: #CC0033;
	font-size: 12px;
	font-weight: bold;
}

.turquoisesmall
{
	color: #0099cc;
	font-size: 9px;
}

.turquoise
{
	color: #0099cc;
}

.turquoisebold
{
	color: #0099cc;
	font-weight: bold;
}

.productrange
{
	color: #ff9900;
	font-weight: bold;
	font-size: 16px;
}

.linkname
{
	color: #ff9900;
	font-weight: bold;
	font-size: 14px;
}

.featuredproducts
{
	color: #0099cc;
}
#backtotop
{
	float: right;
	margin-top: -30px;
	padding-right: 5px;
}

#footeraddresscontainer
{
	background: #B1BD1B url(../images/design/back_address_footer.gif);
	width: 725px;
	height: 29px;
	margin-top: 15px;
	margin-bottom: 6px;
	text-align: center;
	float: left;
}

#footeraddress
{
	padding-top: 7px;
}
#footer-links
{
	text-align: center;
	padding-top: 15px;
}
#footer-links a
{
	color: black;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

#exploregpcontainer
{
	background-color: White;
	overflow: hidden;
	width: 725px;
	border: solid 1px #cccccc;
	margin-bottom: 18px;
	margin-top: -5px;
	padding-bottom: 10px;
}

#exploregpheader
{
	height: 25px;
	background: #B1BD1B url(../images/design/back_header_explore_gp.gif);
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}


#exploregpleft
{
	padding-left: 8px;
	padding-top: 8px;
	width: 360px;
	float: left;
}

#exploregpright
{
	padding-top: 8px;
	padding-right: 10px;
	width: 339px;
	float: right;
}


#exploregpcontainer a
{
	color: black;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
}
#exploregpcontainer a:hover
{
	color: black;
	text-decoration: underline;
}

#leftnav
{
	width: 145px;
	float: left;
	padding-left: 18px;
	overflow:hidden;
}

#leftnav img
{
	display: block;
}

.leftnavcontainer
{
	width: 140px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	overflow:hidden;
}

.leftnavcontainer a
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
}

.leftnavcontainer a:hover
{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

.leftnavcms a
{
	color: red;
	text-decoration: none;
	font-weight: normal;
}

.leftnavcms a:hover
{
	color: red;
	text-decoration: underline;
	font-weight: normal;
}
.leftnavheadingtop
{
	background: url(../images/design/dots.png);
	background-repeat: no-repeat;
	text-align: left;
	height: 10px;
	overflow:hidden;
}
.leftnavheadingbottom
{
	background-repeat: no-repeat;
	background: url(../images/design/dots.png);
	text-align: left;
	height: 6px;
	overflow:hidden;
}
.leftnavheading
{
	width: 135px;
	border-color: #C0C0C0;
	color: white;
	text-decoration: none;
	font-weight: bolder;
	font-size: 10pt;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #666666; /*#68696B;#B1BD1B;*/
	margin-top: 9px;
	margin-bottom: 3px;
	overflow:hidden;
}
.left-nav-spacer-8
{
	height: 8px;
}
.left-nav-spacer-10
{
	height: 10px;
}
.spacer10
{
	height: 10px;
}
.left-nav-spacer-12
{
	height: 12px;
}
.left-nav-spacer-15
{
	height: 15px;
}
.dotty
{
	background: url(../images/design/smalldots.png);
	background-repeat: no-repeat;
	text-align: left;
	height: 3px;
}
.dotty-repeat
{
	background: url(../images/design/smalldotslong.png);
	background-repeat: repeat-x;
	text-align: left;
	height: 3px;
}

/***********************************************************************************************/

/* Buttons */
.buttonleft
{
	float: left;
	text-align: center;
	width: 124px;
}
.buttonright
{
	float: right;
	text-align: center;
	width: 124px;
}
.buttoncenter
{
	text-align: center;
	width: 124px;
}


.rednavbuttonold
{
	width: 125px;
	text-align: center;
	height: 25px;
	padding-bottom: 10px;
}

span.buttonold
{
	position: relative;
	bottom: 20px;
	cursor: pointer;
	text-align: center;
}

.rednavbutton
{
	width: 125px;
	text-align: center;
	height: 35px;
}

span.button
{
	position: relative;
	bottom: 20px;
	cursor: pointer;
	text-align: center;
}


span.buttonrighthandnav
{
	position: relative;
	bottom: 23px;
	cursor: pointer;
	text-align: center;
}

#header
{
	float: right;
	width: 145px;
	position: relative;
	z-index: 3000;
}


/* boxes */
.box-top
{
	background-color: White;
	background: url(../images/design/box-top-white.png);
	height: 12px;
	margin-top: 5px;
}
.box-top-newsletter
{
	background: url(../images/design/box-top-newsletter.png);
	height: 28px;
}
.box-top-basket
{
	background: url(../images/design/box-top-basket.png);
	height: 28px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.box-top-search
{
	background: url(../images/design/box-top-search.png);
	height: 33px;
}
.box-middle
{
	background-color: White;
	background-repeat: no-repeat;
	background: url(../images/design/box-middle-white.png);
	padding-left: 8px;
	padding-right: 15px;
	padding-top: 5px;
}
.box-middle-search
{
	background-color: White;
	background-repeat: no-repeat;
	background: url(../images/design/box-middle-white.png);
	padding-left: 8px;
	padding-right: 15px;
	padding-top: 5px;
}
.box-middle-checkout
{
	background-color: White;
	background-repeat: no-repeat;
	background: url(../images/design/box-middle-white.png);
	padding-top: 6px;
	/*height: 50px;*/
	height: 20px;
}
.box-bottom-checkout
{
	background-color: White;
	background: url(../images/design/box-bottom-white.png);
	/*background: url(../images/design/box-bottom-checkout.png);*/
	height: 12px;
	/*height: 33px;*/
	margin-bottom: 0px;
	background-repeat: no-repeat;
	padding-bottom: 0px;
}
.box-bottom
{
	background-color: White;
	background: url(../images/design/box-bottom-white.png);
	height: 12px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
}
.box-content
{
	font-family: Arial;
	color: #000;
	text-decoration: none;
	font-weight: 600;
	font-size: 7pt;
	text-align: center;
	background-repeat: no-repeat;
}

/* Forms */
.text_input_box_template
{
	font-size: 12px;
	height: 18px;
	border-color: #BCBCBC;
	border-style: solid;
	border-width: thin;
	color: Silver;
}


.horizontal_dotted_line
{
	border-bottom: 1px dotted #BCBCBC;
	width: 100%;
}
.verticle_dotted_lines
{
	border-right: 2px;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 2px;
	border-style: dotted;
	border-color: #BCBCBC;
}


/* Right Hand Nav */

#rightnavawards
{
	height: 156px;
}

#rightnavtestimonials
{
	height: 118px;
}

#rightnavawardpoints
{
	height: 69px;
}

#rightnavloyalty
{
	height: 69px;
}

.rightnavcontainer
{
	overflow: hidden;
	width: 140px;
	border: solid 1px #cccccc;
	margin-bottom: 0px;
	padding-bottom: 16px;
}

.rightnavheader
{
	height: 25px;
	text-align: center;
	padding-top: 5px;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}

.rightnavcontent
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	text-align: center;
}


.rightnavbutton
{
	padding-left: 9px;
	padding-top: 8px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: -20px;
	overflow: visible;
	position: relative;
	width: 124px;
	text-align: center;
	height: 32px;
}

.rightnavimage
{
	margin-bottom: 5px;
}

.rightnavtext
{
	margin-bottom: 5px;
}
.right-side-info a
{
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	color: #0099cc;
}

/* Default Page centre content stuff */
.panel-container-yellow
{
	padding-left: 12px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: Yellow;
	text-align: center;
	
}
.panel-container-yellow h2
{
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
}

.panel-container
{
	padding-left: 12px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.panel-container h1
{
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
}
.panel-container h2
{
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
}
.panel-container h3
{
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}
.panel-container h4
{
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	margin-top: 2px;
}
/* Special Offer */
.panel-container-so
{
	padding-left: 12px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 262px;
}
.prev
{
	border: 0px;
}
.next
{
	border: 0px;
}

panel-container ul li
{
}

panel-container a
{
	color: Black;
}

panel-container a:hover
{
	color: Black;
}
/* top product page content small black*/
.small-content-top
{
	font-family: Arial;
	font-weight: bolder;
	font-size: 11px;
}
.small-content-top a
{
	color: Black;
}

/* sub cat pages----------------------------------*/
#subcattop
{
	width: 578px;
	height: 250px;
	border-bottom: 1px dotted #BCBCBC;
	float: left;
}
.subcatcontent
{
	/*margin: 10px 165px;*/
	margin: 10px 10px 0px 200px;
}

.subcatcontent a
{
	text-decoration: underline;
	color: black;
	font-weight: bold;
}
.subcatcontent a:hover
{
	text-decoration: underline;
	font-weight: bold;
}
.subcatlistitem a
{
	text-decoration: none;
}
.subcatlistitem
{
	width: 250px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	vertical-align: middle; /*height: 15px; 	border-bottom: 1px dotted #BCBCBC;*/
}
.subcatlistitemhead
{
	font-family: Georgia;
	font-size: large;
	font-weight: bold;
	width: 200px;
	border-bottom: 5px solid #B1BD1B;
	padding-bottom: 4px;
}
/* AssociatedItem */
.AssociatedItem
{
	color: Maroon;
}

/* checkout */
.basket-items-text
{
	font-weight: bolder;
	color: black;
	font-size: 12px;
	padding-bottom: 0px;
}
.text_input_box
{
	border: solid 1px #BCBCBC;
	font-weight: bold;
	color: Gray;
	height: 20px;
	width: 200px;
	vertical-align: middle;
}
.text_input_box_numeric
{
	font-size: 11px;
	text-align: right;
	border: solid 1px #BCBCBC;
	font-weight: bold;
	color: gray;
	height: 20px;
	vertical-align: middle;
}
.text_input_box_numeric_short
{
	font-size: 11px;
	text-align: right;
	border: solid 1px #BCBCBC;
	font-weight: bold;
	color: gray;
	height: 20px;
	vertical-align: middle;
	width: 25px;
}
.small-grey-text
{
	color: #666666;
}
/* Account Page */
.ordergridhead
{
	padding: 5px 0px 5px 15px;
	white-space: nowrap;
	border-bottom: 1px solid #ccc;
	background: #BCBCBC;
	vertical-align: middle;
	width: 125px;
	font-weight: bold;
}

.rowitem
{
	padding: 5px 0px 5px 15px;
	white-space: nowrap;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid Gray;
	background: #efefef;
	vertical-align: middle;
}
.rowitemwhite
{
	padding: 5px 0px 5px 15px;
	white-space: nowrap;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid Gray;
	background: White;
	vertical-align: middle;
}

.rowitemgrey
{
	padding: 5px 0px 5px 15px;
	white-space: nowrap;
	font-size: 12px;
	border-bottom: 1px solid Gray;
	background: #EEE;
	vertical-align: middle;
	font-weight: bold;
}
.rowitemdkgrey
{
	padding: 5px 0px 5px 15px;
	white-space: nowrap;
	font-size: 12px;
	border-bottom: 1px solid Gray;
	background: #CCC;
	vertical-align: middle;
	font-weight: bold;
}
.rowitemred
{
	padding: 5px 0px 5px 15px;
	white-space: nowrap;
	font-size: 12px;
	border-bottom: 1px solid Gray;
	background: #BC2929;
	vertical-align: middle;
	font-weight: bold;
	color: White;
}
.whiteonred
{
	padding: 5px 0px 5px 15px;
	white-space: nowrap;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid Gray;
	background: White;
	vertical-align: middle;
	background-color: #BC2929;
	color: White;
}
.bigwhiteonred
{
	padding: 5px 0px 5px 15px;
	white-space: nowrap;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid Gray;
	background: White;
	vertical-align: middle;
	background-color: #BC2929;
	color: White;
}
.whiteonred a
{
	color: White;
}

/* tables */
.table-label
{
	width: 175px;
}
.table-textbox
{
	width: 250px;
}
.offerblackstrikethrough
{
	font-weight: bold;
	font-size: medium;
	text-decoration: line-through;
}
.offerredbold
{
	font-weight: bold;
	font-size: large;
	color: Red;
}
.SpecialOfferHeading
{
	color: Red;
}
.SpecialOffer
{
	color: Red;
	font-weight: bold;
}
.affiliatebox
{
	float: left;
	width: 138px;
	height: 285px;
	border-left: solid 1px #BCBCBC;
	margin-bottom: 17px;
}
.affiliatebox li
{
	list-style-type: circle;
}
.read-more-news
{
	color: #0099cc;
}
.read-more-news a
{
	color: #0099cc;
}
.othersite a
{
	font-weight: bold;
	font-size: 15px;
	color: #0099cc;
}
.textbluebold
{
	color: #0099cc;
	font-weight: bold;
}
.address-label-text
{
	width: 100px;
	text-align: left;
}
.greyblock
{
	padding: 10px;
	background-color: #f1f1f1;
}
.whiteblock
{
	padding: 10px;
}
.greyblock a
{
	color: #0099cc;
}
.whiteblock a
{
	color: #0099cc;
}