/* 
  -------------------------------------
  Curvitude by Project Seven Development
  www.projectseven.com
  Layout 01: 3 column
  -------------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	background-image:url(../assets/imgs/assoBackground.jpg);
	background-position: top;
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
}
#masthead {
	background-color: #FFFFFF;
	color: #999999;
	margin: 12px auto 0 auto;
	width: 982px;
}
#logo {
	padding: 0 0px;
}
#columntop {
	clear: both;
	background-image: url(img/p7CRVCol3_top.jpg);
	background-repeat: no-repeat;
	height: 20px;
}
#columnwrapper {
	margin: 0 auto;
	width: 982px;
	background-image: url(img/p7CRVCol3_middle.jpg);
	background-repeat: repeat-y;
}
#pmm_wrapper {
	font-size: 0.8em;
	margin: 12px 0px 0px 15px;
	width: 210px;
}
#c1, #c2, #c3 {
	float: left;
}
#c1 {
	width: 234px;
}
#c2 {
	width: 514px;
	/*background-image: url(../demo-images/sol.jpg);
	background-repeat: no-repeat;*/
	padding-top: 5px;
	background-position: 22px -78px;
}
#c3 {
	width: 234px;
}
#c1 .content {
	font-size: 0.75em;
	padding: 1px 28px 16px 25px;
}

#c1 .contentPromotion {
	font-size: 0.75em;
	padding: 22px 1px 1px 20px;
}

#c2 .content {
	color: #039;
	font-size: 0.8em;
	padding: 5px 15px 5px 16px;
	/*padding: 16px 32px 16px 32px;*/
	line-height: 1.6em;
}
#c2 .contentMap {
	color: #039;
	font-size: 0.8em;
	padding: 25px 15px 5px 16px;
	/*padding: 16px 32px 16px 32px;*/
	line-height: 1.6em;
}
#c2 .contentBanner {
	color: #039;
	font-size: 0.8em;
	padding: 0px 1px 2px 75px;*/
	line-height: 1.6em;
}
#c3 .content {
	font-size: 0.75em;
	padding: 16px 34px 16px 26px;
}
h1 {
	margin-top:1px;
	margin-bottom:5px;
	font-size: 1.3em;
	letter-spacing: 0.2em;
	color:#039;
}
h2 {
	font-size: 1.1em;
	letter-spacing: 0.2em;
}
h3 {
	font-size: 1em;
}
.topZero {
	margin-top: 0;
}
.bottomZero {
	margin-bottom:0;
}
#columnbottom {
	clear: both;
	background-image: url(img/p7CRVCol3_bottom.jpg);
	background-repeat: no-repeat;
	height: 20px;
}
#footer {
	margin: 0px auto;
	font-size: 0.7em;
	width: 982px;
}
#footercontent {
	padding: 14px;
}
/*Default Links - Applies to the Main Content Column*/
.content a:link {
	color: #5785BD;
}
.content a:visited {
	color: #757575;
}
.content a:hover, .content a:focus, .content a:active {
	color: #FFFFFF;
}
/*
Left Sidebar Links - We add .content to the selector name to 
make it more specific and to eliminate conflicts with the main navigation bar
*/
#c1 .content a:link {
	color: #003399;
}
#c1 .content a:visited {
	color: #663366;
}
#c1 .content a:hover, #c1 .content a:focus, #c1 .content a:active {
	color: #3366FF;
}
/*Right Sidebar Links*/
#c3 a:link {
	color: #039;
	text-decoration:none;
}
#c3 a:visited {
	color: #2F4F53;
}
#c3 a:hover, #c3 a:focus, #c3 a:active {
	color: #900;
	
}
/*Footer Links*/
#footer a:link {
	color: #003399;
}
#footer a:visited {
	color: #663366;
}
#footer a:hover, #footer a:focus, #footer a:active {
	color: #3366FF;
}

/*CSS ADDED BY LEXEL GROUP*/

#communication a:hover, #footer a:focus, #footer a:active {
	/*color: #3366FF;*/
	background-image:url(../assets/imgs/icoMouse_over.jpg);
	text-decoration:none;
}
strong {
	font-weight: bold;
	font-size:1.1em;
	color: #900;
}

