/*[fmt]1A90-1A0A-3*/
/**
* @project Exact Office
* @author iWeb Solutions
* @copyright 2009 by the author
* --------------------------------------------------------------------------------------------------

*
* =Tg
* @section Typography
* @see http://riddle.pl/emcalc/
* @see http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
* --------------------------------------------------------------------------------------------------
*/
body {
	position: relative;
	font: normal normal 62.5%/1.4 "Helvetica Heue", Helvetica, Arial, sans-serif;
	line-height: 1.2308;
	color: #FFF;
	background-color: #FFF;
}
#wrapper {
	font-size: 1.3em; /*13px base font size*/
}
p, ul, ol, dl, pre, address, table {
	margin: 0 0 1.3846em; /*18px*/
}

/**
* =Th
* @section Typography
* @subsection Headings
* --------------------------------------------------------------------------------------------------
*/
h2, h3, h4, h5 {
	font-weight: bold;
}
h2, h3 {
	margin: 0 0 10px;
	font-size: 22px;
	color: #FFF;
	letter-spacing: 0;
}
h4, h5 {
	margin: 0.4286em 0 1.2857em;
	color: #555;
}
h4 {
	font-size: 1.4em;
}
body.faqs #section h4,
body.faqs #section h5,
body.faqs #section h6,
body.delivery #section h4,
body.delivery #section h5,
body.delivery #section h6 {
	margin: 0 0 5px;
	color: #fff;
}
/**
* =Tp
* @section Typography
* @subsection Paragraphs
* @desc For paragraphs, blockquotes, address
* --------------------------------------------------------------------------------------------------
*/
blockquote, p.lede {
	margin: 0 0 0.75em;
	font-size: 18px;
}
address.adr {
	margin-bottom: 0;
}
address.adr strong, address.adr em, address.adr span, em.fn {
	display: block;
	font-weight: normal;
	font-style: normal;
}
em.fn {
	display: inline;
}
blockquote {
	margin: 0 0 -0.3em;
}
blockquote p {
	font-style: italic;
	margin-bottom: 0.8889em;
}
blockquote p.citation {
	margin: -1em 0 1.5em;
	font-family: "Helvetica Heue", Helvetica, Arial, sans-serif;
	color: #555;
	text-align: right;
	font-style: normal;
}
/**
* =Tl
* @section Typography
* @subsection Lists
* --------------------------------------------------------------------------------------------------
*/
ul, ol {
	padding-left: 24px;
}
ol {
	list-style-type: decimal;
}
ul {
	list-style-type: square;
}
ul.none {
	padding-left: 0;
	list-style: none;
}
dt {
	font-size: 1.4em;
}
dd dt {
	font-size: 1em;
}
dl dt, dl dd {
}
dl dt {
	font-weight: bold;
}
dl dd {
	margin-bottom: 1em;
}
/**
* =Ti
* @section Typography
* @subsection Inline Elements
* @desc em, strong, imgs, anchors etc
* --------------------------------------------------------------------------------------------------
*/
a:link, a:visited, a:focus, a:hover, a:active {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}
a:hover, a:focus, a:active, .hovered a {
	text-decoration: underline;
}
.fitt {
	cursor: pointer;
}
.active a, .active a:focus, .active a:hover, .active a:active {
	color: #F26522;
	text-decoration: none;
	cursor: default;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
strong.caps, em.caps {
	text-transform: uppercase;
}
img, a img, a:link img, a:visited img {
	display: block;
	background-color: #FFF;
}
code, kbd, var {
	font-family: Consolas, "Lucida Console", Monaco, "Courier New", Courier, monospace;
}
sup {
	position: relative;
	top: 2px;
	left: 1px;
	font-size: 0.75em;
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
q:before {
	content: open-quote;
}
q:after {
	content: close-quote;
}
/**
* =Tt
* @section Typography
* @subsection Tables
* --------------------------------------------------------------------------------------------------
*/
table {
	width: 100%;
	margin: 0 0 2.574em;
}
table caption {
	margin: 0;
	text-align: left;
	caption-side: top;
}
table thead th, table tbody td, table tfoot th, table tfoot td {
	padding: 12px;
	vertical-align: top;
}
table thead th, table tbody td {
	border-bottom: 1px dotted #FFF;
}
table thead th {
	padding: 3px 12px;
}
table tfoot th, table tfoot td {
	padding-bottom: 5px;
}
table tbody tr {
}
table tbody tr.odd, table tbody tr.odd td, table tfoot tr.odd td {
	background: url(img/layout/background/panel.gif) repeat 0 0;
}
table thead th {
	font-weight: bold;
}
table tbody td {
}
table tfoot th {
	text-align: right;
}
table tfoot th, table tfoot td {
	padding: 4px 12px;
	font-weight: bold;
	vertical-align: middle;
	border: 0;
}
table tfoot td.price {
	font-size: 1.4em;
}
table#cart tfoot tr.total {
	margin-top: 15px;
}
table#cart tfoot tr.total td.price,
table#cart-review tfoot tr.total td.price,
table#cart-confirm tfoot tr.total td.price {
	float: none;
	padding-right: 12px;
	text-align: right;
}
table thead th, table tbody td {
	border-right: 1px dotted #FFF;
}
table col.l, table thead th.l, table tbody td.l {
	border-right: 0;
}
table col.name-email {
	width: 240px;
}
table col.datetime {
	width: 120px;
}
table col.cart-image {
	width: 100px;
}
table col.order-number, table col.price {
	width: 105px;
}
table col.quantity {
	width: 120px;
}
table col.icon, table th.icon, table td.icon {
	width: 26px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
table td.quantity {
	padding-left: 0;
	padding-right: 0;
}
table th.icon a.icon, table td.icon a.icon,
table th.icon a.icon-small, table td.icon a.icon-small {
	margin: 0 auto;
}
table col.price, table th.price, table td.price {
	text-align: right;
}
table col.total, table th.total, table td.total {
	font-weight: bold;
}
table th.quantity, table td.quantity {
	text-align: center;
}
table td.cart-details h3 {
	font-size: 18px;
	letter-spacing: -1px;
}
table td.cart-details h3, table td.cart-details p {
	margin: 0 0 5px;
}
table td.cart-details p em {
	font-style: normal;
}
table td.cart-details a {
	color: #00BFF3;
	font-size: 11px;
}
table td.quantity ul, table td.quantity li {
	padding: 0;
	margin: 0;
	list-style: none;
}
table td.quantity ul {
	width: 90px;
	margin: 0 auto;
}
table td.quantity li {
	float: left;
	width: 20px;
	text-align: center;
}
table td.quantity li.quantity {
	width: 50px;
}
table td.cart-image {
	padding: 0;
}
table td.cart-image img {
	border: 5px solid #EDF1F0;
}
table td.cart-image img.second {
	border-top: 0;
}
#cart-review col.quantity,
#cart-confirm col.quantity {
	width: 70px;
}

