/* 
Author: Marijan Barkic <mb@davidundgoliath.com>
Version: 1.1
Last Update: 30.01.2009
----------------------------------------------------------------
(c) Copyright 2009 David&Goliath. All Rights Reserved.
----------------------------------------------------------------
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
strong {font-weight: bold;color:#333;}
li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;font-variant: normal;}
sup,sub {line-height: 1px;vertical-align: text-top;}
sub {vertical-align: text-bottom;} 
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;}
a:link, a:visited, a:active {text-decoration: none;cursor: pointer;color: #333;}
a.non:link, a.non:visited, a.non:active {font-weight: normal;font-style: normal;}
a:hover {color: #999;}

body, html { width: 100%; height: 100%; }
body {font-family: Verdana, Arial, Helvetica, Times;font-size: 12px;color: #000;background: #fff url(../img/bg_top_x.jpg) center top repeat-x;line-height: 1.6em;text-align: center;}
h1 {display: none;}

#wrap { height: 100%; background: transparent url(../img/bg_top_mid.jpg) center top no-repeat; }
#top { position: relative; min-height: 100%; }
* html #top { height: 100%; }
#content { padding-bottom: 135px; }
#bottom { position: relative; margin-top: -100px; height: 100px; background: transparent url(../img/bg_bottom_x.jpg) left top repeat-x; }
#bottom div {width:960px; margin:0 auto; text-align:right; font-size:10px; padding-top:10px;}
#bottom a:link, #bottom a:active, #bottom a:visited {color:#ccc;}

#menu { position:relative;width: 960px; margin: 0 auto; text-align: left; margin-top: 0; height: 200px; font-size:0px; line-height:0px; }
#menu ul#m_inner {padding-top:25px;}

#menu a:link, #menu a:visited { display: block; background-color: transparent; background-repeat: no-repeat; background-position: 0px -23px; }
#menu a:active, #menu a:hover, #menu a.act:link, #menu a.act:visited { background-position: 0px 0px; }
#menu li { margin-bottom: 0px; clear: both;}
#menu li span { background: #fff;display:block;float:left; padding: 4px 5px; }
#menu li ul li { display: inline; float: left; clear: none; padding: 3px 5px 3px 18px; background: #fff url(../img/mnu/sep.gif) 4px center no-repeat; }
#menu li ul li.first { padding: 3px 5px 3px 5px; background: #fff;}
#menu li ul li a:link, #menu li ul li a:visited { background-position: 0px 0px; }
#menu li ul li a:hover, #menu li ul li a:active, #menu li ul li a.act:link, #menu li ul li a.act:visited { background-position: 0px -10px; }
#menu li a span { display: none; }
#menu #homelink {display:block; position:absolute; z-index:1000; width:150px; height:62px; right:45px; top:50px; background:transparent;}
#menu #catalog {display:block; width:191px; height:105px; z-index:500; background:transparent url(../img/de/catalog.gif) 0px 0px no-repeat; position:absolute; right:35px; top:110px;}

#l_lang span { display: none;}
#menu #l_lang { width: 206px; height: 10px; background-image: url(../img/lang.gif); background-position: 0px 0px; margin-top: 0px; }
#menu #l_lang:hover { background-position: 0px -10px; }

#menu #for_free {position:absolute; display:block; z-index:1000; width:69px; height:37px; left:463px; top:120px; background:transparent url(../img/for_free.png) 0px 0px no-repeat;}
#menu #for_free:hover {background-position:0px 0px;}
* html #menu #for_free {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/img/for_free.png');}

#l_cases { width: 286px; height: 23px; background-image: url(../img/mnu/new_collection.gif);}
#l_bagfinder { width: 324px; height: 23px; background-image: url(../img/mnu/bag_finder_.gif);}
#l_code { width: 494px; height: 23px; background-image: url(../img/mnu/code.gif);}
#l_lifestylebags { width: 103px; height: 10px; background-image: url(../img/mnu/lifestylebags.gif);}
#l_slimbags { width: 66px; height: 10px; background-image: url(../img/mnu/slimbags.gif);}
#l_notebookbag { width: 100px; height: 10px; background-image: url(../img/mnu/notebookbags.gif);}
#l_notebooktrolley { width: 133px; height: 10px; background-image: url(../img/mnu/notebooktrolley.gif);}
#l_weekendtrolley { width: 123px; height: 10px; background-image: url(../img/mnu/weekendtrolley.gif);}
#l_backpack { width: 72px; height: 10px; background-image: url(../img/mnu/backpack.gif);}

#motioncontainer { margin: 0 auto; width: 960px; position: relative; text-align: right; }
#motioncontainer span, #br span { margin: 0 5px; }
#motioncontainer span { margin: 0 0 7px 10px; position: relative; display: block; width: 129px; height: 129px; float: left; }
#motioncontainer a:link, #motioncontainer a:active, #motioncontainer a:visited { display: block; width: 127px; height: 127px; position: absolute; left: 0px; top: 0px; border: 1px solid #dfdfdf; background: #fff; }
#motioncontainer a:hover { left: -20px; top: -20px; height: 167px; width: 167px; z-index: 15; }
#motioncontainer a:hover img { width: 165px; height: 165px; border: 1px solid #b9b9b9; }
#motioncontainer a img, #br a img {height: 127px; } /*   */
#br span { margin: 0 10px 10px 0; }
#br a img { border: 1px solid #d8d8d8; }
#br a:hover img { border-color: #000; }
#motioncontainer a:hover {color: #fff;}
#enlarge { position: absolute; display: none; }
#enlarge img { border: 1px solid #d8d8d8; }

