/*		HTML
_______________________________________________*/

html {
	height: 100%;
}


/*		BODY
_______________________________________________*/


body {
	margin: 0;
	padding: 0;
	height: 100%;
}


/*		GENERAL TAGS
_______________________________________________*/


p, a, h1, h2, h3, h4, h5, h6, dt, dd, ul, li, label,form, input, img, table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444;
	line-height: 19px;
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 13px 0;
	padding: 0;
}

p.footer {
	font-size: 11px;
	margin: 0;
	padding: 0;
}

p.line {
	border-bottom: 1px dotted #e1e1e1;
	margin: 0 0 18px 0;
}

a , a.small{
	color: #79a711;
	text-decoration: none;
	border: none;
}

a.small {
	font-size: 10px;
	line-height: 17px;
}

a:hover {
	text-decoration: underline;
}

.nomargin {
	margin: 0;
}

.margin {
	margin: 0 0 13px 0;
}

span.dispnone {
	display: none;
	margin: 0;
	padding: 0;
}

ul {
	margin: 0 0 13px 25px;
}

ul li {
	margin: 0 0 3px 0;
}

ul li.last {
	margin: 0;
}

.super {
	font-size: 14px;
}


/*		H1
_______________________________________________*/


h1 {
	height: 20px;
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #fff;
}

h1.welcome {
	background: url(../images/h1_welcome.gif) no-repeat;
	width: 402px;
}

h1.about {
	background: url(../images/h1_about.gif) no-repeat;
	width: 80px; 
}

h1.shop {
	background: url(../images/h1_startShop.gif) no-repeat;
	width: 130px;
}

h1.pegbag {
	background: url(../images/h1_pegbag.gif) no-repeat;
	width: 128px;
}

h1.faqs {
	background: url(../images/h1_faqs.gif) no-repeat;
	width: 39px;
}

h1.contactus {
	background: url(../images/h1_contact.gif) no-repeat;
	width: 98px;
}

h1.happy {
	background: url(../images/h1_happy.gif) no-repeat;
	width: 162px;
}

h1.company {
	background: url(../images/h1_company.gif) no-repeat;
	width: 202px;
}

h1.terms {
	background: url(../images/h1_terms.gif) no-repeat;
	width: 170px;
}

h1.howtoorder {
	background: url(../images/h1_howtoorder.gif) no-repeat;
	width: 118px;
}

h1.proddes {
	background: url(../images/h1_productdescription.gif) no-repeat;
	width: 182px;
}

h1.proddet {
	background: url(../images/h1_productdetails.gif) no-repeat;
	width: 140px;
}

h1.basket {
	background: url(../images/h1_basket.gif) no-repeat;
	width: 202px;
}

h1.details {
	background: url(../images/h1_yourdetails.gif) no-repeat;
	width: 182px;
}

h1.login {
	background: url(../images/h1_login.gif) no-repeat;
	width: 138px;
}

h1.delivery {
	background: url(../images/h1_delivery.gif) no-repeat;
	width: 184px;
}

h1.password {
	background: url(../images/h1_password.gif) no-repeat;
	width: 179px;
}

h1.orderconfirm {
	background: url(../images/h1_orderconfirmation.gif) no-repeat;
	width: 172px;
}

h1.giftwrap {
	background: url(../images/h1_giftwrap.gif) no-repeat;
	width: 122px;
}

h1.confirmdetails {
	background: url(../images/h1_confirmdetails.gif) no-repeat;
	width: 136px;
}

h1.special {
	background: url(../images/h1_special.gif) no-repeat;
	width: 402px;
}

/*		H2
_______________________________________________*/


h2, h2 a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #92c02a;
	font-weight: bold;
	margin: 0 0 16px 0;
}


/*		H3
_______________________________________________*/


h3 {
	font-size: 18px;
	font-weight: bold;
	color: #92c02a;
}


/*		ABSOLUTE POSITIONED DIV
_______________________________________________*/


