* { margin: 0; padding: 0; } img { border: 0; }
html, body { font-family: arial, verdana, sans-serif; font-size: 12px; cursor: default; }

div.main { width: 1000px; margin: 0 auto; }

/******************************************************************* Header ***/
div.header { padding: 0 0 20px 0; }
div.header a.logo { display: block; padding: 30px 10px 10px 40px; float: left; }
div.header a.logo span { display: block; width: 200px; height: 60px; background: url('../images/passage-logo.png') center center no-repeat; float: left; }

div.header div.account { background: url('../images/user-login.png') left center no-repeat; margin: 15px 0 0 80px; padding: 5px 0 5px 30px; font-size: 11px; text-transform: uppercase; float: left; }
div.header div.account a { margin: 0 5px; }

div.header div.right { margin-top: 10px; float: right; }
div.header div.right div.cart-left  { width: 16px; height: 32px; background: url('../images/bag-left.png') no-repeat; float: left; }
div.header div.right div.cart-center { height: 30px; font-size: 12px; text-transform: uppercase; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; float: left; }
div.header div.right div.cart-center img { margin-bottom: -2px; }
div.header div.right div.cart-center a.pad { display: block; padding: 6px 0; }
div.header div.right div.cart-center a.pad:hover { text-decoration: none; }
div.header div.right div.cart-center span { color: #6C6A6B; }
div.header div.right div.cart-center span.bold { font-weight: bold; color: #CC3333; }
div.header div.right div.cart-right { width: 16px; height: 32px; background: url('../images/bag-right.png') no-repeat; float: left; }

div.header div.right div.langs { margin: 10px 0 0 40px; float: right; }

div.header div.right form.search { width: 250px; margin: 25px 0 0 0; clear: both; float: right; }
div.header div.right form.search fieldset { border: 0; }
div.header div.right form.search input.text { width: 84%; border: 1px solid #DE523D; padding: 2px; float: left; }
div.header div.right form.search input.submit { width: 30px; float: right; }

div.header div.topmenu ul { text-align: center; }
div.header div.topmenu ul li { display: block; border-right: 1px solid white; background: black; float: left; }
div.header div.topmenu ul li.last { border-right: 0; }
div.header div.topmenu ul li a { display: block; width: 124px; padding: 6px 0; font-weight: bold; background: black; color: white; text-transform: uppercase; }
div.header div.topmenu ul li a:hover { background: #CC3333 !important; text-decoration: none; }
div.header div.topmenu ul li a.active { background: #E34559; text-decoration: none; }

/********************************************************************* Menu ***/
div.menu { width: 230px; float: left; }
div.menu div.title { font-size: 12px; font-weight: bold; border-top: 1px solid #CBCBCB; border-left: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; background: url('../images/menu-left.png') top left repeat-x; padding: 6px 12px 0 12px; text-transform: uppercase; }
div.menu div.box { background: white; border-left: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; margin: 0 0 20px 0; padding: 8px 6px 8px 12px; }

div.menu ul { list-style-type: none; margin: 0 0 0 10px; }
div.menu ul:first-child { margin: 0; }
div.menu ul li { padding: 0 3px; }
div.menu ul li span { color: silver; }

div.menu ul.filters li a { display: block; background: url('../images/filter.png') right center no-repeat; }

/****************************************************************** Content ***/
div.content { width: 750px; float: right; }
div.content-long { width: 100%; float: right; }

/*** Forms ***/
form.silver { width: 100%; }
form.silver div.legend { text-transform: uppercase; font-size: 15px; font-weight: bold; padding: 0; margin: 0 0 10px 0; }
form.silver fieldset { margin-bottom: 10px; padding: 15px; background: #ececec; border: 0; }
form.silver fieldset p { padding: 10px 0 15px 0; }
form.silver fieldset dl.nolabel dt { display: none; }
form.silver fieldset dl.nolabel dd { margin: 0; }
form.silver fieldset dl dt { width: 150px; padding: 3px 0; float: left; clear: both;  }
form.silver fieldset dl dd { display: block; padding: 0 0 9px 0; margin: 0 0 0 150px; }
form.silver fieldset ul { list-style: none; }
form.silver fieldset ul li.red { color: red; }
form.silver fieldset .required { font-weight: bold; }
form.silver label { padding-right: 5px; }
form.silver input { font-family: sans-serif; }
form.silver input.delivery { display: block; margin: 5px 10px; clear: both; float: left; }
form.silver input.delivery:first-child { clear: none; }
form.silver input[type=radio], form.silver input[type=checkbox] { margin-right: 5px; }
form.silver small { display: block; padding: 2px 0; }
form.silver div.delivery { width: auto; }
form.silver div.delivery div.name  { width: 20%; padding: 5px 0; color: #444; font-weight: bold; float: left; }
form.silver div.delivery div.desc  { width: 60%; padding: 5px 0; float: left; }
form.silver div.delivery div.price { width: 10%; padding: 5px 0; float: left; }
form.silver div.delivery div.price span { font-size: 13px; font-weight: bold; }
form.silver div.delivery div.price small { color: gray; }
form.silver div.delivery div.longdesc { width: 70%; padding: 5px 0; float: left; }
form.silver .right { margin: 0; text-align: right; }
form.silver .button { width: auto; overlow: visible; cursor: pointer; font-weight: bold; padding: 5px 10px; }
.recalculate { margin: 0 265px 0 0; }

/*** Order summary ***/
div.summary {}
div.summary dl { padding: 0 15px 10px 15px; background: #ececec; }
div.summary dl dt { width: 200px; font-weight: bold; padding: 5px 0; float: left; clear: both; }
div.summary dl dd { display: block; padding: 5px 0; }
div.summary table { width: 100%; }
div.summary table td {}
div.summary h1.divider { margin: 20px 0 0 0; }
div.summary h2 { margin: 10px 0 0 0; padding: 15px 15px 5px 15px; background: #ececec; text-transform: uppercase; font-size: 15px; font-weight: bold; clear: both; }

/*** Index ***/
div.splash { width: 660px; float: left; }

div.promo-big { width: 318px; height: 338px; border: 1px solid #ABA8A8; float: right; }
div.promo-big div.pad { margin: 10px; position: relative; }
div.promo-big a { text-transform: uppercase; color: gray !important; }
div.promo-big a.product { display: block; padding: 15px 0; }
div.promo-big a.logo { position: absolute; top: 0; right: 0; }
div.promo-big a.link { position: absolute; bottom: 0; right: 0; }

div.promo { padding: 20px 0; }
div.promo div.box { width: 320px; margin: 0 20px 0 0; float: left; }
div.promo div.box-last { margin: 0; }
div.promo div.box div.pad { padding: 10px; border: 1px solid #ABA8A8; position: relative; }
div.promo div.box a { text-transform: uppercase; color: gray; }
div.promo div.box a.product { display: block; padding: 5px 0; }
div.promo div.box a.logo { position: absolute; top: 10px; right: 10px; }
div.promo div.box a.logo img { max-width: 90px; position: absolute; right: 0; top: 0; }
div.promo div.box a.link { position: absolute; bottom: 10px; right: 10px; }

div.container { background: #E8E5E3; border: 1px solid #C2C2C2; }
div.container div.box { width: 25%; float: left; }
div.container div.box div.pad { padding: 5px 10px 15px 10px; }
div.container div.box div.title { padding: 10px; color: #6B6966; text-transform: uppercase; font-size: 14px; font-weight: bold; }
div.container div.box form.newsletter input.text { border: 1px solid #DE523D; }
div.container div.box form.newsletter input.submit { display: block; border: 0; background: transparent; margin: 10px 0 0 0; }
div.container div.box ul { list-style: none inside; }
div.container div.box ul li { display: list-item; }
div.container div.box div.phone-support { font-size: 30px; background: url('../images/tel.png') left center no-repeat; padding: 0 0 0 40px; }

/*** Brands ***/
div.brands { width: 100%; }
div.brands div.item { border: 1px solid silver; color: white; background: black; margin: 0 0 20px 0; }
div.brands div.item a { color: white; }
div.brands div.item div.image { width: 300px; height: 225px; }
div.brands div.item div.image img { max-width: 300px; max-height: 225px; }
div.brands div.item div.text { width: 690px; text-align: justify; }
div.brands div.item div.text div.pad { padding: 30px 10px; }

div.brands div.left div.image { float: left; }
div.brands div.left div.text { float: right; }

div.brands div.right div.image { float: right; }
div.brands div.right div.text { float: left; }

/*** Brands - Products ***/
div.brand-products {}
div.brand-products div.nomg { margin: 0 !important; padding: 0 !important; }
div.brand-products div.item { width: 24.9%; margin: 0 0 20px 0; float: left; }
div.brand-products div.item ul { list-style-type: none; }
div.brand-products div.item ul li { padding: 2px 0; }

/*** Product ***/
div.product { width: 100%; margin-top: 10px; }

div.product div.image { width: 350px; float: left; }

div.product div.image div.photo { width: 350px; height: 350px; border: 1px solid #e0e0e0; }
div.product div.image div.photo p { line-height: 350px; text-align: center; }
div.product div.image div.photo img { max-width: 100%; max-height: 100%; }

div.product div.image ul.images { margin-top: 10px; list-style: none; }
div.product div.image ul.images li { display: inline; margin: 3px; }

div.product div.image div.recommend { margin: 30px 0; }
div.product div.image div.recommend div.rtitle { font-weight: bold; font-size: 13px; }
div.product div.image div.recommend div.item { margin:5px 5px 0 0; float: left; }
div.product div.image div.recommend div.item a.image { display: block; text-decoration: none; }
div.product div.image div.recommend div.item a.image img { display: block; width: 75px; height: 75px; }
div.product div.image div.recommend div.item div.subtitle,
div.product div.image div.recommend div.item div.collection,
div.product div.image div.recommend div.item div.price { font-size: 11px; }

div.product div.description { width: 370px; float: right; }
div.product div.description h1 { font-weight: normal; text-transform: uppercase; margin: 0; }
div.product div.description h1 a { text-decoration: none; }
div.product div.description h2 { font-size: 16px; font-weight: normal; text-transform: uppercase; margin: 0; padding: 1px 0; }
div.product div.description div.subtitle { font-weight: bold; font-size: 13px; }
div.product div.description div.brand { margin:15px 0 0 0; border: 1px solid #e0e0e0; font-variant: small-caps; text-align: center; }
div.product div.description div.brand img { max-height: 60px; }
div.product div.description div.text { margin:15px 0; }

div.product div.description div.attributes { clear: both; }
div.product div.description div.attributes dl {  }
div.product div.description div.attributes dl dt { margin:0 5px 0 0; padding: 1px 0; font-weight: bold; float: left; clear: left; }
div.product div.description div.attributes dl dd { padding: 1px 0; float: left; }

div.product div.description div.price { padding-top: 15px; clear: both; }
div.product div.description div.price dl {}
div.product div.description div.price dl dt { margin:0 5px 0 0; padding: 3px 0; font-weight: bold; float: left; clear: left; }
div.product div.description div.price dl dd { font-weight: bold; float: left; }
div.product div.description div.price dl dd span { display: block; font-size: 16px;  }
div.product div.description div.price dl dd span span { display: inline; font-weight: normal; font-size: 13px; }
div.product div.description div.price dl dd small { font-size: 9px; color: silver; }
div.product div.description div.price dl dd div.old { text-decoration: line-through; }
div.product div.description div.price dl dd div.discount { color: red; }

div.product div.description div.colors { padding-top: 15px; clear: both; }
div.product div.description div.colors dl { }
div.product div.description div.colors dl dt { margin:0 5px 0 0; padding: 14px 0; font-weight: bold; float: left; clear: left; }
div.product div.description div.colors dl dd { float: left; }
div.product div.description div.colors dl dd a { text-decoration: none; }
div.product div.description div.colors dl dd img { margin: 3px 1px; }

div.product div.description form.cart { padding: 0 0 15px 0; clear: both; }
div.product div.description form.cart fieldset { border: 0; }
div.product div.description form.cart dl { }
div.product div.description form.cart dl dt { margin:0 5px 0 0; padding: 3px 0; font-weight: bold; float: left; clear: both; }
div.product div.description form.cart dl dd { padding: 3px 0; }
div.product div.description form.cart dl dd span { padding: 0 3px; }
div.product div.description form.cart input,
div.product div.description form.cart select { font-size: 12px; border: 1px solid silver; }
div.product div.description form.cart input.add { margin-top: 15px; border: 0; }

div.product div.description div.options { padding: 15px 0; }
div.product div.description div.options ul { list-style-position: inside; list-style-image: url('../images/next-page-right.png'); }
div.product div.description div.options ul li { padding: 1px 0; }
div.product div.description div.options ul li a { text-decoration: none; }

/*** Search ***/
div.search { width: 100% !important; }

/*** Products ***/
div.products { width: 750px; }
div.products h1 { margin: 0; padding: 5px 0; }
div.products span.selected { font-weight: bold; color: red; }

div.products div.navigation { margin: 0 0 5px 0; }
div.products div.navigation a {  }
div.products div.navigation em {  }
div.products div.navigation span { padding: 1px 6px; }

div.products div.options { margin-bottom: 10px; padding: 5px 0; }
div.products div.options div.order { width: 25%; float: left; text-align: left; }
div.products div.options div.order select { font-size: 10px; }
div.products div.options div.items { width: 39%; float: left; text-align: center; }
div.products div.options div.pages { width: 35%; float: right; text-align: right; }

div.products div.item { width: 250px; position: relative; float: left; }
div.products div.item div.pad { background: #e0e0e0; border: 1px solid #e0e0e0; margin: 0 10px 10px 0; }
div.products div.item div.image { height:220px; background: white; border-bottom: 1px solid #e0e0e0; text-align: center; }
div.products div.item div.image p { padding: 10px 0; }
div.products div.item div.image img { max-width: 200px; max-height: 200px; margin: 10px 0; }
div.products div.item div.note { top: 10px; left: 10px; position: absolute; }
div.products div.item div.note span { display: block; color: red; text-transform: lowercase; border: 1px solid red; margin: 0 6px 0 0; padding: 0 2px; float: left; }
div.products div.item div.info { padding: 10px 5px 10px 30px; }
div.products div.item div.info ul { list-style: none; }
div.products div.item div.info ul li { display: block; }
div.products div.item div.info ul li a { color: black; font-weight: bold; }
div.products div.item div.info ul li a:hover { color: red; }
div.products div.item div.info ul li.price { font-weight: bold; }
div.products div.item del { color: black; text-decoration: line-through;  }
div.products div.item ins { color: red; text-decoration: none; }

div.products div.product-first { background: red; }
div.products div.product-last  { clear: right; float: right; }

/*** Customer ***/
div.customer {}
div.customer div.addresses {}
div.customer div.addresses div.address { margin: 0 0 10px 0; padding: 15px 20px; background: #ececec; }
div.customer div.addresses div.address ul { list-style: none; marign: 0 0 10px 0; }
div.customer div.addresses div.address ul li { padding: 1px 0; }
div.customer div.addresses div.lft { margin: 10px 0 0 0; float: left; }
div.customer div.addresses div.lft label { cursor: pointer; }
div.customer div.addresses div.rgt { margin: 10px 0 0 0; float: right; }
div.customer div.addresses div.rgt a { font-weight: bold; margin: 0 0 0 10px; }
div.customer div.addresses a.next { float: right; }

/*** Tables, cart ***/
table { width: 100%; border-collapse: collapse; }
table thead tr th { padding: 8px; color: #666666; background: transparent; text-align: left; text-transform: uppercase; }
table tbody tr { border-bottom: 8px solid white; }
table tbody tr td { padding: 8px; background: #ededed; vertical-align: top; }
table tbody tr td.last { text-align: right; }
table tbody tr td a.remove { display:block; margin-top: 30px; color: #666666; text-decoration: underline; }
table tbody tr td a.remove:hover { color: red; }
table tbody tr td img { width: 75px; height: 75px; }
table tbody tr td span { padding: 0 0 0 5px; }
table tbody tr td div.eur { font-weight: bold; font-size: 13px; }
table tbody tr td div.skk { color: silver; font-size: 10px; }
table tbody tr td strong { font-weight:bold; font-size: 13px; }
table tfoot tr td.sum div.promo  { width: 80%; padding: 10px 0 10px 0; text-align: center; float: left; }
table tfoot tr td.sum div.promo dl { width: 400px; margin: auto; padding: 10px 0 0 180px; }
table tfoot tr td.sum div.promo dl dt { font-weight: bold; text-transform: uppercase;  padding:2px 6px; float: left; }
table tfoot tr td.sum div.promo dl dd { width: 180px; text-align: left; float: left; }
table tfoot tr td.sum div.promo dl dd input { width: 100%; }
table tfoot tr td.sum div.promo dl dd small { font-size: 10px; }
table tfoot tr td.sum div.prices { width: 20%; padding: 10px 0; text-align: right; float: right; }
table tfoot tr td.sum div.prices div.subtotal  { font-weight: bold; }
table tfoot tr td.sum div.prices div.promotion { color: #666666; }
table tfoot tr td.sum div.prices div.total     { font-size: 14px; }
table tfoot tr td.sum div.prices small { color: silver; font-size: 10px; }
table tfoot tr td.order { padding: 10px 0; text-align: right; }

/******************************************************************* Footer ***/
div.footer { font-size: 11px; color: #707070; text-align: center; padding: 25px 0 5px 0; clear: both; }
div.footer2 { font-size: 11px; color: #707070; text-align: center; padding: 0px 0 5px 0; clear: both; }
/******************************************************************* Global ***/
div.clear-both { clear: both; }

a:link    { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:hover   { color: red; text-decoration: underline; }
a:active  { color: black; text-decoration: none; }

ul, ol { list-style-position: inside; }
ul ul, ol ol { margin-left: 10px; }
form fieldset { border: 0; }

h1,h2,h3 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; }
h1 { font-size: 22px; text-transform: uppercase; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
hr { display: none; }

.red { color: red; }