/*-------------- Reseting ---------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
img,  s, small, strike, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ font-size: 100.01%; height: 100%;  }
body 			{ font-size: 62.5%; height: 100%; color: #f3f2f2; background: url(../img/body.gif) repeat}	

/*-------------- Common ---------------- */

h1, h2, h3, h4, h5, h6
 				{ font-weight: normal; color: #fff }
				
h1 				{ font-size: 2.4em; line-height: 1.125em; margin-bottom: 1.5em} 
h2 				{ font-size: 2.0em; line-height: 1em; margin-bottom: 0.5em }
h3				{ font-size: 1.6em; line-height: 1.2857em; margin-bottom: .5em; color: #f3f2f2 }
h4, h5, h6		{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 0.5em }

p, pre, code, label, th, td, dd, dt, select, li
				{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.0em; color: #f3f2f2 }	
				
ul, ol			{ margin-bottom: 1.8em }
ul 				{ list-style: square }
ol 				{ list-style: decimal }
li	 			{ margin-left: 3.6em; color: #999; }
li p 			{ color: #000 }

legend			{ display: none }
 
small 			{ font-size: 0.85em }
 
sup 			{ position:relative; bottom:0.3em; vertical-align: baseline }
sub 			{ position:relative; bottom:-0.2em; vertical-align: baseline }
 
acronym, abbr 	{ cursor: help; letter-spacing: 1px; border-bottom: #999 1px dashed }
label 			{ cursor: pointer }

/*---------------- Fonts -----------------*/

h1, h2, h3, h4, h5, h6
 				{ font-family: Verdana, Arial, Helvetica, sans-serif }
p, a, pre, label, th, td, li
				{ font-family: Arial, Helvetica, sans-serif } 			
				
/*---------------- Links -----------------*/

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: none; color: #c0daf5}
a:hover			{ text-decoration: underline }
a img			{ border: 0 }

/*----------- Global Classes -------------*/

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight		{ background: #ffc }

.noPadding		{ padding: 0 }
.noMargin		{ margin: 0 !important }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
.noBorder		{ border: none !important }
.noBackground	{ background: none !important }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }



/*-------------- Wrapper ------------------*/
#wrap 				{ width: 940px; overflow: visible; margin: 0 auto;min-height: 100%; background:url(../img/wrap.gif) repeat-y; position:relative }

/*-------------- Layout -------------------*/

#header				{ width: 900px;  margin: 0 auto; overflow:hidden; background:url(../img/head-border.gif) bottom repeat-x; padding-bottom: 18px }
.logo				{ float:left; margin:22px 0 0 18px}


#menuHead			{ overflow:hidden; float:right; margin:22px 0 0 0; background:url(../img/menu-new.png) no-repeat; width: 732px; height: 65px}
#menuHead li		{ float: left; list-style: none; margin:0; padding:22px 0; text-align:center}
#menuHead li a		{ float: left; display: block; overflow:hidden; font: normal 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #fff}
#menuHead li a:hover 
					{ text-decoration:none; font-weight: bold}
.active				{ text-decoration:none !important; font-weight: bold !important}
.featured,			
.featured a			{ width: 80px}
.product,			
.product a			{ width: 122px}
.custom,			
.custom a			{ width: 151px}
.wholesale,			
.wholesale a		{ width: 175px}
.company,			
.company a			{ width: 90px}
.online,				
.online	a			{ width: 103px}

.headImg			{ margin: 10px 0 40px 0}
/*-----------------------------------------*/
#content			{ overflow: hidden; width: 900px; margin:0 auto; padding-bottom: 45px }

/*-----------------------------------------*/
#leftLink			{ float:left; width: 200px; margin:0 0 25px 0; padding-left: 24px}
#leftLink li		{ float:left; width: 183px; list-style: none; margin: 5px 0; padding-left: 17px; background:url(../img/submit3.gif) left 5px no-repeat}
#leftLink li a		{ float:left; display:block; color: #bebebe; font: normal 1.2em/1.3em  Arial, Helvetica, sans-serif}

.fixIE				{ clear:both; width: 100%}
/*-----------------------------------------*/
.right3				{ float: right; width: 301px; background: url(../img/right-colums.gif) no-repeat; height: 195px; margin-bottom: 25px; padding:13px 5px 0 5px}
.right3	h2			{  font: normal 1.8em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #000}
.right3 p			{ margin-bottom:0; color: #ae0500;  font: normal 1.4em/1.2em  Arial, Helvetica, sans-serif}
.first				{ border: 1px solid #cbcbcb; margin: 5px 3px 0 0}
.right3 a			{ margin-left: 125px; padding-left: 17px; background:url(../img/submit4.gif) left no-repeat; text-transform:uppercase; color: #ae0500; height: 11px}

.extraP p			{ font: normal 1.2em/1.3em  Arial, Helvetica, sans-serif !important; padding-bottom: 15px}
.extraP h3			{ border: none !Important; padding:0 !Important}
.link				{ float:right !important; margin:0 0 5px 15px !important;  background: none !important; width: 110px !Important;
						padding: 0 !important}
.link img			{ margin:0 !important; padding:0 !important}						
/*-----------------------------------------*/
.left2				{ float: left; width: 547px; padding-left: 10px}
.left2 h1			{ margin-bottom: 5px}
.left2 h3			{ margin-bottom: 15px; color: #bebebe; font: normal 1.6em/1.2em  Arial, Helvetica, sans-serif}
.left2 p			{ float:left;font: normal 1.3em/1.3em  Arial, Helvetica, sans-serif }
.left2 img 			{ float:right !important; padding:0 0 5px 9px}
.fix				{ margin-right: -17px !important; display:block}
/*-----------------------------------------*/
.left3				{ float: left; width: 547px; padding-left: 10px}
.left3 h1			{ margin-bottom: 5px}
.left3 h3			{ margin-bottom: 15px; color: #bebebe; font: normal 1.6em/1.2em  Arial, Helvetica, sans-serif}
.left3 p			{ float:left;font: normal 1.3em/1.3em  Arial, Helvetica, sans-serif }
.left3 img 			{margin:0 0 5px 10px;}
.fix				{ margin-right: -17px !important; display:block}
/*-----------------------------------------*/
.left-featured				{ width: 880px; padding-left: 10px}
.left-featured h1			{
	margin-bottom: 5px;
	text-align:left;
	font-size: 22px;
	color: #FFFFFF;
}
.featuredheading {float:left}
.featuredheading img{padding: 0px;}
#title			{
float:none;
padding-left:200px;
margin-left:0px;
text-align:center;
margin-bottom: 5px;
font-size: 18px;
color:#333333;
}

/*-----------------------------------------*/
#customtool			{ float: left; margin-top:15px; width: 800px; padding: 8px; background-image:url(../img/motivent_tool_bg.png); background-repeat:no-repeat;}



#subtitle			{ text-align:center; margin-bottom: 15px; color: #bebebe; font: normal 1.6em/1.2em  Arial, Helvetica, sans-serif}

.left-featured h3			{ margin-bottom: 15px; color: #bebebe; font: normal 1.6em/1.2em  Arial, Helvetica, sans-serif}
.left-featured p			{ font: normal 1.3em/1.3em  Arial, Helvetica, sans-serif }
.left-featured img 			{ float:right !important; padding:0px 0 5px 10px}
.fix				{ margin-right: -17px !important; display:block}
/*-----------------------------------------*/
.right2				{ float: right; width: 311px; background: url(../img/body-sidebar.gif) repeat-y}
.right2	img			{ float:left; margin-right: 10px}
.right2	a			{ float:left; padding-left: 17px; background:url(../img/submit.gif) left no-repeat; color: #fff; display:block;  
						font: normal 1.1em/1.2em  Arial, Helvetica, sans-serif; text-transform:uppercase; margin-left: 140px}
.right2	a.contactus	{float:left; margin-left: 15px; background: none;}						
.last				{ margin-left:0 !important}
.extraR p			{ font: normal 1.2em/1.3em  Arial, Helvetica, sans-serif !important; padding-bottom: 6px}
.extraR div			{ overflow:hidden; width: 100%}

.submitRight		{ float:right !important; padding:0 25px 0 10px}
/*-----------------------------------------*/
.rightContact		{ float: right; width: 311px; background: url(../img/body-sidebar.gif) repeat-y; margin-top: 65px;}
.rightContact img	{ float:left; margin-left: 30px; margin-right: 10px}
.rightContact a		{ float:left;}
/*-----------------------------------------*/
.left				{ float:left; width: 311px; background: url(../img/body-sidebar.gif) repeat-y}
.extra1				{ width: 311px;  background: url(../img/header-sidebar.gif) top no-repeat}
.extra2				{ width: 293px; padding: 12px 10px 10px 8px; background: url(../img/footer-sidebar.gif)  bottom no-repeat; overflow:hidden}
.extra2 p			{ margin:0; color: #fff}
.extra2 p span		{ text-decoration:underline}
.extra2	h3			{ border-top: 1px solid #2c2c2c; padding-top: 10px; font: normal 1.6em/1.2em  Arial, Helvetica, sans-serif; margin-top: 11px}
.extra2	h2			{ margin:0; font-weight: bold}

.send				{ margin-top: 10px; width: 275px; padding-left: 5px}
.send legend		{ display: none}
.send label			{ float:left; width: 113px; margin:0; letter-spacing: -1px; margin-right: 20px}
.send input			{ float:left; border: 1px solid #3d3d3d; width: 113px; margin-right: 20px}
.send textarea		{ width: 90%; float:left}
.send img			{ float:right; border: 1px solid #fff; margin: 20px 5px 0 0}
.widthInput			{ width: 134px !Important; margin:0 !important}
.widthInputcomment	{ width: 234px !Important; margin:0 !important}
.submit				{ border: none !important; background:url(../img/submit.gif) left no-repeat; width: 60px !Important; float: right !important; color: #fff; 
					margin:6px 0 0 0 !important; font: normal 1.1em/1.3em  Arial, Helvetica, sans-serif !important; text-transform:uppercase;  padding-left: 18px;
					letter-spacing: 1px !important; height: 14px}

/*--------------------------------------------*/
.right				{ float:right; width: 569px}
.right h1			{ margin-bottom: 3px}
.right h2			{ color: #bebebe; margin-bottom: 15px}
.right p			{ font: normal 1.3em/1.3em  Arial, Helvetica, sans-serif}
.right a			{ font: normal 1.6em/1.2em  Arial, Helvetica, sans-serif; color: #fff}

.coments			{ background:url(../img/citate-content.gif) no-repeat; height: 221px; padding:1px 16px 1px 1px; width: 552px; margin-bottom: 26px}
.coments img		{ float:left; padding:5px 0 0 2px; width: 302px}

.citate				{ float: right; width: 233px; margin-top: 17px; background:url(../img/submit2.gif) no-repeat; padding:20px 10px 0 0; height: 176px}
.citate p			{ font: normal 1.3em/1.1em Verdana, Arial, Helvetica, sans-serif !important; color: #232323; padding-top:8px}

/*-----------------------------------------*/
#footer				{
	height: 30px;
	width: 932px;
	background:  url(../img/footer.gif) repeat-x;
	/* position:absolute; */
	bottom:0;
	left: 4px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
}
#footer a {
	color: #FFFFFF;
}

#sitemap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
#sitemap ul li a {
	color: #FFFFFF;
	list-style-type: disc;
	font-size: 12px;
}
#sitemap ul li {
	margin-left: 10px;
	padding-left: 5px;
}
#sitemap h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
}
#sitemap p {
	padding-bottom: 10px;
}