/**
 * Main stylesheet
 *
 * @copyright   2010 SimonRichards
 * @category    Laminex CMS
 * @package     The Laminex Group
 * @version     $Id$
*/

/************************
 * Main Tags
 ************************/
html, body { width:100%; height:100%; }
body { font-size:13px; line-height: 20px; font-family: helvetica, arial, sans-serif; color: #333333; background-color: #fff; }
sup {
    position: relative;
    top: -3px;
}
#wrapper { width:100%; padding:0px 0px 30px 0px; }
#wrapper.openbottom { padding:0px 0px 151px 0px; }
#content { width:960px; margin:0 auto; clear:both; margin-bottom: 100px; overflow: hidden; }

/******* HEADER AND FOOTER *********/
#header { width:100%; height:104px; clear:both; overflow:hidden; background-color:#000; position:absolute; z-index:1000; }
#header li, #footer li { float:left; }
#header .menu { width:960px; margin:0px auto; }
#header .menu a { font-size:12px; }
#header .menu .current a, #header .menu a:hover { color: #FD885E; }
#header .menu .home a { background:url(../ui/header-logo-laminex.gif) no-repeat; width:145px; height:56px; text-indent:-999em; display:block; margin:20px 0px; }
#header li h1 { font-weight:normal; }
#header li a { display:block; float:left; color: #cccccc; line-height: 104px; padding:14px 7px 0px 7px; }
#footer { background-color:#000; bottom:0; height:54px; position:fixed; width:100%; z-index:10000; display: block; clear: both; }
#footer .share-links { width:100%; background: #F6F6F6 ; height:30px; margin:0 ; border-top:solid 1px #E6E5E6; }
#footer .share-buttons-holder { width:950px; margin: 0 auto; }
#footer .share-buttons { float:right; margin-top:4px; margin-right:50px; }
#footer .share-buttons li a { padding:0 12px; }
#footer .menu { width:950px; margin:0px auto; }
#footer .menu li a { display:block; float:left; color:#fff; font-size:11px; line-height:26px; padding:0 8px; }
#footer .menu .current a, #footer .menu a:hover { color: #FD885E; }

#data-size-description {
    display: none;
}

#extra-video {
    margin-bottom: 15px;
}


/************************
 * Standard parts
 ************************/

/******* PAGE TOPS *********/
#feature-top { display:block; width:100%; height:100%; float:left; }
#title-bar { background:url(../ui/common-title-bg.png) repeat-x; height:70px; width:100%; margin:277px 0px 0px 0px; filter:alpha(opacity=90); }
#title-bar h1 { font-size:26px; font-weight:normal; color:#807e82; width:960px; margin:0px auto; padding:22px 0px 0px 0px; }
#title-bar h1 b, #title-bar h1 strong { color:#000; }
#feature-top-tall { height:495px; background:url(../ui/load_b.gif) no-repeat center 270px #807e82; }
#feature-top-tall #gallery_image { display:block; width:100%; height:100%; float:left; }
#feature-top-tall #title-bar { margin:425px 0px 0px 0px; position:absolute; }
#feature-top-tall #title-bar #title-holder { font-size:26px; font-weight:normal; color:#807e82; width:960px; margin:0px auto; padding:22px 0px 0px 0px; }

/******* SLIDING DOOR BUTTONS *********/
a.slida-btn, a.slidb-btn, a.slidc-btn { display:block; height:25px; margin-right:2px; padding-right:26px; font-size:12px; color:#292929; }
a.slida-btn { background:url(../ui/common-btn-slida-b.gif) no-repeat scroll top right; float:left; }
a.slida-btn span { background:transparent url(../ui/common-btn-slida-a.gif) no-repeat;  display:block; line-height:25px; padding:0px 0 0px 7px; }
a.slida-btn:hover span { /* hover */ }
a.slidb-btn { background:transparent url(../ui/gallery_btn_dl_r.png) no-repeat scroll top right; }
a.slidb-btn span { display: block; line-height: 23px; padding: 0px 0px 0px 7px; }
a.slidb-btn:hover span { /* hover */ }
a.slidc-btn { background:url(../ui/common-btn-slida-d.gif) no-repeat scroll top right; float:left; }
a.slidc-btn span { background:transparent url(../ui/common-btn-slida-a.gif) no-repeat;  display:block; line-height:25px; padding:0px 0 0px 7px; }
a.slidc-btn:hover span { /* hover */ }

/******* SEARCH BOX HEADER *********/
#search { width:950px; position:relative; margin:0px auto; z-index:2999; }
#search #search-button {
	background:url(../ui/global-search-btn.gif) no-repeat; width:113px; height:27px; display:block; color:#FFF;
	font-size:12px; padding:3px 0px 0px 0px; margin:0px 30px -30px 0px; float:right; text-align:center;
}
#search #search-box {
	width:267px; display:block; background:url(../ui/global-search-bg.png) repeat-x; position:absolute;
	margin:-155px 0px 0px 630px; padding:15px; color:#d7d8da; overflow: hidden; border: 1px solid #666666; border-top: 0;
}
#search .suggestion li:hover, #search .suggestion li.current { color: #f1764b; }
#search #search-box table tr td { padding:0px 0px 10px 0px; }
#search #search-box-close { color:#d7d8da; position:absolute; right:20px; top:10px; padding: 0px 5px; border: solid 1px #FFFFFF; }
#search .search-box-input { width:200px; height:25px; line-height: 25px; background:#8b8b8b; border:1px solid #363636; color:#d7d8da; padding:0px 0px 0px 10px; }
.ff2 #search .search-box-input { height:20px; padding-top: 5px; }
#search-box h5 { font-size:14px; color:#ffffff; font-weight:normal; margin:0px 0px 10px 0px; }
#search-box .search-box-submit { position:absolute; top:46px; right:21px; }
#search-box p { margin:15px 0px 0px 0px; font-size:12px; }

/******* FOOTER CONSOLE *********/
#samples-tooltip-button {
	background: url(../ui/footer-samples-btn-tooltip.gif) no-repeat;
	display: block;
	float: left;
	height: 26px;
	width: 25px;
    position: relative;
    z-index: 10000;
    cursor: pointer;
}

