/* Flowerpack - Screen */

* {
	margin: 0;
	padding: 0;
}

body {
	padding: 15px 0;
	font: normal 62.5% "Trebuchet MS";
	background: #9ed1ef url('../images/core/tile-body.jpg') 0 0 repeat-x;
}

/*============================================
	Container
==============================================*/

div.container {
	width: 900px;
	height: auto;
	margin: 0 auto;
}

/*============================================
	Header
==============================================*/

div.header {
	width: 900px;
	height: 115px;
	position: relative;
	background: #0b79a7 url('../images/core/tile-header.jpg') 0 0 repeat-x;
}

/* Logo */

div.logo {
	width: 271px;
	height: 81px;
	position: absolute; top: 29px; left: 22px;
}

div.logo img {
	border: 0;
}

/* Checkout Items */

div.checkout-items {
	font-size: 1.2em;
	color: #FFF;
	text-align: right;
	position: absolute; right: 20px; bottom: 10px;
}	

div.checkout-items ul {
	list-style-type: none;
}

div.checkout-items ul li {
	margin-bottom: 5px;
}

/*============================================
	Navigation
==============================================*/

div.navigation {
	width: 900px;
	height: 41px;
	background: #bb1306 url('../images/core/bg-navigation.jpg') 0 0 repeat-x;
	border-bottom: 5px solid #d5d9e1;
}

div.navigation ul {
	list-style-type: none;
	width: 472px;
	margin: 0 auto;
}

div.navigation ul li {
	float: left;
}

div.navigation ul li a {
	float: left;
	display: block;
	height: 41px;
	text-indent: -9999px;
	overflow: hidden;
}

div.navigation ul li a.home {
	width: 115px;
	background: url('../images/core/nav/home.jpg') 0 0 no-repeat;
}

div.navigation ul li a.product-catalogue {
	width: 223px;
	background: url('../images/core/nav/product-catalogue.jpg') 0 0 no-repeat;
}

div.navigation ul li a.contact {
	width: 134px;
	background: url('../images/core/nav/contact.jpg') 0 0 no-repeat;
}

div.navigation ul li a:hover {
	background-position: 0 -41px;
}

/*============================================
	Content
==============================================*/

div.content {
	width: 900px;
	height: auto;
	background: #fff url('../images/core/tile-content.jpg') 0 0 repeat-y;
}			

div.content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*============================================
	Content Left
==============================================*/

div.content-left {
	width: 156px;
	height: auto;
	float: left;
	padding: 29px 22px;
}

/* Buy Online */

div.buy-online {
	font-size: 1.3em;
	color: #414b51;	
	margin-bottom: 20px;
}

div.buy-online h2 {
	margin-bottom: 5px;
	color: #dc1111;
	font-size: 1.4em;
}

div.buy-online ul {
	list-style-type: none;
}

div.buy-online ul li {
	line-height: 1.5em;
	padding: 5px 0;
	background: url('../images/core/tile-buyonline.jpg') left bottom repeat-x;
}

div.buy-online ul li a {
	color: #055b88;
	display: block;
	padding-left: 15px;
	text-decoration: none;
	background: url('../images/core/icon-arrow.jpg') 5px	 8px no-repeat;
}

div.buy-online ul li a:hover {
	color: #dc1111;
}

/* Wholesalers */

div.wholesalers {
	background: url('../images/core/bg-wholesalers.jpg') 0 0 no-repeat;
	padding: 20px 10px;
	font-size: 1.3em;
	color: #414b51;	
	margin-bottom: 20px;
	width: 136px;
	height: 130px;
}

div.wholesalers h2 {
	margin-bottom: 10px;
	color: #dc1111;
	font-size: 1.4em;
}

/* Contact Us */

div.contact-us {
	font-size: 1.3em;
	color: #414b51;	
	margin-bottom: 20px;
}

div.contact-us h2 {
	margin-bottom: 10px;
	color: #dc1111;
	font-size: 1.4em;
}

