html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, hr, form, fieldset, a, div, img, blockquote, dl, dt, dd {
	margin: 0; padding: 0; border: 0; }

html, body { font-family: Arial, Helvetica, sans-serif; color: #222; }

body { font-size: 13px; line-height: 1.3em; color: #55517b; }

body, td, th, input, textarea, select, a {
	font-size: 12px;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input, textarea, select {
	margin: 3px 0px;
}

a { text-decoration: underline; color: #444; cursor: pointer; }
a:hover { text-decoration: underline; color: #888; }

h2 { font-family: "Times New Roman", Roman, serif; margin: 20px 0 10px 0; font-size: 24px; }
h4,h5,h6 { font-size: 14px; padding: 0; margin: 0 0 5px 0; }

ul { margin: 0; padding: 5px 0 5px 20px; list-style: square; }

ol { margin: 0; padding: 5px 0 5px 20px; }
img, 
a img { border: none; }
p { margin: 0; padding: 0 0 15px 0; font-size: 1.1em; }

.right { text-align: right !important; }
.center { text-align: center; }
.clear { clear: both; overflow: hidden; width: 100%; }

/* layout containers */

#wrapper {
	position: relative;	width: 920px; margin: 0 auto; }


/*
 *	header container 
 */
#header { 
	z-index: 50;
	position: relative; width: 920px; height: 133px; 
	background: transparent url(../image/menu-shadow.gif) 0 100% repeat-x;
}

#header .logo,
#header .options,
#header .basket,
#header .register { z-index: 100; }

#header .logo { position: absolute; top: 20px; left: 0; width: 308px; height: 68px; overflow: hidden; }
#header .logo h1 { display: none; }
#header .logo img { display: block; }

#header .options { position: absolute; top: 20px; right: 0; }
#header .options ul { display: block; padding: 0 0 0 10px; }
#header .options ul,
#header .options ul li { margin: 0; padding: 0; list-style: none; }
#header .options ul li {	display: inline; border-right: 1px solid #5b6693; font-size: 0.9em; }
#header .options ul li.last { border-right: none; }
#header .options ul li span,
#header .options ul li a { color: #5b6693; padding: 0 5px 0 5px; text-decoration: none; background-image: none; text-transform: lowercase; }
#header .options ul li a:hover { text-decoration: underline; }

#header .basket { position: absolute; top: 46px; right: 0; }
#header .basket ul { display: block; padding: 0 0 0 10px; }
#header .basket ul,
#header .basket ul li { margin: 0; padding: 0; list-style: none; }
#header .basket ul li {	display: inline; font-size: 0.9em; }
#header .basket ul li.last { border-right: none; }
#header .basket ul li span,
#header .basket ul li a { color: #58a618; padding: 0 5px 0 5px; text-decoration: none; background-image: none; text-transform: lowercase; }
#header .basket ul li a:hover { text-decoration: underline; }

#header .basket ul li a.cart { border: 0; background: transparent url(../image/basket.gif) 0 50% no-repeat; padding-left: 20px; }

#header .register { position: absolute; top: 69px; right: 0; }
#header .register ul { display: block; padding: 0 0 0 10px; }
#header .register ul,
#header .register ul li { margin: 0; padding: 0; list-style: none; }
#header .register ul li { display: inline; border-right: 1px solid #5b6693; font-size: 0.9em; }
#header .register ul li.last { border-right: none; }
#header .register ul li span,
#header .register ul li a { color: #5b6693; padding: 0 5px 0 5px; text-decoration: none; background-image: none; text-transform: lowercase; }
#header .register ul li a:hover { text-decoration: underline; }

#header .search { position: absolute; top: 104px; right: 13px; z-index: 100; }

#header .search input { 
	width: 120px; border: 0; padding: 4px 4px 0 4px; line-height: 14px; height: 14px; float: left; margin: 0; font-size: 11px; 
	color: #5b6693; background: transparent url(../image/input_bg.gif) 0 0 no-repeat;
	}
#header .search a { display: block; width: 17px; height: 18px; background: transparent url(../image/search.gif) 0 0 no-repeat; float: left; }

#header .search a span { display: none; }


#mainMenu { 
	position: relative; padding: 98px 0 0 0; width: 920px; height: 30px;
	background: transparent url(../image/menu-bg.gif) 0 100% repeat-x;
}

/*
 * content wrapper 
 */
#content { 
	position: relative; width: 920px; overflow: hidden; clear: both; }

