/*---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------*/
/* reset */

html, body {
	margin: 0;
	padding: 0;
	width:100%;
}
body { 
	line-height: 1.3; 
}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }



/*---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------*/
/* global */

body { background: #fff;}

body, input, select {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666;}

#wrapper {
	margin: 0 auto;
}

/* Neither OL nor LI should be square by default. [JS] (Line 37)
ul, li, ol { margin: 0; padding: 0; list-style: square outside;}
*/
a { outline: none; text-decoration: none; color: #337ed1; cursor:pointer;font-weight:bold;}
a:hover {text-decoration: underline;}
a:visited, a:active {text-decoration: none;color:#b65e1a;}
a.arrow {background: url(../images/link_arrow.gif) left 4px no-repeat; padding-left:12px;}

h1,h2,h3,h4,h5,h6 {font-weight: bold;}
h1 {font-size:32px;}
h2 {}
h3,
h3 a {color: #666666; font-size: 12px; text-decoration: none;}
h3 a:hover {text-decoration: underline}

a span {cursor: pointer}
p {text-align: justify;}
[disabled] {background-color:#d4d0c8;}

.loader.loading {
  background: url(../images/loadingAnimation.gif) no-repeat center center;
}


/*---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------*/
/* header */

#row_header .ls-area,
#row_header .ls-area-body {
  overflow:visible;
}

#header{
  position: relative; 
  z-index: 1;
  height: 131px;
  margin:20px 0 0 0;
  }

	#logo{margin-top: 15px;position:absolute;}
		#logo img{ display: block; margin-top: 11px;}

	#header .rightItems{float: right; color: #337ed1; margin-top: 10px;}
		#header .rightItems .links{float: right;}
		#header .rightItems a{color: #337ed1;font-weight:normal;}
		#header .rightItems a.btn_type1{color: #fff; float: right}
			
		#headSearch {
			background-color:#FFFFFF;
			height:18px;
			margin:0;
			padding:0;
			position:relative;
			width:192px;
			border: 1px solid #337ed1;
			float:right;
			display:none;
		}
		#headSearchTxt {
			background-color:#FFFFFF;
			border:medium none;
			color:#666666;
			font-size:12px;
			height:16px;
			left:4px;
			line-height:12px;
			margin:0;
			padding:0;
			position:absolute;
			top:2px;
			width:170px;
		}
		#headSearchBtn {
			position:absolute;
			right:0;
			top:0;
		}
		
		/* language navigation styles */
		ul.jumpMenu { width: 100%; xmargin: 18px 0 0 0; padding: 0; list-style-type: none; background-color: #e5e7e1;display:none; }
		ul.jumpMenu li { display: block; width: 100%; font-size: 12px; position: absolute; margin: 0; padding: 0; cursor: pointer; list-style-type: none; background-color: #e5e7e1; }
		ul.jumpMenu ul { display: none; position: absolute; z-index: 99; width: 100%; margin: 0; padding: 0; }
		ul.jumpMenu li li { width: 100%; display: block; position: absolute; top: 21px; left: 0px; margin: 0; padding: 0; z-index: 99; }
		ul.jumpMenu li a { display: block; padding: 5px 0 5px 8px; margin: 0; background: #e5e7e1 url(../images/menu_top_arrow.png) 176px 9px no-repeat; text-decoration:none;}
		ul.jumpMenu li li a { text-decoration: none; background: #e5e7e1; border-top: 1px solid #fff; background-image: none; }
		ul.jumpMenu li:hover ul, ul.jumpMenu li.sfHover ul { left: 0; top: -22px; z-index: 5000; }
		ul.jumpMenu li:hover li ul, ul.jumpMenu li.sfHover li ul { top: -999em; }
		ul.jumpMenu li li:hover ul, ul.jumpMenu li li.sfHover ul { left: 0px; top: -1px; }
		/*.superfish li:hover ul, .superfish li li:hover ul { top: -999em; }*/
		ul.jumpMenu ul a, ul.jumpMenu ul li:hover, ul.jumpMenu ul li.sfHover, ul.jumpMenu ul a:focus, ul.jumpMenu ul a:hover, ul.jumpMenu ul a:active, ul.jumpMenu li li { position: relative; }
		ul.jumpMenu li:hover, ul.jumpMenu li.sfHover, ul.jumpMenu a:focus, ul.jumpMenu a:hover, ul.jumpMenu a:active { z-index: 1; }
		ul.jumpMenu li li.titleDupe a { background: #e5e7e1 url(../images/menu_top_arrow.png) 176px 9px no-repeat; color: #113a92; }
		
		/* specific width settings for jump menus inside #locationsMenus module */
		#header ul.jumpMenu { position:relative; float:right; height: 19px; margin-top: 0; margin-right:10px;width: 192px; z-index: 5000; }
		#header ul.jumpMenu li { width: 192px; line-height: 13px; z-index: 99; }
		#header ul.jumpMenu li a { padding: 2px 0 1px 6px; background: #e5e7e1 url(../images/menu_top_arrow.png) 178px 6px no-repeat; }
		#header ul.jumpMenu li a:hover { background: #e5e7e1 url(../images/menu_top_arrow.png) 178px 6px no-repeat; }
		#header ul.jumpMenu li ul { display: none; margin: 0; padding: 6px 0 0 0; position: absolute; top: 16px; left: 0; z-index: 99; background-color: #e5e7e1; }
		#header ul.jumpMenu li li { margin: 0; padding: 0; z-index: 2; top: 0; }
		#header ul.jumpMenu li li a { display: block; width: 186px; padding: 5px 0 5px 6px; background-image: none; }
		#header ul.jumpMenu li li a:hover { background-image: none; }
		
		/* noscript */
		#header dl.jumpMenu { position: absolute; top: 0; right: 200px; height: 18px; margin-top: 0; width: 192px; z-index: 5001; }
		#header dl.jumpMenu dt,
		#header dl.jumpMenu dd {float: left; margin:0; padding:0 0 0 5px;}
		#header dl.jumpMenu dd ul {margin:0; padding:0;}
		#header dl.jumpMenu dd ul li {float: left; padding-right:10px; list-style-type: none}
	
/*---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------*/
/* breadcrumb */

#breadcrumb{ color: #6a6969; _margin-top: 7px; border-bottom: 1px solid #dcdcdc; padding:0 0 0 5px; width:799px;height: 28px; line-height: 28px;}
	#breadcrumb img{margin: 0 2px; position: relative; top: 1px;}
	#breadcrumb a{text-decoration: none; color: #6a6969}
	#breadcrumb a:hover{text-decoration: underline}

/*---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------*/
/* row_image */

#row_image {
	width:804px;
	height:192px;
	margin:10px 0 0 0;
}
#row_image #image_left {
}
#row_image #image_right {
}

#row_image .content,
#row_image .main {
  border: none;
  padding: 0px;
}


/*---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------*/
/* row_content */

#row_content {
	background-color:#fff000;
	background:url(../images/bg_row_main_content.gif) repeat-y left;
	margin:12px 0 0 0;
}
	#left {
	}
	
		#leftMenu {line-height:20px;color:#337ed1;padding:0 0 0 0;margin:15px 0 0 17px;font-size:13px;font-weight:bold;}
		#leftMenu span{font-weight:bold; color:#337ed1;}
		
				#leftMenu li {padding-left:22px; list-style-type:none;}
					#leftMenu li a { color:#337ed1; text-decoration:none;}
					#leftMenu li a:hover{ text-decoration:underline;}
		
					#leftMenu ul ul a,
					#leftMenu ul ul ul a{font-weight: bold;}
						#leftMenu ul ul a span,
						#leftMenu ul ul ul a span{color: #337ed1;}
		
			#leftMenu .current li a,
			#leftMenu .closed li a,
			#leftMenu .opened li a,
				#leftMenu li .current li a,
				#leftMenu li .closed li a,
				#leftMenu li .opened li a,
					#leftMenu li li .current li a,
					#leftMenu li li .closed li a,
					#leftMenu li li .opened li a {background-image: none;}
		
			#leftMenu .closed ul {display: none}
			
			#leftMenu .closed,
			#leftMenu li .closed,
			#leftMenu li li .closed {background: url(../images/menu_expand.gif) left 3px no-repeat;}
		
			#leftMenu .current,
			#leftMenu li .current,
			#leftMenu li li .current,
			#leftMenu li li li .current {background: url(../images/menu_arrow_expand.gif) 5px 4px no-repeat;}
		
			#leftMenu .opened,
			#leftMenu li .opened,
			#leftMenu li li .opened {background: url(../images/menu_collapse.gif) left 3px no-repeat;}
			
	
	#center {
	}
	#right {
	}

	#row_content div.main.internal {
		padding: 0 0 0 3px;
	}