/**
* =Tf
* @section Typography
* @subsection Forms
* --------------------------------------------------------------------------------------------------
*/
form {}
form fieldset {
	position: relative;
}
form legend,
#type-label {
	padding: 0 0 0.5em;
	color: #fff; font-size: 1.4em;
}
form dt {
	font-weight: normal; font-size: 1em;
}
form dd, form div {
	margin-bottom: 1em;
}
form dd {
	width: 326px;
	float: left;
}
form label {
	display: block;
	padding-bottom: 3px;
}
form input, form textarea {
	padding: 3px;
	font-size: 1em;
	color: #FFF;
	border: 1px solid #5F4D37;
	background: url(img/layout/background/input.gif) repeat 0 0;
}
form input:focus, form textarea:focus {
	border-color: #FFF;
}
form ul.errors,
form ul.errors li {
	color: #ff0;
}
form input {
	width: 220px;
}
form textarea {
	width: 460px;
	height: 284px;
}
form select {
	width: 228px;
}
form input[type=checkbox], form input[type=radio], form input.checkbox, form input.radio {
	width: auto;
	padding: 0;
	border: 0;
}
form input.submit {
	clear: both;
	display: block;
	width: auto;
	padding: 3px 15px;
	cursor: pointer;
}
form #billing-label,
form #delivery-label {
	display: none;
}
form label input {
	width: auto;
	margin: 0 10px 5px 0; padding: 0;
	vertical-align: top;
	border: 0;
	background-image: none;
}
form.contact dd {
	float: none;
	width: 460px;
}
form.contact textarea {
	height: 100px;
}
form.contact #mailinglist-label,
form.contact #mailinglist-label label,
form.contact #mailinglist-element {
	display: inline;
}
form.contact #mailinglist-element {
	vertical-align: middle;
}
form.contact input.submit {
	margin-top: 15px;
}
form a.duplicate {
	position: absolute; top: -2em; right: 0;
	margin: -2px 0 0;
}
form a.duplicate-bottom {
	position: absolute; top: auto; bottom: -13px;
}
form #shipping-element,
form #fieldset-shipping #type-element {
	width: 400px;
}
form.login dt,
form.login dd,
form.password dt,
form.password dd,
#contact-element dt,
#contact-element dd,
body.account form.password-change dt,
body.account form.password-change dd,
body.account form.account-details dt,
body.account form.account-details dd,
body.account form.address dt,
body.account form.address dd {
	position: relative;
	float: none; clear: both;
}
form.account #billing-element,
form #fieldset-account {
	clear: left;
}

