/* @group structure */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
:focus {
	outline: 0;
}
body {
	color: black;
	font: 11px Verdana, Arial, sans-serif;
	background: #fdfcfc url(images/bg.png) repeat-x;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}

strong, b, h1, h2, h3, h4, h5, h6, th {
	font-weight: bold;
}

#container {
	width: 996px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background: white url(images/container.png) repeat-y;
	margin-top: 20px;
	padding-top: 185px;
	overflow: hidden;
}

a {
	color: #03539A;
}



/* @end */

/* @group content-main */

#content-main {
	position: relative;
	left: 19px;
	width: 956px;
	padding-bottom: 30px;
}

#content-main h1 {
	color: #03539A;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
}

/* @group content-main-promo */

#content-main-promo {
	background-image: url(images/content-main-promo.png);
	width: 956px;
	height: 158px;
	overflow: hidden;
}

#content-main-promo div.content {
	margin-left: 288px;
	margin-right: 10px;
}

#content-main-promo h1 {
	color: #03539A;
	font-weight: bold;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 0px;
}

#content-main-promo p {
	padding-top: 10px;
	line-height: 16px;
}



/* @end */

/* @group content-main-products */

#content-main-products {
	background: url(images/panel-top.png) no-repeat;
	margin-top: 20px;
	width: 956px;
}

#content-main-products h2 {
	font-size: 16px;
	color: #03539A;
	text-indent: 19px;
	font-weight: bold;
	height: 41px;
	line-height: 38px;
}

#content-main-products h3 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 8px;
}

#content-main-products h3 a {
	color: #03539A;
	text-decoration: none;
}

#content-main-products h3 a:hover {
	color: #ff0826;
	text-decoration: underline;
}

#content-main-products p.image {
	height: 100px;
	line-height:100px;
}

#content-main-products p.image img {
	vertical-align: middle;
}

#content-main-products p.image span {
	display:inline-block;
}

#content-main-products p.desc {
	color: #666;
	padding-bottom: 8px;
}

#content-main-products p.price {
	font-weight: bold;
	color: #ff0826;
}

#content-main-products div.content {
	overflow: hidden;
	background: url(images/panel-bottom.png) no-repeat left bottom;
	padding-bottom: 21px;
	width: 940px;
	padding-left: 16px;
}

#content-main-products div.item {
	float: left;
	width: 309px;
	text-align: center;
	padding-bottom: 12px;
}

#content-main-products div.col-1, #content-main-products div.col-2 {
	background: url(images/vertical-grey.png) repeat-y right top;
}



/* @end */

/* @group content-main-websites */

#content-main-websites {
	background: url(images/panel-top.png) no-repeat;
	margin-top: 20px;
}

#content-main-websites h2 {
	font-size: 16px;
	color: #03539A;
	text-indent: 19px;
	font-weight: bold;
	height: 41px;
	line-height: 38px;
}

#content-main-websites div.content {
	overflow: hidden;
	background: url(images/panel-bottom.png) no-repeat left bottom;
	padding-bottom: 19px;
	width: 940px;
	padding-left: 16px;
}

#content-main-websites div.item {
	float: left;
	width: 464px;
	height: 137px;
	overflow: hidden;
	padding-top: 15px;
}

#content-main-websites p {
	margin-left: 178px;
	margin-bottom: 5px;
	margin-right: 5px;
	line-height: 16px;
}

#content-main-websites p a {
	font-weight: bold;
	text-decoration: underline;
	color: #03539A;
}

#content-main-websites p a:hover {
	color: #ff0826;
}

#content-main-websites p.img {
	float: left;
	margin-left: 11px;
	display: inline;
}

#content-main-websites div.col-1 {
	width: 464px;
	background: url(images/main-websites-item.png) no-repeat left top;
}

#content-main-websites div.col-1 p {
	margin-right: 8px;
}

#content-main-websites div.col-2 {
	background: url(images/main-websites-item.png) no-repeat left top;
	width: 458px;
}



/* @end */

/* @group content-main-resources */

#content-main-resources {
	background: url(images/panel-top.png) no-repeat;
	margin-top: 20px;
}

#content-main-resources h2 {
	font-size: 16px;
	color: #03539A;
	text-indent: 19px;
	font-weight: bold;
	height: 41px;
	line-height: 38px;
}

