div#contentarea {

	float:left; 

	width:670px; 

	background-color:#FFF;

}

div#contentarea2 {

	float:left; 

	width:670px; 

	background-color:none;

}

div#flash 

{

	float:left; 

	width:527px;

	height:274px; 

	margin:0px; 

	background:url(/images/1.jpg) no-repeat;	

}

div#column1 {

	float:left; 

	width:517px; 

	margin-left:0px; 

	display:inline; 

	padding:0px 0px 0px 0px;

	background-color:none;

}

div#column1b {

	float:left; 

	width:517px; 

	margin-left:0px; 

	display:inline; 

	background-color:none;

}


.clearfix:after {

    content: ".";              /* the period is placed on the page as the last thing before the div closes */

	display: block;          /* inline elements don't respond to the clear property */ 

    height: 0;                  /* ensure the period is not visible */

    clear: both;               /* make the container clear the period */

    visibility: hidden;	     /* further ensures the period is not visible */

}

.clearfix {

	display: inline-block;}   /* a fix for IE Mac */



* html .clearfix {

	height: 1%;

}

.clearfix { 

	display: block;

}

#boxMed{

	width:670px;



}

div#row2 {

	text-align:left;

	display:block;

	width:615px;

	height:120px;

	background-image:url(/images/row2.jpg);

	margin:0;

	padding:65px 0 0 55px;

}

div#row2p{

	float:left;

	display:inline;

	width:165px;

	height:93px;

	font-weight:normal;

}

div#row2 ul{

	margin:0px;	

	padding:0px;

}

div#row2 li{

	margin:0px;	

	padding:0px;

	display:block;

	float:left;

}

div#row2 a {

	text-decoration:none;

	color:#000;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:normal;

	padding:0px 0px 6px 13px;

	display:block;

	float:left;

	background:url(/images/arrow.gif) no-repeat left top;

}

div#row2 a:hover {

	color:#000066;

	text-decoration:underline;

}

div#spacer1 {

	display:block;

	width:670px;

	height:25px;

	background-image:url(/images/spacer1.jpg);

	margin:5px 0 0 0;



}

div#spacer2 {

	float:left;

	display:inline;

	width:145px;

	height:93px;

}

div#spacer3 {

	padding: 0px 10px 0px 20px;

	

}

div#box {

	display:block;

	width:527px;

	height:100px;

	margin:0;

	padding:10px 0 0 0;	



}

div#box ul{

	height:100px;

	width:522px;

	list-style-type: none;

	margin:0;

	padding:0px;	



}

div#box ul li{

	text-decoration:none;

	display:inline;

	float:left;

	padding:0px;

}

div#box ul li a{

	width:169px;

	height:93px;

	display:block;

}


#boxMed, boxMed2 {

	text-align:left;

	display:block;

	width:670px;

	height:100px;

	margin:0;

	padding:0px 0px 15px 0px;	

}

#boxMed a {

	display:inline;

	float:left;

	width:134px;

	height:100px;

}

#boxMed2 a {

	display:inline;

	float:left;

	width:111px;

	height:100px;

}




.boxProd1 { background:url(/images/boxProd1.jpg) no-repeat;}

.boxProd2 { background:url(/images/boxProd2.jpg) no-repeat;}

.boxProd3 { background:url(/images/boxProd3.jpg) no-repeat;}

.boxProd4 { background:url(/images/boxProd4.jpg) no-repeat;}

.boxProd5 { background:url(/images/boxProd5.jpg) no-repeat;}

.boxProd6 { background:url(/images/boxProd6.jpg) no-repeat;}



.boxProd1:hover { background:url(/images/boxProd1hov.jpg) no-repeat;}

.boxProd2:hover { background:url(/images/boxProd2hov.jpg) no-repeat;}

.boxProd3:hover { background:url(/images/boxProd3hov.jpg) no-repeat;}

.boxProd4:hover { background:url(/images/boxProd4hov.jpg) no-repeat;}

.boxProd5:hover { background:url(/images/boxProd5hov.jpg) no-repeat;}

.boxProd6:hover { background:url(/images/boxProd6hov.jpg) no-repeat;}




