/* Colours Used */

/*
FFFFFF - White     - Light text on dark panels
                   - Headings on block arrows
	           - Footer text

6D6E71 - Dark Grey - Footer background
 

Plants

003D08 - Dark Green - Currently selected Menu 
                    - Awards Text
		    - Garden Design main paragraph 
		    - Garden text
		    - logged in text
		    - Bulbs text
	(Bulbs: 4F2D21)

267C32 - Mid Green  - Menus
                    - Plant headings
	(Bulbs: B9842C)

8DC63F - Green      - Plant banner background
		    - Menu borders
		    - Wheelbarrow Logo
	(Bulbs: C29346 - b9842c for Wheelbarrow Logo)

66A13D - Green      - Plant main paragraph text
58595B - Dark Grey  - Plant other text
F0F7E8 - Grey       - Panel backgrounds
231F20 - Grey       - 50% transparency block arrows "Plants"
166827 - Green      - Garden Design text
66A13D - Green      - Garden main paragraph

4F2D22 - Brown      - Text on light backgrounds (Bulbs section of main page)

Grey-Green for Checkout

C4DA9C
f0fadf

Fonts - FoundrySterling, Helvetica light, Verdana
      - Aracne - Block Arrows
*/

/*================*/
/* SHOPPING CART  */
/*================*/

.cartpanel {
	background-color: white;
	border:0px solid #f0fadf;
/*	border-radius: 5px;
	-moz-border-radius: 5px;*/
}
.cartpanelbulbs {
	background-color: white;
/*	border-radius: 5px;
	-moz-border-radius: 5px;*/
}

.cartpanelgrey {
/*	background-color: #EEEEEE;*/
	background-color: white;
	padding:10px;
/*	color:#6699FF;*/
	color:black;
/*	border-radius: 5px;
	-moz-border-radius: 5px;*/
}

.cartpanellightgrey {
	background-color: #FAFAFA;
/*	background-color: yellow;*/
	padding:10px;
	color:#6699FF;
/*	border-radius: 5px;
	-moz-border-radius: 5px;*/
}

.cartbctrailtable {
	width:100%;
	margin:0px;
	border:0px solid #e8e8e5;
}

.cartbctrailinnertable {
	height:100%;
	border:0px solid green;
}

.cartbctrailcell {
	width:1%;
	text-align: center;
	vertical-align:bottom;
}

.cartbctrail {
	font-family: Arial, FoundrySterling, Helvetica light, NimbusSansL, Verdana;
	font-size: 18px;
	font-weight: normal;
	color: darkgrey;
	background-color: #f0fadf; 
	width:20%;
	text-align: center;
}
.cartbctrailcurrent {
	font-family: Arial, FoundrySterling, Helvetica light, NimbusSansL, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: black;
}
.cartbctrailbulbscurrent {
	font-family: Arial, FoundrySterling, Helvetica light, NimbusSansL, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: black;
/*	background-color: black;*/
	width:20%;
	text-align: center;
}

.cartbctrailnew {
	font-family: Arial, FoundrySterling, Helvetica light, NimbusSansL, Verdana;
	font-size: 18px;
	font-weight: normal;
	color: darkgrey;
/*	background-color: #f0fadf; */
	width:20%;
	text-align: center;
}
.cartbctrailbulbsnew {
	font-family: Arial, FoundrySterling, Helvetica light, NimbusSansL, Verdana;
	font-size: 18px;
	font-weight: normal;
	color: darkgrey;
/*	background-color: #f0fadf; */
	width:20%;
	text-align: center;
}
.cartbctrailcurrentnew {
	font-family: Arial, FoundrySterling, Helvetica light, NimbusSansL, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: black;
/*	background-color: black;*/
	width:20%;
	text-align: center;
}
.cartbctrailbulbscurrentnew {
	font-family: Arial, FoundrySterling, Helvetica light, NimbusSansL, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: black;
/*	background-color: black;*/
	width:20%;
	text-align: center;
}
.cartbctrailarrow {
	font-family: Arial, FoundrySterling, Helvetica light, NimbusSansL, Verdana;
	font-size: 18px;
	font-weight: normal;
	color: darkgrey;
	background-color: #e8e8e5;
	width:20%;
	text-align: center;
}
.cartbctraillogo {
	font-family: Arial, FoundrySterling, Helvetica light, NimbusSansL, Verdana;
	font-size: 18px;
	font-weight: normal;
	color: darkgrey;
	background-color: #e8e8e5;
	width:20%;
	text-align: center;
}

.ordersummaryhdg {
	color: darkgrey; 
	font-weight:normal; 
	padding:10px;
}
.ordersummarydata {
	color: black; 
	font-weight:normal; 
	padding:5px;
}

.cartmainheading {
	color:black;
	font-weight:bold;
	font-family: Arial, FoundrySterling, Helvetica light, NimbusSansL, Verdana;
	font-size:150%;
}