/*
 * local navigation
 */
#categories { float: left; width: 130px; padding: 0 20px 0 0; }

#categories h2 { font-weight: normal; color: #84888b; padding: 0 0 10px 0; font-size: 1.1em; }



#categories ul,
#categories ul li { margin: 0; padding: 0; list-style: none; }
#categories ul li { display: inline; font-size: 1.1em; }

#categories ul li a { 
	text-decoration: none; display: block; padding: 0 0 5px 10px;
	background: transparent; color: #40476a; font-weight: bold; }

#categories ul li a.active,
#categories ul li a:hover {
	text-decoration: none; color: #40476a;
	background: transparent url(../image/arrow-on.gif) 0 4px no-repeat; }



#categories ul li ul li { font-size: 0.9em; }

#categories ul li ul li a { 
	padding: 2px 0 2px 20px; color: #5b6693; font-weight: normal; 
	background: transparent; }

#categories ul li ul li a.active,
#categories ul li ul li a:hover {
	text-decoration: none; color: #40476a;
	background: transparent url(../image/arrow-on.gif) 10px 4px no-repeat; }


#body { float: left; width: 770px; }

#body h3 { 
	color: #fff; margin: 0 0 10px 0;
	line-height: 20px; height: 20px; font-size: 13px; padding: 0 10px 0 10px;
	background: transparent url(../image/heading-bg.gif) 0 0 repeat-x;
}

#body ul li { font-size: 13px; }

/* footer styles */
#footer { 
	position: relative; width: 920px; margin-top: 10px; overflow: hidden; 
	border-top: 1px solid #b8bbd1; padding: 12px 0 0 0; 
	background: transparent url(../image/payments.jpg) 100% 15% no-repeat;
}
	
#footer ul { display: block; padding: 0; }
#footer ul,
#footer ul li { margin: 0; padding: 0; list-style: none; }
#footer ul li {	display: inline; border-right: 1px solid #7d7d7d; font-size: 0.9em; }
#footer ul li.last { border-right: none; }
#footer ul li span,
#footer ul li a { font-size: 10px; color: #5b6693; padding: 0 5px 0 5px; text-decoration: none; background-image: none; }
#footer ul li a:hover { text-decoration: underline; }

#footer .thwate { position: relative; float: right; padding: 20px 0 20px 0; display: block; }


/*
 * 	product list styles
 */
table.list { border-collapse: collapse; width: 100%; margin-bottom: 10px; }
.list td { width: 25%;	vertical-align: top; padding-bottom: 10px; }


.list td div.top { text-align: center; padding: 5px; background: transparent url(../image/panel_top.gif) 0 0 no-repeat; }
.list td div.middle { width: 183px; height: 10px; background: transparent url(../image/panel_middle.gif) 0 0 no-repeat; }
.list td div.bottom { padding: 5px 10px 5px 10px; background: transparent url(../image/panel_bottom.gif) 0 100% no-repeat; }

.list td p { margin: 0; padding: 0 5px 0 0; font-size: 12px; }

.list td div.bottom { min-height: 75px; height:auto !important; height: 75px; position: relative; }
.list td div a.button { display: block; position: absolute; bottom: 5px; right: 10px; }

/* table th { text-align: left; } */

.list td .auto { min-height: inherit !important; height:inherit !important; }

/*
 * 	product detail styles
 */
.product-detail { 
	width: 575px; float: left; 
	background: transparent url(../image/product_top.gif) 0 0 no-repeat; }

.product-detail .bottom { 
	width: 575px; height: 15px; background: transparent url(../image/product_bottom.gif) 0 0 no-repeat;
	 }
table.product { 
	margin: 10px; border-collapse: collapse; width: 555px; height: 309px;  }