.container { margin: 0 auto; width: 960px; text-align: left; padding-top: 0px; }
.wide_bg { width: 1085px; background-position: right 90px; background-color: transparent; background-repeat: no-repeat; min-height: 574px; }
* html .wide_bg { height: 574px; }
.headline, .headline_w { padding-top: 70px; background-position: left top; background-color: transparent; background-repeat: no-repeat; width:960px;}
.enlarged {width:1020px;}
.headline h2, .headline_w h2 { display: none; }
.headline_w { width: auto; padding-right: 0;}
.code {padding-top:155px;}
.left-box {float:left; width:480px;}

h3, h4 { color: #85BB35; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 1em; } 
h4 { color: #333; font-size: 12px; }
.details { display: block; color: #333; font-size: 12px;  }
.size, .color { float: left; width: 52%; padding-right: 10%; }
.color { width: 38%; padding: 0; }
.size span { color: #85bb35;  }

#links {float:right;}
a.digitus_link:link, a.digitus_link:active, a.digitus_link:visited { margin-top: 0.5em;float:right; clear:both;text-transform: uppercase; color: #fec202; font-weight:bold; font-size:15px; display: block; width: 138px; height: 16px; background: transparent url(../img/de/haendlersuche.gif) 0px 0px no-repeat;}
a.digitus_link:hover { color: #333; background-position: 0px -16px; }
.digitus_link span { display: none; }

table {float:right;}
table th {padding-right:2em; font-weight:bold;}

a.website:link, a.website:active, a.website:visited {width:198px; background-image:url(../img/de/website.gif); margin-top:0.5em;}
a.notebook_fit:link, a.notebook_fit:active, a.notebook_fit:visited {width:214px; background-image:url(../img/de/notebookfit.gif);}

ol li { list-style: square outside; margin-left: 1.6em; }
.more { margin-top: 3em; }
.more li { width: 70px; float: left; margin-right:5px; }
.more li a:link, .more li a:visited, .more li a:active { display: block; width: 70px; height: 70px; float: left; background-position: 0px 0px; background-repeat: no-repeat; background-color: transparent;}
.more li a:hover, .more li.act a:link, .more li.act a:visited, .more li.act a:active { background-position: 0px -70px; }
.more span { display: none; }

#loading {padding-top:100px; font-size:20px; color:#999; text-align:center; line-height:120%;}
.is_loading {background: transparent url(../img/loading.gif) center 20px no-repeat;}
#attent {color:#333; width:270px; font-size: 11px; line-height:1.5em;}
#bl, #br, #br_w { width: 470px; float: left; }
#br, #br_w { background: transparent url(../img/vsep.jpg) left 10px no-repeat; width: 460px; padding-left: 20px; min-height: 302px; }
#br_w {background:none; min-height:0;}
* html #br { height: 302px; }
#chosen_bag { padding-left: 7px; text-transform: uppercase; color: #333; font-size: 10px; margin: 10px 0 20px;}
#dim { width: 285px; float: left; }
#dim label { display: none; }
#dim input { width: 50px; }
#dim div { padding-top: 9px; height: 31px; background-color: transparent; background-position: left top; background-repeat: no-repeat; padding-left: 132px; }
#sb { width: 94px; float: left;}
#sb input { width: 94px; height: 22px; background: transparent url(../img/submit.jpg) 0px 0px no-repeat; border: none; cursor:pointer;}
#sb input:hover { background-position: 0px -22px; }
#sb span {display:none;}
#code_form #sb {float:right; margin-right:100px;}
#code_form #sb input {background-image:url(../img/reg_bg.jpg);}

#w { background-image: url(../img/dim_w.jpg); }
#h { background-image: url(../img/dim_h.jpg); }
#t { background-image: url(../img/dim_t.jpg); }
#dim #z { background-image: url(../img/dim_z.jpg); height: 73px; }

#err h4 {font-size:15px; margin-bottom:2em;}

#books {text-align:left;}
#loader {text-align:center; background:transparent url(../img/loader.gif) top center no-repeat;padding-top:25px;display:none;}
#imageflow {background: transparent;color:#000;visibility:visible;position:relative;overflow:hidden; width: 960px; margin: 0 auto -50px;}
#imageflow * {margin:0; padding:0;}
#captions {text-align:center;z-index:10000;width: 140px;margin:0px auto 0px auto;height:30px;}

a.more_link:link, a.more_link:active, a.more_link:visited { display: block; margin:0 auto; width: 140px; height: 12px; line-height:1px; padding:0;overflow:hidden; background: transparent url(../img/more_link.jpg) 0px 0px no-repeat; }
a.more_link:hover { background-position: 0px -12px; }

#captions img {border: 0px; padding: 0; margin: 0;}
#slider {width:622px;margin:0 auto;z-index:10001; display:none;text-align:left;height:18px;}
#sl {width:4px; float:left; height:15px; background:transparent url(../img/bar_l.jpg) top left no-repeat;}
#slider_inner {width:614px; float:left; height:15px; padding-left:0; background:transparent url(../img/bar.jpg) top left repeat-x;}
#loader {display:none; text-align:center;}
#sr {width:4px; float:right; height:15px; background:transparent url(../img/bar_r.jpg) top right no-repeat;}
#knob {background:transparent url(../img/bar_knob.jpg) top left no-repeat; cursor: pointer; width:80px; height:15px;}

#code_form input {font-family:Verdana, Arial; color:#333;}
#code input {border:1px solid #4ff1e2; text-align:center; text-transform:uppercase;background:#fff url(../img/input_bg_large.jpg) 0px 0px repeat-x; padding:4px; height:20px; margin-right:7px;font-size:16px;}
#code #a {width:80px;}
#code #b, #code #c {width:60px;}
#code #d {width:40px;}
#person label {display:block; width:100px; float:left; text-transform:uppercase;color:#333;font-size:10px;}
#person div {margin-bottom:7px;}
#person input {border:1px solid #4ff1e2; padding:2px 5px 0; height:18px; background:#fff url(../img/input_bg.jpg) 0px 0px repeat-x;width:260px;}
#person #street {width:201px; margin-right:7px;}
#person #nr {width:40px;}
#person #zip {width:60px; margin-right:7px;}
#person #city {width:181px;}

#bag-colors {width:400px; position:relative; padding:26px 0 0 60px; float:left;}
#bag-colors div {float:left; width:130px; line-height:1.7em;}
#bag-colors div span {display:block; margin-top:5px; line-height:0px; overflow:hidden; width:57px; height:32px; background:transparent url(../img/col.gif) 0px 0px no-repeat;}

#gallery {margin-top:70px; float:left; width:480px; margin-left:50px;}
#gallery #slideshow {height:310px; overflow:hidden; position:relative; margin-bottom:1.7em;}
#gallery #slideshow img {position:absolute; width:480px; height:310px; left:0; top:0; z-index:2;}
#gallery #slideshow img.activeslide {z-index:3;}
#gallery #slideshow img.nextslide {z-index:1;}
#gallery #thumbs {padding-left:10px; padding-right:60px;}
#gallery #thumbs.loading {background:transparent url(../img/loading.gif) 400px 10px no-repeat;}
#gallery #thumbs a {margin-right:3px;}
#gallery #thumbs img {border:1px solid #d6d6d6;}
#gallery #thumbs a.active img {border-color:#666;}

body#iframe {background:#fff; font-family:Arial, Helvetica, sans-serif;}
body#iframe .headline_w {padding:0px 0 0;}
body#iframe .container {width:900px;}
body#iframe .container h2 {color:#2C8CC9; display:block; font-size:17px; font-weight:bold; line-height:18px; margin-bottom:18px; font-style:italic; text-transform:uppercase;}
body#iframe #bl, body#iframe #br {float:left; padding:0; margin:0; width:618px;}
body#iframe #br {background:none; min-height:0; width:282px;}
body#iframe #br span {line-height:0; float:left; margin:0 5px 5px 0;}
body#iframe #br img {height:48px;}
body#iframe #choose-model, body#iframe #choose-dimensions {float:left; margin-right:12px; width:312px;}
body#iframe #choose-model {width:282px;}
body#iframe ul#cat li {margin-bottom:5px;}
body#iframe ul#cat li#li_notebookbag {margin-left:75px;}
body#iframe ul#cat li a {width:68px; height:68px; border:1px solid #ddd; background-position:-1px -1px;}
body#iframe ul#cat li a:hover, body#iframe ul#cat li.act a {border:none; width:70px; height:70px; background-position:0 -70px;}
body#iframe #attent {color:#999; font-size:11px; padding-top:36px;}
body#iframe #sb {float:right;}
body#iframe #br #sb {float:left;}
body#iframe #iframe-wrapper {height:300px; overflow:hidden;}

.clear { clear: both !important; float: none !important; width: 100% !important; margin: 0 !important; height:0 !important; }