#absolute {
	position: absolute;
	left: 0;
	top: 30px;
	width: 50%;
	height: 300px;
	z-index: 1;
}

div.clothesLineAbs {
	height: 206px;
	background: url(../images/shop_clothesLine_abs.gif) right repeat-x;
	margin: 0 0 20px 0;
	padding: 0;
}


/*		LAYOUT DIVS
_______________________________________________*/


#holdAll {
	min-height: 100%;
	position: relative;
	background: #5184d7 url(../images/grass_allPage2.jpg) center bottom repeat-x;
	z-index: 0;
}

* html #holdAll {
	height: 100%;
}

#holdAllContent {
	position: relative;
	width: 988px;
	margin: 0 auto 0 auto;
	padding: 0;
	z-index: 2;
}


/*		MAIN CONTENT - START OF
_______________________________________________*/


/*		LEFT COLUMN
_______________________________________________*/



#leftColumn {
	width: 770px;
	float: left;
	padding: 30px 0 0 0;
	margin: 0;
}


/*		CLOTHES LINE LAYER
_______________________________________________*/


div.clothesWrapper, div.shopTop {
	width: 770px;
	background: url(../images/shop_clothesLine.gif) top right repeat-x;
	min-height: 206px;
	padding: 0 30px 0 0;
	margin: 0 0 20px 0;
	float: right;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 740px;
}

div.clothesWrapper ul {
	list-style: none;
	margin: 0;
}

div.clothesWrapper ul li, div.clothesWrapper ul li.last {
	list-style: none;
	float: left;
	width: 120px;
	text-align: center;
	color: #fff;	
	margin: 0 4px 0 0;
}

div.clothesWrapper ul li.last {
	margin: 0;
}

div.clothesWrapper ul li a, div.clothesWrapper ul li.last a {
	border: 0;
	text-decoration: none;
	color: #efefef;
}

div.clothesWrapper ul li a:hover, div.clothesWrapper ul li.last a:hover {
	color: #fff;
}


/*		GREEN / WHITE PANELS INC FOOTER (ALT)
______________________________________________*/


div.greenWrapper, div.greenWrapperAlt { /*THE GREEN PANELS CONTAIN THE GREEN CURVED SECTIONS TOP AND BOTTOM*/
	float: right;
	display: inline;
	width: 740px;
	margin: 20px 30px 20px 0;
}

div.greenWrapperAlt {  /*FOOTER - THE GREEN PANELS CONTAIN THE GREEN CURVED SECTIONS TOP AND BOTTOM*/
	margin: 0px 30px 26px 0;
}

div.contentWrapper, div.contentWrapperAlt {  /*MAIN CONTENT - GREEN MIDDLE SECTION*/
	background: #92c02a;
	margin: 0;
	padding: 10px 12px 0 12px;
/*	min-height: 100%;
*/}

div.contentWrapperAlt {  /*FOOTER - GREEN MIDDLE SECTION - CONTAINS THE WHITE CURVED ELEMENTS*/
	padding: 0 12px;
}

div.whiteWrapper {  /*THE WHITE PANELS CONTAIN THE GREEN CURVED SECTIONS TOP AND BOTTOM*/
	background: #fff;
	padding: 16px 20px 16px 20px;
	min-height: 100%;
}

div.whiteWrapperAlt {  /*THE WHITE PANELS CONTAIN THE GREEN CURVED SECTIONS TOP AND BOTTOM*/
	background: #fff;
	padding: 16px 20px 16px 20px;
	height: 1%;
	min-height: 100%;
}

div.whiteWrapper img.faqimage {
	width: 210px;
	height: 190px;
	float: right;
	margin: 0;
	padding: 0 0 0 20px;
	background: #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 190px;
}

div.leftcopy {
	width: 356px;
	margin: 0;
	padding: 0;
}

#picright {
	float: right;
	margin: 0;
	padding: 0 0 0 20px;
	background: #fff;
}

#picright img {
	margin: 0 0 18px 0;
	padding: 0;
}