#subhead {

	height:18px;

	width:300px;

	font-size:12px;

	font-weight:bold;

	padding:0px 0px 10px 0px;

	text-align:left;

	color:#000;

}

#content p {
	display:block;
	font-size:10px;
	font-weight:normal;
	padding:0px 0px 5px 0px;

}



#textwrapper {

	width:450px;

}

#textwrapper2 {

	width:375px;

}

.size {

	float:right;

	font-size:11px;

	font-weight:normal;	

}

.col {
	width:220px;
	float:left;
	display:inline;

}

.colp {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	height:25px;

	font-size:11px;

	font-weight:normal;

	color:#000066;

	display:block;

	padding:0px 5px 0px 0px;

}




.section {

	background:url(/images/arrow.gif) no-repeat;

	text-decoration:none;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	color:#013861;

	width:465px;	

	display:block;

	padding:3px 0px 3px 15px;

	-moz-outline-style: none;

}

.section2 {

	text-decoration:none;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:bold;

	color:#013861;

	width:465px;	

	display:block;

	padding:3px 0px 3px 3px;

	-moz-outline-style: none;

}

.section3 {
	width:470px;
	border:2px solid #CCCCCC;
	padding:10px 10px 10px 30px;
	margin-left: 30px;
}

.section4 {
	width:600px;
	border:2px solid #CCCCCC;
	padding:10px 0px 10px 30px;
	margin-left: 100px;

}
.section:hover{

	background:url(/images/arrow.gif) no-repeat;

	background-position:left-5px;

	-moz-outline-style: none;

}

.sectionContent {

	width:480px;

	padding:0px 0px 0px 0px;

}

.sectionContent p {

	width:350px;

	padding:0px 0px 0px 15px;

	font-size:11px;

	font-weight:normal;

}

.size {

	float:right;

}








#textWrapper {

	width:450px;

}


http://www.westpak.com/css/nav.css

div#nav {

	float:left; 

	width:143px;

	margin-left:0px;

	padding:0px; 

	background-color:#FFF;

}





/*start accordion*/








.display {

	margin:0px;

	padding:0px;

}

.display p {

	display:block;

	margin:0px;

	padding:0px;

}



.stretcher {

	background: none !important;

}

.stretcher p {

	font-size:10px;

	font-weight:normal;

	width:110px;

	padding:0px 0px 0px 0px;

	display:inline-block;

}


.form {

	padding: 0px 0px 0px 10px;

}

.form h1 {

	padding: 0px 0px 10px 0px;

	display:block;



}

.inputH {

	text-align:right;

	width:150px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#000066;

	font-size:12px;

	font-weight:bold;

	height:28px;

	display:block;

	padding: 2px 10px 0px 0px;

}

.inputtextarea {

	text-align:left;

	width:200px;

	display:block;

	padding: 0px 0px 0px 0px;

}

.input {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#000066;

	font-size:12px;

	font-weight:bold;

	text-align:left;

	width:300px;

	height:30px;

	display:block;

	padding: 0px 0px 0px 0px;

}

.inputselect {

}

.month{width:104px;}

.state{width:60px;}



.inputselect {

	text-align:left;

	width:40px;

	height:30px;

	display:inline;

	padding: 0px 0px 0px 0px;

}

.formTbl {

	width:325px;

}



.sectionContent {

	padding: 10px 0px 10px 10px;

	border:solid 2px #cccccc;

}

.note {

	color:#003366;

	font-size:10px;

	font-weight:bold;

}

.formbutton {

	width:75px;

	height:25px;	

	padding:0;

	margin:0;

	background:url(/images/formbutton.gif) no-repeat top center;

	display:inline;

	color:#000;

	font-size:10px;

	font-weight:bold;

	text-align:center;

	border:none;

	-moz-border-type:none;

}

.formbutton:hover {

	color:#fff;

	background:url(/images/formbutton.gif) no-repeat bottom center;

	-moz-border-type:none;	

}

.formbutton:active {

	color:#fff;

	background:url(/images/formbutton.gif) no-repeat top center;

	-moz-border-type:none;

}