*,h1,h2,h3,h4,h5,h6,h7,h8,p,div,body,html,ul,li,ol,img,a { margin:0; padding:0; }
ul,ol,li { list-style: none }
.clear { clear: both; }
.hide { display: none; }
p { margin: 0em 0 1.2em 0; }
hr { display: none; }
a img { border: none; }
.overflow { overflow: hidden; width: 100%; }
acronym, abbr { border-bottom: none; }

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	background: #9cd3d7;
}

a {
	text-decoration: none;
	color: #267075;
}
a:hover {
	color: #fff;
}

/* ---------- Color Schemes ---------- */
body#page-shop { background: #e8e8e8; }
body#page-shop #main .box { background: #f8f8f8 url(/_inc/img/shop-top.gif) top left no-repeat; }
body#page-shop #main .box .inner { background: url(/_inc/img/shop-bottom.gif) bottom left no-repeat; }
body#page-shop #cartbar { background: #f8f8f8 url(/_inc/img/shop-top.gif) top left no-repeat; }
body#page-shop #cartbar .inner { background: url(/_inc/img/shop-bottom.gif) bottom left no-repeat; }
body#page-shop #menu { background: url(/_inc/img/menu-bg-shop.gif) top left no-repeat; }
body#page-shop #header h2 a { background: url(/_inc/img/logo-shop.gif) top left no-repeat; }
body#page-shop #main h1 { color: #444; }
body#page-shop #main h1 span { color: #888; }
body#page-shop #menu ul li ul { background: #fff; }
body#page-shop #menu ul li.hover a { background: #fff; }
body#page-shop #menu ul li ul { background: #fff; }
body#page-shop a:hover { color: #0b4145; }

body#page-consulting { background: #231f20; color: #888; }
body#page-consulting #main .box { background: #58585a url(/_inc/img/consulting-top.gif) top left no-repeat; color: #ddd; }
body#page-consulting #main .box .inner { background: url(/_inc/img/consulting-bottom.gif) bottom left no-repeat; }
body#page-consulting #cartbar { background: #58585a url(/_inc/img/consulting-top.gif) top left no-repeat; color: #ddd; }
body#page-consulting #cartbar .inner { background: url(/_inc/img/consulting-bottom.gif) bottom left no-repeat; }
body#page-consulting #menu { background: url(/_inc/img/menu-bg-consulting.gif) top left no-repeat; }
body#page-consulting #header h2 a { background: url(/_inc/img/logo-consulting.gif) top left no-repeat; }
body#page-consulting #main h1 { color: #fff; }
body#page-consulting #main h1 span { color: #888; }
body#page-consulting #menu ul li a { color: #9ed9de; }
body#page-consulting #menu ul li ul { background: #333; }
body#page-consulting #menu ul li.hover a { background: #333; color: #fff; }
body#page-consulting #menu ul li ul { background: #333; }
body#page-consulting a:hover { color: #fff; }
body#page-consulting #footer h2 { color: #ddd; }
body#page-consulting .contact-details abbr { color: #ddd; }
body#page-consulting #main a { color: #5ab3ba; }
body#page-consulting #main a:hover { color: #fff; }

/* ---------- Main Layout ---------- */
#site {
	width: 900px;
	margin: 0 auto;
}
#main { z-index: 100; position:relative}
#main h1 {
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	padding: 30px 0 10px 10px;
}
#main h1 span {
	color: #d6edef;
}

#main .box {
	background: #b6e2e6 url(/_inc/img/top.gif) top left no-repeat;
}
#main .box .inner {
	background: url(/_inc/img/bottom.gif) bottom left no-repeat;
}
#main .inner {
	width: 100%;
	overflow: hidden;
}
#main .sidebar {
	float: left;
	width: 310px;
	padding: 20px;
}
#main .content {
	float: right;
	width: 550px;
	padding: 20px 0 10px 0;
}
#main .content div.text {
	padding: 0 20px 0 0;
	line-height: 1.6em;
}
#main .content div.text a {
	text-decoration: underline;
}


/* ---------- Header ---------- */
#header {
	width: 100%;
	padding: 40px 0 0 0;
}
#header h2 {
	width: 810px;
	height: 70px;
	display: block;
}
#header h2 a {
	background: url(/_inc/img/logo.gif) top left no-repeat;
	width: 139px;
	height: 62px;
	display: block;
	float: right;
}
#header h2 a span {
	width: 1px;
	height: 1px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}

