/* CSS Basic Styles Document */
container - full width of the site
/* Main DIVs */

body {
	text-align:center;
}

.cont {/*width:920px;*/width:731px;overflow}
	#header {height:333px;} 
	#fc .cont {padding:20px 93px 0 94px;}
	.phome #col1 {width:247px;padding-left:10px;} /* 20px gap */
	.phome #wrapper {width:454px;}
		.phome #col2 {width:221px;} /* = 20px gap */
		.phome #col3 {width:203px;padding-right:10px;}
	#wrapper {width:711px;padding-left:10px; padding-right:10px;overflow:hidden;}	
	#footer {}

/*
.twocol #content {width:800px;}
.onecol #wrapper {width:1000px;}
.onecol #content {width:1000px;}

.twocol #rc {display:none;}
.onecol #lc {display:none;}
.onecol #rc {display:none;}
*/
.cont {
	margin:0 auto;text-align:left;
	position:relative;
}

#header {}
#col1 {float:left;}
#wrapper {float:right;}
	#col2 {float:left;overflow:hidden;}
	#col3 {float:right;}
#footer {clear:both;}

#header {background:url(../images/header.jpg) top center no-repeat;height:333px;}
.psale #header {background:url(../images/headerpsale.jpg) top center no-repeat #fff;height:333px;}
#footer .cont {background:url(../images/footer.gif) top center no-repeat;height: 65px;width:731px;padding:0pt 93px 0pt 94px;}
body {background:url(../images/body.gif) top left repeat-x #0c4583;}

/* Sticker Footer */
html, body {height:100%;}
#fc {background:url(../images/fc.gif) center top no-repeat;min-height:164px;}
#nonfooter {
position:relative;min-height:100%;
width:920px;margin:0 auto;
background:url(../images/nonfooter.gif) center top repeat-y;
}
#footer {
position:relative;height:65px;margin-top:-65px;
}
.spacer {clear:both;height:65px;}

/* CSS Advanced Styles Document 

*/

/* =General styles
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

* {margin:0;padding:0;}
a:link {text-decoration:none;color:#3479c5;}
a:visited {color:#5392e1;}
a:hover {text-decoration:underline;}
a:active {color:#00488e;text-decoration:overline;}
.center {text-align:center;}
a img {border:none;}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
br {clear:both;}
hr {display:none;}
abbr {border-bottom: 1px dotted #999;}
abbr:hover {cursor: help;}
li {list-style:none;}
.skip {position:absolute;left:-9999px;}
.clear {font-size:0;height:0;line-height:0;clear:both;overflow:hidden;}

/* =General Form styles
-------------------------------------------------------------------*/


/* =Header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#header h1, #header h1 a {width:265px;height:59px;}
#header h1 {position:absolute;top:62px;left:15px;}
#header h1 a {
	display:block;text-indent:-9999px;text-align:left;
	background:url(../images/logo.gif);}
	
#header h2 {
	position:absolute;top:129px;left:0px;
	width:447px;height:203px;	
	text-indent:-9999px;
}

.phome #header h2, .plink #header h2 {background:url(../images/phome.jpg) top right no-repeat;}
.pnews #header h2 {background:url(../images/pnews.jpg) top right no-repeat;}
.psend #header h2 {background:url(../images/psend.jpg) top right no-repeat;}
.pline #header h2 {background:url(../images/pline.jpg) top right no-repeat;}
.pcont #header h2 {background:url(../images/pcont.jpg) top right no-repeat;width:731px;}
.psale #header h2 {background:url(../images/psale.gif) bottom right no-repeat;width:471px;height:383px;} /* +180 in height */

#header h3 {
	padding-top:55px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
}
#header h3 a {color:#3399CC;text-decoration:none;}
#header h3 a:hover {color:#999;}

#header .text {
	position:absolute;top:138px;left:457px;
	width:265px;height:187px;
	color:#333333;
	font-size:10px;
	font-weight:bold;
	line-height:130%;
	text-transform:uppercase;
}

#header .menu {text-align:right;padding-right:5px;}
#header .menu li {
	display:inline;
	list-style:none;
}
#header .menu a {
	padding:0 5px;
	color:#333;
	font-size:12px;
	text-decoration:none;
	border-right:1px solid #333;
}
#header #lcont a, #header #lsend a {border:none;}
#header .menu a:hover {color:#3479c5;}

.phome #lhome a, .psale #lsale a, .pline #lline a, .pcont #lcont a, .plink #llink a, .pnews #lnews a, .psend #lsend a {font-weight:bold;text-decoration:none;cursor:default;color:#666 !important;}

/* =Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#footer h3 {
	padding-top:8px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	margin-bottom:16px;
}
#footer h3 a {color:#3399CC;text-decoration:none;}
#footer h3 a:hover {color:#999;}

#footer p {font-size:12px;text-align:center;}

/* =Content 
--------------------------------------------------------------------*/

#fc h2 {
	padding-top:5px;padding-bottom:2px;padding-left:15px;margin-bottom:5px;
	border-bottom:1px dashed #CCCCCC;
	color:#044D9A;
	font-size:14px;
	text-transform:uppercase;
}