#content-main-resources div.content {
	overflow: hidden;
	background: url(images/panel-bottom.png) no-repeat left bottom;
	padding-bottom: 19px;
	width: 940px;
	padding-left: 16px;
}

#content-main-resources div.item {
	float: left;
	width: 464px;
	height: 94px;
	overflow: hidden;
	padding-top: 15px;
}

#content-main-resources div.item-alt {
	float: left;
	width: 464px;
	height: 99px;
	overflow: hidden;
	padding-top: 10px;
}

#content-main-resources p {
	margin-left: 180px;
	margin-bottom: 5px;
	margin-right: 8px;
}

#content-main-resources div.item-alt p {
	margin-left: 125px;
}

#content-main-resources div.item-alt em {
	color: #ff0826;
}

#content-main-resources p a {
	font-weight: bold;
	text-decoration: underline;
	color: #03539A;
}

#content-main-resources p a:hover {
	color: #ff0826;
}

#content-main-resources p.img, #content-main-resources div.item-alt p.img {
	float: left;
	margin-left: 13px;
	display: inline;
}

#content-main-resources div.col-1 {
	width: 464px;
	background: url(images/main-websites-item.png) no-repeat left bottom;
}

#content-main-resources div.col-1 p {
	margin-right: 8px;
}

#content-main-resources div.col-2 {
	background: url(images/main-websites-item.png) no-repeat left bottom;
	width: 458px;
}



/* @end */

/* @group content-main-news */

#content-main-news {
	background: url(images/panel-top.png) no-repeat;
	margin-top: 20px;
	overflow: hidden;
}

#content-main-news h2 {
	font-size: 16px;
	color: #03539A;
	text-indent: 19px;
	font-weight: bold;
	height: 41px;
	line-height: 38px;
}

#content-main-news div.content {
	overflow: hidden;
	background: url(images/panel-bottom.png) no-repeat left bottom;
	padding: 10px 30px 25px;
}

#content-main-news div.content p {
	padding-bottom: 12px;
}

#content-main-news div.content p strong {
	color: #666;
}

#content-main-news div.content p a {
	color: #03539A;
}

#content-main-news div.content p a:hover {
	color: #ff0826;
}



/* @end */



/* @end */

/* @group content-left */

#content-left {
	position: relative;
	left: 19px;
	width: 705px;
	padding-bottom: 30px;
	float: left;
}

#content-left p {
	padding-top: 6px;
	padding-bottom: 6px;
}

#content-left h1 {
	color: #03539A;
	font-size: 16px;
	margin-bottom: 8px;
}

#content-left h1 a {
	color: #03539A;
	text-decoration: none;
}

#content-left h1 a:hover {
	color: #ff0826;
}

/* @group categories */


#content-left div.categories {
	width: 704px;
	margin-bottom: 20px;
	position: relative;
	clear: both;
}

#content-left div.categories h2 {
	background: url(images/category-head.png) no-repeat;
	width: 704px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	text-indent: 17px;
	color: #666;
}

#content-left div.carousel h2 {
	text-indent: 40px;
}


#content-left div.categories div.row {
	background: url(images/category-row.png) no-repeat left top;
	height: 217px;
	width: 704px;
}

#content-left div.categories div.row-last {
	background: url(images/category-row.png) no-repeat left bottom;
}

#content-left div.categories table {
	height: 217px;
	width: 176px;
	float: left;
	border-spacing: 0px;
}

#content-left div.categories table th {
	height: 58px;
	margin: 0;
	padding: 0 5px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
}

#content-left div.categories table th a {
	color: #03539A;
	text-decoration: none;
	display: block;
}

#content-left div.categories table th a:hover {
	color: #ff0826;
}

#content-left div.categories table td {
	height: 159px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
}

#content-left div.categories div.next {
	background: url(images/category-next.png) no-repeat;
	width: 29px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
}

#content-left div.categories div.next a {
	width: 29px;
	height: 30px;
	display: block;
}

#content-left div.categories div.last {
	background: url(images/category-last.png) no-repeat;
	width: 29px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
}

#content-left div.categories div.last a {
	width: 29px;
	height: 30px;
	display: block;
}

#content-left div.category-icon {
	height: 60px;
	float: right;
	margin-left: 10px;
}

#content-left div.category-description {
	font-size: 11px;
	color: #333;
	margin-bottom: 12px;
}