#samples-button {
	background: url(../ui/footer-samples-btn.gif) no-repeat;
	background-position: top;
	color: #000;
	display: block;
	float: left;
	font-size: 11px;
	height: 23px;
	padding: 3px 0px 0px 0px;
	width: 169px;
}

#samples-button.upside {
	background-position: bottom;
}
/* MOVED TO VSTYLE */

#content-animation {
    width: 100%;
}

#footer-tooltip-wrapper {
    position: relative;
    margin-top: -70px;
    z-index: 8999;
    width: 261px;
    display: none;
}

#footer-tooltip-arrow {
    width: 20px;
    height: 11px;
    background-image: url(../ui/arrow-down.png);
    position: absolute;
    top: 73px;
    left: 0;
}

#footer-tooltip {
    width: 235px;
    font-size: 12px;
    border: 1px solid #666;
    background-color: #f2f2f2;
    padding: 6px 12px;
    float: left;
}




/************************
 * Page Specifics
 ************************/

/******* HOME ********/
#page-home { min-height:830px; background-color:#bfbec0; }
#page-home #background-image-loader { position:absolute; width:100%; height:100%; z-index:2; background:#807e82; }
#page-home #background-image { width:100%; height:100%; position:absolute; z-index:4; }
#page-home #foreground-image { width:100%; height:100%; position:absolute; z-index:5; }
#page-home #background-preloader {
	width:60px; height:60px; position:absolute; margin:300px auto; display:none;
	left:50%; z-index:6; background:url(../ui/load_b.gif) #807e82 no-repeat center;
    -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;
}
#page-home #main { display:block; width:950px; margin:0px auto; z-index:50; position:relative; }
#home-gallery-prev { background:url(../ui/common-gal-slider-l.png) no-repeat; margin:250px 0px 0px 0px; }
#home-gallery-next { right:0; background:url(../ui/common-gal-slider-r.png) no-repeat; margin:250px 0px 0px 0px; }
#home-gallery-prev:hover, #home-gallery-next:hover { background-position:bottom; }
#page-home #main #feature-bars ul li { float:left; display:inline; }
#page-home #main #feature-bars ul li a {
	display:block; width:199px; height:48px; float:left; padding:5px 0px 0px 35px;
	background:url(../ui/home-featurebar-bg.png) no-repeat; color:#FFF;
}
#page-home #main #feature-boxes div {
	display:block; float:left; margin:0px 10px; width:261px; height:138px;
	padding:15px; background:url(../ui/home-featurebox-bg.png); color:#333333; line-height:18px;
}
#page-home #main #feature-boxes div img { float:left; margin:0px 15px 0px 0px; }
#page-home #main #feature-boxes div .feature-box-link {
	display:block; float:left; height:31px; background:url(../ui/home-featurebox-link-bg-l.png) no-repeat left;
	padding:0px 0px 0px 18px; margin:0px 0px 0px -10px; line-height:0;
}
#page-home #main #feature-boxes div .feature-box-link a {
	display:block; float:left; height:26px; background:url(../ui/home-featurebox-link-bg-r.png) no-repeat right;
	padding:5px 20px 0px 0px; margin:0px; color:#fff; font-size:12px;
}

#page-home #main #hot-spots { height:450px; clear:both; float:left; margin-top:101px; width:960px; text-align:left; display:block; }
#hot-spots .spot { background:url(../ui/home-hotspot.png) no-repeat; width:30px; height:31px; float:left; display:inline; position:absolute; z-index:5; }
#hot-spots .spot-container { position:absolute; z-index:5; }
#hot-spots .dialog { width:391px; height:182px; background:url(../ui/home-hotspot-tooltip-bg.png) no-repeat; text-indent:0px; margin:-72px 0px 0px 10px; display:none; position:absolute; }
#hot-spots .dialog-reversed { width:391px; height:182px; background:url(../ui/home-hotspot-tooltip-reverse-bg.png) no-repeat; text-indent:0px; margin:-72px 0px 0px -370px; display:none; position:absolute; }
#hot-spots div.upfront { z-index:499; }
#hot-spots .dialog-image { width:98px;  height:167px; float:left; margin:6px 0px 0px 32px; display:inline; overflow:hidden; }
#hot-spots .dialog-reversed .dialog-image { margin:6px 0px 0px 6px; }
#hot-spots .dialog-info { width:240px; height:167px; float:left; display:inline; margin:5px 0px 0px 15px; font-size:12px; }
#hot-spots .dialog-info h4 { font-weight:bold; font-size:18px; color:#000; margin:13px 0px 0px 0px; }
#hot-spots .dialog-info h5 { font-weight:normal; font-size:15px; color:#4c4c4c; margin:0px 0px 5px 0px; }
#hot-spots .dialog-info p { font-size:12px; margin:0px; padding:0px; }
#hot-spots .dialog-info p a span { color:#ff8a60;  font-weight:bold; }
#hot-spots .dialog-info a { color:#000; font-size:12px; }
#hot-spots .dialog-info a:hover, #hot-spots .dialog-info a.active { color: #FD885E; }
#hot-spots .dialog-info .interstate { font-weight:normal; font-size:11px; margin:0px 5px 0px 0px; }
#hot-spots .dialog-info .interstate:hover { text-decoration:none; }
#hot-spots .dialog-info ul { width:180px; height:60px; display:block; }
#hot-spots .dialog-info ul li { float:left; display:inline; width:90px; }
#hot-spots .dialog-info .dialog-x-btn { margin:10px 0px 0px 210px; }


/******* TECH INFO ********/
#page-tech-info #feature-top { background:url(../ui/techinfo-feature-top.jpg) #807e82 no-repeat; background-position:center 104px; }
#content-tech-left { font-size:14px; color:#666; padding-top:25px; width:300px; margin:0px 25px 0px 0px; float:left; }
#content-tech-left a { display:block; margin:3px 0px 0px 0px; padding:0px 0px 3px 0px; color:#666; border-bottom:1px solid #e3e3e3; width:290px; }
#content-tech-right { padding-top:25px; width:565px; float:left; }
#content-tech-right p { color:#666666; }
#tech-info-downloads th { background:#f7f7f7; height:27px; width:490px; padding:0px 0px 0px 15px; font-weight:normal; }
#tech-info-downloads td { background:#f7f7f7; height:27px; width:70px; border-left:2px solid #fff; text-align:right; padding:4px 10px 0px 0px; color:#484848; }
#tech-info-downloads .altrow th, #tech-info-downloads .altrow td { background:#fff; }
#tech-info-downloads a { color:#484848; font-size:12px; }
#tech-info-downloads a:hover { color:#ff8a60; }