#account-element,
form #fieldset-account {
	width: 650px; clear: left;
}
form #account-element {
	padding: 20px 0 10px; margin: 10px 0 20px;
	border-top: 1px solid #fff; border-bottom: 1px solid #fff;
}
#account-element dd,
form #fieldset-account dd {
	float: none;
}
form #register-label {
	float: right;
	width: 625px;
	margin-bottom: 1em;
}
#fieldset-account #title-label {
	clear: both;
	padding-top: 5px;
}


/**
* =Di
* @section Design
* @subsection Icons
* --------------------------------------------------------------------------------------------------
*/
a.icon,
a.icon-small {
	padding: 0;
	margin: 0;
	outline: 0;
}

a.icon {
	width: 20px;
	height: 20px;
	background-image: url(img/layout/arrows.gif);
	background-position: -9999px -9999px;
}
a.icon-decrease {
	background-position: -10px -10px;
}
a.icon-decrease:hover,
a.icon-decrease:focus {
	background-position: -10px -40px;
}
a.icon-decrease:active {
	background-position: -10px -71px;
}

a.icon-increase {
	background-position: -10px -100px;
}
a.icon-increase:hover,
a.icon-increase:focus {
	background-position: -10px -130px;
}
a.icon-increase:active {
	background-position: -10px -161px;
}

a.icon-delete {
	background-position: -10px -190px;
}
a.icon-delete:hover,
a.icon-delete:focus {
	background-position: -10px -220px;
}
a.icon-delete:active {
	background-position: -10px -251px;
}

a.icon-small {
	height: 16px;
	width: 16px;
}
a.icon-small-print {
	background-image: url(/css/img/icons/print.png);
}
a.icon-small-view {
	background-image: url(/css/img/icons/view.png);
}
a.icon-small-edit {
	background-image: url(/css/img/icons/edit.png);
}
a.icon-small-login {
	background-image: url(/css/img/icons/login.png);
}

/**
* =Lc
* @section Layout
* @subsection Common
* --------------------------------------------------------------------------------------------------
*/
html {
	min-height: 100%;
}
body {
	height: 100%;
}
.right {
	float: right;
}
.left {
	float: left;
}
.sprite, #mini-cart, #account, #footer, #footer-accepted ul li, #nav h2, #header h1 a {
	background: url(/css/img/layout/__sprite.jpg) no-repeat -2000px -2000px;
}
/**
* =Lg
* @section Layout
* @subsection General
* --------------------------------------------------------------------------------------------------
*/
#wrapper, #container {
	position: relative;
}
#wrapper2 {
	width: 940px;
	padding: 0px 20px;
	background: url(img/layout/background/site.gif) repeat-y 50% 0;
}
#wrapper {
	padding-top: 25px;
	width: 980px;
	margin: 0px auto 0;
	/*[disabled]padding:25px 0px 0;*/
	background: url(img/layout/header.gif) no-repeat top center;
}
#container {
	overflow: hidden;
	padding: 0 10px 10px;
}
#header {
	padding: 0 0 10px;
	background-color: #FFF;
}
#header h1 {
	/*[disabled]height:88px;*/
	border-bottom: 3px solid #CAC7C5;
}
#header h1 a {
	height: 99px;
	width: 210px;
	background-position: 0 0;
}
#mini-cart,
#account {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 20px;
	width: 217px;
	padding: 35px 3px 30px 60px;
	background-position: -300px 0;
}
#mini-cart p, #mini-cart a,
#account h2, #account p, #account a {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -1px;
}
#mini-cart p {
	position: relative;
	margin: 0;
	padding: 0 69px 0 0;
	text-align: center;
}
#mini-cart a {
	position: absolute;
	top: -1px;
	right: 0;
	padding: 0 27px 0 0;
	font-size: 14px;
	line-height: 20px;
	background: url(img/layout/arrows.gif) no-repeat 24px -370px;
	outline: 0;
}
#mini-cart a:hover, #mini-cart a:focus {
	background-position: 24px -400px;
}
#mini-cart a:active {
	background-position: 22px -432px;
}


#account {
	right: 387px;
}
#account h2, #account p {
	padding: 0 0 0 10px; margin: 0;
}
#account a:hover,
#account a:focus,
#account a:active {
	text-decoration: underline;
}