table.product td { vertical-align: top; }
table.product .image { width: 250px; text-align: center; }
table.product .description { width: 305px; }
table.product .description h3 { 
	padding: 0 !important; margin: 0 !important; height: auto !important;
	background-image: none !important; font-size: 1.5em !important; color: #5b6693 !important; }
table.product .description p { font-size: 1.1em !important; }

table.product .description div.scrollable {
	width: 280px; height: 180px; padding: 0 15px 0 0; overflow: auto;
}
table.quantity th { font-size: 1.1em; }
table.quantity big { font-size: 14px; color: #40476a; }
/*
 * related / featured products;
 */
.related-products { 
	width: 185px; float: right; position: relative;
	background: transparent url(../image/featured_top.gif) 0 0 no-repeat;
}
.related-products h4 {
	color: #fff; font-size: 12px; line-height: 22px; padding: 0 0 0 10px; }

.related-products .middle { 
	width: 175px; height: 2px; position: absolute; top: 51.5%; right: 5px; 
	background: transparent url(../image/featured_middle.gif) 0 0 no-repeat; }

.related-products .bottom {
	width: 185px; height: 15px;
	background: transparent url(../image/featured_bottom.gif) 0 0 no-repeat;
}
.related-products p { margin: 5px 15px 5px 15px; }
.related-products table { border-collapse: collapse; width: 155px; margin: 5px 15px 5px 15px; }
.related-products table td { text-align: center; }
.related-products table td a { font-size: 1.1em; color: #5b6693; font-weight: bold; text-decoration: none; }
.related-products table td a:hover { text-decoration: underline; }
/*
 * recently viewed / bestsellers
 */
.bestsellers { 
	width: 770px; height: 161px; background: transparent url(../image/recently-viewed.gif) 0 0 no-repeat; overflow: hidden; 
}
.bestsellers h4 {
	color: #fff; font-size: 12px; line-height: 22px; padding: 0 0 0 10px; }
.bestsellers table { border-collapse: collapse; width: 740px; margin: 5px 0 5px 18px; }
.bestsellers table td { width: 25%; }
.bestsellers table td a { display: block; width: 175px; background: #fff; text-align: center; }

#create input { width: 50%; }


#content_search { background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-top: 3px; margin-bottom: 10px; }
#content_search table { width: 70%; }
#content_search table td { text-align: left; }
#content_search input { width: 100%; }

#sitemap { position: relative; }
#sitemap .left { float: left; width: 50%; display: inline-block; }
#sitemap .right { float: right; width: 50%; display: inline-block; }
#sitemap a { text-decoration: none; color: #5b6693; }
#sitemap a:hover { text-decoration: underline; color: #40476a;}


/*
 * button style (sliding doors)
 */
a.button {
	cursor: pointer;
	background: transparent url('../image/button_right.gif') no-repeat bottom right;
	color: #fff; margin-bottom: 5px; text-transform: lowercase;
	display: inline-block;
	font-size: 11px; font-weight: bold;
	height: 18px; line-height: 18px;
	margin-right: 6px;
	padding-right: 17px; /* sliding doors padding */
	text-decoration: none; }
a.button span {
	background: transparent url('../image/button_left.gif') bottom left no-repeat;
	display: inline-block; padding: 0 0 0 10px; }
a.button:hover { background: transparent url('../image/button_right.gif') no-repeat top right; color: #fff; text-decoration: none; }
a.button:hover span { background: transparent url('../image/button_left.gif') left top no-repeat; }



#home #body { width: 920px; float: none; }
#home .list td { width: 182px !important; }
#home .list td div.middle { width: 182px; height: 10px; background: transparent url(../image/panel_middle.gif) 0 0 no-repeat; }

#home .list td div.bottom { padding: 5px 2px 5px 10px; background: transparent url(../image/panel_bottom.gif) 0 100% no-repeat; }
#home .list td div a.button { display: block; text-align: right; }


#home .list td div.bottom { height: 75px; position: relative; }
#home .list td div a.button { display: block; position: absolute; bottom: 5px; right: 2px; }

.banner { position: relative; width: 770px; height: 152px; overflow: hidden; }
.banner img { position: absolute; top: 0; left: 0; display: block; }
.banner span { 
	color: #fff; font-size: 14px;  line-height: 1.3em;
	display: block; position: absolute; top: 35px; left: 0; padding: 10px; width: 60%; height: 85px; overflow: hidden; }



/*
 * 	align buttons on same row
 */ 
.buttons {
	margin-bottom: 10px;
	clear: both; padding: 5px;
}
.buttons input {
	padding: 0px; margin: 0px;
}
.buttons table {
	width: 100%; border-collapse: collapse; }
.buttons table td { vertical-align: middle; }










/*
 * 	select list styles for sort;
 */
.sort { margin-bottom: 10px; background: #F8F8F8; height: 30px; width: 770px; }
.sort .select { float: right; margin-left: 5px; padding-top: 6px; padding-right: 9px; }
.sort .label { text-align: right; padding-top: 9px; }
.sort select { font-size: 11px; margin: 0; padding: 0; }






.pagination {
	display: inline-block;
	width: 770px;
	background: #F8F8F8;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}

.pagination .links a:hover { background: #5b6693; border: 1px solid #5b6693; color: #fff; }

.pagination .links b {
	border: 1px solid #5b6693;
	padding: 4px 7px; background: #5b6693;
	text-decoration: none;
	color: #fff;
	
}
.pagination .results {
	float: right;
}






.cart {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 99%;
	border: 1px solid #EEEEEE;
}
.cart th {
	background: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
.cart td {
	padding: 5px;
}



.warning,
.wait,
.success {
	border-bottom: 4px solid #fff;
	font-weight: normal; line-height: 20px; 
	margin: 5px 10px 5px 0; padding: 10px 6px 10px 35px !important; }

.success {
	border-color: #be8;
	background: #dfa url(../image/success.gif) 10px 10px no-repeat; color: #292 !important; }

.wait {
	border-color: #cce;
	background: #eef url(../image/info.gif) 10px 10px no-repeat; color: #247 !important; }


.warning {
	border-color: #FFF468;
	background: #FFFac0 url(../image/error.gif) 10px 10px no-repeat; color: #422E00 !important; }





.required {
	color: #FF0000;	font-weight: bold;
}
.error {
	color: #FF0000; display: block;
}

.help { cursor: pointer; }

.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}


#home_slideshow { position: relative; width: 920px; height: 330px; overflow: hidden; border-bottom: 1px solid #c0b9c0; }

#home_slideshow_pager { position: absolute; top: 290px; left: 60px; z-index: 9999; }
#home_slideshow_pager a { 
	margin: 0 10px 0 0; text-indent: -9999px; display: block; float: left; width: 24px; height: 24px; background: transparent url(../image/pager_thumb.gif) 0 -24px no-repeat; }
#home_slideshow_pager a.activeSlide { background-position: 0 0; }
#home_slideshow_pager a:focus { outline: none; }

#home_slideshow_play_pause { position: absolute; top: 290px; left: 30px; z-index: 9999; display: block; width: 24px;  height: 24px; overflow: hidden; cursor: pointer; }



#home .quicklinks { width: 920px; position: relative; overflow: hidden; margin-bottom: 12px; }

#home .quicklinks a { 
	display: block; float: left; text-decoration: none; color: #55517b; overflow: hidden;
	background: transparent url(../image/home-quicklinks.jpg) 0 0 no-repeat; height: 130px; }

#home .quicklinks a:hover { color: #55517b; }

#home .quicklinks a span { 
	display: block; margin: 18px 0 15px 0; height: 70px; 
	padding: 27px 10px 0 120px; float: left;
	border-left: 1px solid #c0b9c0; }

#home .quicklinks a span big { font-weight: bold; line-height: 1.4em; }
#home .quicklinks a span strong { display: none; }

#home .quicklinks a span em { 
	display: block; font-style: normal; font-weight: bold; text-align: left; margin-top: 5px;
	}
#home .quicklinks a span em b {
	text-indent: -9999px; padding: 0 8px 0 0; background: transparent url(../image/arrow-off.gif) 100% 50% no-repeat;
}
#home .quicklinks a.postage { width: 312px; background-position: 0 0; }
#home .quicklinks a.postage:hover { background-position: 0 -130px;}

#home .quicklinks a.postage span { border: 0; padding-left: 135px; }


#home .quicklinks a.growing-tips { width: 296px; background-position: -312px 0; }
#home .quicklinks a.growing-tips:hover { background-position: -312px -130px;}

#home .quicklinks a.our-newsletter { width: 312px; background-position: -608px 0; }
#home .quicklinks a.our-newsletter:hover { background-position: -608px -130px;}

