@import url("workarea-import.css");
@import url("fonts-master.css");

/* Undo existing styles
======================================================================*/
a img,:link img,:visited img { border: none; }
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, 
html, label, legend, li, ol, p, pre, table, td, th, ul
{ margin: 0px; padding: 0px; }


/* FOUNDATION
======================================================================*/
body {background-color: #D1D3D4; padding: 0px; position: relative; text-align: center;}

.masterContainer {
	border: 1px solid black;
	margin: 0px auto;
	text-align: left;
	width: 952px;
}

.clearSm {
	clear: both;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}	


ul.showHide {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px;}
.showHide li {color: #004A8D !important;cursor:pointer !important;font-weight: bold;margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
.showHide li .answer {font-weight: normal; color: #000;display:none; /* Sets the JavaScript hide/show toggle default to hidden */}
.padding {padding-left: 68px !important;}

/* HEADER
======================================================================*/
.header {
	background: url(../../images/template/hdr-background.jpg);
	height:77px;
	width: 952px;
}

.header .logo {
	float: left;
	padding: 10px 0px 0px 10px;
}
.header .jumpContainer {
	float:right;
	height: 30px;
	padding: 10px 10px 0px 0px;
	width: 300px;
	display:inline;
}

.header .jumpContainer ul {color: #145896; list-style-type: none; margin: 0px 0px 0px 0px;padding: 0px 20px 0px 0px;}
.header .jumpContainer ul li {float: left; font-size: 11px; padding: 3px 0px 0px 0px;}
.header .jumpContainer ul li.divider {padding: 2px 5px 0px 5px;}
.header .jumpContainer .searchContainer { display:inline;float:right; }
.header .jumpContainer .searchContainer .search {float: left;height:17px; margin: 0px 0px 0px 15px;padding: 0px 0px 0px 0px; width: 130px;}
.header .jumpContainer .searchContainer .btn {
	background: #004A8D; 
	bordeR: none;
	color: #FFF; 
	display: block;
	float: left;
	font-size: 11px; 
	line-height: 12px; 
	height:20px;
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 0px 0px; 
	width: 30px;
	vertical-align:middle !important;
}



/* NAVIGATION
======================================================================*/
.navContainer 
{
	height: 46px;
	background: #8BA3C2;
}


/* BODY
======================================================================*/
.bodyContainer {
	background: #FFF;
	padding: 30px 0px 15px 0px;
	width: 952px;
}

/*=================== content ===================*/
.contentContainerHome,
.contentContainer {
	display: inline;
	float: left;
	padding: 0px 15px 0px 0px;
	position:relative;  
	width: 683px !important;
}

.contentContainerHome  {margin-left: 14px; padding: 0px;}
.contentContainerHomeText  { }
.contentContainerHome  p {
	display: block;
	padding: 0px 25px 0px 0px;
}
.contentContainerHome .flashContainer {margin: 0px 0px 20px 0px; padding: 0px;}
.contentContainer .content {padding: 0px 0px 0px 20px;}
	
	
/*=================== colR ===================*/
.colRContainerHome,
.colRContainer 
{
	border-left: 1px solid #E1E1E1;
	float: right;
	margin:0px 0px 0px 0px;
	width: 240px;
}

.colRContainerHome { border-left: none;}

.colRContainerHome .content,
.colRContainer .content {padding: 0px 25px 0px 20px;}

.colRContainerHome .divider,
.colRContainer .divider {
	border-top: 1px solid #D9D9D9;
	display: block;
	font-size: 1px;
	height: 2px;
	margin: 10px 0px 15px 0px;
	width: 140px;
}

.colRContainerHome .divider.position1,
.colRContainer .divider.position1 {display: none;}


.colRContainerHome h2,
.colRContainer h2 {margin: 0px; padding: 0px;}
.colRContainerHome p,
.colRContainer p {font-size: 11px;margin: 0px; padding: 0px 0px 10px 0px;}
.colRContainerHome a,
.colRContainer a {white-space: nowrap;}
	
	
/*=================== productTeaser ===================*/
.productContainer {margin: 10px 0px 20px 0px; padding: 0px;}
.productContainer .productTeaser {border-top: 1px solid #86A491 !important; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;}

.productContainer .productTeaser .img {
	border: 1px solid #939598;
	display: block;
	float: left;
	margin: 13px 0px 10px 0px;
	padding: 0px;
	width: 98px;
}

.productContainer .productTeaser .txt {
	float: right;
	width: 500px;
}

.productContainer .productTeaser .txt h2 {
	margin: 0px;
	padding: 18px 0px 0px 0px;
}

.detailContainer {margin: 0px;}
.detailContainer .imgContainer {float:left;  width: 270px;}
.detailContainer .img {border: 1px solid #939598;}
.detailContainer .content {float:right; padding: 0px; width: 365px;}



/* FOOTER
======================================================================*/
.footer {
	background: #004A8D;
	height: 22px;
	width: 952px;
}

.footer ul {color: #BBC9D1; font-size:11px; list-style-type: none; margin: 0px; padding: 0px 0px 0px 15px;}
.footer ul li {color: #BBC9D1; float: left; font-size: 11px !important; margin: 0px;padding: 4px 0px 0px 0px;}
.footer ul li.divider {padding: 3px 7px 0px 7px;}

.footer .txt {
	float: left;	
	width: 600px;
}
.footer .txt p {color: #BBC9D1;font-size: 11px; margin: 4px 0px 0px 10px;}


.footer .footerNav {
	float:right;
	padding-right:15px;
	padding-top:4px;
	color: #BBC9D1;
}
.footer	.footerNav a {
	color: #BBC9D1; 
	font-size: 11px;
	font-weight: normal;}

/* Blurb
======================================================================*/

.blurb
{ 
    width:215px;  
}

.blurbTitle 
{
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
    line-height:16px;
    color:#004D44;
}

.blurbContent 
{
    font-size:11.5px;
    font-family:Arial;
    font-weight:normal;
    line-height:16px;
    color:#5C5B5B;
    float:left;
}

.blurbLink 
{
    font-size:11.5px;
    font-family:Arial;
    font-weight:bold;
    line-height:16px;
}








/* LAVEZZI SPLASH PAGES
======================================================================*/
.splash {
	text-align: center;
}

.splash .splashContainer{
	background: url(/images/template/splash-back.gif) repeat-x top #FFF;
	border: 1px solid black;
	margin: 0px auto;
	position: relative;
	width: 950px;
}
.splash .logoContainer {height: 450px;}

.splash .logo {
	position: absolute;
	top: 25px;
	left: 335px;
}


.splash .left,
.splash .middle,
.splash .right {position: absolute; top: 190px; width: 250px;}

.splash .left {left: 20px;}
.splash .middle {left: 350px;}
.splash .right {right: 20px;}
.splash .text {position: absolute; top: 185px; left:; text-align: center; width: 250px; }
.splash .text p {color: #044A8F; font-size: 15px; font-weight: bold;text-transform: uppercase;}

.splash .bodyTxt {background: #EAEEF4; text-align: left;}
.splash .bodyTxt p {padding: 20px 100px;}
.splash .text p.link {font-size: 12px; font-weight: normal; text-transform:none;}
.splash .text p.link a {font-weight: normal;text-decoration: none;}
.splash .text p.link a:hover {text-decoration: underline;}