/*---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------*/
/* footer */

#footer{border-top: 1px solid #dcdcdc; width:804px;}
#footer{color: #585858;}
	#footer a{text-decoration:none;font-weight:normal;}
	#footer a:hover{text-decoration:underline;}
	#footer .left{float: left;padding: 10px 0;}
	#footer .right{float: right;padding: 10px 0;}

/*---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------*/
/* divers */

/* home */
#row_promo_home {
	margin: 12px 0 0 0;
}
#row_content_home {
	margin: 12px 0 0 0;
}
#row_content_home #left{
}
#row_content_home #right{
}
#row_content_home #right .box{
	margin-bottom:10px;
}
div.main.internal.homepage {
	border: #eb6b24 solid 1px;
	padding:12px;
	width:500px;
}
div.main.internal.homepage h2 {
	font-size:20px;
	color:#eb6b24;
	width:235px;
	float:left;
}
div.main.internal.homepage div.content {
	width:255px;
	float:left;
	margin:0 0 0 10px;
}

/* gallery (products) */
.galleryContainer{
	margin:10px 0 0 0;
}
.boxContainer {
	width:162px;
	height:213px;
	float:left;
	margin:0 25px 20px 0; 
	xbackground: url(../images/img_box.gif) no-repeat;
	text-align: center;
	border: #666 1px solid;
}
.noRightMargin{
	margin-right: 0;
}
.boxContainer p, .boxContainer h3 {
	text-align: left;
	padding: 0;
	margin: 0 0 0 9px;
}
.boxContainer a{ text-decoration: none;}
.boxContainer a:hover{text-decoration: underline;}