div.tbl
{
  margin: 2px;
  padding:2px;
  border: 1px solid #0000ff;
  height: auto;
  width: 148px;
  float: left;
  text-align: center;
}	
div.cell
{
  margin: 2px;
  padding:2px;
  border: 1px solid #0000ff;
  height: auto;
  width: 148px;
  float: left;
  text-align: left;
}
/************************************/
/*CSS FOR PRICING BOXES ON HOME PAGE*/
/************************************/
#pricesHP {
	color:#000;
	font-size:1.2em;
	width: 190px;
	height: auto;
	margin:0 auto; /**centered**/
	text-align:center;
	}

#pricesHP p {
	padding: 0 2px 0 2px; 
	font-size:1.1em;}

#LT {
	text-decoration:line-through
}

#pricesHP1, #pricesHP2, #pricesHP3 {
	width: 180px;
	min-height: 20px; /**non-IE browsers**/
	_height: 20px; /**IE6 only**/
	margin-bottom:10px;
	/**to reduce float drop issues in IE6**/
	padding: 5px;
	word-wrap: break-word;
	background-color: #FF0;
	border:2px dashed #03C;
}

#pricesHP1 h2,#pricesHP2 h2,#pricesHP3 h2 {
	padding:1px 1px 1px 1px;
	text-align: right;
	color:#900;
}
/***********************/
/*CSS FOR SUPPLIES PAGE*/
/***********************/
#boxes {
	width: 490px;
	height: auto; 
	margin:0 auto; /**centered**/
	font-size:.85em;
	background-image:url(../assets/imgs/assoLogoWaterMark.gif);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 
}
#suppliesHeader {
	padding:5px;
	margin-bottom:5px;
	margin-top:10px;
}
#boxes p {
	line-height:1em; 
	padding: 0 2px 0 2px; 
}

#boxList {font-size:.85em;}

#Box1 {
	width: 210px;
	min-height: 150px; /**non-IE browsers**/
	_height: 150px; /**IE6 only**/
	height:175px;
	margin-bottom:5px;
	padding:5px;
	border: 1px solid grey;
	/**to reduce float drop issues in IE6**/
	overflow: hidden;
	word-wrap: break-word;}

#Box2 {
	width: 250px;
	min-height: 150px; /**non-IE browsers**/
	_height: 150px; /**IE6 only**/
	height:175px;
	margin-bottom:5px;
	padding:5px;
	border: 1px solid grey;

	/**to reduce float drop issues in IE6**/
	overflow: hidden;
	word-wrap: break-word;}

#Box1 h2,#Box2 h2,#Box3 h2 {
	padding:1px 5px 1px 5px;
	text-align: right;
	font-size: 1em;
	color:#900;}

#Box1 {float: left;}

#Box2 {float: right;}

.clear {clear: both; line-height: 1px; visibility: hidden}

/***********************/
/*CSS FOR PRICE PAGE*/
/***********************/
#priceBoxes {
	width: 490px;
	height: auto; 
	margin:0 auto; /**centered**/
	font-size:.85em;
	background-image:url(../assets/imgs/assoLogoWaterMark.gif);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 
}
#priceHeader {
	padding:5px;
	margin-bottom:5px;
	margin-top:10px;
}
#priceBoxes p {
	line-height:1; 
	padding: 0 2px 0 2px; 
}

#priceBox1 {
	width: 230px;
	min-height: 150px; /**non-IE browsers**/
	_height: 150px; /**IE6 only**/
	margin-bottom:5px;
	padding:5px;
	border: 1px solid grey;
	/**to reduce float drop issues in IE6**/
	overflow: hidden;
	word-wrap: break-word;}

#priceBox2 {
	width: 230px;
	min-height: 150px; /**non-IE browsers**/
	_height: 150px; /**IE6 only**/
	margin-bottom:5px;
	padding:5px;
	border: 1px solid grey;
	/**to reduce float drop issues in IE6**/
	overflow: hidden;
	word-wrap: break-word;}

#priceBox1 h2,#priceBox2 h2,#priceBox3 h2 {
	padding:5px 5px 5px 5px;
	text-align: right;
	font-size: 1em;
	color:#900;}

#priceBox1 {float: left;}

#priceBox2 {float: right;}

.clear {clear: both; line-height: 1px; visibility: hidden}