/* @end */

/* @group products */


#content-left div.products {
	width: 704px;
	margin-bottom: 20px;
	position: relative;
	clear: both;
}

#content-left div.products h2 {
	background: url(images/category-head.png) no-repeat;
	width: 704px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	text-indent: 17px;
	color: #666;
	overflow: hidden;
}

#content-left div.products div.row {
	background: url(images/category-row.png) no-repeat 0 -217px;
	height: 100px;
	width: 704px;
	overflow: hidden;
}

#content-left div.products table {
	height: 100px;
	width: 704px;
	float: left;
	border-spacing: 0px;
}

#content-left div.products table td a:hover {
	color: #ff0826;
}

#content-left div.products table td {
	height: 100px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}

#content-left div.products table td.image {
	width: 120px;
}

#content-left div.products table td.description {
	width: 339px;
	text-align: left;
}

#content-left div.products table td.rrp {
	width: 90px;
	font-weight: bold;
	font-size: 12px;
	color: #333;
}

#content-left div.products table td.prices {
	width: 90px;
	font-weight: bold;
	font-size: 12px;
	color: #c00;
}

#content-left div.products table td.basket {
	width: 65px;
	padding-top: 8px;
}

#content-left div.products table td img {
	
}

#content-left div.products h3 {
	font-size: 13px;
	margin: 0 10px 10px;
	line-height: 18px;
}

#content-left div.products h3 a {
	color: #03539A;
	text-decoration: none;
}

#content-left div.products h4 {
	font-size: 18px;
	color: #ff0826;
	margin-bottom: 8px;
	margin-left: 10px;
}

#content-left div.products h5 {
	font-size: 12px;
	margin-bottom: 6px;
	margin-left: 10px;
}

#content-left div.products p {
	font-size: 11px;
	color: #333;
	margin-left: 10px;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 14px;
}

#content-left div.products div.manufacturer {
	float: right;
	margin-right: 12px;
}

#content-left div.products div.tools {
	line-height: 30px;
	position: absolute;
	top: 0;
	right: 10px;
}

#content-left div.products div.tools form {
	display: inline;
}

#content-left div.products div.header {
	background: #f4f3f5 url(images/category-row.png) no-repeat 0 -217px;
	height: 30px;
}

#content-left div.products div.header table {
	height: 30px;
}

#content-left div.products div.header table td {
	height: 30px;
	color: #818081;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding-top: 0;
}

/* @end */

/* @group pagination */

#pagination {
	overflow: hidden;
	margin-bottom: 12px;
}

#pagination div.display {
	float: left;
	color: #666;
}

#pagination div.pages {
	float: right;
	color: #666;
}

#pagination div.pages b {
	font-size: 16px;
}

#pagination div.pages a {
	font-size: 16px;
	text-decoration: none;
	color: #03539A;
}

#pagination div.pages a:hover {
	color: #ff0826;
}



/* @end */

/* @group info-box */

div.info-box {
	color: #333;
	margin-top: 10px;
	position: relative;
}

div.info-box h2 {
	background: url(images/category-head.png) no-repeat;
	width: 704px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	text-indent: 17px;
	color: #666;
}

div.info-box div.contents {
	padding: 8px 15px;
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	width: 672px;
	background: #fbfbfb url(images/info-box-grad.png) repeat-x left bottom;
}

#content-left div.info-box p.button {
	padding-top: 10px;
	padding-bottom: 20px;
}

div.info-box input.inputbox {
	border: 1px solid #cccccc;
	width: 300px;
}

textarea.inputbox {
	border: 1px solid #cccccc;
	width: 99%;
}

div.info-box ol {
	padding-top: 3px;
	padding-bottom: 3px;
}

div.info-box h6 a {
	color: #cc0000;
	text-decoration: underline;
}

div.info-box h6 {
	font-size: 11px;
	color: #cc0000;
	font-weight: normal;
	position: absolute;
	top: 7px;
	right: 10px;
}

div.info-box a {
	color: #03539A;
	text-decoration: none;
}

div.info-box a:hover {
	text-decoration: underline;
}

div.info-box label {
	width: 160px;
	float: left;
	font-size: 11px;
	line-height: 18px;
}

div.info-box div.right {
	float: right;
	margin-right: 12px;
}

#content-left div.info-box ol li {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