#section, #introduction {
	position: relative;
	float: right;
	width: 660px;
	padding: 20px 20px 10px;
}
#section.full-width {
	width: 880px;
}
#section {
	background: #89785B url(img/layout/background/canvas.gif) repeat 0 0;
	border-bottom: 10px solid rgba(100, 50, 0, 0.25);
}
#section div.lede, #section div.text {
	padding: 20px 20px 8px;
	margin: 0 0 20px;
	background: #5C4D39 url(img/layout/background/text.gif) repeat 0 0;
}
#section div.lede h2, #section div.lede h4, #section div.lede p {
	margin: 0 0 3px;
	color: #FFF;
}
#section div.lede p {
	margin: 0 0 1em;
}
#section p.price, table tfoot tr.total td.price {
	float: left;
	height: 24px;
	padding: 3px 35px;
	color: #FFF;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	background: #EA2028 url(img/layout/stitches/price.gif) no-repeat 0 0;
}
#introduction, #introduction * {
	color: #685F5A;
}
#footer {
	clear: both;
	overflow: hidden;
	height: 35px;
	padding: 20px;
	background-repeat: repeat-x;
	background-color: #E9E8E6;
	background-position: 0 -150px;
}
#footer, #footer a {
	color: #685F5A;
}
#footer-accepted, #footer-copyright {
	float: left;
}
#footer-accepted ul {
	overflow: hidden;
	margin: 0 22px 0 0;
	padding: 0 22px 0 0;
	list-style: none;
	border-right: 1px dotted #685F5A;
}
#footer-accepted ul li {
	float: left;
	overflow: hidden;
	height: 40px;
	width: 65px;
}
#footer-accepted ul li.visa {
	background-position: 0 -250px;
}
#footer-accepted ul li.visa-electron {
	background-position: -65px -250px;
}
#footer-accepted ul li.visa-debit {
	background-position: -130px -250px;
}
#footer-accepted ul li.maestro {
	background-position: -195px -250px;
}
#footer-accepted ul li.mastercard {
	background-position: -260px -250px;
}
#footer-accepted ul li.solo {
	background-position: -325px -250px;
}
#footer p {
	margin: 0;
	line-height: 40px;
}
#footer-copyright {
	width: 460px;
}
#footer-copyright p {
	float: left;
}
#footer-copyright a.addthis_button {
	float: right;
	margin-top: 15px;
}
/**
* =Ls
* @section Layout
* @subsection Specific
* --------------------------------------------------------------------------------------------------
*/
a.button, form input.button {
	width: 180px;
	height: 49px;
	padding: 0;
	background-image: url(img/layout/buttons.gif);
	background-position: -9999px -9999px;
	cursor: pointer;
	outline: 0;
}
p.personalise a.button:link, p.personalise a.button:visited {
	width: 150px;
	background-position: 0 0;
}
p.personalise a.button:hover, p.personalise a.button:focus, ul.boxes li.hovered p.personalise a, p.personalise a.button:active, ul.boxes li.hovered p.personalise a:active {
	background-position: 0 -50px;
}
p.continue a.button:link, p.continue a.button:visited {
	width: 210px;
	background-position: -630px 0;
}
p.continue a.button:hover, p.continue a.button:focus, p.continue a.button:active {
	background-position: -630px -50px;
}
p.checkout a.button:link, p.checkout a.button:visited {
	width: 140px;
	background-position: -1890px 0;
}
p.checkout a.button:hover, p.checkout a.button:focus, p.checkout a.button:active {
	background-position: -1890px -50px;
}
p.checkout_back a.button:link, p.checkout_back a.button:visited {
	width: 200px;
	background-position: -210px 0;
}
p.checkout_back a.button:hover, p.checkout_back a.button:focus, p.checkout_back a.button:active {
	background-position: -210px -50px;
}
p.customise a.button:link, p.customise a.button:visited, p.customize a.button:link, p.customize a.button:visited {
	background-position: -1260px 0;
}
p.customise a.button:hover, p.customise a.button:focus, p.customise a.button:active, p.customize a.button:hover, p.customize a.button:focus, p.customize a.button:active {
	background-position: -1260px -50px;
}
p.customise-white a.button:link, p.customise-white a.button:visited, p.customize-white a.button:link, p.customize-white a.button:visited, div.preview .customise a.button:link, div.preview .customise a.button:visited, div.preview .customize a.button:link, div.preview .customize a.button:visited {
	background-position: -2520px 0;
}
p.customise-white a.button:hover, p.customise-white a.button:focus, p.customise-white a.button:active, p.customize-white a.button:hover, p.customize-white a.button:focus, p.customize-white a.button:active, div.preview .customise a.button:hover, div.preview .customise a.button:focus, div.preview .customise a.button:active, div.preview .customize a.button:hover, div.preview .customize a.button:focus, div.preview .customize a.button:active {
	background-position: -2520px -50px;
}
.preview a.button:link, .preview a.button:visited {
	background-position: -1050px 0;
}
.preview a.button:hover, .preview a.button:focus, .preview a.button:active {
	background-position: -1050px -50px;
}
.add-to-design a.button:link, .add-to-design a.button:visited {
	background-position: -2715px 0;
}
.add-to-design a.button:hover, .add-to-design a.button:focus, .add-to-design a.button:active {
	background-position: -2715px -50px;
}
.ok-done a.button:link, .ok-done a.button:visited {
	background-position: -2100px 0;
}
.ok-done a.button:hover, .ok-done a.button:focus, .ok-done a.button:active {
	background-position: -2100px -50px;
}
form input.review_order {
	clear: none;
	float: right; *float: none;
	background-position: -1680px 0;
}
form input.review_order:hover, form input.review_order:focus, form input.review_order:active, form .hover input.review_order {
	background-position: -1680px -50px;
}
form input.confirm_order,
p.confirm_order,
p.confirm_order a {
	background-position: -1470px 0;
}
form input.confirm_order:hover,
form input.confirm_order:focus,
form input.confirm_order:active,
form .hover input.confirm_order,
p.confirm_order a:hover,
p.confirm_order a:focus,
p.confirm_order a:active {
	background-position: -1470px -50px;
}
form input.buy {
	background-position: -2310px 0;
}
form input.buy:hover, form input.buy:focus, form input.buy:active, form .hover input.buy {
	background-position: -2310px -50px;
}
form input.upload {
	width: 150px;
	background-position: -840px 0;
}
form input.upload:hover, form input.upload:focus, form input.upload:active, form .hover input.upload {
	background-position: -840px -50px;
}
form input.add_voucher {
	width: 161px;
	background-position: -2940px 0;
}
form input.add_voucher:hover,
form input.add_voucher:focus,
form input.add_voucher:active,
form .hover input.add_voucher {
	background-position: -2940px -50px;
}
form input.reset {
	width: 170px;
	background-position: -3150px 0;
}
form input.reset:hover,
form input.reset:focus,
form input.reset:active,
form .hover input.reset {
	background-position: -3150px -50px;
}
form input.update {
	width: 100px;
	background-position: -3360px 0;
}
form input.update:hover,
form input.update:focus,
form input.update:active,
form .hover input.update {
	background-position: -3360px -50px;
}
form input.login {
	width: 100px;
	background-position: -3570px 0;
}
form input.login:hover,
form input.login:focus,
form input.login:active,
form .hover input.login {
	background-position: -3570px -50px;
}


