body { margin: 0; background: url(graphics/body-bg.png) repeat-x #ffffff; }
body, th, td { color: #000000; font: 11px Verdana, Arial, Helvetica, sans-serif; }

h1 { margin: 0; font-size: 15px; font-weight: bold; text-transform: uppercase; }
h2 { margin: 1em 0 0 0; font-size: 13px; font-weight: bold; }
h3 { margin: 1em 0 0 0; font-size: 11px; font-weight: normal; text-transform: uppercase; }

a { color: #000000; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }

img { border: none; }

input, textarea, select, button { font: 11px Verdana, Arial, Helvetica, sans-serif; }
input.number { text-align: right; width: 60px }

.checkbox-container { line-height: 12px; }
.checkbox-container input[type=checkbox] { position: relative; vertical-align: middle; top: 1px; }
.checkbox-container label { position: relative; vertical-align: middle; left: .5em; }
.fill { padding-right: 6px; }
.fill input[type=text], .fill textarea, .fill select { width: 100%; max-width: 100%; }

.buttons { margin-top: 1em; }

.left { float: left; }
.right { float: right; }

.clear { clear: both; }

a.button { float: left; background: url(/graphics/button.png) no-repeat left top; padding-left: 10px; color: #000; text-decoration: none; }
a.button span { display: block; background: url(/graphics/button.png) no-repeat right top; padding-right: 10px; line-height: 24px; }
a.button:active { background-position: left bottom; }
a.button:active span { background-position: right bottom; }

#container { width: 923px; margin: 0 auto 0 auto; border: 1px solid #000000; border-top: none; }

/* Header */
#header { background: #000000; height: 223px; }
#header .left { width: 620px; padding: 0 0 0 21px; }
#header .right { width: 180px; padding: 0 21px 0 0; }

/* - Logo, topbanner & splash */
#header .left #logo { position: absolute; }
#header .left #cultures { position: absolute; top: 3px; margin-left: 520px; }
#header .left #topbanner { position: absolute; top: 85px; }
#header #splash { position: absolute; top: 3px; margin-left: 640px; }

/* - Header boxes */
#header .right .box { background: #1a1a1a; border: 1px solid #2d2d2d; color: #ffffff; }
#header .right .box > div { padding: 10px; }
#header .right .box a { color: #ffffff; text-decoration: none; }
#header .right .box a:hover { color: #ffffff; text-decoration: none; }
#header .right #currerncy-container { border-top: none; height: 84px; }
#header .right #currerncy-container > div { padding-top: 16px; }
#header .right #currerncy-container #currency { float: right; margin: 0; padding: 0; }
#header .right #currerncy-container #currency li { float: left; margin: 0; padding: 0 6px 0 0; list-style: none; }
#header .right #currerncy-container #currency a { color: #888888; text-decoration: none; }
#header .right #currerncy-container #currency a:hover { color: #ffffff; }
#header .right #currerncy-container #currency a.active { color: #ffffff; }
#header .right #currerncy-container #help { margin: 0; padding: 0; }
#header .right #currerncy-container #help li { margin: 8px 0 0 0; padding: 0; list-style: none; }
#header .right #topmenu-container { margin-top: 3px;  height: 53px; }
#header .right #topmenu-container #topmenu { margin: 0; padding: 0; }
#header .right #topmenu-container #topmenu li { margin: 0 0 8px 0; padding: 0; list-style: none; text-align: right; }
#header .right #basket-container { margin-top: 3px; background-image: url(graphics/basket-container-bg.png); background-repeat: no-repeat; height: 53px; }
#header .right #basket-container #basket { margin: 0; padding: 0; }
#header .right #basket-container #basket li { margin: 0 0 8px 0; padding: 0; list-style: none; text-align: right; }
#header .right #basket-link { background: url(graphics/dot.png); position: absolute; margin-top: -55px; width: 180px; height: 55px; }

.segments-container { margin-top: 3px; padding: 0 21px; color: #ffffff; }
.segments-title { float: left; font-size: 13px; font-style: italic; width: 180px; }
.segments { float: right; margin: 0; padding: 0; width: 676px; }
.segments li { float: left; margin: 0; margin-right: 40px; padding: 0; list-style: none; }
.segments li a { display: block; color: #ffffff; text-transform: uppercase; text-decoration: none; line-height: 16px; }
.segments li a:hover { text-decoration: none; }

/* Main Contaner */
.main-container { padding: 10px 21px 10px 21px; }
.main-container > .left { width: 180px; }
.main-container > .left #search-link { display: block; background: url(graphics/search.png) no-repeat; padding: 0 0 0 34px; line-height: 28px; text-transform: uppercase; text-decoration: none }
.main-container > .right { width: 676px; }

/* Side-menu */
.brands-title { margin-bottom: 8px; font-size: 13px; font-style: italic; }
.side-menu { margin: 0; padding: 0; }
.side-menu li { margin: 0 0 8px 0; padding: 0; list-style: none; }
.side-menu a { display: block; color: #000000; text-decoration: none; text-transform: uppercase; }

/* Footer */
#brands { text-align: center; border-top: 1px solid #000000; }
#brands > div { padding: 10px; }

#footer { text-align: center; border-top: 1px solid #000000; height: 28px; }
#footer > div { padding-top: 4px; }

/* Catalog Specific */
	/* Item List (old-way) */	
	.item-list .price { display: block; margin-top: 3px; }
	.item-list .price-on-sale { color: #dd0000; }

	/* Item View (old-way) */
	.item-view > .left { width: 380px; }
	.item-view > .right { width: 240px; }
	.item-view .large-image { float: left; border: 1px solid #000000; width: 280px; height: 330px; text-align: center; }
	.item-view .small-image { float: right; margin-bottom: 13px; border: 1px solid #000000; width: 85px; height: 100px; text-align: center; }

	.item-view .price { display: block; color: #000000; font-size: 15px; }
	.item-view .price-on-sale { color: #dd0000; }
	.item-view .out-of-stock { position: relative; float: right; top: -5px; }
	.item-view .add-to-basket { margin: 10px 0; }

	/* Basket */
	.basket-items { border-collapse: collapse; width: 100%; }
	.basket-items th { padding: 5px; text-align: left; font-weight: bold; border-bottom: 1px solid #c0bfc0; }
	.basket-items td { padding: 5px; }
	.basket-items tr.odd { background-color: #ffffff; }
	.basket-items tr.even td { background-color: #eeeeee; }

	.basket-items .image-header { width: 102px; }
	.basket-items .title-header { }
	.basket-items .qty-header { width: 14r0px; }
	.basket-items .unitprice-header { width: 100px; text-align: right; }
	.basket-items .price-header { width: 100px; text-align: right; }

	.basket-items .image-cell { }
	.basket-items .image-cell .image-container { border: 1px solid #c0bfc0; background-color: #ffffff; text-align: center; }
	.basket-items .title-cell { }
	.basket-items .qty-cell { }
	.basket-items .qty-cell .qty { float: left; text-align: right; width: 30px; }
	.basket-items .qty-cell .update-button { float: left; clear: left; margin-right: 5px; margin-top: 3px; }
	.basket-items .qty-cell .delete-button { float: left; margin-top: 3px; }
	.basket-items .unitprice-cell { text-align: right; }
	.basket-items .price-cell { text-align: right; }

	.basket .discount-code { }
	.basket .discount-code h2 { }
	.basket .discount-code-input { float: left; margin-right: 10px; }

	/* Check out */
	.progress { margin-bottom: 20px; } 
	.progress .step { float: left; position: relative; margin-left: 10px; border: 1px solid #cccccc; width: 159px; height: 50px; } 
	.progress .step-first { margin-left: 0; } 
	.progress .step-no { position: absolute; color: #cccccc; font-size: 45px; line-height: 45px; top: 1px; left: 5px; }
	.progress .step-text { position: absolute; color: #cccccc; top: 28px; right: 7px; }
	.progress .step-active { border-color: #000000; }
	.progress .step-active .step-no { color: #000000; }
	.progress .step-active .step-text { color: #000000; }
	
	.summary-items .qty-header { text-align: right; width: 60px; }
	.summary-items .qty-cell { text-align: right; }
	



table.list { border-collapse: collapse; width: 100%; }
table.list th { text-align: left; font-weight: bold; border-bottom: 1px solid #000000; }
table.list td { }
table.list tr.odd { background-color: #ffffff; }
table.list tr.even td { background-color: #eeeeee; }


/* Default Editorstyles */
span.emphasis { font-weight: bold; }
div.line { margin: 1.5em 0 1.5em 0; border-top: 1px solid #ffffff; height: 0; }

table.data-table { border-collapse: collapse; border: 1px solid #999999; }
table.data-table th { padding: 0.5em; text-align: left; }
table.data-table td { padding: 0.5em; }
table.data-table td+td { border-right: none; border-left: 1px solid #999999; }
table.data-table tr+tr td { border-top: 1px solid #999999; }