#content-left div.info-box li em {
	color: #c00;
	margin-left: 5px;
}

div.messageStackSuccess {
	background-color: #b0e4ab;
	padding: 4px 12px;
	border: 1px solid #2b9819;
	color: #155d09;
	margin-bottom: 12px;
}

div.messageStackWarning, div.messageStackError {
	background-color: #ffc9c8;
	padding: 4px 12px;
	border: 1px solid #ce3f31;
	color: #a41820;
	margin-bottom: 12px;
}

/* @end */

/* @group basket */

table.basket {
	width: 704px;
	border-width: 0;
	border-style: none;
	border-spacing: 0;
	background-color: white;
}

table.basket td {
	margin: 0;
	padding: 0;
}

table.basket td.basket-header {
	background: #fbfbfb url(images/info-box-grad.png) repeat-x left bottom;
	height: 33px;
	line-height: 33px;
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding-left: 10px;
	padding-right: 10px;
}

table.basket td.basket-data {
	background-color: white;
	color: #222222;
	vertical-align: middle;
	border-bottom: 1px solid #ededed;
	padding: 6px 10px;
	border-right: 1px solid #ededed;
}

table.basket td.basket-data-left, table.basket td.basket-header-left {
	border-left: 1px solid #ededed;
}

table.basket input.inputbox {
	width: 40px;
}

p.sub-total {
	font-size: 14px;
	color: #cc0000;
	padding-top: 10px;
	text-align: right;
	margin-top: 12px;
}

span.markProductOutOfStock {
	color: #cc0000;
}

td.stockWarning {
	color: #cc0000;
}



/* @end */

/* @group account */

#content-left div.info-box div.account {
		background: url(images/account_personal.gif) no-repeat 0 0;
	height: 60px;
}

#content-left div.info-box div.account ul {
	color: #03539A;
	padding-top: 10px;
	margin-left: 80px;
	list-style-type: disc;
}

#content-left div.info-box div.orders {
	background: url(images/account_orders.gif) no-repeat 0 center;
	height: 60px;
}

#content-left div.info-box div.orders ul {
	padding-top: 23px;
	margin-left: 80px;
	list-style-type: disc;
	color: #03539A;
}


#content-left div.info-box div.newsletter {
	background: url(images/account_notifications.gif) no-repeat left center;
	height: 60px;
}

#content-left div.info-box div.newsletter ul {
	padding-top: 23px;
	margin-left: 80px;
	list-style-type: disc;
	color: #03539A;
}

.inputRequirement {
	color: #cc0000;
}

.moduleRowOver {
	background-color: #f3f4f2;
}



/* @end */

/* @group product-info */

#product-info {
	width: 704px;
}

#product-info h1 {
	background: url(images/category-head.png) no-repeat;
	width: 704px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	text-indent: 17px;
	color: #03539A;
	margin-bottom: 0;
}

/* @group media-bank */

#media-bank {
	overflow: hidden;
	margin-top: 15px;
}

div.media-bank-item {
	float: left;
	width: 90px;
	height: 80px;
	text-align: center;

	border: 1px solid #ededed;
	background: #fbfbfb url(images/info-box-grad.png) repeat-x left bottom;
	padding-top: 8px;
	margin-right: 16px;
	margin-bottom: 16px;
}



/* @end */

/* @group details */

#product-info div.content {
	overflow: hidden;
	background: url(images/product-info.png) repeat-y right;
	border-bottom: 1px solid #e1e1e1;
}

#product-info div.images {
	float: left;
	width: 300px;
	margin-left: 1px;
}

#product-info div.images h6 {
	height: 29px;
	line-height: 29px;
	text-indent: 12px;
	background-color: #f8f7f9;
	color: #333;
	border-bottom: 1px solid #e1e1e1;
}

#product-info div.images p {
	text-align: center;
	padding-top: 12px;
}

#product-info div.details {
	float: right;
	width: 400px;
}

#product-info div.details h6 {
	height: 29px;
	line-height: 29px;
	text-indent: 12px;
	background-color: #f8f7f9;
	color: #333;
	border-bottom: 1px solid #e1e1e1;
	margin-right: 1px;
	margin-bottom: 5px;
}

#product-info div.details h3 {
	text-align: center;
	font-size: 18px;
	color: #c00;
	margin-bottom: 5px;
}