#addresses {
	overflow: hidden;
}
#addresses .vcard {
	float: left;
	width: 300px;
}
#your-cart {
	clear: both;
}
div.image {
	height: 200px;
	float: left;
	margin: 0 12px 0 0;
	border: 6px solid #EFEFEF;
	background: #FFF url(img/layout/stitches/repeat.gif) repeat-y 100% 0;
}
div.image img {
	margin-right: 7px;
}
ul.boxes {
	overflow: hidden;
	padding: 0;
	margin: 0;
}
body.homepage ul.boxes {
	background: url(img/layout/boxes.jpg) repeat 0 -2px;
}
ul.boxes li {
	position: relative;
	overflow: hidden;
	height: 212px;
	padding: 0 10px 10px 0;
	margin: 0 10px 12px 0;
}
body.homepage ul.boxes li {
	float: left;
	height: 157px;
	width: 210px;
}
body.homepage ul.boxes li.bottom {
	margin-bottom: 0;
}
ul.boxes li.omega {
	margin-right: 0;
	padding-right: 0;
}
ul.boxes li.fitted {
	cursor: pointer;
}
body.homepage ul.boxes li h2, body.homepage ul.boxes li h3 {
	position: absolute;
	left: 0;
	bottom: 13px;
	height: 22px;
	width: 197px;
	padding: 5px 3px 2px 10px;
	margin: 0;
	font-size: 17px;
	letter-spacing: -1px;
	color: #726A65;
	background: #EFEFEF url(img/layout/stitches/horizontal.gif) repeat-x 0 0;
}
body.homepage ul.boxes li h2, body.homepage ul.boxes li h3, body.homepage ul.boxes li h2 a, body.homepage ul.boxes li h3 a {
	display: block;
	color: #726A65;
	text-decoration: none;
}
body.homepage ul.boxes li h2 a, body.homepage ul.boxes li h3 a {
	padding: 0 30px 0 0;
	background: url(img/layout/arrows.gif) no-repeat 165px -278px;
}
body.homepage ul.boxes li h2 a:hover, body.homepage ul.boxes li h2 a:focus, body.homepage ul.boxes li h2 a:active, body.homepage ul.boxes li h3 a:hover, body.homepage ul.boxes li h3 a:focus, body.homepage ul.boxes li h3 a:active, body.homepage ul.boxes li.hovered h2 a, body.homepage ul.boxes li.hovered h3 a {
	background-position: 165px -308px;
}
body.category ul.boxes li {
	padding: 0 20px 0 0;
	margin: 0 0 20px;
	background: #5C4D39 url(img/layout/background/panel.gif) repeat 0 0;
	border: 1px solid #4F3F2C;
}
body.category ul.boxes h2, body.category ul.boxes a, body.category ul.boxes p {
	margin: 0;
	color: #FFF;
	text-decoration: none;
}
body.category ul.boxes h2 {
	padding: 25px 90px 8px 0;
	margin: 0 -10px 0 0;
	background: url(img/layout/stamp.jpg) no-repeat 99% 7px;
}
body.category ul.boxes p.personalise {
	position: absolute;
	bottom: 10px;
	right: 10px;
	float: right;
}
body.category ul.boxes p.price {
	position: absolute;
	left: 192px;
	bottom: 20px;
	margin: 0;
}
body.homepage #banner {
	height: 187px;
	padding: 10px 0;
	background-color: #FFF;
}
body.homepage #header {
	padding-bottom: 0;
}
body.homepage #banner {
	height: 100px;
}
body.homepage #banner-delivery,
body.homepage #banner-delivery h2 a {
	float: right;
	width: 231px; height: 100px;
	margin: 0; padding: 0;
	background-image: url(img/banner/delivery.gif);
}
body.homepage #banner-extra {
	float: left;
	width: 680px;
	height: 100%;
	background-image: url(img/banner/extra.gif);
}
body.homepage #banner-flash {
	float: left;
	height: 100%;
}
body.homepage #section {
	width: 670px;
	padding-right: 10px;
}
body.contact #section .vcard {
	overflow: hidden;
	margin: 0 0 2em;
}
body.contact #section .vcard address {
	margin: 0 0 1em;
}
body.contact #section .vcard p.trading {
	margin-bottom: 0;
}
body.sitemap #section div.pages {
	clear: both;
	margin: 0 0 30px;
}
body.sitemap #section ul.sitemap li.category {
	float: left;
	width: 205px;
	min-height: 150px;
	margin: 0 20px 30px 0;
}
body.sitemap #section ul.sitemap li.category.omega {
	margin-right: 0;
}
body.sitemap #section ul.sitemap li.category h3, body.sitemap #section div.pages h3 {
	margin: 0 0 5px;
	font-size: 16px;
}
body.checkout #addresses dt {
	display: none;
}
body.checkout #addresses dd {
	margin: 0 0 0.5em;
}
body.checkout #addresses dd.fn {
	margin-bottom: 0;
	font-weight: bold;
}
body.checkout #section,
body.cart #section,
body.account #section {
	background-image: url(img/layout/background/designer.gif);
}


