/*
 Screen style    
 Site: Comseco
*/
body { font-size: 75%; padding: 0; background: #000 url(../images/bg/body.gif) repeat-x; color: #fff; }
body.home { background-image: url(../images/bg/body-home.gif); }
body.coldvalley { background-image: url(../images/bg/body-coldvalley.gif); }

/* Auto-clearing floats */
#inner:after, #footer:after, .products:after, #right-sidebar .question .top:after, #right-sidebar .topsellers li:after, .pager:after, #content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Outer Wrapper */
#outer-wrapper { background: url(../images/bg/outer-wrapper.jpg) center top no-repeat; padding-top: 31px; }
.home #outer-wrapper { background-image: url(../images/bg/outer-wrapper-home.jpg); }
.coldvalley #outer-wrapper { background-image: url(../images/bg/outer-wrapper-coldvalley.jpg); padding-top: 38px; }

/* Wrapper */
#wrapper { width: 850px; margin: 0 auto; }

/* Header */
#header { height: 151px; position: relative; background: url(../images/bg/header.jpg) left bottom no-repeat; }
#header li a { color: #9BA4AC; }
#header .logo { position: absolute; top: 13px; left: 36px; margin: 0; z-index: 10; }
#header .logo a { color: #fff; }
#header .logo img { display: block; }
#header .heading { width: 209px; height: 31px; position: absolute; top: 20px; left: 163px; cursor: pointer; }
#header .heading span { background-image: url(../images/text/heading.gif); }
#header .logos { position: absolute; top: 0; right: 0; }
#header .logos a { color: #fff; }
#header .logos li { float: left; }
#header .logos .first { padding: 20px 20px 0 0; margin-right: 17px; background: url(../images/bg/logos-sep.gif) right bottom no-repeat; }
#header .logos img { display: block; }

/* Home & Subpage: Header */
.home #header, .subpage #header  { height: 415px; background: none; }
.home #header .logo, .subpage #header .logo { left: 52px; top: 0; }
.home #header .heading, .subpage #header .heading { width: 211px; left: 186px; }
.home #header .heading span { background-image: url(../images/text/heading-home.gif); }
.home #header .logos .first { background-image: url(../images/bg/logos-sep-home.gif); }

/* Home: Header intro */
#intro { height: 320px; width: 850px; background: #070909 url(../images/bg/home-intro.jpg) no-repeat; padding-top: 2px; position: absolute; left: 0; bottom: 0; z-index: 5; }
#intro .info { position: absolute; top: 93px; left: 52px; width: 331px; }
#intro .img { display: block; }
#intro h2 { color: #fff; line-height: 1.2; font-size: 1.83em; margin-bottom: 24px; }
#intro p { color: #868686; font-size: 1.08em; line-height: 1.5; margin: 0; }

/* Subpage: Header intro */
.subpage #intro { background-image: url(../images/bg/subpage-intro.jpg); }
.subpage #intro .info { width: 317px; top: 72px; }
.subpage #intro h2 { line-height: 1.125; font-size: 2.67em; margin-bottom: 22px; }
.subpage #intro p { color: #8A8A8A; font-size: 1.17em; line-height: 1.57; }

/* Lifestyle: Header & Header intro */
.lifestyle #header { height: 217px; }
.lifestyle #intro { height: 121px; background-image: url(../images/bg/lifestyle-intro.jpg); }
.lifestyle #intro .info { top: 60px; }
.lifestyle #intro h2 { font-weight: bold; }

/* Cold Valley: Header */
.coldvalley #header { height: 408px; background: none; }
.coldvalley-logo { width: 236px; height: 51px; position: absolute; top: 0; left: 0; }
.coldvalley-logo a { color: #fff; }
.coldvalley-logo span { background-image: url(../images/text/coldvalley-logo.gif); }
.coldvalley #header .logos { right: -4px; }
.coldvalley #header .logos .first { padding: 0 19px 3px 0; margin-right: 19px; background-image: url(../images/bg/logos-sep-coldvalley.gif); }

/* Cold Valley: Header intro */
.coldvalley #intro { height: 320px; width: 850px; background: #070909 url(../images/bg/coldvalley-intro.jpg) no-repeat; padding-top: 2px; position: absolute; left: 0; bottom: 0; z-index: 5; }
.coldvalley #intro .info { position: absolute; top: 85px; left: 52px; width: 253px; }
.coldvalley #intro .img { display: block; }
.coldvalley #intro h2 { color: #fff; line-height: 1.2; font-size: 1.83em; margin-bottom: 28px; text-transform: uppercase; }
.coldvalley #intro h2 img { display: block; }
.coldvalley #intro p { color: #868686; font-size: 1.08em; line-height: 1.5; margin: 0; width: 215px; }

/* User navigation */
.user-nav { position: absolute; top: 115px; left: 181px; color: #9BA4AC; }
.user-nav .accessibility { display: none; }
.user-nav li { float: left; margin-left: 6px; padding-left: 10px; background: url(../images/bg/user-nav-sep.gif) left center no-repeat; } 
.user-nav li.first { padding: 0; margin: 0; background: none; } 
.user-nav li strong { color: #fff; }
#header li.logout a { color: #fff; }

/* Search */
#header .search { position: absolute; top: 112px; right: 14px; }
#header .search p { margin: 0; }
#header .search input { vertical-align: middle; margin: 0; }
#header .search label { color: #9BA4AC; }
#header .search #search-txt { padding: 5px 2px; width: 122px; border: none; background: url(../images/bg/search-txt.gif) no-repeat; height: 14px; line-height: 14px; margin-right: -2px; }

/* Navigation */
#nav { height: 38px; width: 681px; padding-left: 169px; background: #44606A url(../images/bg/nav.jpg) no-repeat; }
#nav li { float: left; }
#nav a { color: #fff; display: block; height: 38px; line-height: 38px; margin: 0; overflow: hidden; position: relative; text-align: center; text-decoration: none; cursor: pointer; }
#nav a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
#nav a#nav01 { width: 81px; }
#nav a#nav02 { width: 112px; }
#nav a#nav03 { width: 109px; }
#nav a#nav04 { width: 64px; }
#nav a#nav05 { width: 95px; }
#nav a#nav06 { width: 83px; }
#nav a#nav01 span { background-image: url(../images/nav/01.gif); }
#nav a#nav02 span { background-image: url(../images/nav/02.gif); }
#nav a#nav03 span { background-image: url(../images/nav/03.gif); }
#nav a#nav04 span { background-image: url(../images/nav/04.gif); }
#nav a#nav05 span { background-image: url(../images/nav/05.gif); }
#nav a#nav06 span { background-image: url(../images/nav/06.gif); }

/* Home & Subpage: Navigation */
.home #nav, .subpage #nav { margin-bottom: 20px; background-image: url(../images/bg/nav-home.jpg); padding-left: 41px; width: 809px; }
.home #nav a#nav01 span, .subpage #nav a#nav01 span { background-image: url(../images/nav/home/01.gif); }
.home #nav a#nav02 span, .subpage #nav a#nav02 span { background-image: url(../images/nav/home/02.gif); }
.home #nav a#nav03 span, .subpage #nav a#nav03 span { background-image: url(../images/nav/home/03.gif); }
.home #nav a#nav04 span, .subpage #nav a#nav04 span { background-image: url(../images/nav/home/04.gif); }
.home #nav a#nav05 span, .subpage #nav a#nav05 span { background-image: url(../images/nav/home/05.gif); }
.home #nav a#nav06 span, .subpage #nav a#nav06 span { background-image: url(../images/nav/home/06.gif); }

/* Cold Valley: Navigation */
.coldvalley #nav { margin-bottom: 20px; background: #B58910 url(../images/bg/nav-coldvalley.jpg) no-repeat; padding-left: 41px; width: 809px; }
.coldvalley #nav a#nav01 { width: 75px; }
.coldvalley #nav a#nav02 { width: 90px; }
.coldvalley #nav a#nav03 { width: 84px; }
.coldvalley #nav a#nav01 span { background-image: url(../images/nav/coldvalley/01.gif); }
.coldvalley #nav a#nav02 span { background-image: url(../images/nav/coldvalley/02.gif); }
.coldvalley #nav a#nav03 span { background-image: url(../images/nav/coldvalley/03.gif); }

/* Inner */
#inner { background: #fff url(../images/bg/inner.gif) repeat-y; margin-bottom: 30px; color: #535353; }

/* Left sidebar */
#left-sidebar { float: left; width: 168px; margin-right: 1px; padding: 12px 0 20px 0; }

/* Secondary navigation */
.sec-nav { margin-bottom: 30px; }
.sec-nav a { color: #1F3239; font-weight: bold; display: block; background: url(../images/bg/line2.gif) bottom repeat-x; padding: 2px 10px 3px 17px; width: 141px; }
.sec-nav li li a { font-size: 0.92em; font-weight: normal; color: #495053; background-color: #E5EEF3; padding: 2px 10px 2px 17px; }

/* Cold Valley banner */
.coldvalley-banner { width: 169px; color: #E4BE95; line-height: 1.33; }
.coldvalley-banner .inner { padding: 24px 17px 25px 17px; background: #000 url(../images/bg/coldvalley-banner-inner.jpg) no-repeat; }
.coldvalley-banner h3 { width: 135px; height: 30px; margin: 0 0 12px 0; color: #E4BE95; }
.coldvalley-banner h3 span { background-image: url(../images/text/coldvalley-banner-title.gif); }
.coldvalley-banner img { display: block; }
.coldvalley-banner .more { margin: 0; }
.coldvalley-banner .more a { color: #fff; font-weight: bold; padding-right: 13px; background: url(../images/bg/arrow3.gif) 100% 55% no-repeat; }

/* Content */
#content { float: left; width: 461px; padding: 0 18px 15px 21px; }
#content h2 { background: url(../images/bg/line1.gif) bottom repeat-x; padding: 10px 18px 12px 21px; margin: 0 -18px 18px -21px; }
#content h2.smaller { background:url(../images/bg/line1.gif) bottom repeat-x; padding: 0 18px 5px 21px; margin: 26px -18px 17px -21px; font-size: 1em; width: 461px; }
#content .decorative { display: block; margin-bottom: 15px; }

/* Subpage: Content */
.subpage #content { float: none; width: auto; padding: 20px 35px 38px 52px; background: url(../images/bg/subpage-content.jpg) no-repeat; color: #9D9D9D; }
.subpage #content h2 { background: none; padding: 0; margin: 0 0 12px 0; color: #fff; font-size: 1.92em; }
.subpage #content h3 { color: #fff; font-weight: normal; font-size: 1em; } 
.subpage #content li { background: url(../images/bg/arrow7.gif) 0 7px no-repeat; padding-left: 15px; }

/* Lifestyle: Content */
.lifestyle-photos { height: 340px; }
.lifestyle-photos li { float: left; }
.lifestyle-photos li.middle { margin: 0 20px; }
.lifestyle-photos li img { display: block; width: 283px !important; height: 183px !important;}
.lifestyle #content { margin-top: 40px; padding-bottom: 32px; }
.lifestyle #content h2 { font-size: 2.08em; }

/* Products */
.products { padding: 20px 15px 21px 15px; background: url(../images/bg/line1.gif) bottom repeat-x; margin: 0 -18px 0 -21px; width: 470px; }
.products-optional { padding: 0; background: none; margin: 0 -2px 0 -7px; }
.products .product { float: left; width: 222px; line-height: 1.25; margin-bottom: 25px; }
.products .right { float: right; }
.products .img { display: block; float: left; }
.products .inner { margin-left: 118px; }
.products h3 { font-size: 1em; line-height: 1.25; margin-bottom: 2px; }
.products h3 a { color: #1F3239; }
.products p { font-size: 0.92em; margin: 0; }
.products .price { margin: 12px 0 4px 0; }
.products .price strong { font-size: 1.54em; color: #120C14; }
.products .buy { margin-left: -9px; }
.products .buy img { display: block; }

/* Pager */
.pager { color: #535353; margin: 8px 15px 0 -6px; font-size: 0.92em; }
.pager a { color: #CB1E15; }
.pager p { float: left; margin: 0; }
.pager ul { float: right; }
.pager li { float: left; }
.pager li a { font-weight: bold; }
.pager li.prev { padding-left: 13px; background: url(../images/bg/prev.gif) 0 60% no-repeat; }
.pager li.next { padding-right: 13px; background: url(../images/bg/next.gif) 100% 60% no-repeat; margin-left: 15px; }

/* Basket */
#content .basket { width: 454px; margin: -8px 0 20px 0; }
#content .basket table { width: 100%; margin-bottom: 16px; }
#content .basket tr { background: url(../images/bg/line1.gif) bottom repeat-x; }
#content .basket tr.heading { background: url(../images/bg/line3.gif) bottom repeat-x; }
#content .basket th { color: #596164; font-size: 0.92em; padding: 2px 10px 4px 1px; }
#content .basket td { color: #120C14; padding: 3px 10px 3px 1px; }
#content .basket td input { width: 20px; border: 1px solid #BFCFD8; text-align: right; }
#content .basket td.delete { padding: 4px 1px 0 10px; }
#content .basket .price { text-align: right; }
#content .basket td a { font-weight: bold; color: #120C14; }
#content .basket tr.total th { color: #120C14; font-size: 1.72em; background: url(../images/bg/basket-total.gif) left top repeat-y; vertical-align: middle; }
#content .basket tr.total td { font-size: 2.25em; text-align: right; background: url(../images/bg/basket-total.gif) right top repeat-y; vertical-align: middle; }
#content .basket .order { text-align: right; margin: 0; }

/* Predajcovia tables */
/*
#content table.contenttable { width: 100% !important; margin-bottom: 16px !important; }
#content table.contenttable tr { background: url(../images/bg/line1.gif) bottom repeat-x !important; padding: 0px !important;}
#content table.contenttable tr:first-child { background: url(../images/bg/line3.gif) bottom repeat-x !important; }
#content table.contenttable td { color: #DFDFDF !important; padding: 3px 10px 0px 1px !important; height: 30px !important; }
#content table.contenttable td p.bodytext { height: 13px !important; margin: 0px !important;}
#content table.contenttable td p.bodytext + a { margin-bottom: 40px !important;}
#content table.contenttable td p:last-child { display: none !important;}
#content table.contenttable td p:first-child { display: block !important;}
#content table.contenttable td a { font-weight: bold !important; color: #EFEFEF !important; }
*/
/* Predajcovia tables */
#content table#predajcovia { width: 100% !important; margin-bottom: 16px !important; }
#content table#predajcovia tr { background: url(../images/bg/line1.gif) bottom repeat-x !important; padding: 0px !important;}
#content table#predajcovia tr:first-child { background: url(../images/bg/line3.gif) bottom repeat-x !important; }
#content table#predajcovia td { color: #DFDFDF !important; padding: 3px 10px 0px 1px !important; height: 30px !important; }
#content table#predajcovia td p.bodytext { height: 13px !important; margin: 0px !important;}
#content table#predajcovia td p.bodytext + a { margin-bottom: 40px !important;}
#content table#predajcovia td p:last-child { display: none !important;}
#content table#predajcovia td p:first-child { display: block !important;}
#content table#predajcovia td a { font-weight: bold !important; color: #EFEFEF !important; } 

/* Lists */
.list1 { margin: 0 -18px 0 -21px; padding: 18px 12px 0 22px; background: url(../images/bg/line1.gif) repeat-x; } 
.list1 li { background: url(../images/bg/arrow6.gif) 0 6px no-repeat; padding-left: 13px; margin-bottom: 2px; }

/* Forms */
.form1 { width: 454px; }
.form1 .choose { margin-top: -3px; }
.form1 .choose li { margin-bottom: 4px; }
.form1 .choose input { vertical-align: text-bottom; margin: 0 3px 0 0; }
.form1 .choose label { font-weight: bold; color: #596164; }
.form1 p { margin-bottom: 10px; }
.form1 fieldset { background: #E5EEF3 url(../images/bg/form1.gif) no-repeat; margin-top: 22px; } 
.form1 fieldset .inner { background: url(../images/bg/form1.gif) bottom no-repeat; padding: 20px 20px 20px 21px; }
.form1 fieldset h3 { color: #596164; font-size: 1em; margin: 2.5em 0 0.75em 0; }
.form1 fieldset h3.first { margin-top: -3px; }
.form1 fieldset label { color: #596164; float: left; display: block; width: 100px; margin-right: 9px; }
.form1 fieldset label strong { color: #5B818E; }
.form1 fieldset input { color: #000; border: 1px solid #BFCFD8; font-weight: bold; padding: 7px 8px; width: 286px; }
.form1 fieldset input.medium { width: 196px; }
.form1 fieldset input.short { width: 68px; }
.form1 fieldset .checkbox { margin: 0 0 7px 108px; }
.form1 fieldset .checkbox label { float: none; width: auto; display: inline; }
.form1 fieldset .checkbox input { padding: 0; border: 0; width: auto; vertical-align: middle; margin-right: 3px; }
.form1 fieldset .submit input { border: none; padding: 0; width: auto; vertical-align: middle; }
.form1 .submit { margin: 12px 0 0 108px; }
.form1 .login { margin-top: 18px; }
.form1 .login label { font-weight: bold; width: 50px; }
.form1 .login .submit { margin: 10px 0 0 58px; }
.form1 .login input { width: 336px; }


/* Product detail */
.product-detail { margin-top: 8px; }
#content .product-detail h2 { font-size: 1.83em; margin-bottom: 12px; }
.product-detail .img { float: left; margin: 2px 0 0 6px; }
.product-detail .info { margin-left: 140px; }
.product-detail table { margin: 0 0 8px 4px; }
.product-detail tr { background: url(../images/bg/line1.gif) top repeat-x; }
.product-detail tr.first { background: none; }
.product-detail th { padding: 3px 52px 2px 10px; }
.product-detail td { padding: 3px 0 2px 0; color: #120C14; font-weight: bold; }
.product-detail .price th { padding-top: 6px; }
.product-detail .price td { font-size: 1.58em; vertical-align: top; padding-top: 0; }
.product-detail .features { background: url(../images/bg/line1.gif) top repeat-x; margin: 21px -18px 38px -21px; padding: 18px 10px 0 21px; }
.product-detail h3 { clear: both; font-size: 1em; color: #535353; margin-bottom: 6px; }
.product-detail li { background: url(../images/bg/arrow6.gif) 0 6px no-repeat; padding-left: 13px; margin-bottom: 2px; }

/* Cold Valley: Content */
.coldvalley #content { float: none; width: auto; padding: 16px 25px 0 52px; background: url(../images/bg/coldvalley-content.jpg) no-repeat; color: #848484; }
.coldvalley #content h2 { background: none; padding: 0; margin: 0 0 9px 0; color: #fff; font-size: 2em; }
.coldvalley #content p { margin: 0; }
.coldvalley #content .more { margin: 25px -25px 0 0; }
.coldvalley #content .more { text-align: right; }

/* Right sidebar */
#right-sidebar { float: right; width: 180px; }
#right-sidebar h3 { font-size: 1em; }

/* Right sidebar: Basket */
#right-sidebar .basket { background: url(../images/bg/line2.gif) bottom repeat-x; padding-bottom: 23px; }
#right-sidebar .basket h3 { background: #C9DAE2 url(../images/bg/shopping-cart1.gif) no-repeat; padding: 10px 10px 10px 30px; margin: 0; } 
#right-sidebar .basket li { background: url(../images/bg/line2.gif) bottom repeat-x; padding: 7px 22px 8px 15px; color: #596164; font-size: 0.92em; line-height: 1.18; }
#right-sidebar .basket .price { color: #120C14; margin: 3px 10px 9px 15px; }
#right-sidebar .basket .price strong { font-size: 1.42em; }
#right-sidebar .basket .checkout { margin: 0 10px 0 12px; }
#right-sidebar .basket .checkout img { display: block; }

/* Right sidebar: Question */
#right-sidebar .question { background: url(../images/bg/line2.gif) bottom repeat-x; }
#right-sidebar .question .top { background: #C9DAE2 url(../images/bg/question.gif) no-repeat; padding: 8px 22px 0 30px; }
#right-sidebar .question .top h3 { float: left; } 
#right-sidebar .question .top img { float: right; display: block; }
#right-sidebar .question .inner { padding: 12px 14px 18px 12px; font-size: 0.92em; }
#right-sidebar .question p { margin-bottom: 6px; }
#right-sidebar .question .sent { margin: 3px 0 0 0; }
#right-sidebar .question .text-input { color: #596164; border: 1px solid #BFCFD8; padding: 5px 7px; width: 138px; }
#right-sidebar .question textarea { color: #596164; border: 1px solid #BFCFD8; padding: 7px; width: 138px; height: 41px; }

/* Right sidebar: Top sellers */
#right-sidebar .topsellers h3 { background: #C9DAE2 url(../images/bg/top-sellers.gif) no-repeat; padding: 10px 10px 10px 30px; } 
#right-sidebar .topsellers li { padding: 8px 14px 8px 15px; background: url(../images/bg/line2.gif) top repeat-x; font-size: 0.92em; color: #1F3239; line-height: 1.36; }
#right-sidebar .topsellers li.first { background: none; }
#right-sidebar .topsellers img.product { float: left; display: block; }
#right-sidebar .topsellers .inner { margin-left: 56px; }
#right-sidebar .topsellers h4 { font-weight: normal; }
#right-sidebar .topsellers p { margin: 0; }
#right-sidebar .topsellers .buy { text-align: right; margin-top: -3px; }

/* Subpages buttons */
.subpages { height: 181px; }
.subpages li { float: left; width: 270px; }
.subpages a { color: #fff; text-transform: uppercase; cursor: pointer; }
.subpages img { display: block; }
.subpages li br { display: none; }
.subpages strong { width: 270px; height: 38px; display: block; }
.subpages .concept { margin-right: 20px; }
.subpages .concept span { background-image: url(../images/text/concept.jpg); }
.subpages .navyseal span { background-image: url(../images/text/navyseal.jpg); }
.subpages .lifestyle { float: right; }
.subpages .lifestyle span { background-image: url(../images/text/lifestyle.jpg); }

/* Footer */
#footer-wrapper { background: url(../images/bg/footer-wrapper.jpg) center top no-repeat; padding-top: 45px; clear: both; }
#footer { width: 850px; margin: 0 auto; padding: 40px 0; font-size: 0.92em; }
#footer a { color: #5A6A73; }
#footer h3 { font-weight: normal; padding-left: 13px; background: url(../images/bg/arrow1.gif) 0 60% no-repeat; margin: 0; color: #fff; font-size: 1em; }
#footer h3 a { color: #fff; }
#footer li { padding-left: 13px; background: url(../images/bg/arrow2.gif) 0 55% no-repeat; color: #5A6A73; }
#footer ul { float: left; width: 128px; }
#footer ul.right { float: right;}
#footer .watches { width: 403px; float: left; margin-right: 22px; }
#footer .watches ul.right { float: left;}
#footer .dealers { width: 268px; float: left; }
#footer .dealers ul.right { width: 111px; }
#footer .vcard { width: 135px; float: right; }
#footer .vcard ul.right { width: 120px; }
#footer .vcard ul.right { width: 137px; }

/* Footer: Home */
.home #footer-wrapper { background-image: url(../images/bg/footer-wrapper-home.jpg); margin-top: 14px; padding-top: 43px; }
.home #footer h3 { background-image: url(../images/bg/arrow4.gif); }
.home #footer a { color: #666; }
.home #footer h3 a { color: #fff; }
.home #footer li { color: #666; background-image: url(../images/bg/arrow5.gif); }

/* Cold Valley: Home */
.coldvalley #footer-wrapper { background-image: url(../images/bg/footer-wrapper-home.jpg); margin-top: 10px; padding-top: 43px; }
.coldvalley #footer h3 { background-image: url(../images/bg/arrow4.gif); }
.coldvalley #footer a { color: #666; }
.coldvalley #footer li { color: #666; background-image: url(../images/bg/arrow5.gif); }

/*ley: Home */
.coldvalley #footer-wrapper { background-image: url(../images/bg/footer-wrapper-home.jpg); margin-top: 10px; padding-top: 43px; }
.coldvalley #footer h3 { background-image: url(../images/bg/arrow4.gif); }
.coldvalley #footer a { color: #666; }
.coldvalley #footer li { color: #666; background-image: url(../images/bg/arrow5.gif); }