#product-info div.details h5 {
	text-align: center;
	font-size: 14px;
	color: #888;
	margin-bottom: 3px;
}

#product-info div.details p {
	text-align: center;
	margin-right: 12px;
	margin-left: 12px;
}

#product-info div.details table {
	background-color: #f8f7f9;
	border-left: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
}

#product-info div.details td {
	color: #cc0000;
	padding: 2px 9px;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

#product-info div.details p.basket {
	vertical-align: top;
}

#product-info div.details p.basket input {
	vertical-align: top;
	margin-left: 6px;
}

#product-info div.more-images {
	float: right;
	width: 400px;
}

#product-info div.more-images div.content {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	background-image: none;
	border-bottom-style: none;
}

#product-info div.more-images h6 {
	height: 29px;
	line-height: 29px;
	text-indent: 12px;
	background-color: #f8f7f9;
	color: #333;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	margin-right: 1px;
}



/* @end */

/* @group description */

#product-info div.description {
	margin-top: 20px;
	width: 704px;
	background: url(images/product-info.png) repeat-y;
	border-bottom: 1px solid #e1e1e1;
}

#product-info div.description div.tabs {
	background: url(images/category-head.png) no-repeat;
	height: 30px;
	line-height: 30px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#product-info div.description div.tabs ul {
	margin: 0;
	padding: 0;
}

#product-info div.description div.tabs li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#product-info div.description div.tabs li a {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	padding-left: 14px;
	padding-right: 14px;
	border-right: 1px solid #d7d8d9;
	height: 30px;
	display: block;
	float: left;
}

#product-info div.description div.tabs li a:hover {
	color: #ff0826;
}

#product-info div.description div.tabs a.active {
	color: #333;
}

#product-info div.description div.product-panel {
	padding: 10px 20px;
	margin-left: 1px;
	margin-right: 1px;
	background: #fbfbfb url(images/info-box-grad.png) repeat-x left bottom;
	margin-bottom: 1px;
}



/* @end */

/* @group toolbar */

#product-info div.toolbar {
	background: url(images/toolbar.png) no-repeat;
	height: 82px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#product-info div.toolbar div.shipping {
	float: left;
	width: 33%;
	background: url(images/toolbar-shipping.png) no-repeat 10px 30px;
}

#product-info div.toolbar div.questions {
	float: left;
	width: 33%;
	height: 82px;
	border-left: 1px solid #E1E1E1;
	background: url(images/toolbar-questions.png) no-repeat 10px 30px;
}


#product-info div.toolbar div.secure {
	float: left;
	width: 33%;
	height: 82px;
top;
	border-left: 1px solid #E1E1E1;
	background: url(images/toolbar-secure.png) no-repeat 10px 30px;
}

#product-info div.toolbar div.secure div.content {

}

#product-info div.toolbar div h3 {
	font-size: 12px;
	padding-top: 5px;
	padding-left: 12px;
	padding-bottom: 5px;
}

#product-info div.toolbar div p {
	font-size: 11px;
	line-height: 13px;
	padding-bottom: 3px;
	padding-top: 0;
	margin-left: 60px;
	margin-right: 5px;
}

#product-info div.toolbar div.questions p {
	margin-left: 65px;
}



/* @end */



/* @end */

/* @group home-intro */

#home-intro {
	height: 273px;
	line-height: 16px;
}

/* @group retail */

#home-intro div.retail {
	width: 468px;
	height: 273px;
	background: url(images/home-retail.png) no-repeat left bottom;
	float: left;
}

#home-intro div.retail h2 {
	color: #03539a;
	font-size: 16px;
	line-height: 42px;
	height: 45px;
	margin-top: 8px;
	padding: 0 14px;
}

#home-intro div.retail h3 {
	color: #03539a;
	font-size: 11px;
	margin-top: 8px;
	padding: 0 110px 0 24px;
}

#home-intro div.retail p {
	font-size: 11px;
	margin-top: 8px;
	padding: 0 100px 0 24px;
}



/* @end */

/* @group trade */

#home-intro div.trade {
	width: 468px;
	height: 273px;
	background: url(images/home-trade.png) no-repeat left bottom;
	float: left;
	margin-left: 20px;
	position: relative;
}

#home-intro div.trade a {
	color: #cc0000;
}

#home-intro div.trade li a {
	color: #333;
	text-decoration: none;
}