#voucher_form {
	overflow: hidden;
	float: right;
	margin: -10px 0 15px;
}
#voucher_form dl {
	margin: 0;
}
#voucher_form dt,
#voucher_form dd,
#voucher_form input {
	float: left;
	margin-top: 6px;
}
#voucher_form dt label {
	padding: 9px 10px 0;
}
#voucher_form dd {
	width: 240px;
}
#voucher_form input.submit {
	clear: none;
	margin-top: 0;
}
#voucher_form ul.errors {
	display: none;
}

/**
* =Ng
* @section Navigation
* @subsection General
* --------------------------------------------------------------------------------------------------
*/
ul.nav, ul.nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.nav li a, ul.nav ul li a {
	outline: 0;
}

/**
* =Nm
* @section Navigation
* @subsection Main
* --------------------------------------------------------------------------------------------------
*/
#nav {
	position: relative;
	float: left;
	width: 220px;
	padding: 0 0 40px;
	border-top: 10px solid #DDD;
}
#nav h2 {
	margin: 1px 0 12px;
	height: 53px;
	font-size: 20px;
	background-color: #363636;
	background-position: -600px 0;
}
#nav ul.nav {
	margin: 0 10px;
}
#nav ul.nav li {
	font-size: 13px;
}
#nav ul.nav li ul {
	padding: 3px 0 5px;
}
#nav ul.nav li ul li {
	height: 25px;
}
#nav ul.nav li a, #nav ul.nav li.active li a {
	display: block;
	padding: 2px 0 2px 10px;
	color: #8B827D;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -1px;
	background: url(img/layout/nav/arrows.gif) no-repeat 2px 8px;
}
#nav ul.nav ul.sub li a, #nav ul.nav ul.sub li.active li a {
	line-height: 18px;
}
#nav ul.nav li a:focus, #nav ul.nav li a:hover, #nav ul.nav li a:active, #nav ul.nav li.active li a:focus, #nav ul.nav li.active li a:hover, #nav ul.nav li.active li a:active, #nav ul.nav li.active a, #nav ul.nav li.active li.active a {
	color: #00BFF3;
	text-decoration: none;
	background-position: 2px -22px;
	cursor: pointer;
}
#nav ul.nav li h3, #nav ul.nav li h3 a {
	display: block;
	margin: 0;
	padding: 1px 0;
	color: #685F5A;
	font-size: 19px;
	background-image: none;
}
body.js #nav ul li ul {
	display: none;
}
body.js #nav ul li.active ul, body #nav ul li.view ul {
	display: block;
}

