/**
 * Default styles
 */


html, body { width:100%; height:100%; }
table, tr, td, th, div, p, span, li, strong, em, a { font-family:arial; font-size:12px; line-height:16px; color:#6e7995; }
input, textarea { font-family:arial; font-size:12px; line-height:16px; color:#000; }
div.error { color:#b10108; font-size:13px; }

/**
 * Structure styles
 */
div#wrapper { position:absolute; margin-top:190px; left:0; width:100%; height:316px; z-index:1; overflow:hidden; text-align:center; }
div#outer_wrapper { position:absolute; margin-top:190px; left:0; width:100%; height:316px; z-index:1; text-align:center; }
div#container { position:relative; margin:0 auto; width:1000px; text-align:left; z-index:2; }

div#main { position:relative; padding:5px 60px; width:880px; overflow:hidden; }

div#content { position:relative; top:0px; left:0px; width:10000px; height:316px; z-index:2; }
div#contentxx { position:relative; top:0px; left:0px; height:316px; z-index:2; }
#wrapper .background { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('../../gfx/wrapperbg.png') repeat; z-index:1; }
/* #wrapper .background { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:.9; z-index:1; } */

.collection #container { width:100%; }
.collection #main { padding:0 15px; width:100%; }

.content #main { margin-left: 45px; padding-left:180px; width:670px; }
/*.content #main { padding-left:180px; width:760px; }*/
.news-item #main { padding-left:180px; width:760px; }
.newsletter #main { padding-left:500px; width:440px; }
.dealer #main { position:relative; margin:5px 70px; width:880px; overflow:hidden; padding: 0;}

div#background { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:0; background-color:#000; }
#movie, #vingino_flash { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; }

div#player { position:absolute; top:65px; left:29px; width:128px; height:64px; z-index:999; }

img#logo { position:absolute; margin-top:190px; left:0px; z-index:999; }
img#sos_label { position:absolute; margin-top:490px; left:200px; z-index:999; }

a#previous, a#next { position:absolute; display:block; top:128px; width:28px; height:28px; background:url('../../gfx/arrows.png'); cursor:pointer; z-index:3; }
a#previous { left:10px; background-position:top left; }
a#next { right:10px; background-position:bottom left; }
a#previous em, a#next em { display:none; }
.collection a#previous, .collection a#next { top:275px; }

div#left, div#right { position:absolute; top:0; width:602px; height:316px; background:url('../../gfx/gradient.png'); z-index:2; }
div#left { left:-426px; background-position:top left; }
div#right { right:-200px; background-position:top left; }

div.image_tab { position:absolute; top:0; }
.image_tab a { background:#bababa; color:#000; font-size:11px; padding:2px 3px 2px 3px; margin:0 2px 0 0; }
.image_tab a.selected { background:#fff; text-decoration:none; }

/**
 * Content styles
 */

div.block { float:left; margin:0 85px 0 0; padding:60px 0 0 0; width:465px; }
.block h1 { position:absolute; left:0; top:0; font-size:18px; text-transform:uppercase; font-weight:bold; color:#c1272d; }
.block h2 { position:absolute; left:0; top:25px; font-size:15px; text-transform:uppercase; font-weight:normal; color:#c1272d; }
.block p { position:relative; margin:0 0 10px; }

div.item { float:left; margin:0 5px 0 5px; padding:35px 0 0 0; text-align:center; width:213px; }

.newsletter .block { width:360px; }
.newsletter form, .login form { position:absolute; left:-25px; top:145px; padding:1px 0 0 25px; height:154px; width:440px; }
.newsletter input.text, .login input.text, .contact input.text { margin-bottom:10px; padding:5px; width:315px; height:15px; border:1px solid #b71f27; }
.newsletter #join { position:absolute; top:105px; left:325px; padding:0; width:122px; height:58px; }
.newsletter h5, .login h5, .contact h5 { position:relative; display:block; top:0px; height:20px; color:#d71f27; text-transform:uppercase; font-size:17px; }

img#newsletter { position:absolute; top:10px; left:0px; z-index:-1; }
img#postcard { position:absolute; top:12px; left:-460px; }
img#trademark { position:absolute; left:510px; top:60px; }
img#loggedin { position:absolute; left:610px; top:5px; }
img#submenubg { position:absolute; right:0px; top:40px; }
img#contactbg { position:absolute; bottom:28px; left:-25px; z-index:-1; }

.news #main, .jobs #main { margin-left:340px; width:620px; }
.news #previous, .jobs #previous { left:350px; }
.news #right, .jobs #right { right:-320px; }
.news #submenu, .jobs #submenu { position:absolute; left:0px; top:0px; width:335px; padding:60px 0 0 0; }
.news #submenu ul, .jobs #submenu ul { margin:0 10px; }
.news #submenu li, .jobs #submenu li { margin:0 0 7px 0; }
.news #submenu li a, .jobs #submenu li a { display:block; margin:0 0 5px 0; color:#c1272d; text-transform:uppercase; text-decoration:none; cursor:pointer; }
.news #submenu li a:hover, .news #submenu li a.active, .jobs #submenu li a:hover, .jobs #submenu li a.active { color:#b0262c; }
.news #archive, .jobs #archive { position:absolute; top:260px; left:10px; color:#cdc1b6; font-size:12px; text-transform:uppercase; }
.news a#back, .jobs a#back { display:block; position:absolute; top:-8px; left:80px; width:28px; height:28px; background:url('../../gfx/controls/previous.png'); }
.news a#forward, .jobs a#forward { display:block; position:absolute; top:-8px; left:133px; width:28px; height:28px; background:url('../../gfx/controls/next.png'); }
.news a em, .jobs a em { display:none; }
.news .block { position:relative; margin:0 20px 0 10px; padding:0px; width:365px; }
.news .block h1 { position:relative; margin-bottom:5px; }
.news .block h2 { position:relative; top:0px; margin-bottom:15px; }
.news .block div.images { position:absolute; top:70px; height:105px; margin-bottom:20px; }
.news .block p { position:absolute; top:190px; width:340px; }
.news .block a.readon { position:absolute; top:280px; z-index:900; }
.news .image { margin:0 15px 0 0; background:#fff; padding:3px; z-index:600; }
.news .spacer { position:absolute; right:15px; top:5px; }
.news #content { margin-left:-30px; }

.news-item .block { position:relative; margin:0 10px 0 0; padding:40px 0 0 0; width:450px; }
.news-item h1 { position:relative; margin-bottom:0px; }
.news-item h2 { position:relative; top:0px; margin-bottom:15px; }
.news-item .control { position:absolute; top:128px; left:0px; width:28px; height:28px; cursor:pointer; z-index:3; }
.news-item #previous { left:33px; }
.news-item .control#close { background:url('../../gfx/controls/close.png'); }
.news-item .image { position:absolute; top:40px; padding:3px; background:#fff; margin:0 5px 0 0; }
.news-item .small { left:286px; cursor:pointer; }

.login .block { padding:40px 0 0 0; }
.login h1, .login h2 { position:relative; top:0px; }
.login form { top:100px; padding-top:20px; }
.login .error { position:absolute; top:0px; }
.login #loginbg { position:absolute; bottom:38px; left:0px; z-index:-1; }
.login input.text { margin-top:0px; }
.login #login { position:absolute; top:130px; right:120px; }

#container.loggedin .block { padding:0px; width:1000px; }
.login h2 a { text-decoration:none; }
.login p { float:left; margin-top:25px; width:330px; }
.login p a { display:inline; color:#fff; text-decoration:underline; line-height:18px; }

.jobs .block { margin:0 60px 0 0; width:340px; }
.jobs a#back { margin-left:20px; left:100px; }
.jobs a#forward { left:153px; }

.contact .block { width:280px; }
.contact h1, .contact h2 { position:relative; top:0px; }
.contact h2 { margin:0 0 15px 0; }
.contact form { position:absolute; top:10px; left:320px; padding:40px 0 0 0; width:490px; height:290px; }
.contact textarea { margin-bottom:10px; margin-top:-1px; padding:5px; width:315px; height:95px; border:0; font-family:arial; border:1px solid #b71f27; }
.contact #contact { position:absolute; top:230px; left:350px; }

/**
 * Dealer locator styles
 */

ul.resultlist { float:left; margin:40px 0 0 0; width:445px; }
.resultlist li { width:445px; margin:14px 20px; line-height:17px; cursor:pointer; }
.resultlist h4 { display:inline; margin:0 5px 0 0; font-size:15px; font-weight:bold; text-transform:uppercase; }
.resultlist h3 { display:inline; font-size:14px; color:#cdc1b6; font-weight:bold; text-transform:uppercase; }
.resultlist strong { margin:0 0 0 5px; font-size:14px; font-weight:normal; text-transform:uppercase; }
.resultlist span { font-size:13px; color:#da2c00; font-weight:bold; text-transform:uppercase; }

.detail #content { padding:55px 0 0 105px; }
.detail .control { position:absolute; left:0px; width:28px; height:28px; cursor:pointer; }
.detail .control#close { background:url('../../gfx/controls/close.png'); }
.detail .control#back { left:33px; background:url('../../gfx/controls/previous.png'); }
.detail .control#forward { left:66px; background:url('../../gfx/controls/next.png'); }
.detail #map { position:absolute; top:55px; left:185px; width:280px; height:185px; }
.detail #map p, .detail #map a, .detail #map span { font-size:9px; }
.detail .info { position:absolute; top:55px; left:490px; width:440px; height:240px; } 
.detail h1 { margin-left:-2px; }
.detail h2 { margin:0 5px 8px 0; font-size:21px; font-weight:bold; text-transform:uppercase; }
.detail h3 { display: inline; }
.detail p, .detail a { font-size:18px; margin:0 0 15px; line-height:21px; }
.detail a { color:#fff; text-decoration:none; }

/**
 * Menu styles
 */

div#navigation { position:absolute; top:0; left:0; width:100%; height:18px; z-index:1; }
#navigation div#menu { position:relative; width:100%; height:35px; background:url('../../gfx/menubg.png') repeat-x; z-index:1; }
/*#menu ul { position:relative; margin:0 auto; width:634px; z-index:1; }*/
#menu ul { position:relative; margin:0 auto; width:1000px; z-index:1; }
#menu ul li { position:relative; height:23px; float:left; }
#menu ul li a { display:block; height:23px; }
#menu ul li em { display:none; }
#menu ul li .home { width:67px; background:url('../../gfx/menu/home.png') left top no-repeat; }
#menu ul li .collection { width:119px; background:url('../../gfx/menu/collection.png') left top no-repeat; }
#menu ul li .footwear { width:99px; background:url('../../gfx/menu/footwear.png') left top no-repeat; }
#menu ul li .catalog { width:104px; background:url('../../gfx/menu/catalog.png') left top no-repeat; }
#menu ul li .dealer { width:133px; background:url('../../gfx/menu/shoplocator.png') left top no-repeat; }
#menu ul li .info { width:51px; background:url('../../gfx/menu/info.png') left top no-repeat; }
#menu ul li .sos { width:164px; background:url('../../gfx/menu/sos.png') left top no-repeat; }
#menu ul li .mute { width:25px; }
#menu ul li .mute img { position:relative; top:7px; left:7px; }
#menu ul li .pause { width:25px; }
#menu ul li .pause img { position:relative; top: 8px; }
#menu ul li:hover a, #menu ul li.active a { background-position:left bottom; }
#navigation span { display:none; }

div#languages { position:absolute; top:3px; right:10px; font-size:10px; }
#languages a { font-size:10px; text-decoration:none; }
#languages a.active { text-decoration:underline; }

/**
 * Navigation styles
 */

#navigation #nav { position:absolute; top:-122px; left:0; width:100%; height:122px; background:url('../../gfx/navbg.png') center top; z-index:-1; }
#navigation #nav.filled { top:18px; }
#nav div.content { position:relative; margin:0 auto; padding:0; width:1000px; }

/**
 * Music player
 */
 
#menu div#music_player { position: absolute; top: 0px; left: 0px; background: #fff; width: 50px !important;}

/**
 * Collection & Footwear
 */

img#choice { position:absolute; top:20px; right:40px; }
img#gender { position:absolute; top:0px; left:0px; }

div#categories { position:absolute; top:0px; left:490px; width:510px; }
#categories a { position:absolute; display:block; background-position:top left; z-index:1; }
#categories em { font-style:normal; }

/** TEMP **/
#categories.boys em { display:none; }
#categories.girls em { display:none; }

#categories.boys a#denim { top:23px; left:60px; width:90px; height:27px; background-image:url('../../gfx/menu/collection/boys/denims.png'); }
#categories.boys a#jackets { top:23px; left:180px; width:95px; height:27px; background-image:url('../../gfx/menu/collection/boys/jackets.png'); }
#categories.boys a#tees { top:23px; left:300px; width:57px; height:27px; background-image:url('../../gfx/menu/collection/boys/tees.png'); }
#categories.boys a#polos { top:23px; left:385px; width:76px; height:27px; background-image:url('../../gfx/menu/collection/boys/polos.png'); z-index:2; }
#categories.boys a#pulls-and-sweats { top:49px; left:20px; width:219px; height:27px; background-image:url('../../gfx/menu/collection/boys/pulls-and-sweats.png'); }
#categories.boys a#shirts { top:49px; left:260px; width:81px; height:27px; background-image:url('../../gfx/menu/collection/boys/shirts.png'); }
#categories.boys a#swimwear { top:49px; left:360px; width:137px; height:27px; background-image:url('../../gfx/menu/collection/boys/swimwear.png'); }
#categories.boys a#accesoires { top:75px; left:6px; width:150px; height:27px; background-image:url('../../gfx/menu/collection/boys/accessoires.png'); }
#categories.boys a#underwear { top:75px; left:105px; width:145px; height:27px; background-image:url('../../gfx/menu/collection/boys/underwear.png'); }
#categories.boys a#non-denim { top:75px; left:175px; width:146px; height:27px; background-image:url('../../gfx/menu/collection/boys/non-denims.png'); }

#categories.girls a#denim { top:23px; left:15px; width:90px; height:27px; background-image:url('../../gfx/menu/collection/girls/denims.png'); }
#categories.girls a#dresses { top:23px; left:125px; width:99px; height:27px; background-image:url('../../gfx/menu/collection/girls/dresses.png'); }
#categories.girls a#jackets { top:23px; left:250px; width:95px; height:27px; background-image:url('../../gfx/menu/collection/girls/jackets.png'); }
#categories.girls a#tees { top:23px; left:365px; width:57px; height:27px; background-image:url('../../gfx/menu/collection/girls/tees.png'); }
#categories.girls a#polos { top:23px; left:440px; width:76px; height:27px; background-image:url('../../gfx/menu/collection/girls/polos.png'); z-index:2; }
#categories.girls a#pulls-and-sweats { top:49px; left:20px; width:219px; height:27px; background-image:url('../../gfx/menu/collection/girls/pulls-and-sweats.png'); }
#categories.girls a#shirts { top:49px; left:260px; width:81px; height:27px; background-image:url('../../gfx/menu/collection/girls/shirts.png'); }
#categories.girls a#swimwear { top:49px; left:360px; width:137px; height:27px; background-image:url('../../gfx/menu/collection/girls/swimwear.png'); }
#categories.girls a#accesoires { top:75px; left:6px; width:150px; height:27px; background-image:url('../../gfx/menu/collection/girls/accessoires.png'); }
#categories.girls a#underwear { top:75px; left:105px; width:145px; height:27px; background-image:url('../../gfx/menu/collection/girls/underwear.png'); }
#categories.girls a#non-denim { top:75px; left:175px; width:146px; height:27px; background-image:url('../../gfx/menu/collection/girls/non-denim.png'); }
#categories .active, #categories a:hover { background-position:bottom left; }

/**
 * Shoplocator
 */

img#locate { position:absolute; top:15px; left:10px; }

form#shoplocator { position:absolute; top:40px; left:505px; }
#shoplocator input { border:1px solid #565555; }
#shoplocator label { margin-right:15px; }
#shoplocator label.text { position:absolute; top:-20px; margin:0; }
#shoplocator select { position:relative; top:-2px; width:120px; margin-right:15px; }
#shoplocator #search { position:absolute; right:-20px; top:33px; border:0; }

/**
 * Info
 */

a#press { position:absolute; display:block; top:15px; left:388px; width:72px; height:28px; background:url('../../gfx/menu/info/press.png') top left; z-index:1; }
a#jobs { position:absolute; display:block; top:15px; left:530px; width:55px; height:28px; background:url('../../gfx/menu/info/jobs.png') top left; z-index:1; }
a#philosophy { position:absolute; display:block; top:48px; left:260px; width:141px; height:28px; background:url('../../gfx/menu/info/philosophy.png') top left; z-index:1; }
a#news { position:absolute; display:block; top:48px; left:460px; width:73px; height:28px; background:url('../../gfx/menu/info/news.png') top left; z-index:2; }
a#write-us { position:absolute; display:block; top:48px; left:575px; width:114px; height:28px; background:url('../../gfx/menu/info/writeus.png') top left; z-index:2; }
a#join-mail { position:absolute; display:block; top:80px; left:360px; width:115px; height:28px; background:url('../../gfx/menu/info/joinmail.png') top left; z-index:2; }

a#philosophy em, a#join-mail em, a#press em, a#news em, a#jobs em, a#write-us em { display:none; }

a#philosophy.active, a#philosophy:hover, 
a#join-mail.active, a#join-mail:hover, 
a#press.active, a#press:hover,
a#news.active, a#news:hover,
a#jobs.active, a#jobs:hover,
a#write-us.active, a#write-us:hover { background-position:left bottom; z-index:3; }

/**
 * Lightbox
 */

div#lightbox { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:998; }
div#light_overlay { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:900;background:url('../../gfx/wrapperbg.png') repeat; z-index:850; cursor:pointer; }
div#light_outer { position:relative; z-index:875; top:50%; margin:-200px auto 0; width:620px; height:400px; cursor:default; }

#lightbox h1 { position:absolute; top:65px; left:345px; height:50px; text-transform:uppercase; font-size:44px; line-height:44px; }
#lightbox h2 { position:absolute; top:10px; left:345px; text-transform:uppercase; font-size:19px; font-weight:normal; line-height:20px; }
#lightbox h3 { position:absolute; top:10px; left:0px; text-transform:uppercase; }
#lightbox img#small { position:absolute; top:210px; left:380px; }
#lightbox img#large { position:absolute; top:0px; left:75px; }

#light_controls { position:absolute; top:180px; left:380px; z-index:2; }
#light_larger { position:absolute; top:0px; left:34px; width:28px; height:28px; background:url('../../gfx/controls/larger.png'); cursor:pointer; z-index:4; }
#light_close { position:absolute; top:0px; left:128px; width:28px; height:28px; background:url('../../gfx/controls/close.png'); cursor:pointer; z-index:3; }
#light_prev { position:absolute; top:0px; left:161px; width:28px; height:28px; background:url('../../gfx/controls/previous.png'); cursor:pointer; z-index:2; }
#light_next { position:absolute; top:0px; left:194px; width:28px; height:28px; background:url('../../gfx/controls/next.png'); cursor:pointer; z-index:1; }

#lightbox { display:none; }


/**
 *	Javascript slider 
 */

#slider-container { position: absolute; left: 50%; margin-left: -312px; top: 290px; height: 20px; width: 624px;}

#scroll_prev {width: 62px; height: 20px; background-image: url('../../gfx/scrollbar_left_2.png'); float: left;}
#content-slider { width: 500px; height: 20px; margin: 0px; background: url('../../gfx/scrollbar_repeatcenter.png') repeat-x; position: relative; z-index: 500;  float: left;}
#scroll_next {width: 62px; height: 20px; background-image: url('../../gfx/scrollbar_right_2.png'); float: left;  }



.ui-slider-handle { width: 100px; height: 14px; background-image: url('../../gfx/scrollbar_handle.png') !IMPORTANT; position: absolute; margin-left: -50px; top: 1px; z-index: 501;}



/* Container voor scrollable tekst */
#content-scroll { position: relative; height: 270px; overflow: hidden; padding: 0 50px;}

/* Container voor het scrollende deel */
#content-holder { position: relative; height: 270px; }