.boxContainer h3,
.boxContainer h3 a {
	color: #337ed1;
	font-weight: bold;
	font-size:12px;
	margin-top: 10px;
}

.boxContainer p.option,
.boxContainer p.option a {
	font-weight: bold;
	color: #666;
}

.boxContainer img{
	clear: both;
	margin: 25px 0 25px 0 ;
	border:none;
	border-bottom:#666 1px solid;
}

/*---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------*/
/* misc class */

.imageList{margin-top: 28px; margin-left: -4px;}
	.imageList li{float: left; margin: 4px;}

.ui-tabs-hide { display: none; }

.clr{line-height: 0; height: 0; font-size:0; clear: both;}

/*---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------*/
/* the others */
	.box{}
		.box h2{color: #666666; margin: 0; padding: 7px 0 7px 12px; font-size: 12px; font-weight: bold;border-top:#666 solid 1px;border-left:#666 solid 1px;border-right:#666 solid 1px;}
		.box .content{border:#666 solid 1px;}
			.box .content .main{ padding: 9px 4px 9px 2px;}
				.box .content .main .visual,
				.box .content .main .text{ float: left;}
				.box .content .main .visual{margin-right: 4px;}
				.box .content .main .visual-right{float: right; margin-left: 4px;}
				.box.home .content .main .text{width: 150px;}
				.box.home .content .main .fullwidth {margin-left: 5px;}
				.box.home h3, .box.home h3 a {line-height:normal;}
					.box .content .main .text h3,
					.box .content .main .text h3 a{color: #337ed1; margin: 0; font-size: 11px;}
						.box .content .main .text h3 a:hover{text-decoration: none}
					.box .content .main .text p{margin: 5px 0 5px 0;}
          .tabBox.ui-tabs-panel.productlinks a hover { text-decoration: none; color:#DE441A}

		.box .content.topItem{position: relative; min-height: 10px; _height: 10px;}
			.box .content.topItem .main{ }
			.box .content.topItem .main .moreInfos{display: block; margin-top: 8px;}
				.box .content .main .moreInfos a{color: #da3122; margin: 0; font-size: 11px;}
					.box .content .main .moreInfos a:hover{text-decoration: none}
			.box.internal .content.topItem .main{_position: relative; border-bottom:1px solid #C1C1C1; border-top:1px solid #BEBDBD;}
			.box.internal .content.topItem.noBorderTop .main{border-top: 0}
		.box .content.list{}
			.box .content.list .main{background: none; padding: 0;}
				.box .content.list .main ul{padding-left: 1px;list-style:none outside;}
					.box .content.list .main li{list-style:none outside;padding: 5px 0 5px 0; clear:both;_height:10px; min-height: 25px; _height:25px}
						.box .content.list .main li .date,
						.box .content.list .main li .infos{padding-left: 12px;}
						.box .content.list .main li .date{padding-left: 12px; margin-right: 14px}
						.box .content.list .main li .date,
							.box .content.list .main li .date a{ color: #666; text-decoration: none}
						.box .content.list .main li .infos{width: 232px;}
							.box .content.list .main li .infos a{color: #337ed1; text-decoration: none}

				.box .content.list .main .moreInfos{display: block; padding-left: 12px; margin: 5px 0;}

		.box .content.promo .main{}
			.box .content.promo .main{padding: 6px 7px; _padding:6px 0;border:1px solid #bababa; border-top:none;}


	#relatives{color: #ea9991; padding: 12px 0; border-top: 1px solid #dcdcdc;}
		#relatives a{color: #969696}

	



body.browserIE.productimg .nav {border:10px solid red;}

.btn{background: url(../images/btn_type1_right.gif) right top no-repeat; display: block; float: left; color: #fff; text-decoration:none;}
.btn:hover{text-decoration: underline;}
	.btn span{background: url(../images/btn_type1_left.gif) left top no-repeat; display: block;}

.btn_type1{background-image: url(../images/btn_type1_right.gif); font-size: 9px}
	.btn_type1 span{background-image: url(../images/btn_type1_left.gif); padding: 3px 9px; text-transform: uppercase;}

.textbox{background: url(../images/textbox_right.gif) right top no-repeat; display: block;}
	.textbox input{ border: 0; background: url(../images/textbox_left.gif) left top no-repeat; display: block; padding: 3px; _position: relative; _top: -1px}


/* Quentin */
.text ul {margin:10px 0 0 20px;}
.text ul li {line-height:20px;}
.internal h2 {background: url(../images/box_title_200.jpg) left top no-repeat;}
.main h2 {background:none; margin:0; padding:0; color:#656565; font-size:21px; margin:5px 0 6px 0; font-family: Arial, Helvetica, sans-serif;}
.main h2 span {font-size:18px; color:#313131;}
.box.internal .content.topItem .main {_float:left;}
.box.internal .content.topItem .main {background:#e4e4e4; border-bottom:1px solid #c1c1c1; border-top:1px solid #bebdbd;}
.internal .topItem .text {line-height:15px; padding:0 15px; _padding:0 0 0 15px; background:#E4E4E4;}
.internal .promo img {display:block; margin:0 auto;}

.product {}
	.product .productname {font-weight:bold; margin-bottom:3px;}
		.product .productname span {color:#d93222;}
	.product ul {margin:3px 0 5px 0; _width:171px; _float:left}
	.product li {background: url(../images/features.gif) left 5px no-repeat; padding-left:12px;}
	.product a {background: #E4E4E4 url(../images/link_arrow.gif) left 4px no-repeat; padding-left:12px;}
	.product img {display:block; clear:both; margin-top:20px;}

/*================================================== (Line 423)

  sundog-screen.css
  * New styles and modifications to LBi's.

  Authors:
  * [JS] John Schulz, Web Developer - Sundog

  v 1.0 - 2010/03/15: Initial release. [JS]

===================================================*/

/* Basic Formatting Fixes
============================== */
h1, h2 {
	font-size: 26px;
}
h3 {
	font-size: 16px;
}
p {
	text-align: left;
}
.loader.loading {
    background: none;
}
dt {
	font-weight: bold;
	margin-bottom: 0.25em;
}
dd {
	margin-bottom: 1.0em;
}
ul, ol, li {
	margin: 0;
	padding: 0;
}
/* Commented out the following above:
/* Neither OL nor LI should be square by default. [JS] (Line 37)
ul, li, ol
*/
ul, ul li {
	list-style: square outside none;
}
	.main .content .text ol {
		margin: 10px 0 0 20px;
		list-style-type: decimal;
	}
	.main .content .text ol.a {
		list-style-type: lower-alpha;
	}
	.main .content .text ol.i {
		list-style-type: lower-roman;
	}
#row_promo_home {
	height: 373px;
}
#row_content {
	padding-bottom: 2.0em;
}
/* Homepage Right Column Width
============================== */
#row_content_home .ls-fxr {
/*
width:804px;
Right image = 124px
Move from R to L = 142px
*/
}
	#row_content_home #left {
	/*width:526px;*/
	width: 668px;
	}
		#row_content_home #left .ls-area-body {
		/*width:526px;*/
		width: 666px;
		}
		#row_content_home div.main.internal.homepage {
		/*width:500px;*/
		/*padding:12px;*/
		width: 640px; /*-2px for R border*/
		}
		#row_content_home div.main.internal.homepage div.content {
		/*width:255px;*/
		/*margin:0 0 0 10px;*/
		width: 395px; /*-2px for R border*/
		}
	#row_content_home #right {
	/*&width:278px;*/
	width: 136px; /*+2px for R border*/
	}
		#row_content_home #right .ls-area-body {
		/*width:266px;*/
		width: 124px;
		}

/* Request a Brochure Landing Page
============================== */
#brochure {
}
	#brochure a {
		display: block;
		float: left;
		margin: 0 10px;
		width: 200px;
		height: 222px;
		text-indent: -9999px;
	}
	#brochure #pdf {
		background: url("../images/badge-brochure-pdf.jpg");
	}
	#brochure #mail {
		background: url("../images/badge-brochure-mail.jpg");
	}
	#brochure #pdf:hover {
		background: url("../images/badge-brochure-pdf.jpg") 0 100%;
	}
	#brochure #mail:hover {
		background: url("../images/badge-brochure-mail.jpg") 0 100%;
	}

/* SalesForce Forms
============================== */
form {
	margin-top: 25px;
}
    form span.err, 
    form fieldset.err span, 
    form p.err label {
        color: #8A1F11;
		font-weight: bold;
    }
        form fieldset.err, 
        form fieldset.err legend {
            border: 2px solid #FBC2C4;
            background: #FBE3E4;
        }
	    form p.err input,
		form p.err select, 
		form p.err textarea {
            border: 1px solid #8A1F11;
        }
	form input, form select, form textarea {
		padding: 2px;
	}
	form fieldset {
		margin-bottom: 1.0em;
		border: 2px solid transparent;
		padding: 0 0 0 10px;
	}
		form fieldset.options {
			float: left;
			margin-right: 10px;
		}
	form span.req {
		display: block;
		margin: -5px 0 10px;
		font-weight: bold;
	}
		form span.req:before {
			content: "* ";
		}
		form fieldset.req label, 
		form p.req label {
			font-weight: bold;
		}
		form fieldset.req label:after, 
		form p.req label:after {
			content: " *";
		}
		form p.opt label {
			font-weight: normal;
		}
		form p.opt label:after {
			content: none;
		}
	form legend {
		margin: 0 0 0.5em -12px;;
		border: 2px solid transparent;
		padding: 0 5px;
		color: #666;
		font-weight: bold;
		font-size: 16px;
	}
	form fieldset p {
		margin-top: 0;
	}
		form fieldset.info p {
			float: left;
			margin: 0 10px 10px 0;
		}
	form label {
		margin-right: 5px;
	}
		form fieldset.info label,
		form .label {
			display: block;
			margin: 0 0 5px 0;
		}
	form fieldset.submit {
		clear: both;
	}
		form fieldset.submit input {
			cursor: pointer;
			width: 120px;
			border: none;
			background: #ebebeb;
			padding: 5px 10px;
			font: bold 12px Arial, Helvetica, sans-serif;
			color: #337ed1;
			text-align: left;
		}
		form fieldset.submit span {
			margin-left: -30px;
			font: bold 18px Arial, Helvetica, sans-serif;
			vertical-align: -5%;
			color: #337ed1;
		}

/* Product Family Pages
============================== */
#comparison {
	height: 100px;
	margin-top: 1.0em;
	padding: 1px 0 0 110px;
	background: url("../images/icon-compare.jpg") no-repeat;
}