/* ---------- Menu ---------- */
#menu {
	background: url(/_inc/img/menu-bg.gif) top left no-repeat;
	width: 900px;
	height: 40px;
}
#menu ul {
	float: right;
	padding: 4px 0 0 0;
}
#menu ul li {
	float: left;
	margin: 0 10px;
	z-index: 1000;
	padding: 0;
}
#menu ul li a {
	z-index: 1100;
	float: left;
	text-transform: uppercase;
	color: #000;
	padding: 8px 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#menu ul li.hover a {
	background: #d6edef;
	color: #267075;
}
#menu ul li ul {
	position: absolute;
	left: -99999em;
	width: 160px;
	z-index: 1200;
	background: #d6edef;
	padding: 15px;
	margin-top: 25px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}
#menu ul li.hover ul,#menu ul li:hover ul { left: auto; }
#menu ul li ul li {
	float: none;
	padding: 0px;
	margin: 0px;
	line-height: normal;
	display: block;
}
#menu ul li ul li a {
	color: #267075;
	float: none;
	padding: 1px 0px 1px 0px;
	margin: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	text-transform: none;
	display: block;
	width: auto;
}
#menu ul li ul li a:hover { color: #0b4145; }

body#page-about #menu ul li.menu-about a,
body#page-news #menu ul li.menu-news a,
body#page-contact #menu ul li.menu-contact a {
	background: #d6edef;
	color: #267075;
}
body#page-shop #menu ul li.menu-shop a {
	background: #fff;
	color: #267075;
}
body#page-consulting #menu ul li.menu-consulting a{
	background: #333;
	color: #fff;
}

/* ---------- Product Menu ---------- */
#main ul.side-menu {
}
#main ul.side-menu li {
	padding: 2px 0;
}
#main ul.side-menu li a {
	padding: 6px;
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #f8f8f8;
}
#main ul.side-menu li a.active,
#main ul.side-menu li a:hover {
	background: #fff;
	color: #444;
	border: 1px solid #e8e8e8;
}

/* ---------- Product List ---------- */
ul.product-thumbs {
	width: 100%;
	overflow: hidden;
}
ul.product-thumbs li {
	float: left;
	width: 135px;
	height: 135px;
}
ul.product-thumbs li h4 { display: none; }
ul.product-thumbs li a {
	background: #ddd;
	padding: 3px;
	float: left;
}
ul.product-thumbs li a:hover { background: #bbb; }

/* ---------- Single Product ---------- */
.singleproduct {
	padding: 0 20px 0 0;
}
.singleproduct .productimage {
	float: right;
	width: 195px;
}
.singleproduct .productimage a {
	background: #ddd;
	padding: 5px;
	float: right;
}
.singleproduct .productimage a:hover { background: #bbb; }
.singleproduct .productoptions ul {
	margin: 10px 0;
}
.singleproduct .productoptions ul li {
	display: block;
	width: 320px;
	padding: 2px 0;
}
.singleproduct .productoptions ul li a {
	display: block;
	padding: 10px;
	width: 298px;
	overflow: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #f8f8f8;
}
.singleproduct .productoptions ul li a:hover,
.singleproduct .productoptions ul li a.selectedoption {
	background: #fff;
	color: #444;
	border: 1px solid #e8e8e8;
}
.singleproduct .productoptions ul li a .price { float: right; }
.singleproduct .productoptions ul li a .price .standardprice { font-weight: bold; }
.singleproduct .productoptions ul li a .price .wholesale { font-weight: bold; }
.singleproduct .productoptions ul li a .price .retail { text-decoration: line-through; color: #aaa; }
.singleproduct form {
	padding-top: 10px;
	width: 220px;
	overflow: hidden;
}
.singleproduct form .quantity {
	float: left;
}
.singleproduct form .quantity label {
	float: left;
	width: 60px;
	padding-top: 4px;
}
.singleproduct form .quantity input {
	padding: 4px;
	width: 40px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #e8e8e8;
	background: #fff;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.singleproduct form .button {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: right;
	padding: 2px 10px;
}
.singleproduct .productinfo {
	width: 320px;
}


/* ----------- Footer ----------- */
#footer {
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
}
#footer .contact-details {
	text-align: left;
	float: right;
	width: 200px;
}
#footer h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 0 0 0.4em 0;
	text-transform: uppercase;
}
#footer .contact-details abbr {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	cursor: help;
}
#footer .contact-details p {
	margin: 0 0 0.4em 0;
}
#footer .links {
	float: left;
	padding: 0 0 0 10px;
}
#footer #starfishsend {
	float: right;
	width: 200px;
}
#footer #starfishsend input.text {
	padding: 2px;
	border: 1px solid #7dbec3;
}
#footer #starfishsend .buttons button.button {
	border: 1px solid #7dbec3;
	margin-top: 2px;
}