#page-tech-info #content-tech-right a { color:#484848; font-size:12px; }
#page-tech-info #content-tech-right a:hover { color:#ff8a60; }
#page-tech-info #content-tech-right a span { color: #FD885E; }


/******* DESIGNER 3D ********/
#page-designer3d #feature-top { background:url(../ui/new-designer3d-top-bg.jpg) #807e82 no-repeat; background-position:center 104px; }
#page-designer3d #title-bar h1 { background:url(../ui/designer3d-title-new.png) no-repeat; text-indent:-999em; height:70px; }
#content-designer3d-left { width:610px; padding-top:25px; float:left; }
#content-designer3d-left .video-js-box-holder { width:564px; height:378px;background-color:#C2C0C0;padding-left:8px;padding-top:8px;padding-right:8px;padding-bottom:8px; }
#content-designer3d-left .video-js-box { width:564px; height:378px;;background-color:#C2C0C0;padding:8px;}
#content-designer3d-right { width:299px; padding-top:25px; float:left; }
#content-designer3d-right h3 {font-size:18px }
#content-designer3d-right p { color:#666666; }
#page-designer3d a.slida-btn {
    background: url("../ui/common-btn-slida-c.gif") no-repeat scroll right top transparent;
    float: left;
}
p.designer3d-intro { font-size:15px; width: 358px;}

/******* INSPIRATION GALLERY ********/
#gallery-feature-top-tall { height:585px; background:url(../ui/load_b.gif) no-repeat center 270px #807e82; overflow:hidden; }
#gallery-feature-top-tall #gallery_image { height:585px; display:block; width:100%; position:absolute; }
#gallery-feature-top-tall #title-bar { margin:515px 0px 0px 0px; position:absolute; z-index:190; }
#gallery-feature-top-tall #title-bar #title-holder { font-size:26px; font-weight:normal; color:#807e82; width:960px; margin:0px auto; padding:22px 0px 0px 0px;  }

#page-inspiration-gallery #title-bar #title-holder h1 { width:680px; float:left; margin:0px; padding:0px; }
#page-inspiration-gallery #title-bar #title-holder p { float:left; display:inline; font-size:12px; color:#807e82; margin:0px 15px 0px 0px; }
#gallery-angle-links { float:left; display:inline; }
#gallery-angle-links li { float:left; display:inline; font-size:12px; }
#gallery-angle-links li a { color:#807e82; display:block; border:1px solid #cac9cb; width:22px; height:22px; text-align:center; margin:0px 8px 0px 0px; }
#gallery-angle-links li a:hover { border-color:#807e82; }
#gallery-angle-links li a.active { border:none; color:#fd885e; }
#content-gallery-thumbs ul { padding:15px 0px; }
#content-gallery-thumbs ul li { float:left; display:inline; margin:0px 1px 1px 0px; }
#content-gallery-thumbs ul li a { width:111px; height:111px; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; -ms-filter: ""; display: inline-block; position:relative; zoom:1; }
#gallery-prev { left:0; background:url(../ui/common-gal-slider-l.png) no-repeat; }
#gallery-next { right:0; background:url(../ui/common-gal-slider-r.png) no-repeat; }
#gallery-prev:hover, #gallery-next:hover { background-position:bottom; }
#gallery_download_holder { display:block; width:400px; height:450px; position:absolute; left:50%; }
#gallery-download { position:absolute; z-index:190; margin:470px 0px 0px 200px; }
#content-gallery-filter { margin:20px 0px 10px 0px; overflow:hidden; }
#content-gallery-social { margin:5px -10px 0 0; height:21px; float:right; }
#content-gallery-facebook { margin:0px 0px 0px 0px; float:left; }
#content-gallery-twitter { margin:0px 0px 0px 0px; float:left; }


.draggable { cursor: pointer; }

/******* CONTACT US ********/
#page-contact-us #feature-top { background:url(../ui/locator-bg.jpg) #807e82 no-repeat; background-position:center 5px; }
#page-contact-us #content-ask { padding-top:20px; color:#807e82; }
#page-contact-us .left { width:435px; }
#page-contact-us .right { width:470px; }
#page-contact-us .top {
    padding-top: 20px;
    padding-bottom: 20px;
}
#page-contact-us .top p {
    padding: 18px 0;
    padding-bottom: 6px;
}
#page-contact-us .top p span {
    padding-right: 45px;
    font-weight: bold;
}


/******* ASK AN EXPERT ********/
#page-ask-an-expert #feature-top { background:url(../ui/ask-expert-bg.jpg) #807e82 no-repeat; background-position:center 5px; }
#page-ask-an-expert #content-ask { padding-top:20px; color:#807e82; }
#page-ask-an-expert .left { width:435px; }
#page-ask-an-expert .right { width:470px; }
#page-ask-an-expert-submit { margin-top:98px; }
textarea#data-message { width:348px; height:80px; }




/******* ORDER BROCHURES ********/
#page-order #feature-top { background:url(../ui/ask-expert-bg.jpg) #807e82 no-repeat; background-position:center 5px; }
#page-order #content-order { padding-top:20px; color:#807e82; }
#page-order .left { width:435px; }
#page-order .right { width:470px; }

#page-order a {
    color: #000;
}

#page-order form {
}

#page-order #swatches {
    width: 430px;
    padding: 3px;
    margin-bottom: 35px;
    float: left;
}

#page-order #brochures {
    width: 400px;
    padding: 3px;
    margin-bottom: 35px;
    float: left;
    margin-left: 60px;
}

#page-order #swatches td {
    height: 25px;
    line-height: 25px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#page-order #brochures td {
    height: 25px;
    line-height: 25px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#page-order #swatches .thumb {
    width: 100px;

}

#page-order #swatches .thumb div {
    width: 100px;
    height: 25px;
    overflow: hidden;
    border: 1px solid #cccccc;
        margin-right: 25px;
}