div.contact-us p {
	line-height: 1.5em;
}

div.contact-us a {
	color: #055b88;
	text-decoration: underline;
}

div.contact-us a:hover {
	color: #dc1111;
}

/* Secure Payments */

div.secure h3 {
	width: 156px;
	height: 53px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/core/placeholder-secure.jpg') 0 0 no-repeat;
	margin-bottom:5px;
}

/*============================================
	Content Right
==============================================*/

div.content-right {
	width: 642px;
	height: auto;
	float: left;
	padding: 29px;
}

/* Banner */

#flash{
	width: 634px; height: auto; clear: both; display: block; margin-bottom: 20px;
}

/*============================================
	Text
==============================================*/

/* Standard */

div.standard {
	font-size: 1.3em;
	color: #414b51;
}

div.standard h1 {
	font: normal 1.5em "Trebuchet MS";
	margin-bottom: 15px;
	color: #dc1111;
}

div.standard h1.welcome {
	padding: 5px 100px 5px 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/core/heading-welcome.jpg') left center no-repeat;
}

div.standard h2 {
	font: normal 1.4em "Trebuchet MS";
	margin-bottom: 15px;
	color: #000;
}

div.standard h3 {
	font: normal 1.3em "Trebuchet MS";
	margin-bottom: 15px;
	color: #000;
}

div.standard h4 {
	font: normal 1.2em "Trebuchet MS";
	margin-bottom: 15px;
	color: #000;
}

div.standard h5 {
	font: normal 1.1em "Trebuchet MS";
	margin-bottom: 15px;
	color: #000;
}

div.standard p {
	line-height: 1.5em;
	margin-bottom: 20px;
}

div.standard a {
	color: #055b88;
	text-decoration: none;
}

div.standard a:hover {
	color: #dc1111;
}

.link a {
	font-size:1.1em;
	color: #055b88;
	text-decoration: underline;
}

.link a:hover {
	color: #dc1111;
}
div.standard hr {
	border: 0;
	height: 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #d8dade;
}

div.standard strong {
	color: #000;
}

div.standard img.right {
	float: right;
	margin: 10px 0 10px 10px;
}

div.standard img.left {
	float: left;
	margin: 10px 10px 10px 0;
}

/*============================================
	Product Categories
==============================================*/

div.product-categories {
	width: 642px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d8dade;
}

div.product-categories:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.product-categories ul {
	list-style-type: none;
}

div.product-categories ul li {
	float: left;
	text-align: center;
	margin-left: 0;
	margin-bottom: 20px;
	margin-top: 0;
	margin-right: 0;
}

div.product-categories ul li #square {
	width: 160px;
	height: 165px;	
}

div.product-categories ul li img {
	border: 0;
}

div.product-categories ul li a {
	font-weight: bold;
	color: #055b88;
	text-decoration: none;
}

div.product-categories ul li a:hover {
	color: #dc1111;
}

/*============================================
	Product Listing
==============================================*/

div.imageGap {
	height: 160px;
}

div.imageGapCat {
	height:140px;
}

div.textGap {
	height:80px;
}

div.product-listing {
	width: 642px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d8dade;
}

div.product-listing:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.product-listing ul {
	list-style-type: none;
}

div.product-listing ul li {
	width: 160px;
	height: 310px;
	float: left;
	display: inline;
	text-align: center;
	margin-left: 30px;
	margin-bottom: 20px;
}

div.product-listing ul li span.code {
	color: #414b51;
	font-weight: bold;
}

div.product-listing ul li span.price {
	color: #dc1111;
	font-weight: bold;
}

div.product-listing ul li img {
	border: 0;
}

div.product-listing ul li a {
	font-weight: bold;
	color: #055b88;
	text-decoration: none;
}

div.product-listing ul li a:hover {
	color: #dc1111;
}

/*============================================
	Product Detail
==============================================*/

div.product-detail {
	width: 642px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d8dade;
}

