/********************
 THE LAYOUT
 ********************/

body {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	background: #ffffff;
}


#pagecontainer {
	width: 740px;
	margin: 0 auto;
	text-align: left;
}


#topheader {
	width: 740px;
	margin-bottom: 2px;
}

#toplogo {
	float: left;
	width: 340px;
}

#topright {
	float: right;
	margin: 15px 0px 0px 0px;
	width: 400px;
	text-align: right;
}

#topsearch {
	float: right;
	margin: 5px 0px 0px 0px;
	padding: 0px 10px 0px 15px;
	width: 375px;
	text-align: right;
}

* html #topsearch {
	width: 400px;
}


#topnav {
	clear: both;
	width: 740px;
	text-align: right;
	margin-bottom: 1px;
	background: #dedede url(images/dotsacross.gif) repeat-x left top;
}

#topbar {
	clear: both;
	width: 723px;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 15px;
	background: #003399 url(images/topbarback.jpg) repeat-x right top;
}

* html #topbar {
	width: 740px;
}

#pagetop {
	width: 740px;
	margin: 0px 0px 0px 0px;
	background: url(images/dotsup.gif) repeat-y 199px top;
}

#topofnav {
	margin: 15px 0px 0px 0px;
	float: left;
	width: 184px;
	padding: 5px 0px 2px 15px;
	background: #F1F9FF url(images/dotsacross.gif) repeat-x left top;
}

* html #topofnav {
	width: 199px;
}


#breadcrumb {
	margin: 15px 0px 0px 0px;
	float: right;
	width: 525px;
	padding: 3px 0px 2px 15px;
	background: url(images/dotsacross.gif) repeat-x left top;
}

* html #breadcrumb {
	width: 540px;
}


#pagecontent {
	width: 740px;
	clear: both;
	margin: 0px 0px 0px 0px;
	background: url(images/dotsup.gif) repeat-y 199px top;
}


#lhsnav {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 200px;
	padding: 5px 0px 20px 0px;
	background: url(images/dotsacross.gif) repeat-x left top;
}

#minicart {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 200px;
	padding: 5px 0px 20px 0px;
	background: url(images/dotsacross.gif) repeat-x left top;
}

#pageimage {
	margin: 1px 0px 0px 0px;
	float: left;
	width: 539px;
	padding: 1px 0px 0px 0px;
	background: url(images/dotsacross.gif) repeat-x left top;
}

#pageheader {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 523px;
	padding: 7px 2px 2px 15px;
	background: url(images/dotsacross.gif) repeat-x left top;

}

* html #pageheader {
	width: 540px;
}

#pagebody {
	margin: 10px 0px 0px 20px;
	float: right;
	width: 540px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 520px;

}

#pagecontact {
	margin: 15px 0px 0px 0px;
	float: right;
	width: 515px;
	padding: 5px 2px 5px 20px;
	background: url(images/dotsacross.gif) repeat-x left top;
}

* html #pagecontact {
	width: 540px;
}

#footer {
	clear: both;
	width: 740px;
	margin: 0px 0px 10px 0px;
	background: #dedede url(images/dotsacross.gif) repeat-x left top;
}


#footerleft {
	margin-top: 5px;
	float: left;
	width: 195px;
	padding: 0px 0px 5px 5px;
	background: #dedede url(images/dotsacross.gif) repeat-x left bottom;
}

* html #footerleft {
	width: 200px;
}


#footerright {
	margin-top: 5px;
	float: right;
	width: 530px;
	text-align: right;
	padding: 0px 10px 5px 0px;
	background: #dedede url(images/dotsacross.gif) repeat-x left bottom;
}

* html #footerright {
	width: 540px;
}

#belowfooter {
	clear: both;
	width: 740px;
	margin: 0px 0px 10px 0px;
	text-align: right;
}