#tableWrapper {
	width: 300px;
	border: 1px dotted #e1e1e1;
	padding: 19px;
	margin: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 260px;
}

#tableWrapper table {
	width: 260px;
}

#tableWrapper table td, #tableWrapper table td a {
	height: 32px;
	line-height: 25px;
}

#tableWrapper table td a {
	display: block;
	color: #79a711;
	width: 194px;
	margin: 8px 0 0 0;
}

/*#tableWrapper table td a.addtobasket {
	background: url(../images/but_addtobasket.gif) 0 0 no-repeat;
}*/

#tableWrapper table td a.addtobasket:hover {
	background: url(../images/but_addtobasket_over.gif) 0 0 no-repeat;
}

#tableWrapper table td.bold {
	font-weight: bold;
	width: 66px;
}

#productpoints {
	margin: 0 0 0 25px;
}
	
#productpoints li {
	font-size: 11px;
	line-height: 17px;
}


/*	SHOPPING BASKET
______________________________________________*/


#basketTableWrapper {
	width: 676px;
	border: 1px dotted #e1e1e1;
	padding: 19px;
	margin: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 636px;
}

#basketTableWrapper table {
	width: 636px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 17px;
}

#basketTableWrapper table.margin {
	margin: 0 0 18px 0;
}

#basketTableWrapper table th {
	background: #92c02a;
	border-bottom: 1px solid #7ba222;
	color: #fff;
	padding: 4px 8px 4px 8px;
/*	text-align: left;
*/}

#basketTableWrapper table td, #basketTableWrapper table td.alt {
	background: #e4f2c6;
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid #cce796;
/*	text-align: left;*/
}

#basketTableWrapper table td.alt {
	background: #f3f8e9;
}

#basketTableWrapper table td a, #basketTableWrapper table td.alt a {
	font-size: 11px;
	color: #63821c;
}

#basketTableWrapper ul.shopbasketbuts {
	list-style: none;
	display: inline;
}

#basketTableWrapper ul.shopbasketbuts li, #basketTableWrapper ul.shopbasketbuts li.right {
	float: left;
	list-style: none;
	display: inline;
	margin: 0 5px 0 0;
}

#basketTableWrapper ul.shopbasketbuts li.right {
	float: right;
	margin: 0;
}

#basketTableWrapper ul.shopbasketbuts li a {
	display: block;
	height: 25px;
	width: 194px;
}