body#page-consulting #footer #starfishsend .buttons button.button,
body#page-consulting #footer #starfishsend input.text { border-color: #111; }
body#page-shop #footer #starfishsend .buttons button.button,
body#page-shop #footer #starfishsend input.text { border-color: #888; }
body#page-shop #footer #starfishsend .buttons button.button:hover { border-color: #9cd3d7; }

/* ---------- General Styling ---------- */
table.media-table {
	width: 100%;
}
table.media-table th {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 8px;
}
table.media-table td {
	border-bottom: 1px solid #fff;
	padding: 8px;
}

#main div.text ul {
	list-style: disc;
	margin: 0 0 1.2em 2em;
}
#main div.text ul li {
	list-style: disc;
	margin: 0.1em 0 0 0;
}
#main div.text ul ul {
	margin-bottom: 0.2em;
}
#main div.text ul ul li {
	list-style: circle;
}
#main .brand {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e8e8e8;
}
.image-right {
	float: right;
	margin: 0 0 5px 10px;
}
.image-left {
	float: left;
	margin: 0 10px 5px 0;
}

/* ---------- News ---------- */
.newsitem {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #fff;
}

/* ---------- Shopping Cart ---------- */
#main .wide {
	padding: 20px;
}
.carttable table {
	width: 100%;
	margin-bottom: 10px;
}
.carttable table td {
	padding: 4px;
}


.carttable table th {
	background: #e8e8e8;
	border-bottom: 1px solid #d8d8d8;
	padding: 10px;
}
.carttable table tr td {
	padding: 10px;
}
.carttable table tr.item td {
	border-bottom: 1px solid #e8e8e8;
}
.carttable table td.price-cell { width: 100px; }
.carttable table td.update-cell { width: 200px; }
.carttable table td.totalprice-cell { width: 100px; }
.carttable table td.update-cell form {
	width: 150px;
	margin: 0 25px 0 25px;
}
.carttable table td.update-cell form .button {
	float: right;
}
.carttable table td.update-cell form .qtybox {
	float: left;
	width: 32px;
	padding: 4px;
}
.carttable table td.coupon-cell form {
	width: 175px;
	float: right;
}
.carttable table td.coupon-cell form .couponbox {
	float: left;
	padding: 4px;
}
.carttable .coupon-row .promotion { font-weight: bold; }
.carttable .coupon-row .discountapplied { font-style: italic; font-size: 11px; color: #888; }
.carttable .bigbuttons .button {
	float: right;
}
.carttable table tr.ordertotal-row td {
	border-bottom: 1px solid #e8e8e8;
}
.carttable table tr.postage-row td {
	border-bottom: 1px solid #e8e8e8;
}
.carttable table tr.coupon-row td {
	border-bottom: 1px solid #e8e8e8;
}
.carttable table td.postage-cell form {
	margin: 0 25px 0 10px;
}
.carttable table td.coupon-cell form {
	margin: 0 25px 0 10px;
}
.carttable table td.postage-cell form select {
	float: left;
	padding: 4px;
	width: 180px;
}
.carttable table td.postage-cell form button.button,
.carttable table td.coupon-cell form button.button {
	float: right;
}
.carttable table tr.extras-row td {
	border-bottom: 1px solid #e8e8e8;
}
.carttable table .summary {
	color: #888;
	font-size: 14px;
}
.carttable table .summary strong {
	font-weight: normal;
	color: #555;
}
.carttable table .summary em {
	font-size: 11px;
}
.carttable .checkout-button {
	float: right;
}
.carttable table td input.button { padding: 2px 8px; }

/* ---------- Cart Bar ---------- */
#cartbar {
	margin-bottom: 10px;
}
#cartbar {
	background: #b6e2e6 url(/_inc/img/top.gif) top left no-repeat;
}
#cartbar .inner {
	background: url(/_inc/img/bottom.gif) bottom left no-repeat;
	width: 880px;
	overflow: hidden;
	padding: 10px;
}
#cartbar .message { float: left; padding: 4px 0 0 4px; }
#cartbar .buttons { float: right; }
#cartbar .buttons .button { float: right; }