#nav ul.account {
	margin-top: 15px; padding-top: 15px;
	border-top: 1px dotted #ccc;
}

/**
* =Nb
* @section Navigation
* @subsection Breadcrumb
* --------------------------------------------------------------------------------------------------
*/
#breadcrumb {
	height: 41px;
	margin: 0 0 15px;
	padding: 0 20px;
	background: url(img/layout/breadcrumb/background.gif) repeat-x 0 0;
}
#breadcrumb li {
	float: left;
	line-height: 41px;
	font-size: 14px;
	font-weight: bold;
}
#breadcrumb li a {
	margin: 0 10px 0 0;
	padding: 0 20px 0 0;
	color: #00BFF3;
	background: url(img/layout/breadcrumb/arrow.jpg) no-repeat 100% 4px;
}


/**
* =ca
* @section CMS/Account
* --------------------------------------------------------------------------------------------------
*/
body.cms #summary,
body.account #summary {
	overflow: hidden;
	padding: 10px 20px; margin: 0 0 20px;
	font-size: 18px;
	background: #796148 url(img/layout/background/text.gif) repeat 0 0;
}
	body.cms #summary p,
	body.account #summary p {
		float: left;
		margin: 0 5px 0 0;
	}
	body.cms #summary p.quantity,
	body.cms #summary p.date,
	body.account #summary p.quantity,
	body.account #summary p.date {
		color: #ccc;
	}

body.cms #details,
body.account #details {
	overflow: hidden;
	margin-top: 0;
}
	body.cms #billing,
	body.cms #delivery,
	body.cms #order,
	body.account #billing,
	body.account #delivery,
	body.account #order {
		float: left;
		width: 220px;
		padding-bottom: 30px;
	}

	body.cms #order dl dt,
	body.cms #order dl dd,
	body.account #order dl dt,
	body.account #order dl dd {
		margin: 0 0 4px;
	}
	body.cms #order dl dt,
	body.account #order dl dt {
		clear: left; float: left;
		width: 110px;
		font-size: 1em;
	}
	body.cms #order dl dd,
	body.account #order dl dd {
		margin-left: 115px;
	}
	body.cms #order dl dt.nl,
	body.cms #order dl dd.nl,
	body.account #order dl dt.nl,
	body.account #order dl dd.nl {
		clear: left;
		width: auto;
		margin: 0;
	}
	body.cms #order dl dd.nl,
	body.account #order dl dd.nl {
		margin: 0 0 1em;
	}

body.cms #items,
body.account #items {}
	body.cms #items col.order-item-detail,
	body.account #items col.order-item-detail {
		width: 350px;
	}
	body.cms #items .side-2,
	body.account #items .side-2 {
		margin-top: 20px; padding-top: 20px;
		border-top: 1px dotted #bbb;
	}
	body.cms #items .side dl,
	bodyaccountcms #items .side dl {
		overflow: hidden;
	}
		body.cms #items .side dl dt,
		body.cms #items .side dl dd,
		body.account #items .side dl dt,
		body.account #items .side dl dd {
			margin: 0 0 5px;
			font-size: 1em;
		}
		body.cms #items .side dl dt,
		body.account #items .side dl dt {
			float: left; clear: left;
			width: 75px;
		}
		body.cms #items .side dl dd,
		body.account #items .side dl dd {
			margin-left: 80px;
		}

	body.cms #items h4,
	body.cms #items h5,
	body.account #items h4,
	body.account #items h5 {
		margin: 0 0 10px;
		color: #fff;
	}
	body.cms #items h5,
	body.account #items h5 {
		margin-bottom: 2px;
	}
	body.cms #items img,
	body.account #items img {
		border: 2px solid #ccc;
	}

	body.cms #items .side dl .example,
	body.account #items .side dl .example {
		clear: left;
		width: auto;
		margin-left: 0;
		padding: 10px;
		font-style: normal; font-weight: normal;
		white-space: pre;
		background-color: #fff;
	}

	body.cms #items .download a,
	body.account #items .download a {
		display: block;
		padding-right: 25px;
		background: url(img/icons/download.png) no-repeat 100% 0;
	}

	body.cms #items .font-colour,
	body.cms #items .font-color,
	body.account #items .font-colour,
	body.account #items .font-color {
		position: relative;
	}
	body.cms #items .font-colour span,
	body.cms #items .font-color span,
	body.account #items .font-colour span,
	body.account #items .font-color span {
		position: absolute; top: 0; right: 0;
		display: block;
		width: 60px; height: 100%;
		background-color: #000;
	}

