body {
	margin: 0; padding: 0;
	background: #243942; color: #9dacb2;
	text-align: center;
	font-family: Arial, Sans-Serif; font-size: 12px;
}

h2, h3, h4, h5, p { margin: 0; padding: 7px 0; }
h1 { font-size: 30px; font-weight: normal; margin: 0; padding: 0; }
h2 { color: #eeebeb; font-size: 22px; font-weight: normal; }
h3 { color: #eeebeb; font-size: 16px; font-weight: bold; }
h4 { color: #eeebeb; font-size: 14px; font-weight: bold; }
hr { color: #1C2D34; background: #1C2D34; border:0; height: 1px; margin: 10px 0; clear: both; }
hr.blank { color: #243942; background: #243942; }
p { text-align: justify; line-height: 16px; }
a { color: #28A7CA; text-decoration: none; }
a:hover { color: #FFF; }
img { border: 0; }
img.right { margin: 13px 0 10px 20px; display: block; float: right; }
img.xmas { margin: 10px 0 0 65px; display: block; float: left; }
input.flright { float: right !important; }
br.clear { width: 100%; height: 1px; margin: 0; padding:0; display: block; clear: both; }
ul li, ol li { margin: 0; padding: 5px 0; }
ul li ul { padding-top: 7px; }

.uc { text-transform: uppercase; }
.ul { text-decoration: underline; }
.hide { display: none; }
.red { color: #f71a10; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; } 
.small { font-size: 11px; }
.small h3 { font-size: 13px; clear: left; }
.flat { margin: 0 !important; padding: 0 !important; }
.more-link { font-size: 11px; text-align: left; margin: 0; padding: 5px 5px 0 5px; clear: both; }
.breadcrumb { margin: 0; padding: 5px 10px; color: #9DACB2; font-size: 11px; }
.product-info { width: 300px; margin: 0; padding: 0; float: right; }
.product-info select { width: 290px; height: 20px; margin: 0 0 10px 0; font-size: 11px; }
.product-info input.qty { width: 30px; float: left; font-size: 11px; }
.product-info label.qty { margin: 0; padding: 3px 5px 0 0; float: left; clear: both; font-size: 11px; }
.product-info input.basket { clear: both; }
.product-box { width: 260px; margin: 10px 10px 10px 0; padding: 0; float: left; }
.product-box img.product-photo { margin: 0 5px 5px 0; display: block; }
.product-box ul.thumbs { margin: 0; padding: 0; list-style: none; }
.product-box ul.thumbs li { margin: 0; padding: 0 5px 5px 0; display: block; float: left; }
.product-box ul.thumbs li a { margin: 0; padding: 0; display: block; float: left; }
.product-box .info { padding: 7px 10px; }
.product-info { width: 300px; margin: 0; padding: 0; float: right; }
.price { font-weight: bold; }
.ad-holder { margin: 0; padding: 0; clear: both; text-align: center; }
.ad-holder .calusa { width: 108px; margin: 0 auto; display: block; }

/************************************************************************* layout ***/

#container {
	width: 1000px;
	margin: 0 auto; padding: 0 20px;
	text-align: left;
}

#header {
	width: 1000px; height: 130px;
	margin: 0; padding: 24px 0 10px 0;
	clear: both;
	background: url(../images/secure-trading-s.gif) no-repeat top right;
}
#nav {
	width: 970px; height: 16px;
	margin: 0 0 10px 0; padding: 14px 15px 10px 15px;
	clear: both;
	background: #CCC url(../images/bg-nav.gif) no-repeat;
}
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav ul li { margin: 0; padding: 0 40px 0 0; display: block; float: left; }
#nav ul li.basket { padding: 0 5px 0 0; float: right; }
#nav ul li a { color: #FFF; font-weight: bold; }
#nav ul li a:hover { color: #1b2c33; }

#content-left {
	width: 190px;
	margin: 0 10px 0 0; padding: 0;
	clear: both; float: left;
}
#content-left h4 { color: #28a7ca; font-size: 14px; font-weight: bold; }
#content-left a { color: #ced9dd; }
#content-left a:hover, #content-left h4 a { color: #28A7CA; }
#content-left h4 a:hover { color: #A0D3E8; }
#content-left .search-box input.text { width: 130px; }
#content-left input.text, #content-right input.text { width: 160px; }

#content-main {
	width: 600px;
	margin: 0; padding: 0;
	float: left;
}

#content-right {
	width: 190px;
	margin: 0 0 0 10px; padding: 0;
	float: left;
}
#content-right .box { background: #0d414f; }
#content-right h4 { color: #FFF; }

#footer {
	width: 1000px; height: 42px;
	margin: 0; padding: 0;
	clear: both;
	background: url(../images/bg-footer.gif) no-repeat; color: #9DACB2; border-top: #243942 10px solid;
	text-align: center;
}
#footer a { color: #ced9dd; }
#footer a:hover { color: #28A7CA; }

/************************************************************************* branding ***/

a.logo {
	width: 122px; height: 115px;
	margin: 0 0 20px 10px; padding: 0;
	display: block; float: left;
	background: url(../images/grommies.gif) no-repeat;
}
a.logo span { display: none; }

/************************************************************************* boxes ***/

.box {
	margin: 0 0 10px 0 !important; padding: 5px 10px 10px 10px;
	background: #1d2d34;
}
.register-box { height: 110px; }
.search-box { height: 60px; }
.search-box p, .register-box p { margin: 0; padding: 5px 0; }
.search-box form, .register-box form { margin: 0; padding: 0; display: block; background: none; }
.search-box input, .register-box input { margin: 0 5px 5px 0; padding: 0; float: left; }
.search-box input { width: 130px;  }
.register-box input { width: 165px; }
.search-box input.button, .register-box input.button {
	height: 22px;
	margin: 0; padding: 0;
	display: block; float: left;
	color: #1D2D34; border: 0;
	text-align: center; cursor: pointer; text-transform: uppercase;
	font-size: 11px; font-weight: bold; font-family: Arial, Sans-Serif;
}
.search-box input.button { width: 28px; background: url(../images/button-go.png) no-repeat; }
.register-box input.button { width: 80px; background: url(../images/button.png) no-repeat; clear: both; }
.search-box input.button:hover, .register-box input.button:hover { background-position: 0 -22px; color: #FFF; }

.categories ul { margin: 0; padding: 0; list-style: none; font-size: 11px; }
.categories ul li { margin: 0; padding: 3px 0; clear: both; }

.home-banners ul { width: 600px; margin: 0; padding: 0; clear: both; list-style: none; }
.home-banners ul li { margin: 0; padding: 0; display: block; float: left; }
.home-banners ul li.mid { padding: 0 10px; }

.copy-area { margin: 0; padding: 10px; clear: both; }

.bestsellers ul { margin: 0; padding: 0; list-style: none; font-size: 11px; }
.bestsellers ul li { margin: 0; padding: 3px 0; clear: both; }

.featured-products { margin: 0; padding: 10px; }
.featured-products ul { margin: 0; padding: 10px 0; list-style: none; }
.featured-products ul li { width: 150px; height: 230px; margin: 0 40px 20px 0; padding: 0; display: block; float: left; }
.featured-products ul li a.title, .featured-products ul li .price,
.featured-products ul li a.info { margin: 0; padding: 5px 0; display: block; clear: both; }

.featured-products ul li a.title { font-weight: bold; }
.featured-products ul li .price { font-size: 11px; font-weight: normal; }
.featured-products ul li input.basket, .featured-products ul li a.info,
.featured-products ul li a.button, input.basket {
	width: auto;
	margin: 10px 0; padding: 3px;
	display: block; float: left; cursor: pointer; border: 0;
	font-size: 11px; font-family: Arial, Sans-Serif;
}
.featured-products ul li input.basket, input.basket,
.featured-products ul li a.button, .featured-products ul li a.button-info {
	width: 100px; height: 22px;
	background: url(../images/button-basket.png) no-repeat; color: #FFF;
	font-weight: bold; font-size: 11px; text-transform: uppercase;
}
.featured-products ul li a.button, .featured-products ul li a.button-info {
	width: 100px; height: 18px !important;
	margin: 0; padding: 4px 0 0 0;
	display: block;	text-align: center;
}
.featured-products ul li a.button-info { width: 80px; background: url(../images/button.png) no-repeat; background-position: 0 -22px; }
.featured-products ul li a.button-info:hover { background-position: 0 0; color: #1D2D34; }
.featured-products ul li input.basket:hover, input.basket:hover,
.featured-products ul li a.button:hover { background-position: 0 -22px; }
.featured-products ul li a.info {
	width: 47px; height: 12px;
	margin: 10px 0; padding: 5px 3px 3px 0;
	background: none; color: #FFF;
}
.featured-products ul li a.info:hover { background: none; color: #28A7CA; }

.product-categories ul li { height: 200px !important; }

.bestsellers ul { margin: 0; padding: 0; list-style: none; }
.bestsellers ul li { margin: 0; padding: 5px 0; display: block; clear: both; cursor: pointer; }
.bestsellers ul li a img { margin: 0; display: block; float: left; }
.bestsellers ul li a .title {
	width: 110px;
	margin: 0; padding: 5px 5px 5px 5px;
	display: block; float: left;
	cursor: pointer;
}

ul.footer-nav { margin: 0 auto; padding: 14px 0 0 0; list-style: none; text-align: center; }
ul.footer-nav li { margin: 0; padding: 0 16px; display: inline; font-size: 11px; }

.footer-base-left, .footer-base-center,
.footer-base-right { float: left; color: #9DACB2; font-size: 11px; }

.footer-base-left { width: 170px; margin: 0; padding: 20px 10px; text-align: left; }
.footer-base-center { width: 600px; margin: 0 10px; padding: 20px 0; text-align: center; }
.footer-base-right { width: 170px; margin: 0; padding: 20px 10px; text-align: right; }

.footer-base-left a, .footer-base-center a, .footer-base-right a { color: #9DACB2; }
.footer-base-left a:hover, .footer-base-center a:hover, .footer-base-right a:hover { color: #FFF; }

.two-col {
	width: 270px;
	margin: 0; padding: 0;
	float: left;
}

ul.summary { clear: left; margin: 0; padding: 10px 0 10px 15px; }

ul.ads { margin: 0; padding: 0; list-style: none; }
ul.ads li { margin: 0; padding: 0 0 10px 0; display: block; clear: both; }
ul.ads li a { margin: 0; padding: 0; display: block; }

input.button {
	width: 80px; height: 22px;
	margin: 0; padding: 0;
	display: block; float: left;
	background: url(../images/button.png) no-repeat; background-position: 0 -22px; border: 0;
	text-align: center; text-transform: uppercase; cursor: pointer;
	font-size: 11px; font-weight: bold; font-family: Arial, Sans-Serif;
}
input.button:hover { background-position: 0 0; }
input.voucher-code, label.voucher-code { margin: 0 5px 0 0; float: left; }
input.voucher-code { width: 150px !important; }
label.voucher-code { padding: 5px 0 0 0; }

/************************************************************************* forms ***/

fieldset.contact_form {
	width: 326px;
	margin: 10px 40px 0 0; padding: 0;
	float: left;
}
fieldset.contact_form dl dt { width: 100px; margin: 5px 0; padding: 0 5px 0 0; float: left; clear: both; font-size: 13px; text-align: right; }
fieldset.contact_form dl dd { width: 210px; margin: 5px 0;  float: left; }
fieldset.contact_form dl dd input#submit { cursor: pointer; }
form, fieldset, dl, dt, dd { margin: 0; padding: 0; border: 0; }
input.text, textarea.text {
	width: 200px; padding: 3px; border: 0;
	font-size: 13px; font-family: Arial, Sans-Serif;
}
textarea.text { height: 100px; }

input.postcode { width: 90px; }

form.add-basket { margin: 0; padding: 0; }

/************************************************************************* tables ***/

table.basket { width: 100%; margin: 10px 0; border-collapse: collapse; }
table.basket tr th, table.basket tr td { padding: 10px; border: #243942 1px solid; }
table.basket tr td { background: #1D2D34; }
table.basket tr th { background: #243942; }

table.basket tr td.qty, table.basket tr td.price, table.basket tr td.remove { vertical-align: bottom; }

table.basket tr th.qty, table.basket tr td.qty { width: 50px; text-align: center; }
table.basket tr th.price, table.basket tr td.price { width: 70px; text-align: right; }
table.basket tr th.blank, table.basket tr td.blank { background: none; border: 0; }
table.basket tr th.remove, table.basket tr td.remove { width: 15px; }
table.basket tr td.blank input.remove { width: ; height: ; border: 0; display: block; cursor: pointer; }

table.basket-options tr td { padding: 5px 7px; }
table.basket-options tr td input.basket { margin: 0; }

table.info { margin: 10px 0; border-collapse: collapse; }
table.info tr th, table.info tr td { border: #0D414F 1px solid; }
table.info tr th { background: #0D414F; }

table tr td.photo { width: 175px; }

/************************************************************************* MultiBox v1.3 ***/

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #FFF;
	background-color: #FFF !important;
	display: none;
	z-index: 2;
	text-align: left;
}

.MultiBoxLoading {
	background: url(../images/multibox/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(../images/multibox/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	width: 100%;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	background-color: #FFF;
	padding: 0 0 2px 0;
	position: absolute;
	bottom: 0px;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(../images/multibox/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(../images/multibox/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(../images/multibox/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(../images/multibox/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	padding: 0 0 0 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2E2E2E;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}

/*************************************************************/