table.headercheckout {
	background-color: #e8e8e5;
	text-align: center;
	width: 100%;
	border-spacing: 0px;
}

td.leftmargincheckout {
	color: #e8e8e5;
}

tr.headerbannercart {
	background-color: #f0fadf;
}
tr.headerbannercartnew {
	background-color: white;
}

td.headerbannercart {
	text-align:left;
	background-color: #f0fadf;
	color: white;
}
td.headerbannercartnew {
	text-align:left;
	background-color: white;
	color: white;
}
.carttotals {
	border-style:none none solid none; 
	border-color:darkgrey; 
	border-width:1px; 
	padding: 10px 10px 2px 10px;
}

.cartgreenbutton {
	background-color: green;
	color: white;
	padding: 5px;
}

.cartgreybutton {
	background-color: darkgrey;
	color: white;
	padding: 5px;
}

.cartgiftcardtext {
	border:1px solid #d0dbba;
}

.required {
	color: red;
}

/*=======================*/
/* RESPONSIVE COMPONENTS */
/*=======================*/

/*----------------*/
/* IPHONE SCREEN  */
/*----------------*/

@media all and (max-width: 480px)  {

	tr.Sheaderbannercart {
		height: 33px;
	}

	table.Sheadercheckout {
		height: 200px;
	}

	.Scartbctrailtable {
		height:70px;
	}

	.Scartbctrailinnertable {
		width:100%;
		margin:0px 0px 0px 0%;
	}

	.Scartbctrailcell {
		background-color:#e8e8e5;
		padding:5px 5px;
		font-size:85%;
		border-width:0px 0px 1px 0px;
		border-color:#d0dbba;
		border-style:solid; 
	}

	.Scartmobdisplay {
		display:table-cell;
	}

	.Scartmobdisplaydiv {
		display:block;
	}

	.Scartnomobdisplay {
		display:none;
	}

	.Scartnomobdisplaytd {
		display:none;
		background-color:red;
	}

	.Scartnomobdisplaydiv {
		display:none;
	}

	.Scartfloat {
		display:block;
	}

	.Scartleft {
		width:100%;
	}

	.Scartright {
		width:100%;
	}

	.Scarteditable {
		width:100%;
	}

	.Scartbarrow {
		height:30px;
	}

	.Scartgiftcardtext {
		height:40px;
		width: 100%;
	}

	.QTYSpelling:before {
		content: "QTY";
	}
	.Scartmainheading {
		padding: 30px 0px 0px 0px;
	}

	.Sguestcheckoutpanel {
		width:95%;
		display:block; 
	}

	.Scartdeliverypanel {
		width:95%;
		display:block; 
	}

	.Scartdeliveryleftpanel {
		border-width:0px 0px 0px 0px;
		border-style:none none none none;
		border-color:#86bb40;
	}

	.Scartaddresselement {
		width: 95%;
	}

	.Sregistercolumn {
		width:95%;
		margin:0px 2.5% 5px 2.5%;
	}

	.Sordersummarytext {
		font-size:13px;
	}
}

/*----------------*/
/* IPHONE SCREEN  */
/*----------------*/

@media all and (min-width: 481px) and (max-width: 600px)  {

	tr.Sheaderbannercart {
		height: 33px;
	}

	table.Sheadercheckout {
		height: 200px;
	}

	.Scartbctrailtable {
		height:70px;
	}

	.Scartbctrailinnertable {
		width:100%;
		margin:0px 0px 0px 0%;
	}

	.Scartbctrailcell {
		background-color:#e8e8e5;
		padding:5px 20px;
		font-size:90%;
		border-width:0px 0px 1px 0px;
		border-color:#d0dbba;
		border-style:solid; 
	}

	.Scartmobdisplay {
		display:table-cell;
	}

	.Scartmobdisplaydiv {
		display:block;
	}

	.Scartnomobdisplay {
		display:none;
		background-color:blue;
	}

	.Scartnomobdisplaytd {
		display:none;
		background-color:green;
	}

	.Scartnomobdisplaydiv {
		display:none;
	}

	.Scartfloat {
		display:block;
		width:100%;
	}

	.Scartleft {
		width:100%;
	}

	.Scartright {
		width:100%;
	}

	.Scarteditable {
		width:100%;
	}

	.Scartbarrow {
		height:35px;
	}

	.Scartgiftcardtext {
		height:45px;
		width: 100%;
	}

	.QTYSpelling:before {
		content: "QTY";
	}

	.Scartmainheading {
		padding: 30px 0px 0px 0px;
	}

	.Sguestcheckoutpanel {
		width:95%;
		display:block; 
	}

	.Scartdeliverypanel {
		width:95%;
		display:block; 
	}

	.Scartdeliveryleftpanel {
		border-width:0px 0px 0px 0px;
		border-style:none none none none;
		border-color:#86bb40;
	}

	.Scartaddresselement {
		width: 95%;
	}

	.Sregistercolumn {
		width:95%;
		margin:0px 2.5% 5px 2.5%;
	}

	.Sordersummarytext {
		font-size:13px;
	}

}