#page-order #swatches .name {
    padding-left: 10px;
}

#content-order a.remove { background:url(../ui/order-remove-bg.gif) no-repeat top left; width: 17px; height: 17px; margin-top: 4px; display: block; text-indent: -9999em; text-transform: uppercase; }


/******* BROCHURES ********/
#page-brochures #feature-top { background:url(../ui/brochure-feature-top-bg.jpg) #807e82 no-repeat; background-position:center 5px; }
#page-brochures #content-tech-right a { color:#484848; font-size:12px; }
#page-brochures #content-tech-right a:hover { color:#ff8a60; }
#page-brochures #content-tech-right a span { color: #FD885E; }


/******* GREENFIRST ********/
p.greenfirst { color:#666666; }
ul.greenfirst { color:#666666; }

/******* PRIVACY ********/
#page-privacy-policy #feature-top { background:url(../ui/footer-bg.jpg) #807e82 no-repeat; background-position:center 5px; }
#page-privacy-policy h4 { font-size:18px; font-weight: normal; }



/******* SITEMAP ********/
#page-sitemap #feature-top { background:url(../ui/ask-expert-bg.jpg) #807e82 no-repeat; background-position:center 5px; }
#page-sitemap h3 { font-size:18px; }



/******* TERMS ********/
#page-terms-and-conditions #feature-top { background:url(../ui/greenfirst-bg.jpg) #807e82 no-repeat; background-position:center 5px; }
#page-terms-and-conditions h4 { font-size:18px; font-weight: normal; }



/******* LEGAL ********/
#page-legal #feature-top { background:url(../ui/designer3d-bg-new.jpg) #807e82 no-repeat; background-position:center 5px; }
#page-legal h4 { font-size:18px; font-weight: normal; }



/******* WARRANTY ********/
#page-warranty #feature-top { background:url(../ui/ask-expert-bg.jpg) #807e82 no-repeat; background-position:center 5px; }

/******* NEWZLAND ********/
#page-laminex-nz #feature-top { background:url(../ui/ask-expert-bg.jpg) #807e82 no-repeat; background-position:center 5px; }
#page-laminex-nz h3 { font-size: 18px; }


/******* SEARCH ********/
#page-search #feature-top { background:url(../ui/search-bg.jpg) #807e82 no-repeat; background-position:center -50px; }
#page-search .result-item { display:block; height:112px; padding:10px 0px; border-bottom:1px solid #d7d8da; clear:both; }
#page-search .last { border-bottom:none; }
#content-search { padding-top:20px; }
#product-results, #brochure-results { margin:0px 0px 25px 0px; }
#page-search h3 { font-size:17px; color:#807e82; font-weight:normal; margin:0px 0px 20px 0px; }
#page-search h3 span { color:#000; }
#subject-results { color:#807e82; }
#subject-results span { color:#000; font-weight:bold; }

#product-results a,
#brochure-results a,
#subject-results a {
    color: #000;
}

#page-laminex-nz a:hover,
#product-results a:hover,
#brochure-results a:hover,
#subject-results a:hover {
    color: #FD885E;
}

.product { width:100px; height:115px; position:relative; float:left; display:inline; margin-right:15px; overflow: hidden; }
.product img { margin:6px 0px 0px 2px; position:absolute; z-index:1; }
.product-mask { position:absolute; z-index:2; background:url(../ui/search-product-mask.png); width:100px; height:115px; text-indent:-999em; top:0; display:block; }