body.cms #section col.primary,
body.account #section col.primary {
	width: 35px;
}
body.cms #section td em.fn,
body.account #section td em.fn {
	display: block;
}
body.cms #cms_voucher_type-element,
body.account #cms_voucher_type-element {
	padding-top: 5px;
}
body.cms #cms_voucher_type-element br,
body.account #cms_voucher_type-element br {
	display: none;
}

#your_existing_password-element {
	padding-top: 3.4em
}
#your_existing_password-element p.description {
	position: absolute; top: 2px; left: 0;
	font-style: italic;
}
body.account #contact-element dd,
body.account form.password dd,
body.account form.address dd {
	width: 350px;
}
body.account p.message {
	margin: 0;
	color: #ff0;
}


/**
* =Ns
* @section Navigation
* @subsection Sitemap
* --------------------------------------------------------------------------------------------------
*/
#sitemap, #sitemap ul {
	overflow: hidden;
}
#sitemap {
	position: relative;
	float: right;
	width: 700px;
	padding: 0 0 40px;
}
#sitemap h3 {
	padding: 0 0 2px;
	margin: 0 0 15px;
	color: #685F5A;
	border-bottom: 1px dotted #685F5A;
}
#sitemap div {
	padding: 20px 10px 30px 20px;
}
#sitemap-products {
	background-color: #F6F6F5;
}
#sitemap li {
	float: left;
	width: 210px;
	margin: 2px 20px 2px 0;
}
#sitemap li.omega {
	margin-right: 0;
}
#sitemap li a {
	color: #8B827D;
	font-weight: bold;
	letter-spacing: -1px;
}


/**
* =Pp
* @section Page
* @subsection Pay
* --------------------------------------------------------------------------------------------------
*/
#pay_form dt,
#pay_form dd {
	float: none;
}
#pay_form dt#terms_conditions-label {
	float: right;
	width: 635px;
	margin-bottom: 1em;
}


/**
* =Le
* @section Layout
* @subsection Extra
* @desc Humanized Messages 1.0
* @see http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages
* @see http://humanmsg.googlecode.com
* --------------------------------------------------------------------------------------------------
*/
.humanMsg {
	position: fixed;
	top: 130px;
	left: 25%;
	z-index: 100000;
	display: none;
	opacity: 0;
	width: 50%;
	background-color: #000;
	font: normal 20px/50px Helvetica, Arial, Sans-Serif;
	letter-spacing: -1px;
	text-align: center;
	color: #FFF;
}
.humanMsg p {
	display: inline;
	padding: 0.3em;
}
.humanMsg a {
	display: none;
}
#humanMsgLog {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10000;
	display: none;
	width: 100%;
	max-height: 200px;
	font: normal 10px Helvetica, Arial, Sans-Serif;
	color: #FFF;
}
#humanMsgLog p {
	position: relative;
	white-space: pre;
	width: 200px;
	margin: 0 0 0 auto;
	padding: 0 10px;
	line-height: 20px;
	text-align: center;
	background: #333;
	cursor: pointer;
}
#humanMsgLog p:hover {
	background: #222;
}
#humanMsgLog ul {
	position: relative;
	overflow: auto;
	display: none;
	max-height: 165px;
	margin: 0;
	padding: 0;
	background: #EEE url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x;
}
#humanMsgLog ul li {
	position: relative;
	overflow: hidden;
	white-space: pre;
	display: none;
	padding: 0 20px;
	color: #555;
	font-size: 12px;
	line-height: 40px;
	border-bottom: 1px solid #DDD;
	list-style-type: none;
}
#humanMsgLog ul li:hover {
	background: #F2F2F2;
}
#humanMsgLog ul li:first-child {
	margin-top: 1px;
}
#humanMsgLog ul li .error {
	color: #FF4500;
}
#humanMsgLog ul li .indent {
	position: absolute;
	top: 0;
	left: 100px;
	height: inherit;
	margin-right: 200px;
}