/*----------------*/
/* IPHONE SCREEN  */
/*----------------*/

@media all and (min-width: 601px) and (max-width: 800px)  {

	tr.Sheaderbannercart {
		height: 33px;
	}

	table.Sheadercheckout {
		height: 200px;
	}

	.Scartbctrailtable {
		height:70px;
	}

	.Scartbctrailinnertable {
		width:100%;
		margin:0px 0px 0px 0%;
	}

	.Scartbctrailcell {
		background-color:#e8e8e5;
		padding:5px 20px;
		border-width:0px 0px 1px 0px;
		border-color:#d0dbba;
		border-style:solid; 
	}

	.Scartmobdisplay {
		display:table-cell;
	}

	.Scartmobdisplaydiv {
		display:block;
	}

	.Scartnomobdisplay {
		display:none;
		background-color:green;
	}

	.Scartnomobdisplaytd {
		display:none;
		background-color:blue;
	}

	.Scartnomobdisplaydiv {
		display:none;
	}

	.Scartfloat {
		display:block;
	}

	.Scartleft {
		width:100%;
	}

	.Scartright {
		width:100%;
	}

	.Scarteditable {
		width:100%;
	}

	.Scartbarrow {
		height:40px;
	}

	.Scartgiftcardtext {
		height:50px;
		width: 100%;
	}

	.QTYSpelling:before {
		content: "QTY";
	}

	.Scartmainheading {
		padding: 30px 0px 0px 0px;
	}

	.Sguestcheckoutpanel {
		width:95%;
		display:block; 
	}

	.Scartdeliverypanel {
		width:95%;
		display:block; 
	}

	.Scartdeliveryleftpanel {
		border-width:0px 0px 0px 0px;
		border-style:none none none none;
		border-color:#86bb40;
	}

	.Scartaddresselement {
		width: 95%;
	}

	.Sregistercolumn {
		width:95%;
		margin:0px 2.5% 5px 2.5%;
	}

	.Sordersummarytext {
		font-size:13px;
	}

}


/*---------------------------*/
/* IPAD SCREEN 480PX - 600PX */
/*---------------------------*/

@media all and (min-width: 801px)  {

	tr.Sheaderbannercart {
		height: 33px;
	}

	table.Sheadercheckout {
		height: 300px;
	}

	.Scartbctrailtable {
		background-color:white;
		height:70px;
	}

	.Scartbctrailinnertable {
		width:108%;
		margin:0px 0px 0px -8%;
	}

	.Scartbctrailcell {
		background-color:white;
		padding:5px 20px;
	}

	.Scartmobdisplay {
		display:none;
	}

	.Scartmobdisplaydiv {
		display:none;
	}

	.Scartnomobdisplay {
		display:table-cell;
	}

	.Scartnomobdisplaytd {
		display:table-cell;
	}

	.Scartnomobdisplaydiv {
		display:block;
	}

	.QTYSpelling:before {
		content: "QUANTITY";
	}

	.Scartfloat {
		display:table-cell;
	}

	.Scartleft {
		width:60%;
	}

	.Scartright {
		width:40%;
	}

	.Scarteditable {
		width:50%;
	}

	.Scartmainheading {
		padding: 30px 0px 0px 0px;
	}

	.Scartbarrow {
		height:40px;
	}

	.Scartgiftcardtext {
		height:50px;
		width: 100%;
	}

	.Sguestcheckoutpanel {
		width:33%;
		display:table-cell; 
	}

	.Scartdeliverypanel {
		width:50%;
		display:table-cell; 
	}

	.Scartdeliveryleftpanel {
		border-width:0px 1px 0px 0px;
		border-style:none solid none none;
		border-color:#86bb40;
	}

	.Scartaddresselement {
		width: 70%;
	}

	.Sregistercolumn {
		width:45%;
		float:left;
	}

	.Sordersummarytext {
		font-size:90%;
	}

}

/*---------------------------*/
/* IPAD SCREEN 600PX - 768PX */
/*---------------------------*/

@media all and (min-width: 820px)  {

	tr.Sheaderbannercart {
		height: 66px;
	}

	.Scartgiftcardtext {
		height:50px;
		width: 100%;
	}

}

/*----------------------------*/
/* LARGE SCREEN 768PX - 960PX */
/*----------------------------*/

@media all and (min-width: 1000px)  {

	.Scartgiftcardtext {
		height:50px;
		width: 75%;
	}

}

/*-------------------------*/
/* LARGE SCREEN 1200PX PLUS */
/*-------------------------*/

@media all and (min-width: 1300px)  {
	.Scartmainheading {
		padding: 30px 0px 0px 0px;
	}

	.Scartgiftcardtext {
		height:50px;
		width: 50%;
	}

}