.result-info { float:left; display:inline; }
.result-info ul li { float:left; display:inline; margin:0px 5px 0px 0px; }
.result-info ul li a { color:#807e82; text-decoration:underline; }
.result-info p { font-weight:bold; color:#807e82; margin:0px 0px 0px 0px; }
.result-info h6 { font-size:15px; color:#000; font-weight:bold; margin:10px 0px 0px 0px; }

.results-link { clear:both; color:#807e82; margin:10px 0px 15px 0px; display:block; }
.results-link:hover { color:#f1764b; }
.results-link:after { content:" >"; }

.did-you-mean a { color: #000; text-decoration: underline; }
.paginate li {
    float: left;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
}
.paginate li.current {
    color: #f1764b;
    font-weight: bold;
}


/******* PRODUCTS ********/
#page-products #feature-top-tall { background:url(../ui/load_b.gif) no-repeat center 200px #807e82; }
#page-products #title-bar { overflow:hidden; }
#page-products #title-holder ul li { display:inline; float:left; font-size:23px; margin:0px 80px 0px 0px; width:auto; }
#page-products #title-holder ul li a { color:#807e82; height:50px; display:block; margin:5px 0px 0px 0px; float:left; }
.ie7 #page-products #title-holder ul li a { color:#807e82; height:50px; line-height:25px; display:block; margin:5px 0px 0px 0px; float:left; }
#page-products #title-holder ul li a:hover, #page-products #title-holder ul li a.active {
	color:#fd7c4f; background:url(../ui/product-top-active-bg.png) no-repeat center 30px;
}
#large-image-holder {padding:15px 0px; overflow: hidden; height: 300px; }
#samples-list .product {color: #807E82}

#content-products { padding-top:25px; }
#content-products #leftlist { width:300px; float:left; }
#content-products #leftlist a, #content-products #rightlist a { color:#000; }
#content-products #rightlist { width:470px; float:left; border-left:1px solid #dddcdc; padding-left:30px; }
#content-products #rightlist li { float:left; display:inline-block; width:220px; margin:0px 0px 10px 0px; }
#content-products #rightlist li ul li { clear:both; display:block; margin:0px 0px 0px 0px; }
#content-products #rightlist .rightlist_subs { margin:0px 0px 10px 10px; }
#content-products #rightlist .rightlist_subs a { color:#666666; }
#content-products #leftlist a:hover, #content-products #rightlist a:hover, #content-products #rightlist .rightlist_subs a:hover { color:#fd7c4f; }
#content-products #product-intro { width:630px; color:#666666;}

#product-filter h4, #product-filter-view-all h4 { float:left; margin:0px 20px 0px 0px; }
#product-filter ul, #product-filter ul li, #product-filter-view-all ul, #product-filter-view-all ul li { float:left; display:inline; margin:0px 20px 0px 0px; }
#product-description h3 { font-size:18px; }
#product-description { color:#807e82; }
#product-description-text p { width: 670px; }
#product-description-text #left-description { width: 510px; float: left; margin-right: 60px; }
#product-description-text #left-description p { width: 510px; }
#product-description-text #extra-video { float: left; }

#product-sample { color:#807e82; }
#product-sample p { width: 670px; }

#product-range { margin-top:15px; }
#product-range h4 { font-size:18px; font-weight:normal; }

#product-thumbs { height:255px; width:600px; float:left; clear:both; position:relative; overflow:hidden; display:block; margin-right:35px; }
#product-thumbs ul { float:left; margin-top:6px; height:235px; width:20000px; }
#product-thumbs ul li { float:left; width:100px; height:115px; display:none; }
#product-thumbs ul li.visible-sample { display:inline-block; }
#product-thumbs ul li.even { margin-top: 120px; margin-left: -100px; }
#product-thumbs .product, #product-thumbs-view-all .product { width:100px; height:115px; position:relative; float:left; display:inline; margin-right:5px; overflow:hidden; }
#product-thumbs .product img, #product-thumbs-view-all .product img { margin:0px; position:absolute; z-index:1; }
#product-thumbs .product-mask, #product-thumbs-view-all .product-mask {
	position:absolute; z-index:2; background:url(../ui/product-sample-mask-new.png) no-repeat; width:100px; height:115px; text-indent:-999em; top:0; display:block;
}
#product-thumbs .product-mask:hover, #product-thumbs-view-all .product-mask:hover { background-position:bottom; }

.sample-hover { display:none; height:45px; position:absolute; z-index:20; margin-top:69px; }
.sample-hover div { display:inline-block; height:45px; float:left; }
.sample-hover-left { background:url(../ui/product-sample-rollover-left.png) no-repeat; width:12px; }
.sample-hover-right { background:url(../ui/product-sample-rollover-bg-r.png) no-repeat right; padding:0px 15px 0px 0px; text-align:center; }
.sample-hover a { color:#ff7d4f; text-decoration:underline; }

.product-preview { width:291px; height:238px; position:relative; float:left; display:inline; margin-right:15px; overflow:hidden; }
.product-preview img { margin:5px 0px 0px 7px; position:absolute; z-index:1; }
.product-preview-mask {
	position:absolute; z-index:2; background:url(../ui/product-sample-large-mask.png) no-repeat; width:291px; height:238px; text-indent:-999em; top:0; display:block;
}

#product-controls { clear:both; width:600px; padding:15px 0px; float:left; }
#product-controls .slida-btn { float:right; }

#product-sample-name { width:270px; float:right; display:inline; text-align:right; margin:0px 40px 0px 0px; padding:30px 10px 10px 0px; }
#product-sample-name h4 { margin:0px; padding:0px; }

#product-footer-menu { clear:both; float:left; width:915px; margin-top: 15px; }
#product-footer-menu a { color:#807e82; }
#product-footer-menu a:hover { color: #ff7d4f; }
#product-footer-menu a.slida-override { color:#000000; }
#product-footer-menu a.slida-override:hover { color: #000000; }
#product-footer-menu .left { float:left; display:inline; width:600px; }
#product-footer-menu .left ul { float:left; }
#product-footer-menu .left p { float:right; width:200px; padding-top: 0; }
#product-footer-menu .right { float:right; display:inline; width:280px; text-align:right; }
#product-footer-menu .right  p { margin-top:10px; }

#product-downloads th { background:#f7f7f7; height:27px; width:490px; padding:0px 0px 0px 15px; font-weight:normal; }
#product-downloads td { background:#f7f7f7; height:27px; width:70px; border-left:2px solid #fff; text-align:right; padding:4px 10px 0px 0px; color:#484848; }
#product-downloads .altrow th, #product-downloads .altrow td { background:#fff; }
#product-downloads th.table_heading  { background:#fff; height:27px; width:490px; padding:0px 0px 0px 15px; font-weight:normal; color:#000; }


#advanced-filter {
	background:url(../ui/product-advance-filter-bg.png) no-repeat; display:none;
	position:absolute; width:346px; height:284px; z-index:600; margin-left:257px;
    margin-top: -3px;
}
#advanced-filter .dialog-x-btn { margin:15px 0px 0px 310px; position:relative; }
#advanced-filter .colormap-list { width:260px; clear:both; margin:0px 0px 15px 35px; float:left; }
#advanced-filter .colormap-list li { float:left; margin:0px 1px 1px 0px; display: none; }

#advanced-filter .reset {
    border: 1px solid #CAC9CB;
    color: #807E82;
    height: 18px;
    line-height: 22px;
    text-align: center;
    width: 60px;
    display: block;
    cursor: pointer;
    float: left;
    margin-left: 15px;
    margin-top: 35px;
}


#advanced-filter .colormap-list div {
    width: 25px;
    height: 26px;
    text-indent: -999em;
    cursor: pointer;
}

#advanced-filter .colormap-list .white { background:#fff; border:1px solid #bfbfbf; width:23px; height:24px; }
#advanced-filter .colormap-list .black { background:#000000; }
#advanced-filter .colormap-list .blue { background:#28579f; }
#advanced-filter .colormap-list .green { background:#1d814d; }
#advanced-filter .colormap-list .red { background:#ff0000; }
#advanced-filter .colormap-list .orange { background:#ff6b08; }
#advanced-filter .colormap-list .pink { background:#fb57a4; }
#advanced-filter .colormap-list .yellow { background:#ffd200; }
#advanced-filter .colormap-list .purple { background:#976faa; }
#advanced-filter .colormap-list .gold { background:#f1c030; }
#advanced-filter .colormap-list .copper { background:#c95107; }
#advanced-filter .colormap-list .silver { background:#c0c0c0; }
#advanced-filter .colormap-list .beige { background:#c7b08b; }
#advanced-filter .colormap-list .brown { background:#7e463b; }
#advanced-filter .colormap-list .grey { background:#a09f98; }



#advanced-filter p { clear:both; width:240px; margin:0px 0px 10px 35px; float:left; }
#advanced-filter .structure-list { width:220px; clear:both; margin:0px 0px 0px 35px; float:left; }
#advanced-filter .structure-list li { float:left; display: none; width: 100px; height: 30px;}
#advanced-filter #colour-heading { margin-top: -5px; }

#product-sample-view-l { width:320px; float:left; display:inline; }
#product-sample-view-l h3 { margin:0px 0px 5px 15px; }
#product-sample-view-l .slidc-btn { margin:25px 0px 0px 147px; display:inline; }
#product-sample-view-r { width:600px; float:left; display:inline; padding-top:30px; }
#product-sample-view-r b { color:#000; font-weight:normal; }
/*#product-sample-view-r span { color:#000; text-decoration:underline; } */
#product-sample-view-r ul li a { color:#807e82; text-decoration:none; }
#product-sample-view-r ul li a:hover { color:#ff7d4f; }
#product-sample-view-r #back-btn { margin-top:20px; }
#product-sample-view-r a.slida-override { color:#000000; }
#product-sample-view-r a.slida-override:hover { color: #000000; }

#product-sample-view-l-back { float:right; margin: 20px 40px 0 0; }
#product-sample-view-l ul li  { margin-bottom : 10px; text-align:right; }
#product-sample-view-l ul li a { color:#807e82; }
#product-sample-view-l ul li a:hover { color:#ff7d4f; }

#product-sample-view-r li.title {
    color: #000;
}

#product-sample-view-r li {
    font-size: 14px;
}