div.product-detail:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Detail Left */

div.detail-left {
	float: left;
	width: 230px;
	height: auto;
}

div.detail-left p {
	font-size: 0.9em;	
}

div.detail-left img {
	border: 0;
}

/* Detail Right */

div.detail-right {
	float: right;
	width: 372px;
	height: auto;
	padding: 0 20px;
}

div.detail-right div.specs  {
	margin-bottom: 15px;
}

div.detail-right div.specs table td {
	padding: 5px 0;
	border-bottom: 1px dotted #d0ddee;
}	

div.detail-right div.specs table tr.price td {
	color: #dc1111;
}

div.detail-right div.specs table td input {
	width: 70px;
	color: #414b51;
	font-family: "Trebuchet MS";
}

/*============================================
	Contact
==============================================*/


/* Enquiry Form */

div.enquiry-form table td {
	padding: 5px 15px 5px 0;
}

div.enquiry-form table td input.field,
div.enquiry-form table td textarea.field {
	padding: 3px;
	width: 250px;
	font: normal 1em "Trebuchet MS";
	color: #414b51;
}

div.enquiry-form table td input.button {
	padding: 3px;
	color: #FFF;
	border: 0;
	background: #bb1306;
}

/*============================================
	Cart
==============================================*/

div.cart table  {
	margin-bottom: 15px;
}

div.cart table td {
	padding: 5px 0;
	border-bottom: 1px dotted #d0ddee;
}	

div.cart table tr.price td {
	color: #dc1111;
}

div.cart table td input.field {
	width: 50px;
	color: #414b51;
	font-family: "Trebuchet MS";
}

div.cart table tr.total td {
	text-align: right;
	font-weight: bold;
	color: #dc1111;
}

div.cart table td img {
	border: 0;
}

div.cart blockquote {
	padding: 10px;
	margin-bottom: 15px;
	background: #f3f6f9;
	border: 5px solid #d5d9e1;
}

div.cart blockquote ul {
	list-style-type: circle;
	margin-left: 20px;
}

div.cart div.buttons ul {
	list-style-type: none;
	float: right;
}

div.cart div.buttons ul li {
	float: left;
	margin-left: 10px;
}

div.cart div.buttons ul li input.button {
	padding: 3px;
	color: #FFF;
	border: 0;
	background: #bb1306;
}

/*============================================
	Checkout
==============================================*/

div.checkout {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d8dade;
}

div.checkout blockquote {
	padding: 10px;
	margin-bottom: 15px;
	background: #f3f6f9;
	border: 5px solid #d5d9e1;
}

/*============================================
	Forms (Global)
==============================================*/

form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }
form.form li.button { margin-top: 15px; }

form.form label {
	display: inline-block;
	width: 150px;
}

form.form input, form.form select, form.form textarea {
	padding: 3px;
	width: 250px;
	font: normal 1em "Trebuchet MS";
	color: #414b51;
}

form.form select {
	padding: 0;
	width: auto;
}

form.form input.postcode,
form.form input.cc { width: 50px; }
form.form input.ccexpiry { width: 30px; }
form.form textarea.comments { height: 80px; }

form.form li.button input {
	padding: 3px;
	color: #FFF;
	border: 0;
	width: auto;
	background: #bb1306;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}

form.form ol ol {
	margin-left: 150px;
}

form.form ol ol li input {
	width: 40px;
}

/*============================================
	Footer
==============================================*/

div.footer {
	width: 856px;
	height: auto;
	padding: 22px;
	text-align: center;
	color: #414b51;
	font-size: 1.2em;
	border-top: 4px solid #6194aa;
	background: #FFF;
}

div.footer ul {
	list-style-type: none;
}

div.footer ul li {
	display: inline;
}

div.footer ul li img {
	border: 0;
}

div.footer ul li a {
	color: #008ad2;
	text-decoration: none;
}

div.footer ul li	a:hover {
	color: #dc1111;
}