#fc h3 {
	border-bottom:1px dashed #CCCCCC;
	color:#044D9A;
	font-size:12px;
	padding-left:15px;
	padding-top:5px;
	text-transform:uppercase;
}
#fc h3 span {color:#f00;}

#fc ol {
	padding:5px 5px 5px 20px;
	list-style-image: none;
	list-style-position: outside;
	margin-right: 3px;
}

#fc ol li {list-style-type:decimal;}

/* =General Forms Styles
--------------------------------------------------------------------*/
div #error {
	color: Red;
	font-weight: bold;
	width: 200px;
	text-align: right;
	font-size: 14px;
	padding: 10px;
}

form br {
	clear: both;
}

form label, form input, form select, form textarea {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

form select {
	width: 205px;
}

form .error {
	font-weight: bold;
	color: red;
}

/* =Form Contact 
--------------------------------------------------------------------*/

#form_contact  label {
	text-align: right;
	width: 125px;
	padding-right: 10px;
}

#form_contact label.autowidth {
	width:auto;
} 
* html #form_contact label {padding-top:3px;}

#form_contact #book_yes, #form_contact #book_no {
	width:20px;
}

#form_contact .right_checkbox {
	width: 582px;
	float: right;
	padding-bottom:10px;
}

#form_contact .input_checkbox {
	width: 20px;
}

#form_contact .label_checkbox {
	width: 90px;
	text-align: left;
}

#form_contact #interest {
	text-align: right;
	position:relative; top:70px; 
	width:120px;padding-right:10px;
	float: left;
}

#form_contact .input_submit {
	width: 60px;
	float: left;
	position:relative; left: 135px;
}


/* =Form Send to Friend 
--------------------------------------------------------------------*/

#form_send_to_friend #submit {
width: 50px;
}

#form_send_to_friend label {
	text-align: left;
	width: 180px;
	padding-right: 20px;
}

/* =Form Subscribe to newsletter 
--------------------------------------------------------------------*/

#form_newsletter input, #form_newsletter label {
	width: 100px;
}

#form_newsletter #subscribe, #form_newsletter #unsubscribe {
	width:20px;
}

/* =Each page style - all styles begin with the body class */

.phome #col1 li {margin-left:10px;padding:1px 0;}
.phome #col2 {padding-bottom:10px;}
.phome #col2 h2 {text-align:center;}
.phome #col2 p.a {margin-bottom:30px;}
.phome #col3 li {list-style:disc;padding:2px 0;}

.pnews #wrapper #col1 {float:left; width:551px;} /* 20px gap */
.pnews #wrapper #col2 {float:right; width:140px;}
.pnews #col1 h2 {margin-bottom:15px;}

.psend #wrapper p {margin:10px 20px;}
.psend #wrapper form {margin:10px 20px;}
.psend #wrapper #error {margin:10px 20px;}

.pcont #wrapper p {margin:10px 20px;text-align:center;}

.plink #wrapper p {margin-bottom:10px;}
.plink .centered {width:285px;
			margin-left:200px;
			margin-top:10px;
			margin-bottom:10px;}
.pline #col1 {float:left; width:171px; text-align:center; margin-left:10px; }
.pline #col1 ul li {margin-bottom:10px; margin-top: 10px; }
.pline #col2 {float:right; width: 529px; }
.pline #col2 ul li {margin-bottom: 10px; margin-top: 10px;}
.pline #col2 ul li {float:left; width:130px; height:60px; text-align:center; display:block;}
.pline .imghold {float:left; width: 130px; text-align:center; }
.pline a img {border:none;}
.pline .centered {margin-left:25px;margin-top:10px;margin-bottom:10px;}

.pline .proddesc {
	clear:both;
	border-top:1px solid #BCD2E9;
	border-left:1px solid #BCD2E9;
	border-right:2px solid #133B66;
	border-bottom:2px solid #133B66;
	padding:10px;
	height:240px;
}

.pline .proddesc .left {
	float:left;
	width:128px;
	text-align:center;
}

.pline .proddesc .right {
	float:right;
	width:350px;
	text-transform:uppercase;
}

.pline .proddesc p {padding-top:15px;}
.pline .proddesc .left1 {
	float:left;
	width:278px;
	padding-top:35px;
}
.pline .proddesc .right1 {
	float:right;
	width:195px;
	padding-top:15px;
	text-align:center;
}
.pline .proddesc .right1 p {margin-top:20px;}

.bigcase {text-transform:uppercase;}

.psale #wrapper #col1 {width:160px;padding-right:20px;padding-left:15px;}
.psale #wrapper #col1 img {margin:10px 0;display:block;}
.psale #wrapper #col2 {width:290px;}
.psale #fc {padding-top:200px;}
.psale .person ul li {margin-left:42px;}
.psale #wrapper h2 {clear:both;margin-bottom:20px;}
.psale #wrapper h2.limited {width:485px;}
.psale .person {clear:both;padding-top:5px;}
.psale .person img {float:left;padding-right:20px;padding-bottom:10px;position:relative;top:-5px;}
.psale .backtop {clear:both;float:right;width:106px;heigth:16px;background:url(../images/backtop.jpg) top left no-repeat;text-decoration:none;text-indent:-9999px;}
.psale .picsright {position:absolute;right:20px;top:140px;z-index:100;}
.psale .picsright a {display:block;margin-top:10px;}