#home-intro div.trade li a:hover {
	color: #cc0000;
	text-decoration: underline;
}

#home-intro div.trade h2 {
	color: #cc0000;
	font-size: 16px;
	line-height: 42px;
	height: 45px;
	margin-top: 8px;
	padding: 0 14px;
}

#home-intro div.trade h3 {
	color: #cc0000;
	font-size: 11px;
	margin-top: 8px;
	padding: 0 24px;
}

#home-intro div.trade div.login {
	position: absolute;
	top: 82px;
	left: 28px;
	width: 415px;
	height: 78px;
}

#home-intro div.trade div.login h4 {
	color: #cc0000;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 6px;
	margin-left: 10px;
}

#home-intro div.trade div.login li {
	margin-left: 12px;
	overflow: hidden;
	margin-bottom: 5px;
}

#home-intro div.trade div.login label {
	float: left;
	width: 100px;
}

#home-intro div.trade div.login input.email {
	float: left;
	width: 285px;
	height: 15px;
	border: 1px solid #e8e8e8;
}

#home-intro div.trade div.login input.password {
	float: left;
	width: 218px;
	height: 15px;
	border: 1px solid #e8e8e8;
	margin-right: 6px;
}

#home-intro div.trade div.apply {
	position: absolute;
	top: 174px;
	left: 28px;
	width: 415px;
	height: 80px;
}

#home-intro div.trade div.apply h4 {
	color: #cc0000;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 12px;
	margin-bottom: 3px;
}

#home-intro div.trade div.apply p {
	margin-left: 10px;
	margin-right: 100px;
}

#home-intro div.trade div.apply ul {
	margin-top: 4px;
}


#home-intro div.trade div.apply li {
	margin-left: 12px;
	overflow: hidden;
	margin-bottom: 4px;
}



/* @end */



/* @end */



/* @end */

/* @group content-right */

#content-right {
	width: 230px;
	float: right;
	position: relative;
	right: 21px;
	padding-bottom: 30px;
}

/* @group box-right */

#content-right div.right-box {
	background: url(images/right-box.png) no-repeat right bottom;
	padding-bottom: 12px;
	margin-bottom: 12px;
	width: 230px;
}

#content-right div.right-box h3 {
	color: #03539A;
	font-size: 16px;
	height: 50px;
	line-height: 48px;
	text-indent: 18px;
	margin-right: 5px;
}

#content-right div.right-box ul {
	margin-right: 18px;
	margin-left: 18px;
}

#content-right div.right-box ul a {
	text-decoration: none;
	color: #333;
}

#content-right div.right-box li {
	background: url(images/black-dot.png) no-repeat 0 5px;
	padding-left: 12px;
	margin-bottom: 2px;
}

#content-right div.right-box p {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 8px;
	line-height: 16px;
}

#content-right div.right-box p a {
	color: #03539A;
	font-weight: bold;
	text-decoration: none;
}

#content-right div.right-box p a.more {
	background: url(images/black-dot.png) no-repeat 0 5px;
	padding-left: 11px;
}

#content-right div.right-box a:hover {
	color: #ff0826;
	text-decoration: underline;
}

#content-right div.right-box div.content {
	background: url(images/right-box.png) no-repeat left top;
}



/* @end */

/* @group application */

#content-right div.application h3 {
	background: url(images/right-box-application.png) no-repeat right top;
}



/* @end */

/* @group feed */

#content-right div.feed h3 {
	background: url(images/right-box-feed.png) no-repeat right 2px;
}



/* @end */

/* @group categories */

#content-right div.categories h3 {
	background: url(images/right-box-categories.png) no-repeat right 8px;
}



/* @end */

/* @group support */

#content-right div.support h3 {
	background: url(images/right-box-support.png) no-repeat right top;
}



/* @end */

/* @group manufacturers */

#content-right div.manufacturers h3 {
	background: url(images/right-box-manufacturers.png) no-repeat right top;
}

#content-right div.support p {
	padding-top: 8px;
}



/* @end */

/* @group tradelist */

#content-right div.tradelist h3 {
	background: url(images/right-box-tradelist.png) no-repeat right top;
	margin-right: 1px;
}



/* @end */



/* @end */

/* @group content-header */

#container-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#content-header {
	background: url(images/header.png) no-repeat;
	width: 996px;
	height: 185px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 13px;
}

