/** Standard **/
* { margin: 0; padding: 0 }
html { background: #5F5B57 url("../img/main-background.gif"); margin: 0 auto; padding: 0 }
body { font: 76% "frutiger linotype", "lucida grande", helvetica, arial, sans-serif; color: #333; text-align: left; width: 780px; margin: 0 auto }
a { color: #003D4C; text-decoration: underline }
a img { border: none }
a:hover { color: #003D4C; text-decoration: none }
p { margin-top: 10px }
blockquote { margin: 10px 0 0 25px }
h1, h2, h3, h4 { font-weight: normal }
h1 { color: #003D4C; font-size: 180% }
h2 { clear: both; color: #C6C65B; font-size: 180%; padding: 0 15px 15px 0; text-align: right }
h3 { clear: left; display: block; margin: 0 0 0 10px }
h4 { color: #C6C65B; font-weight: normal; padding-top: 0.5em }
hr { border: 1px solid #FFF; clear: both; height: 15px; visibility: hidden }
dl { float: left; line-height: 2em; margin: 0 1em; width: 100% }
dt { font-weight: bold }
dd { margin-left: 10em; margin-top: -2em }
ul.actions { float: left; margin-left: 20px; width: 200px }
ul.actions li { margin-top: 4px }
ul, li { margin: 0 12px }
pre { padding: 1em }
em { font-size: 12px }
/** Structure **/
#wrapper { background: #5B4D2E url("../img/wrapper-shadow.gif") repeat-y; width: 771px; padding: 0 5px 0 4px }
#header { background: url("../img/dynimg/layout/default-header.jpg") no-repeat; position: relative; width: 771px; height: 171px }
#content { background: #FFF url("../img/dynimg/layout/default-background.gif") repeat-y left bottom; width: 771px }
#col1 { float: left; width: 166px }
#col2 { background: #FFF; float: left; height: 100%; margin-bottom: 15px; max-height: 100%; width: 605px }
#footer { clear: left; background: #B4B3B1; height: 26px; width: 770px; border-left: 1px solid #2e1b12 }
/** Header **/
#header h1 { display: none }
#header a.home { background: transparent; display: block; height: 50px; position: relative; top: 120px; width: 280px }
ul.mainmenu { bottom: 0; list-style-type: none; margin: 0; padding: 0; position: absolute; right: 10px }
ul.mainmenu li { float: left; margin: 0; padding: 0 6px }
ul.mainmenu li a img { display: block; padding-top: 5px }
/** Mini Basket **/
div.minibasket { background: #A49D8D; color: #4C2A1A; float: right; font: 11px/14px Arial, Helvetica, sans-serif; height: auto; min-height: 51px; padding: 6px 6px 1px 6px; position: relative; width: 103px }
div.minibasket a { color: #4C2A1A }
div.minibasket div.actions { margin-top: 5px }
/** Search Boxes **/
div.search_basic_long { background: #F2F1EF; text-align: center; line-height: 25px; border-bottom: 1px solid #877E69; margin: -12px auto }
#SearchK { font: 9pt/8pt "frutiger linotype", "lucida grande", helvetica, arial, sans-serif; padding: 1px 3px 0 }
input.hard { font-style: normal; color: #000 }
input.soft { font-style: italic; color: #CCC }
/** Pagination **/
#pagination { margin: 5px 0 10px 0; padding: 5px 10px 5px 10px; border-top: 1px dashed #76645C; border-bottom: 1px dashed #76645C; background: #F2F1EF; font-size: 85% }
#pagination .pages { float: right; display: block }
#pagination .pages em { color: #76645C; background: transparent; font-size: inherit; font-weight: bold; font-style: normal }
#pagination .results { float: left; display: block }
/** Sub Menu **/
ul.subcategories { list-style-type: none; margin: 0; padding: 0; width: 166px }
ul.subcategories li { background: #A4A4A8; text-align: center; width: 166px; padding: 0; border-bottom: 1px solid #76645C; margin: 0 }
ul.subcategories li a { font: 16px/20px "Futura MdCn BT" Arial Verdana; color: #4C2A1A; text-decoration: none; text-transform: uppercase; padding: 0; margin: -5px }
ul.subcategories li a:hover { text-decoration: none }
ul.subcategories li ul.subcategories { border-top: 1px solid #76645C }
ul.subcategories li ul.subcategories li { background: #CCC; border-bottom: none; text-align: left; text-indent: 10px }
ul.subcategories li ul.subcategories li a { font: 12px/20px Arial, Helvetica, sans-serif; color: #431E17; text-decoration: none; text-transform: none }
ul.subcategories li ul.subcategories li a:hover { text-decoration: underline }
ul.subcategories li ul.subcategories li ul.subcategories { background: #D5D5D5; border-bottom: 1px solid #76645C; padding-left: 10px }
ul.subcategories li ul.subcategories li ul.subcategories li { background: #D5D5D5 }
/** Footer **/
#footer img { padding: 0 0 0 14px }
ul.footer { float: right; line-height: 0%; list-style-type: none; padding: 6px 6px 0 0 }
ul.footer li { float: left; padding: 0; border-left: 1px solid #FFF; margin: 0 }
ul.footer li a { color: #FFF; font: normal 11px Arial; padding: 0 10px; text-decoration: none }
ul.footer li a:hover { text-decoration: underline }
/** Sign In **/
div.signin h3, div.createaccount h3 { border-bottom: 1px solid #DDD; clear: both; color: #566139; display: block; font-size: 1.2em; font-weight: bold; line-height: 30px; margin: 0; margin-bottom: 5px; padding: 0 }
div.signin { display: block; float: left; height: 150px; margin: 0 0 0 15px; padding: 0; width: 41% }
div.createaccount { display: block; float: left; margin: 0 0 0 15px; padding: 0; width: 50% }
div.createaccount ul { clear: left }
div.checkoutShipping ul { clear: both }
form.signin { clear: both; margin: 0; padding: 0 }
form.signin div.optional { clear: left; height: auto; margin: 0 0 0 1em; min-width: 200px; padding: 0 0 3px 90px; padding-left: 75px }
form.signin div.optional label { margin-left: -85px }
form.signin div.optional input[type="text"], form.signin div.optional input[type="password"] { width: 150px }
/** Product View **/
div.productItem { clear: both; padding: 0 15px 0 10px }
div.productItem p { clear: both; display: block; text-align: justify }
div.productItem p img { border: 1px solid #DDD; float: left; margin-bottom: 10px; margin-right: 10px; padding: 2px }
div.productBrand { display: block; float: right; margin: 0.7em 15px 10px 0 }
/** Browsing Product Categories **/
div.productCategories { display: block; margin: 0 auto; overflow: hidden; position: relative; width: 588px }
div.productCategories ul { bottom: -1px; display: block; list-style-type: none; margin: 0; padding: 0; position: relative; right: -1px }
div.productCategories ul li { border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; float: left; margin: 0; padding: 5px; text-align: center; width: 185px; height: 195px }
div.productCategories ul li a { color: #000; font-size: 13px; font-weight: bold; text-decoration: none }
div.productCategories ul li a img { padding-top: 8px }
/** Browsing Product Brands **/
div.productBrands { padding: 0 10px 0 10px; border-bottom: 1px solid #5a4a2a; height: 45px }
div.productBrands ul { list-style-type: none; margin: 0; padding: 0 }
div.productBrands ul li { float: left; margin: 0; padding: 0; padding-right: 5px }
div.productBrands a.right { float: right; font-size: 0.8em; line-height: 15px; padding-top: 25px }
/** Browsing Product Items **/
div.productItems { clear: both; display: block; margin: 0 auto; overflow: hidden; position: relative; width: 588px }
div.productItems { display: block; margin: 0 auto; overflow: hidden; position: relative; width: 588px }
div.productItems ul { bottom: -1px; display: block; list-style-type: none; margin: 0; padding: 0; position: relative; right: -1px }
div.productItems ul li { border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; float: left; margin: 0; padding: 5px; text-align: center; height: 173px; width: 185px }
div.productItems ul li a { color: #000000; font-size: 12px; line-height: 25px }
div.productItems ul li div.img { display: table-cell; width: 185px; height: 110px; min-height: 110px; }
div.productItems span.price-strike, div.productItems span.price { font-size: 0.9em }
span.price-strike { color: #566139; text-decoration: line-through }
span.price { color: #4C2A1A; font-weight: bold }
/** Browsing single product **/
div.productItem ul { list-style-type: none; margin: 0; padding: 0 }
div.productItem ul li { font-size: 0.9em; font-style: italic }
div.productItem ul li.price { font-size: 1.15em; font-style: normal; font-weight: bold; margin-top: 20px }
/** Basket View **/
div.basketSession ul.actions { display: none }
div.basketSession div.basketUser { float: right; font-size: 0.9em; font-style: italic; margin-right: 15px; margin-top: -15px }
div.basketSession div.basketTotal { float: right; font-size: 1.2em; font-weight: bold; margin: 15px 15px 10px 0 }
div.basketActions { float: right; margin: 0; padding: 0; width: 100% }
div.basketActions input { float: right }
div.basketItems { clear: both; padding: 0 15px 0 10px }
div.basketItems span.brand { font-style: italic; font-size: 0.8em }
div.basketItems table { background: #FFF; clear: both; color: #333; float: right; padding: 0; white-space: normal; width: 100% }
div.basketItems table tr th { border-bottom: 1px solid #566139; color: #566139; font-size: 1.1em; font-weight: bold; height: 25px; text-align: left }
div.basketItems table tr td { padding: 5px 4px; }
div.basketItems table tr td img { border: 1px solid #DDD; float: left; margin-right: 5px; padding: 2px }
div.basketItems table tr td dl, div.basketItems table tr td dd, div.basketItems table tr td dt { display: block; float: left; line-height: 14px; margin: 0; padding: 2px; width: auto }
div.basketItems table tr td dt { clear: left }
div.basketItems table tr.altRow td { background: #F4F4F4 }
div.basketItems table td.actions { white-space: nowrap }
/** Check out **/
div.checkoutDelivery form, div.checkoutDelivery form fieldset { border: none; margin: 0; padding: 0 }
div.checkoutDelivery form { padding: 0 15px 0 10px }
div.checkoutDelivery form fieldset ol { display: block; float: left }
div.checkoutDelivery form fieldset ol li { width: auto }
div.checkoutDelivery form fieldset ol.address { list-style-type: none; margin-left: 15px }
/** Weird Stuff **/
li.first { border: none !important }
.clearing { clear: both }
#content p { padding: 0 15px 0 10px }
#ProductItemQuantity { width: 15px }
div.articlesPreview, div.productsNew, div.productsNew, div.productsFeatured { clear: both; margin: 10px 15px 20px 10px }
div.basketEmpty { padding: 0 15px }
div.checkoutNotes { border: 2px solid #4D291B; float: right; margin: 0 15px 0 0; min-height: 100px; padding: 10px; width: 250px }
div.checkoutDelivery address { border: 2px solid #4D291B; float: left; font-style: normal; margin: 0 0 0 10px; min-height: 100px; padding: 10px; width: 250px }
/* Forms */
form { margin-top: 1em }
form label { float: left; font-weight: bold; margin-left: -150px }
form select, form input[type="text"], form input[type="password"] { font: 97%/17px "frutiger linotype", "lucida grande", helvetica, arial, sans-serif; padding-top: 1px }
form select option { padding-right: 20px }
form textarea { height: 150px; width: 250px }
form div.optional { clear: left; height: 1%; margin: 0 0 0 1em; min-width: 300px; padding: 0px 0 3px 0; padding-left: 155px; }
form div.normal { padding-left: 10px }
form div.submit { clear: left; height: 1%; margin: 0 0 0 1em; padding: 10px 0 3px 155px; }
form div.date { margin-left: 0em }
form div.checkbox { clear: left; height: 15px; margin: 0 0 0 1em; padding: 0px 0 3px 0; }
form div.checkbox input { float: left; padding-left: 10px }
form div.checkbox label { margin-left: 2px }
form div.checkbox div.error_message { clear: left }
form.right { float: right }
form.productView { clear: both }
form.productView div { clear: left; height: 1%; margin: 0; padding: 0 0 3px; padding-left: 100px; width: 400px }
form.productView label { margin-left: -100px }
form div.payment { clear: left; height: 15px; margin: 0 0 0 1em; padding: 0px 0 3px 0; }
form div.payment input { float: left; padding-left: 10px }
form div.payment label { margin-left: 2px }
div.contentBlock { background: #F4F4F4; border: 1px solid #D5D5D5; clear: both; display: block; margin: 10px 15px 0 10px; padding: 5px; position: relative }
form div.contentBlock { margin-bottom: 4px }
address.checkout { float: left; margin: 5px 15px 10px 15px; position: static; width: 200px }
div.addresscheckout { display: block; float: left; margin: 5px 15px 10px 15px }
div.contentBlock input { float: right; margin-top: -3px }
.hidden { display: none }
/* Error Messages */
#flashMessage { background: #F2F2F2; border: 1px dotted #C2C2C2; display: block; margin: 5px 10px 2px 10px; padding: 3px 10px 3px 10px }
#flashMessage, .error { color: #900; font-size: 12px; font-weight: bold }
.error em { color: #003D4C; font-size: 18px }
.notice { background: #F4F4F4; color: #656565; display: block; font-size: 14px; margin: 1em 0; padding: 0.5em }
.tip { background: #DDD; color: #656565 }
.error_message { color: #900; display: block; font-size: 10px }