/* Sitewide */

html { height:100%; }
body { height:100%; margin:0; background:#000 url('../images/bg.png') repeat-x; background-position:0 120px;  }
a { outline:none; }

/* needed so full screen images dont scroll */
body#range { overflow:hidden; }

#container { position:relative; }
#header { background-color:#232122; height:120px; }
div.static { position:relative; }
div.largebg { position:absolute; width:100%; z-index:5; }
#header_inner { width:960px; margin:0 auto; }
#logo { display:block; width:198px; height:37px; background-image:url('../images/logo.gif'); float:left; margin-top:50px;  }
#logo span { display:none; }
#phone { width:762px; height:26px; float:left; margin-top:50px; text-align:right;  }
#phone span { display:none; }

ul#nav { list-style-type:none; padding:0; float:right; margin-top:9px; font-family:Arial,Helvetica; font-size:.7em; height:35px; }
ul#nav li { display:inline; margin-left:10px; }
ul#nav li a { text-decoration:none; color:#BBB1B5; }
ul#nav li a:hover { color:#fff; }

/* this bit changes the little arrow position showing a down state on the nav */
#home ul#nav { background:url('../images/nav_arrow.gif') no-repeat; background-position:14px bottom; }
#brands ul#nav { background:url('../images/nav_arrow.gif') no-repeat; background-position:58px bottom; }
#range ul#nav { background:url('../images/nav_arrow2.png') no-repeat; background-position:58px bottom; }
#services ul#nav { background:url('../images/nav_arrow.gif') no-repeat; background-position:108px bottom; }
#brochures ul#nav { background:url('../images/nav_arrow.gif') no-repeat; background-position:168px bottom; }
#clearance ul#nav { background:url('../images/nav_arrow.gif') no-repeat; background-position:230px bottom; }
#about ul#nav { background:url('../images/nav_arrow.gif') no-repeat; background-position:285px bottom; }
#contact ul#nav { background:url('../images/nav_arrow.gif') no-repeat; background-position:330px bottom; }


#main { width:960px; margin:20px auto 10px auto; overflow:hidden; }

a#pricepromise { display:block; background-image:url('../images/sml2_pricepromise_f2.png'); display:block; width:80px; height:80px; position:absolute; margin-left:160px; text-indent:-9999px; }

div#pricecall { overflow:hidden; margin-top:20px; }
div#pricecall img { float:left; margin-right:10px; }
div#pricecall p { line-height:1.4em; color:#53323C; }
div#pricecall p strong { color:#fff; font-size:1.2em; }
div#pricecall p em { color:#000; font-size:1.2em; font-weight:bold; font-style:normal; }

#footer { width:960px; margin:0px auto 20px auto; }
#footer cite { font-style:normal; font-family:Verdana,Arial; font-size:.55em; color:#53323C; }


/* Home Page */

#home_left { float:left; }

#home_left_nav { overflow:hidden; margin-bottom:10px; width:660px; }
a.prevPage { display:block; width:16px; height:6px; background:url('../images/scrollable_arrows.png') 0 0 no-repeat; float:left; }
a:hover.prevPage { background-position:0 -6px; cursor:pointer; }
a.nextPage { display:block; width:16px; height:6px; background:url('../images/scrollable_arrows.png') -16px 0 no-repeat; float:right; }
a:hover.nextPage { background-position:-16px -6px; cursor:pointer; }
a.disabled { background-image:none; }

.navi { width:200px; height:20px; position:absolute; margin-left:320px; }
.navi a { width:8px; height:8px; float:left; margin:0 1px; background:url('../images/navigator.png') 0 0 no-repeat; display:block; font-size:1px; }
.navi a:hover { background-position:0 -8px; }
.navi a.active { background-position:0 -16px; }

#scrollable { position:relative; width:660px; height:500px; overflow:hidden; }
#scrollable div.items { width:20000em; position:absolute; clear:both; background-image:url('../images/dummy_home_icons.gif'); }
#scrollable div.items div { float:left; width:680px; display:block; }
#scrollable div.items a { float:left; display:block; width:320px; height:240px; margin-bottom:20px; margin-right:20px; text-indent:-9999px; } 

a.nolte-mobel { background-image:url('../images/home/nolte-mobel.jpg'); }
a.hulsta { background-image:url('../images/home/hulsta.jpg'); }
a.ligne-roset { background-image:url('../images/home/ligne-roset.jpg'); }
a.varier { background-image:url('../images/home/varier.jpg'); }
a.skovby { background-image:url('../images/home/skovby.jpg'); }
a.flos { background-image:url('../images/home/flos.jpg'); }
a.contempo { background-image:url('../images/home/contempo.jpg'); }
a.fatboy { background-image:url('../images/home/fatboy.jpg'); }
a.michael-tyler { background-image:url('../images/home/michael-tyler.jpg'); }
a.cierre { background-image:url('../images/home/cierre.jpg'); }
a.daval { background-image:url('../images/home/daval.jpg'); }
a.kesterport { background-image:url('../images/home/kesterport.jpg'); }
a.nolte-promotion { background-image:url('../images/home/nolte_promotion.gif'); }

#intro { position:absolute; left:2200px; display:none; }

#home_right { float:right; overflow:hidden; }

.widget { font-family:Arial,Helvetica,Verdana; }
.widget div { width:240px;  padding:20px; }
.light div { background-color:#BBB1B5; height:140px; }
.light div p { margin-bottom:10px; color:#000; font-size:.8em; line-height:1.2em; }
.dark div { background-color:#53323C; height:200px; }
.dark div p { margin-bottom:10px; color:#000; font-size:.8em; line-height:1.2em; }

.widget h1 { margin:6px 0 0 0; background:url('../images/widget_arrows.png') 250px -10px no-repeat; height:10px; display:block;  }
.widget h1 span { width:100px; background:url('../images/home/home_headers.png') no-repeat 0px 1px; display:block; text-indent:-9999px; }
.widget h2 { margin:10px 0 0 0; background:url('../images/widget_arrows.png') 250px 0 no-repeat; height:10px; display:block; }
.widget h2 span { width:100px; background:url('../images/home/home_headers.png') no-repeat 0px -9px; display:block; text-indent:-9999px; }

form#signup_home {  }
form#signup_home p { font-size:.8em; color:#fff; }
form#signup_home fieldset { margin-top:20px; }
form#signup_home label { color:#fff; float:left; width:80px; }
form#signup_home em { color:#f00; margin-left:2px; }
form#signup_home input[type=text] { border:1px solid #ccc; background-color:#fff !important; width:155px; font-family:Arial, Helvetica, sans-serif; }
form#signup_home textarea { border:0; border:1px solid #ccc; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:1em; height:80px; }
form#signup_home label.error { color:#f00; position:absolute; margin-left:10px; line-height:1em; margin-top:.25em; font-size:.85em;  }
form#signup_home input.error, form#contactform textarea.error { border:1px dotted red; }
form#signup_home label.tip { width:300px; cursor:pointer; font-size:.8em; }
form#signup_home input[type=button] { margin-left:80px; text-transform:capitalize; }


/* Static Pages	*/

#main_left { float:left; width:660px; overflow:hidden; margin-top:10px; }
#slideshow { width:660px; height:240px; overflow:hidden; background-color:#000; }
#slideshow img { width:660px; height:240px; }

#content { background-color:#fff; padding:20px 40px 80px 140px; font-family:Arial,Helvetica; }
#content blockquote { font-size:1.4em; line-height:1.4em; margin-bottom:10px; color:#666; }
#content h2 { font-size:1.2em;  margin:20px 0 10px 0; color:#333; }
#content p,#content ul,#content ol { font-size:.8em; line-height:1.4em; margin-bottom:10px; }
#content a { color:#53323C; text-decoration:none; }
#content a:hover { text-decoration:underline; }

#main_right { width:280px; float:right; background:url('../images/widget_arrows.png') 250px -10px no-repeat; padding-top:10px; }

div.info { background-color:#BBB1B5; padding:20px 20px 40px 20px; font-family:Arial,Helvetica; }
div.info h1 { font-size:1.6em;  margin-bottom:10px; }
div.info p { font-size:.7em; line-height:1.4em; margin-bottom:10px; }
div.info a { line-height:1.4em; margin-bottom:10px; text-decoration:none; color:#000000; }
div.info a:hover{ color:#fff;}
/*div.info ul li { font-size:.7em; line-height:1.4em; margin-bottom:5px; list-style-type:disc; margin-left:15px; }*/
div.info address { font-size:.7em; line-height:1.4em; margin-bottom:10px; font-style:normal; }
div.info abbr { width:50px; float:left; font-weight:bold; }

ul.brandlist { margin-bottom:20px; }
ul.brandlist li { margin-bottom:2px; }
ul.brandlist a { color:#000; text-decoration:none; padding-right:22px; }
ul.brandlist a:hover { color:#53323C; text-decoration:underline; } 

ul.brandlist_small { margin-bottom:20px; }
ul.brandlist_small li { margin-bottom:2px; font-size:.7em; }

/* Brand Pages */

#navigation{background:url('images/navbg.gif') no-repeat; float:right; margin:22px 20px 0 0}
#loading { position: absolute; top: 49.5%; left: 49.5%; z-index: 3;	width: 32px; height: 32px; text-indent: -999em;	background-image: url('../images/ajax-loader.gif');	}
#supersize{position:fixed}
#supersize img, #supersize a{height:100%; width:100%; position:absolute; z-index:0; cursor:default; }
#supersize .prevslide, #supersize .prevslide img{z-index:1}
#supersize .activeslide, #supersize .activeslide img{z-index:2}

#details { position:absolute; z-index:5; left:50%; top:140px; width:280px; margin-left:200px; background:url('../images/widget_arrows.png') 250px -20px no-repeat; padding-top:10px; }
div.brandinfo { background-color:#fff; padding:20px 20px 40px 20px; font-family:Arial,Helvetica; }
div.brandinfo h1 { font-size:2em;  margin-bottom:10px; }
div.brandinfo p { font-size:.7em; line-height:1.4em; margin-bottom:10px; }
div.brandinfo address { font-size:.7em; line-height:1.4em; margin-bottom:10px; font-style:normal; }
div.brandinfo abbr {  }
div.brandinfo ul { font-size:.7em; line-height:1.2em; }
div.brandinfo ul a { color:#53323C; text-decoration:none; }
div.brandinfo ul a:hover { text-decoration:underline; }
div.brandinfo h2 { font-size:1.2em;  margin:20px 0 10px 0; color:#333; }

ul#brandnav { margin-top:20px;}
ul#brandnav li { margin-bottom:1px; }
ul#brandnav li a { display:block; padding:1em; cursor:pointer; font-family:Arial,Helvetica; font-size:.8em; color:#fff; text-decoration:none; }

a.norm { background-color:#53323C; }
a:hover.norm { background-color:#BBB1B5; }
a.backbtn { background-color:#333; }
a:hover.backbtn { background-color:#666; }
/*a.hide { font-weight:bold; display:block; color:#333; background:url('../images/reveal.gif') no-repeat; padding-left:22px; cursor:pointer; margin-top:20px; font-size:.85em; }*/

a.hide { background:url('../images/hide_btn.png'); display:block; width:100px; height:50px; position:absolute; left:50%; z-index:5; margin-left:-500px; text-indent:-9999px; top:100%; margin-top:-50px; cursor:pointer; }

#main_area_brand { position:absolute; z-index:5; left:50%; top:140px; width:660px; margin-left:-480px; background:url('../images/widget_arrows.png') 630px -20px no-repeat; padding-top:10px;  display:none; }
#main_area_brand blockquote { font-size:1.4em; line-height:1.4em; margin-bottom:10px; color:#666; font-family:Arial,Helvetica; margin-bottom:40px; }

form#requestinfo { background-color:#fff; padding:20px 40px 40px 140px; }
form#requestinfo fieldset { border:0; padding:0; margin-bottom:10px; }
form#requestinfo p { margin-bottom:10px; font-family:Arial,Helvetica; font-size:.8em; }
form#requestinfo label { color:#272422; float:left; width:120px; }
form#requestinfo em { color:#f00; }
form#requestinfo input[type=text] { border:1px solid #ccc; background-color:#fff !important; width:200px; font-family:Arial, Helvetica, sans-serif; }
form#requestinfo textarea { border:0; border:1px solid #ccc; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:1em; height:80px; }
form#requestinfo label.error { color:#f00; position:absolute; margin-left:10px; line-height:1em; margin-top:.25em; font-size:.85em;  }
form#requestinfo label.tip { width:300px; cursor:pointer; font-size:.8em; }
form#requestinfo input.error, form#contactform textarea.error { border:1px dotted red; }
form#requestinfo input[type=button] { text-transform:capitalize; }

#thanks { background-color:#fff; padding:20px 40px 40px 140px; display:none; }
#thanks p { margin-bottom:10px; font-family:Arial,Helvetica; font-size:.8em; }

h1.flos { display:block; width:81px; height:36px; background:url('../images/logos/logo-flos.gif'); text-indent:-9999px; }
h1.michael-tyler { display:block; width:161px; height:49px; background:url('../images/logos/logo-michael-tyler.gif'); text-indent:-9999px; }
h1.contempo { display:block; width:117px; height:58px; background:url('../images/logos/logo-contempo.gif'); text-indent:-9999px; }
h1.ligne-roset { display:block; width:175px; height:34px; background:url('../images/logos/logo-ligne-roset.gif'); text-indent:-9999px; }
h1.nolte-mobel { display:block; width:130px; height:38px; background:url('../images/logos/logo-nolte-mobel.gif'); text-indent:-9999px; }
h1.hulsta { display:block; width:170px; height:31px; background:url('../images/logos/logo-hulsta.gif'); text-indent:-9999px; }
h1.varier { display:block; width:171px; height:41px; background:url('../images/logos/logo-varier.gif'); text-indent:-9999px; }
h1.skovby { display:block; width:74px; height:74px; background:url('../images/logos/logo-skovby.gif'); text-indent:-9999px; }
h1.kesterport { display:block; width:100px; height:112px; background:url('../images/logos/logo-kesterport.gif'); text-indent:-9999px; }
h1.daval { display:block; width:165px; height:38px; background:url('../images/logos/logo-daval.gif'); text-indent:-9999px; }
h1.cierre { display:block; width:154px; height:43px; background:url('../images/logos/logo-cierre.gif'); text-indent:-9999px; }

/* Clearance Page */

div.item { overflow:hidden; margin:20px 0; }
div.item a { float:left; margin-right:20px; }
p.title { font-size:1.2em; font-weight:bold; }
span.now { font-style:italic; color:#660000; font-size:1.5em; }
span.was { font-style:italic; text-decoration:line-through; }

/* Contact Page */

#location_map { width:240px; height:200px; margin:0 0 20px 0; }

form#contactform { margin-top:60px; }
form#contactform fieldset { border:0; padding:0; margin-bottom:10px; }
form#contactform p {  }
form#contactform label { color:#272422; float:left; width:120px; }
form#contactform em { color:#f00; }
form#contactform input[type=text] { border:1px solid #ccc; background-color:#fff !important; width:200px; font-family:Arial, Helvetica, sans-serif; }
form#contactform textarea { border:0; border:1px solid #ccc; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:1em; height:80px; }
form#contactform label.error { color:#f00; position:absolute; margin-left:10px; line-height:1em; margin-top:.25em; font-size:.85em;  }
form#contactform input.error, form#contactform textarea.error { border:1px dotted red; }
form#contactform label.tip { width:300px; cursor:pointer; font-size:.8em; }
form#contactform input[type=submit] { }


/* brochure page */

div.brochure { }
div.brochure ul li { margin-bottom:2px; }
a.pdf { background:url('../images/led-icons/doc_pdf.png') no-repeat; }
a.url { background:url('../images/led-icons/link.png') no-repeat; padding:0 0 0 20px; }