#product-sample-view-r p {
    font-size: 14px;
}

#product-sample-view-r p a {
    color: #000;
    text-decoration: none;
}
#product-sample-view-r a:hover {
    color: #ff7d4f;
    text-decoration: none;
}

#product-tooltip {
	position:absolute; top:100px; left:100px; height:20px; background-color: #FF9999; display:none; padding:3px; z-index:8999;
	background:url(../ui/product-sample-tooltip-bg.png) repeat;
}

#product-thumbs-view-all { width:920px; float:left; clear:both; position:relative; overflow:hidden; display:block; margin-right:35px; }
#product-thumbs-view-all ul { float:left; margin-top:6px; width:920px; }
#product-thumbs-view-all ul li { float:left; width:100px; height:115px; display: none; }
#product-thumbs-view-all .visible-sample { display: block; }
.view-all-back-btn { margin:20px 0px 0px 0px; float:left; display:inline; color:#807e82; }
.view-all-back-btn:hover { color:#ff7d4f; }

#fusion-subnav { width:940px; display:block; float:left; margin:0px 0px 15px 0px; }
#fusion-subnav li { float:left; display:inline; }
#fusion-subnav li a { font-size:16px; color:#000; font-weight:normal; padding-right:20px; border-right:1px solid #bfbec0; margin-right:20px; }
#fusion-subnav li a.last { border:none; }
#fusion-subnav li a:hover, #fusion-subnav li a:active { color:#ff7d4f; }
a.fusion-brochure { color:#666666; }
a:hover.fusion-brochure { color:#ff7d4f; }

.customart-item { width:940px; display:block; float:left; margin:10px 0px 10px 0px; border-bottom:1px solid #ccc; padding-bottom:10px; }
.customart-item-left { width:320px; float:left; display:inline; }
.customart-item-right { width:600px; float:left; display:inline; }

#product-noswatch { width:810px;  }
#product-noswatch-image { width:280px; float:right; }
#product-noswatch-text { width:510px; margin-right: 20px; float:left; }
#product-noswatch-back { width:280px; float:right; text-align:right; margin-top:10px; }
#product-noswatch-back a { color:#807E82; }
#product-noswatch-back a:hover { color:#ff7d4f; text-decoration: none; }



/************************
 * Elements
 ************************/
p { margin:0px 0px 10px 0px; }
h1 b { font-weight:normal; }
h2 {  color:#5a5a5a;  font-weight:normal; margin:0px 0px 8px 0px; }
h2 b {  color:#000;  font-weight:bold; }
h3 { font-size:24px; font-weight:normal; color:#000; margin:0px 0px 10px 0px; }
h4 { font-size:13px; color:#000; margin:0px 0px 10px 0px; }
h5 { font-size:15px; font-weight:normal; color:#807e82; margin:0px 0px 10px 0px; }
strong, b { font-weight:bold; }
a { text-decoration: none; }
input[type="checkbox"] { vertical-align:middle; }







/************************
 * Classes
 ************************/
.clear { clear:both; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.full { width: 100%; }
.dynamic { clear: both; }
.hidden { display: none; }

form .field { overflow: hidden; margin-bottom: 15px; display: inline-block; }
.field label { width: 110px; height: 25px; line-height: 25px; float: left; display: block; color:#807e82; }
.field .required:before { content: "* "; color: #f42a15; }
.field input[type=text] { float:left; border:1px solid #d3d3d3; background-color:#fafafa; width:206px; padding:5px; line-height:15px; color:#807e82; }
.action input[type=image] { margin-top:20px; }
.field textarea { border: 1px solid #d3d3d3; background-color: #fafafa; padding: 5px; }
.field select { float: left; width: 218px; padding: 5px; line-height: 15px; height: 25px; border: 0; }
.field .select-wrapper { background-color: #fafafa; border:1px solid #d3d3d3; }
.field .select-inner { }
.field .select-text { padding-left: 5px; }
.field input.error,
.field textarea.error,
.field .select-wrapper.error { border: 1px solid #FD885E; }

.pagination-wrapper { background:url(../ui/common-pagination-bg.gif) repeat-x; height:25px; float:left; display:block; width:auto; }
.pagination-wrapper span { float:left; padding:3px 20px; }
.pagination-wrapper a { display:block; text-indent:-999em; float:left; width:30px; height:25px; }
.pagination_btn_l { background:url(../ui/common-pagination-btn-l.gif) no-repeat; }
.pagination_btn_r { background:url(../ui/common-pagination-btn-r.gif) no-repeat; }
.pagination-wrapper a:hover { background-position:bottom; }

.gallery-nav-btn { display:block; position:absolute; width:30px; height:178px; margin:200px 0px 0px 0px; z-index:100; text-indent:-999em; }

.dialog-x-btn { display:block; text-indent:-999em; background:url(../ui/common-close-x-btn.gif) no-repeat; width:18px; height:18px; position:absolute; }
.dialog-x-btn:hover { background-position:bottom; }

#page-locator .message {
    color: #333333 !important;
    margin: 0 !important;
}

#news-list .current a,
#news-list a:hover,
#tech-info-list .current a,
#tech-info-list a:hover {
    color: #FD885E;
}

/************************
 * Blood on the keyboard
 ************************/

/* Sticky footer Opera Fix */
body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; }

/* Fixed Pos IE6 Fix */
.ie6 #wrapper { padding:0px 0px 151px 0px; }
.ie6 #footer {
	position: absolute; height:26px;
	bottom: expression(0+((e=document.documentElement.scrollBottom)?e:document.body.scrollBottom)+'px');
 	left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
}
.ie6 #footer.popup { margin-top:-101px; }
.ie6 #footer div { margin:0px; padding:0px; height:0px; }

/* Hotspot IE6 clipping fix */
.ie6 html #hot-spots .dialog  { zoom: 1; position: relative; }

/* IE6 AND 7 Galler title fix */
#feature-top-tall #title-bar {  *margin:-70px 0px 0px 0px; *position:relative; }

/* IE6 Product Mask overlay */
.ie6 .product-mask { background:url(../ui/search-product-mask.gif); }
.ie6 .product-preview-mask { background:url(../ui/product-sample-large-mask.gif); }
.ie6 #product-thumbs .product-mask, .ie6 #product-thumbs-view-all .product-mask { background:url(../ui/product-sample-mask.gif) no-repeat; }

/* IE6 and 7 sample hover fix */
.ie6 .sample-hover, .ie7 .sample-hover { margin-left:-103px; }

/* IE6 and 7 advanced filter fix */
.ie6 #advanced-filter, .ie7 #advanced-filter { margin-left:100px; }





/* MERGING V-STYLE */

/* NEWS */

#page-news #video li a {
    font-size: 14px;
    color: #000;
}

#page-news #video li a:hover {
    font-size: 14px;
    color: #FD885E;
}

#page-news #feature-top {
    background:url(../ui/news-bg.jpg) #807e82 no-repeat;
    background-position:center 104px;
}

#page-news #content-news-right li.last {
    border-bottom: 0;
}

#content-news-left {
	color: #666;
	float: left;
	font-size: 14px;
	margin: 0px 25px 0px 0px;
	width: 220px;
}
#content-news-left a {
	border-bottom: 1px solid #e3e3e3;
	color: #666;
	display: block;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	width: 210px;
}
#content-news-right {
	float: left;
	width: 645px;
    position: relative;
    min-height: 450px;
}

#page-news #content {
    padding-top: 25px;
}

#content-news-right .dynamic {
    position: absolute;
    top: 0;
    left: 0;
}

#page-news #content-news-right li {
    float: left;
    display: block;
    width: 645px;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
}

#page-news li .left {
    width: 137px;
    height: 78px;
    border: 1px solid #c3c2c4;
    position: relative;
}

#page-news .video .overlay {
    cursor: pointer;
    background-image: url(../ui/playback-overlay.png);
    width: 137px;
    height: 78px;
    position: absolute;
    top: 0;
}

.ie7 #page-news .video .overlay {
    margin-left: -100%;
}

