body { font: 11px "Verdana", sans-serif; margin: 0; padding: 0; text-align: center; color: #666; background: #fff /* xmas part 1 url("/store/layout/topright.jpg") top right no-repeat fixed*/; }

a:link, a:visited { color: #0099FF; text-decoration: none; }
a:hover, a:active { color: #0099FF; text-decoration: underline; }

checkbox, input, radio, select { font-size: 10px;}
textarea { width: 100%; font-size: 12px; font-family: "Verdana", sans-serif; border: 1px inset #999; background: #eee; padding: 3px; }

hr { background: none; border: none; border-bottom: 1px solid #ccc; height: 1px; }

/* xmas part 2
#xmascorner { z-index: 1; width: 420px; height: 230px; background: url("/store/layout/topleft.jpg") top left no-repeat; position: absolute; top: 0; left: 0; }
#xmascorner2 { z-index: 1; width: 450px; height: 420px; background: url("/store/layout/bottomleft.jpg") bottom left no-repeat; position: fixed; bottom: 0; left: 0; display: none; }
html > body > #xmascorner {  position: fixed !important; }
html > body > #xmascorner2 {  display: block !important; }
*/
#container { z-index: 10; position: relative; width: 800px; margin: 0 auto; text-align: left; }
#header { width: 800px; height: 155px; background: url("/store/layout/header-new.jpg") bottom left no-repeat; }

#header h1 { width: 170px; height: 100px; background: url("/store/layout/title.jpg") top left no-repeat; margin: 0; padding: 0; }
#header h1 span { display: none; }

#toplinks { font-size: 9px; position: absolute; top: 37px; left: 205px; margin: 0; padding: 0; width: 590px; }
#toplinks a:link, #toplinks a:visited { text-decoration: none; color: #666; }
#toplinks a:hover, #toplinks a:active { text-decoration: none; color: #666; }
#toplinks li { float: left; list-style-image: url("/store/layout/bullet.png"); list-style-position: outside; margin: 0px 40px 0px 0px; }
#currenciesbox { float: left;  }
#toplinks table { display: inline; width: 0px; }
#currenciescontent td { vertical-align: top; padding: 0px 0px 0px 2px; }
#currenciescontent form { display: inline; }
#currenciescontent img { display: none; }
#currenciescontent { float: left; }
#currencies { display: inline; width: 70px; font: bold 8px "Verdana", sans-serif; background: #fff; border: 1px solid #bbb; color: #666; }
#langbox { position: absolute; top: 37px; right: 5px; }
#langbox table { display: inline; width: 40px; }
#langbox td { display: inline; width: 40px; padding: 0; margin: 0; }

#searchheader { position: absolute; top: 66px; left: 479px; font: bold 13px "Trebuchet MS", sans-serif; color: #fff; }
#searchcontent { position: absolute; top: 51px; left: 429px; }
#searchcontent input { display: inline; vertical-align: top; padding-left: 3px; font: 9px "Arial", sans-serif; }
#searchheader, #searchheader td, #searchcontent {  width: 200px; }

#header #cartheader { position: absolute; top: 66px; left: 655px; font: bold 13px "Trebuchet MS", sans-serif; color: #fff; }
#header #cartcontent { position: absolute; top: 72px; left: 652px; font: bold 12px "Trebuchet MS", sans-serif; color: #77B1EC; }
#header #cartheader, #header #cartheader td, #header #cartcontent {  width: 150px; }
#header #cartcontent a:link, #header #cartcontent a:visited { color: #77B1EC; }
#header #cartheader a:link, #header #cartheader a:visited { color: #fff; }
#quickfind { padding: 2px 1px 0px 1px; margin: 21px 0px 0px 4px; background: url("/store/layout/quickfind_bg.jpg") top left no-repeat; width: 109px; height: 15px; border: none; font-size: 9px; color: #666; }

#topnav { margin: 0; padding: 0; position: absolute; top: 109px; left: 0; width: 800px; height: 35px; }
#topnav li { cursor: pointer; padding: 8px 0px 0px 0px; margin: 0; font: 12px "Trebuchet MS", sans-serif; list-style: none; float: left; width: 20%; text-align: center; }
#topnav a {  }
#topnav a:link, #topnav a:visited { text-decoration: none; color: #666; }
#topnav a:hover, #topnav a:active { text-decoration: none; color: #666; }

#column_left { width: 170px; float: left; }
#column_right { padding: 0px 10px 10px 10px; width: 598px; border: 1px solid #ccc; margin: 0px 0px 0px 177px;  }

#topbanner { margin: 0px 0px 2px 177px;  }

#footer { text-align: right; font-size: 9px; border-top: 4px solid #177ADC; width: 800px; color: #999; margin: 15px 0px 0px 0px; height: 30px; background: url("/store/layout/footerbg.jpg") top left no-repeat; }
#footer a:link, #footer a:visited { color: #999; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #999; text-decoration: none; }

.box { margin: 0px 0px 2px 0px; }
.box table { }
.box .infoBoxHeading { width: 170px; height: 30px; background: #666; color: #fff; font: bold 14px "Arial", sans-serif; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 13px; }

.box .infoBoxContents { margin: 2px 0px 0px 0px; width: 170px; border: 1px solid #ccc; padding: 0; font-size: 10px; }
.box .infoBoxContents td { margin: 0; padding: 0; }
.box .infoBoxContents ul { margin: 10px 0px 10px 33px; padding: 0; list-style-image: url("/store/layout/bullet.png"); list-style-position: outside; }
.box .infoBoxContents li { padding: 0px 0px 0px 4px; margin: 0px 0px 3px 0px; }
li.sub1, .sub1 { list-style-image: none; list-style: none; }
.box .infoBoxContents ul li.sub2, .sub2 { list-style-image: none; list-style: none; margin: 2px 0px 2px 15px; }
.box .infoBoxContents ul li.sub3, .sub3 { list-style-image: none; list-style: none; margin: 2px 0px 2px 30px; font-size: 9px; }

.box a:link, .box a:visited { text-decoration: none; color: #666; }
.box a:hover, .box a:active { text-decoration: underline; color: #666; }

.productListing-even-middle span, .productListing-even span, .productListing-odd-middle span { display: block; width: 1px; height: 1px; }
.productListing-even { border-bottom: 1px dashed #ccc; }
.productListing-data, .productListing-data-left { width: 300px; }
.productListing-data { padding: 0px 0px 0px 7px; }
.productListing-odd-middle { border-right: 1px dashed #ccc; padding: 0; }

.productListing-even-middle { padding: 0; }

.product-listing-new-english { background: url('/store/layout/corner_new_en.png') top right no-repeat; }
.product-listing-new-german { background: url('/store/layout/corner_new_de.png') top right no-repeat; }

.product_info_image { float: left; margin: 0px 15px 20px 0px; }
.product_info_buttons { clear: both; }
.product_info_buttons a { display: block; float: left; margin: 0px 4px 0px 0px; }

.product_info_name { margin: 0px 0px 20px 0px; }
.product_info_name a:link, .product_info_name a:visited { text-decoration: none; font: bold 11px "Verdana", sans-serif; color: #1878D7; }
.product_info_name a:hover, .product_info_name a:active { text-decoration: none; font: bold 11px "Verdana", sans-serif; color: #1878D7; }

.product_info_price { font: bold 14px "Arial", sans-serif; color: #CC0000; margin: 0px 0px 10px 0px; }
.product_info_model { font: 8px "Verdana", sans-serif; color: #1878D7; }

.pageHeading { border-bottom: 1px solid #ccc; vertical-align: middle; height: 30px; background: #fff; color: #1878D7; font: bold 14px "Arial", sans-serif; margin: 0px 0px 2px 0px; padding: 0px; }
.pageHeading img { display: none; }

.smallText { font-size: 10px; }

table.formArea { background: #f1f9fe; border: 1px solid #7b9ebd; }
td.formAreaTitle { font-weight: bold; }
td.main input, td.main select { border: 1px inset #999; background: #eee; }

span.productSpecialPrice { color: #ff0000; }

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.inputRequirement { color: #66cc00; }

.product_status_A, .product_status_S { font-weight: normal; padding: 0px; font-size: 10px; }
.product_status_N, .product_status_L, 
.product_status_NL, .product_status_M { font-weight: normal; padding: 1px 4px 1px 4px; font-size: 10px; }
.product_status_A { color: #FF0000; }
.product_status_AV { background: #FF0000; color: #fff; padding: 3px; }
.product_status_N, 
.product_status_NL,
.product_status_M { background: #009933; color: #fff; }
.product_status_S { color: #CC6600; }
.product_status_L { background: #993399;  color: #fff; }

.productimg { background: url("/store/layout/productbg.jpg") top left no-repeat; padding: 10px 20px 20px 10px; margin: 0px 0px 15px 10px; }
.product_desc { margin: 0px 0px 20px 0px; border-bottom: 1px solid #ccc; }
.product-info-btns input { display: inline; /*float: left;*/ margin: 0px 4px 0px 0px; }
.product-info-btns { vertical-align: bottom; text-align: right; }
.product-info-btns img,
.product-info-btns input
 { vertical-align: bottom; }
td.product-info-btns span.stock-status { display: inline !important; float: none !important; }

.arriving-1, .arriving-2, .arriving-3 { font-size: 9px; color: #666; padding: 3px 0px 3px 18px; }
.arriving-1 { background: url('/store/layout/arriving-1.png') top left no-repeat; }
.arriving-2 { background: url('/store/layout/arriving-2.png') top left no-repeat; }
.arriving-3 { background: url('/store/layout/arriving-3.png') top left no-repeat; }

#thumbcontainer img { border: 1px solid #ccc; padding: 5px; }

.stock-status { display: block; float: left; font: 9px "Arial", sans-serif; background: #f1faff; padding: 5px 2px 3px 2px; color: #aaa; }
.available { /*color: #009933;*/ }
.unavailable { color: #FF0000; }

.order-status-1 { background: #993399;  color: #fff; }
.order-status-2 { color: #993399; }
.order-status-3 { }
.order-status-5 { background: #0099CC;  color: #fff; }

.notice-box { padding: 10px; background: #8DE64D; font-weight: bold; color: #ffffff; text-align: center; font-size: 12px; }

.checkoutSeparator { height: 50px; }

a.popuplink { padding-right: 22px; background: url('/store/images/icons/popup.png') bottom right no-repeat transparent; }

/**
* This is the guillotine hack. Quite a lot of stuff in this layout
* is floating, this puts them back in the normal flow and doesn't 
* create odd overlapping elements
*/
#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html #main {height: 1%;}