#basketTableWrapper ul.shopbasketbuts li a.amend {
	background: url(../images/but_shop_amend.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.amend:hover {
	background: url(../images/but_shop_amend_over.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.continue {
	background: url(../images/but_shop_continue.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.continue:hover {
	background: url(../images/but_shop_continue_over.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.check {
	background: url(../images/but_shop_check.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.check:hover {
	background: url(../images/but_shop_check_over.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.login {
	background: url(../images/but_shop_login.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.login:hover {
	background: url(../images/but_shop_login_over.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.register {
	background: url(../images/but_shop_register.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.register:hover {
	background: url(../images/but_shop_register_over.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.confirmreg {
	background: url(../images/but_shop_confirmreg.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.confirmreg:hover {
	background: url(../images/but_shop_confirmreg_over.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.confirmdet {
	background: url(../images/but_shop_confirmdet.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.confirmdet:hover {
	background: url(../images/but_shop_confirmdet_over.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.confirminfo {
	background: url(../images/but_shop_confirminfo.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.confirminfo:hover {
	background: url(../images/but_shop_confirmdinfo_over.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.password {
	background: url(../images/but_password.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.password:hover {
	background: url(../images/but_password_over.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.amendbasket {
	background: url(../images/but_gift_amend.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.amendbasket:hover {
	background: url(../images/but_gift_amend_over.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.backtologin {
	background: url(../images/but_password_backto.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.backtologin:hover {
	background: url(../images/but_password_backto_over.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.edit {
	background: url(../images/but_edit.gif) no-repeat;
}

#basketTableWrapper ul.shopbasketbuts li a.edit:hover {
	background: url(../images/but_edit_over.gif) no-repeat;
}

#basketTableWrapper div.cardholder {
	width: 318px;
	margin: 0 10px 18px 0;
	padding: 0 9px 0 0;
	border-right: 1px dotted #e1e1e1;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 298px;	
}

#basketTableWrapper div.delivery{
	width: 308px;
	margin: 0 0 18px 0;
	float: right;
}


/*		FORMS
______________________________________________*/



input {
	text-align: left;
	font-size: 11px;
	margin: 0;
	padding: 2px 4px 4px 4px;
}

input.checkbox, input.radio {
	width: auto;
}

input.number {
	text-align: center;
	width: 24px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 16px;
}

input.details {
	width: 99%;
}

input.short {
	width: 200px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 192px;
	margin: 0 4px 0 0;
}

#basketTableWrapper span.asterix {
	font-size:18px;
	display: inline-block;
	color: #ff0000;
}

textarea{
	width: 99%;
}


/*		HAPPY CUSTOMERS
______________________________________________*/



div.whiteWrapper div.happyPanel, div.whiteWrapper div.happyPanelRight {
	float: left;
	margin: 0 8px 8px 0;
}

div.whiteWrapper div.happyPanelRight {
	margin: 0 0 8px 0;
}

div.whiteWrapper div.happyPanel a, div.whiteWrapper div.happyPanelRight a {
	display: block;
	width: 220px;
	padding: 9px;
	border: 1px dotted #e1e1e1;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
	text-decoration: none;
	font-size: 10px; 
	color: #000;
}

div.whiteWrapper div.happyPanel a:hover, div.whiteWrapper div.happyPanelRight a:hover {
	border: 1px solid #92c02a;
}



/*		FOOTER SPECIFICALLY
______________________________________________*/



div.whiteWrapperAlt {  /*FOOTER - THE GREEN PANELS CONTAIN THE GREEN CURVED SECTIONS TOP AND BOTTOM*/
	padding: 5px 20px 4px 20px;
	height: 1%;
}

div.whiteWrapperAlt div {
	display: inline;
	float: left;
	width: 368px;
	height: 1%;
	margin: 0 20px 0 0;
}

div.whiteWrapperAlt div.nomarg {
	width: 288px;
	margin: 0;
}

div.whiteWrapperAlt p, div.whiteWrapperAlt ul li {
	color: #666;
}

div.whiteWrapperAlt p, div.whiteWrapperAlt a, div.whiteWrapperAlt ul li {
	font-size: 10px;
	line-height: 16px;
}

div.whiteWrapperAlt ul {
	list-style: none;
	margin: 0;
}

div.whiteWrapperAlt ul li {
	float: right;
	list-style: none;
	margin: 0 10px 13px 0;
}

div.whiteWrapperAlt ul li a {
	margin: 0 10px 0 0;
}

div.whiteWrapperAlt ul li a.last, div.whiteWrapperAlt ul li.last {
	margin: 0;
}

div.whiteWrapperAlt img {
	float: right;
}


/*		FAQS
_____________________________________*/



#faqs { /*ul*/
	list-style: none;
	margin: 0;
}


/*		RIGHT COLUMN
_____________________________________*/



#rightColumn {
	width: 218px;
	float: left;
}


/*		NAVIGATION
_____________________________________*/


#rcNav {
	width: 218px;
	margin: 0;
	padding: 0 0 8px 0;
	background: #92c02a;
}

#navLogo {
	margin: 30px 12px 30px 12px;
	padding: 0;
}

#navflatLogo {
	margin: 0 12px 10px 12px;
	padding: 0;
}

#navflatLogoDefault {
	margin: 0 12px 0 12px;
	padding: 0;
}

#navList {
	margin: 0 12px 0 12px;
	padding: 0;
	list-style: none;
}

#navList li {
	display: inline;
	list-style: none;
	background: #92c02a;
	margin: 0;
}	

#navList li a {
	display: block;
	color: #000;
	height: 25px;
	width: 194px;
	margin: 0 0 2px 0;
}

#navList li a.home {
	background: url(../images/but_home.gif) 0 0 no-repeat;
}

#navList li a.home:hover, #navList li.selected a.home {
	background: url(../images/but_home_over.gif) 0 0 no-repeat;
}

#navList li a.about {
	background: url(../images/but_about.gif) 0 0 no-repeat;
}

#navList li a.about:hover, #navList li.selected a.about {
	background: url(../images/but_about_over.gif) 0 0 no-repeat;
}

#navList li a.shop {
	background: url(../images/but_shop.gif) 0 0 no-repeat;
}

#navList li a.shop:hover, #navList li.selected a.shop {
	background: url(../images/but_shop_over.gif) 0 0 no-repeat;
}

#navList li a.pegbag {
	background: url(../images/but_pegbag.gif) 0 0 no-repeat;
}

#navList li a.pegbag:hover, #navList li.selected a.pegbag {
	background: url(../images/but_pegbag_over.gif) 0 0 no-repeat;
}

#navList li a.faqs {
	background: url(../images/but_faqs.gif) 0 0 no-repeat;
}

#navList li a.faqs:hover, #navList li.selected a.faqs {
	background: url(../images/but_faqs_over.gif) 0 0 no-repeat;
}

#navList li a.contact {
	background: url(../images/but_contact.gif) 0 0 no-repeat;
}

#navList li a.contact:hover, #navList li.selected a.contact {
	background: url(../images/but_contact_over.gif) 0 0 no-repeat;
}

#navList li a.happy {
	background: url(../images/but_happy.gif) 0 0 no-repeat;
}

#navList li a.happy:hover, #navList li.selected a.happy {
	background: url(../images/but_happy_over.gif) 0 0 no-repeat;
}

#navList li a.howtoorder {
	background: url(../images/but_order.gif) 0 0 no-repeat;
}

#navList li a.howtoorder:hover, #navList li.selected a.howtoorder {
	background: url(../images/but_order_over.gif) 0 0 no-repeat;
}

#navList li a.basket {
	background: url(../images/but_basket.gif) 0 0 no-repeat;
}

#navList li a.basket:hover, #navList li.selected a.basket {
	background: url(../images/but_basket_over.gif) 0 0 no-repeat;
}


/*		PEG BAG
_____________________________________*/


#pegbag {
	height: 254px;
	width: 218px;
	background: url(../images/shop_pegBag.gif) no-repeat;
	padding: 129px 0 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 125px;
}

#pegbag p, #pegbag h3 {
	text-align: center;
	margin: 0;
	padding: 0;
}

#pegbag h3 {
	margin: 0 0 8px 0;
}
	
#pegbag ul {
	list-style: none;
	margin: 0 22px;
}

#pegbag ul li {
	display: inline;
	list-style: none;
	background: #000;
}

#pegbag ul li a {
	display: block;
	color: #000;
	height: 25px;
	width: 174px;
	margin: 0 0 2px 0;
}

#pegbag ul li a.review {
	background:  url(../images/but_peg_review.gif) no-repeat;
}

#pegbag ul li a.review:hover {
	background:  url(../images/but_peg_review_over.gif) no-repeat;
}

#pegbag ul li a.checkout {
	background:  url(../images/but_peg_check.gif) no-repeat;
}

#pegbag ul li a.checkout:hover {
	background:  url(../images/but_peg_check_over.gif) no-repeat;
}

/* validation errors */
.error {
	color:#FF0000;
}

/*		TWITTER
_______________________________________________*/
		
.tweeted {
	margin-left: 0;
	list-style: none;
}

.tweeted li {
	background: #fff url(../images/i_twitter.gif) 0 8px no-repeat;
	padding-left: 50px;
	list-style: none;
	margin-left: 0;
}

.tweet-text {
	padding: 8px 10px 8px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #f1f1f1;
}