#page-news .text-content {
    float: left;
}

#page-news .video-content {
    display: none;
    float: left;
    height: 1px;
}

#page-news li .right {
    width: 485px;
    padding-left: 19px;
}

#page-news .title-bar {
    width: 593px;
    height: 32px;
    background-color: #d9d9d9;
    color: #000;
    font-size: 15px;
    line-height: 32px;
    padding-left: 15px;
    padding-right: 15px;
}

#page-news .title-bar .title {
    float: left;
}

#page-news .title-bar .close {
    float: right;
    cursor: pointer;
}

#page-news .dynamic {
    background-color: #fff;
}

#page-news #content-news-right li h4 {
    font-size: 15px;
    margin-top: -3px;
    margin-bottom: 5px;
	font-weight: normal;
}

#page-news #content-news-right li p {
    color: #807e82;
    font-size: 14px;
    margin-bottom: 5px;
}

#page-news #content-news-right a {
    color: #484848;
    font-size: 12px;
}

#page-news #content-news-right a span {
    color: #fd885e;
}

/* GREENFIRST */
#page-greenfirst #feature-top { background:url(../ui/greenfirst-bg.jpg) #807e82 no-repeat; background-position:center 5px; }
#page-greenfirst #content li {
    padding: 8px 0;
}

#page-laminex-nz #content,
#page-greenfirst #content,
#page-legal #content,
#page-privacy-policy #content,
#page-terms-and-conditions #content  {
    padding-top: 30px;
}

#page-greenfirst #content a {
    color: #807e82;
}

#page-greenfirst #content .text {
    width: 660px;
    float: left;
}

#page-greenfirst #content .text ul {
    margin-bottom: 15px;
}

#page-greenfirst #content .text li {
    line-height: 18px;
    list-style: disc outside none;
    margin-left: 15px;
    padding-bottom: 6px;
    padding-left: 12px;
}

#page-greenfirst #content .image {
    float: right;
}

/* FACT SHEETS */
#page-fact-sheets #feature-top { background:url(../ui/fact-sheets-feature-top.jpg) #807e82 no-repeat; background-position:center 104px; }
#page-fact-sheets a { color: #807e82; }

/* COLOUR PALETTE */
#page-colour-palette #feature-top { background:url(../ui/colour-palette-feature-top.jpg) #807e82 no-repeat; background-position:center 5px; }
#content-colour-palette {
    padding-top: 25px;
}

/* DRAG AND DROP */
#samples-bar {
	background: url(../ui/footer-samples-bg.gif) repeat-x;
	clear: both;
	height: 151px;
	width: 100%;
    overflow: hidden;
}

#samples-bar #samples-bar-holder {
	color: #6b6b6c;
	height: 103px;
	margin: 0px auto;
	width: 960px;
}

#samples-boxes {
	border-right: 2px solid #babbbd;
	display: block;
	float: left;
	height: 102px;
	width: 480px;
}

#samples-boxes li {
	display: block;
	float: left;
	height: 83px;
	margin: 10px 22px 0px 0px;
	width: 73px;
	overflow: hidden;
	position: relative;
}