/* ---------- Buttons ---------- */
.buttons a.button, .buttons button.button {
	display: block;
	float: left;
	margin: 0 2px;
	background-color: #cff0f3;
	border: 1px solid #9CD3D7;
	line-height: 130%;
	text-decoration: none !important;
	font-weight: bold;
	color: #267075;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font: normal 12px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 6px 10px; /* Links */
}
.buttons button.button {
	width: auto;
	overflow: visible;
	padding: 2px 10px; /* IE6 */
}
.buttons button[type].button {
	padding: 2px 10px; /* Firefox */
	line-height: 17px; /* Safari */
}
*:first-child+html button[type].button {
	padding: 2px 10px; /* IE7 */
}

#main .buttons a.big {
	padding: 12px 24px;
}
#main .buttons button.big {
	padding: 8px 24px;
}

/* STANDARD */
.buttons button:hover, .buttons a.button:hover {
	background-color: #fff;
}

body#page-shop .buttons a.button,
body#page-shop .buttons button.button { background-color: #fff; border: 1px solid #e8e8e8; color: #565656; }
body#page-shop .buttons a.button:hover,
body#page-shop .buttons button.button:hover { background-color: #e0eeef; border: 1px solid #9cd3d7; color: #336699; }

body#page-consulting .buttons a.button,
body#page-consulting .buttons button.button { background-color: #6c6c6c; border: 1px solid #444; color: #ddd !important; }
body#page-consulting .buttons a.button:hover,
body#page-consulting .buttons button.button:hover { background-color: #888; border: 1px solid #333; color: #fff !important; }

.securenotice {
	background: #E8E8E8 url(/_inc/img/secure.gif) 11px 11px no-repeat;
	float: left;
	height: 38px;
	color: #777;
}
.securenotice span {
	padding: 10px 15px 0 35px;
	display: block;
}

/* ----------- General Form Styling ---------- */
form input, forn textarea, form select, form button {
	font: normal 12px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.required { font-weight: bold; color: #911; }
form.form fieldset {
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: none;
	padding: 15px;
	margin: 0 0 10px 0;
}
form.form label.left {
	float: left;
	padding: 3px 0 0 0;
}
form.form label.medium {
	width: 120px;
}
form.form label.small {
	width: 60px;
}
form.form input.text, form.form select.text {
	padding: 3px;
}
form.form ol, form.form ul { margin: 0; padding: 0; }
form.form ol li, form.form ul li { margin: 0; padding: 2px 0; list-style: none; }
form.form .buttons { width: 100%; overflow: hidden; margin: 0 0 10px 0; }

/* ----------- Home Page ---------- */
body#page-home #site #main .box {
	background: url(/_inc/img/home.jpg) top left no-repeat;
	width: 900px;
	height: 400px;
}
body#page-home #site #main .box .inner { background: none; }
body#page-home #site #main .box .sidebar { display: none; }
body#page-home #site #main .box .content {
	width: 310px;
	padding: 20px;
	float: left;
	font-size: 14px;
}
body#page-home #site #main .box .content .text { padding: 0; }

/* Newsletter buttons */
a#newsletter-link{display:block;width:174px;height:30px;background-image:url(/_inc/img/newsletter-main.png);background-repeat:no-repeat;position:absolute;top:35px;right:0}
a#newsletter-link span{position:absolute;left:-10000em}
body#page-shop a#newsletter-link{background-image:url(/_inc/img/newsletter-shop.png)}
body#page-consulting a#newsletter-link{background-image:url(/_inc/img/newsletter-consult.png)}