/* @group logo */

#content-header div.logo {
	position: absolute;
	top: 19px;
	left: 19px;
}



/* @end */

/* @group panel */

#content-header div.panel {
	background: url(images/header-panel.png) no-repeat;
	width: 650px;
	height: 84px;
	overflow: hidden;
	position: absolute;
	right: 20px;
	top: 19px;
}

#content-header div.panel h4 {
	color: #03539a;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 7px;
}

#content-header div.panel h5 {
	color: #cc0000;
	font-size: 12px;
	line-height: 19px;
	height: 19px;
}

#content-header div.panel p {
	line-height: 19px;
	height: 19px;
	overflow: hidden;
}

#content-header div.panel p a {
	color: #cc0000;
}

#content-header div.panel div.search {
	width: 162px;
	height: 84px;
	position: absolute;
	top: 0;
	left: 63px;
	text-align: center;
}

#content-header div.panel div.search .keywords {
	background: url(images/header-search-box.png) no-repeat;
	width: 100px;
	height: 19px;
	border-style: none;
}

#content-header div.panel div.search .go {
	background: url(images/header-search-go.png) no-repeat;
	width: 24px;
	height: 19px;
	border-style: none;
}

#content-header div.panel div.search input {
	height: 19px;
	vertical-align: top;
}

#content-header div.panel div.support {
	width: 148px;
	height: 84px;
	top: 0;
	left: 288px;
	position: absolute;
	text-align: center;
}

#content-header div.panel div.basket {
	width: 145px;
	height: 84px;
	top: 0;
	left: 500px;
	position: absolute;
	text-align: center;
}

#content-header div.panel div.basket a {
	font-weight: bold;
}



/* @end */

/* @group primary */

#content-header div.primary {
	position: absolute;
	top: 120px;
	left: 19px;
	width: 956px;
}

#content-header div.primary li {
	float: left;
	height: 30px;
	font-weight: bold;
	line-height: 26px;
	background: url(images/category-head.png) no-repeat left top;
	margin-right: 2px;
	font-size: 12px;
}

#content-header div.primary li.active {
	background: url(images/category-head-blue.png) no-repeat left top;
}

#content-header div.primary li a {
	display: block;
	height: 25px;
	text-decoration: none;
	color: #333;
	padding-right: 11px;
	float: left;
	background: url(images/category-head.png) no-repeat right top;
	margin-left: 11px;
}

#content-header div.primary li a:hover {
	color: #ff0826;
}

#content-header div.primary li.active a {
	background: url(images/category-head-blue.png) no-repeat right top;
	color: white;
	margin-left: 18px;
	padding-right: 18px;
}

#content-header div.primary li.active a:hover {
	color: yellow;
}



/* @end */

/* @group tertiary */

#content-header div.tertiary {
	position: absolute;
	top: 145px;
	left: 19px;
	background: url(images/tertiary.png) repeat-x;
	height: 33px;
	width: 956px;
}

#content-header div.tertiary li {
	float: left;
	font-weight: bold;
	line-height: 30px;
	height: 33px;
	font-size: 12px;
}

#content-header div.tertiary li a {
	text-decoration: none;
	color: white;
	display: block;
	height: 33px;
	padding-left: 12px;
	padding-right: 13px;
	background: url(images/tertiary-sep.png) no-repeat right top;
	float: left;
}

#content-header div.tertiary li a:hover {
	color: yellow;
}

#content-header div.tertiary li.last a {
	padding-right: 0px;
	background-image: none;
}

#content-header div.tertiary ul.left {
	float: left;
}

#content-header div.tertiary ul.right {
	float: right;
}



/* @end */



/* @end */

/* @group content-footer */

#content-footer {
	background: url(images/footer-bg.png) repeat-x;
}

#content-footer div.content {
	width: 996px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/footer-content.png) no-repeat left bottom;
	position: relative;
	height: 55px;
}

#content-footer div.content h3 {
	position: absolute;
	top: 0px;
	left: 19px;
	width: 956px;
	background: url(images/tertiary.png) repeat-x;
	height: 33px;
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
}

#content-footer div.copyright {
	text-align: center;
	color: #666666;
	font-size: 10px;
	padding-bottom: 20px;
}

#content-footer div.copyright h4 {
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: bold;
}

/* @end */

/* @group colorbox */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}



/* @end */