#samples-boxes .empty {
	background: url(../ui/footer-samples-empty.gif) no-repeat;
}

#samples-boxes .highlighted {
	background: url(../ui/footer-samples-highlight.gif) no-repeat;
}

#samples-boxes .filled .mask {
	background: url(../ui/footer-samples-filled.gif) no-repeat;
	height: 83px;
	position: absolute;
	width: 73px;
	z-index: 100;
}

#samples-boxes .filled img {
	position: absolute;
}

#samples-boxes .filled .close {
	background-image: url(../ui/footer-samples-icon-del.gif);
	cursor: pointer;
	filter: alpha(opacity=50);
	height: 12px;
	opacity: 0.5;
	position: absolute;
	right: 15px;
	top: 15px;
	width: 13px;
	z-index: 100;
}

#samples-boxes .filled .close:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}








#samples-brochures {
	float: left;
	font-size: 12px;
	height: 151px;
	width: 310px;
}
#samples-brochures ul {
	margin: 8px 0px 0px 15px;
}

#samples-brochures li {
	background: url(../ui/footer-samples-icon-arr.gif) no-repeat left;
	clear: both;
	color: #6b6b6c;
    display: block;
    width: 255px;
    height: 18px;
    overflow: hidden;
    font-size: 11px;
}

#samples-brochures .highlighted {
    border-bottom: 1px solid #FD885E;
}

#samples-brochures .highlighted span {
}

#samples-brochures .highlighted span a {
    color: #eee;
}

#samples-brochures li span {
	display: block;
	float: left;
	height: 15px;
	margin-left: 15px;
	padding: 0px 0px 5px 0px;
	width: 240px;
    position: relative;
}

#samples-brochures li span a {
	color: #6b6b6c;
	display: block;
	float: left;
}

#samples-brochures li span a.sample-brochures-btn-remove {
	background: url(../ui/footer-samples-icon-del.gif) no-repeat;
	display: block;
	height: 12px;
    position: absolute;
    right: 2px;
	margin: 3px 0px 0px 0px;
	text-indent: -999em;
	width: 13px;
}

#samples-confirm {
	font-size: 11px;
	height: 141px;
	line-height: 18px;
	padding: 10px 0px 0px 0px;
}

#samples-confirm #samples-order-now-btn {
	background: url(../ui/footer-samples-btn-order.gif) no-repeat;
	color: #FFF;
	display: block;
	float: left;
	height: 23px;
	padding: 4px 0px 0px 18px;
	width: 80px;
}

.tip{
    position: absolute;
    z-index: 100000;
	background-color: #FF9999;
	background:url(../ui/product-sample-tooltip-bg.png) repeat;
    padding: 2px 8px;
    display: none;
    white-space: nowrap;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#content .message {
    margin-top: 10px;
    margin-bottom: 25px;
    color: #FD885E;
}

.colordisable {
    display: none;
}

/* product page -> custom art  */
#page-products .customart-item img {
    width: 140px;
    height: 140px;
    padding-right: 15px;
}

/* footer pages */
#page-sitemap #feature-top { background:url(../ui/techinfo-bg.jpg) #807e82 no-repeat; background-position:center 104px; }

#page-laminex-nz #content,
#page-legal #content,
#page-privacy-policy #content,
#page-terms-and-conditions #content {
    color: #807E82;
}

#page-laminex-nz #content-laminex-nz,
#page-legal #content-legal,
#page-privacy-policy #content-privacy,
#page-terms-and-conditions #content-terms {
    width: 720px;
    margin-bottom: 150px;
}

#page-sitemap #content-sitemap {
    padding-top: 25px;
    overflow: hidden;
    margin-bottom: 100px;
}

.video-js-box-holder {
    position: relative;
    z-index: 1;
}

#page-laminex-nz ul {
    padding-left: 20px;
    padding-bottom: 20px;
}



#page-laminex-nz a {
    color: #000;
}

#page-sitemap a {
    color: #807e82;
}

#page-sitemap a:hover {
    color: #FD885E;
}

#page-sitemap .section {
    width: 240px;
}

#page-sitemap .section ul {
    padding-bottom: 15px;
}

#page-sitemap .section li li {
    padding-left: 20px;
}

#page-sitemap .product-list {
    padding-left: 50px;
    border-left: 1px solid #DDDCDC;
    width: 320px;
}

#page-sitemap .links {
    padding-left: 50px;
    border-left: 1px solid #DDDCDC;
}

#page-sitemap h3 {
    padding-bottom: 10px;
}

.select-text { color: #807E82 }


/* PRODUCT FOOTER DIV */
#product-pdfs-div {
    padding-top: 5px;
    clear: both;
    overflow: hidden;
}
#product-pdfs-div-sample {
    padding-top: 15px;
    clear: both;
    overflow: hidden;
    display: none;
}

#product-pdfs-div a {
    color: #807e82;
}
#product-pdfs-div-sample a {
    color: #807e82;
}

#product-pdfs-div a:hover {
    color: #FD885E;
}
#product-pdfs-div-sample a:hover {
    color: #FD885E;
}

#product-pdfs-div li.title {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 6px;
}

#product-pdfs-div ul.right {
    margin-right: 86px;
}

.product-large a {
    overflow: hidden;
    display: block;
}

.product-large img {
    position: absolute;
    width: 907px;
    height: 301px;
    display: block;
}

#page-news video {
    width: 564px;
    height: 378px;
    display: block;
}

#aqua-panel-video {
    width: 960px;
    display: none;
}

#aqua-panel-video .video-js-box-holder {
    width: 583px;
    height: 329px;
    margin: 0 auto;
    background-color: #C2C0C0;
    padding: 8px;
}

#aqua-panel-video #back-btn {
    float: right;
    margin-top: 35px;
    margin-right: 50px;
}

#aqua-panel-video #back-btn a {
    color: #807E82;
}

#aqua-panel-video #back-btn a:hover {
    color: #FD885E;
}

#page-products h3 {
    font-size: 18px;
}

#aqua-panel-video p {
    padding-bottom: 15px;
}

#product-description-text {
    color: #807E82;
}

.ie7 #product-footer-menu {
    position: relative;
}

.ie7 #product-footer-menu .right {
    position: absolute;
    right: 3px;
    top: 0;
}