@charset "utf-8";
/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


* { margin:0; padding:0}
img, fieldset { border:none}

html, body {height: 100%;}

body { font-family:Georgia, "Times New Roman", Times, serif}

p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#204169}
p a:link, p a:visited { color:#3E8C50; text-decoration:underline}
p a:hover { color:#3E8C50; text-decoration:underline}

h1 {
	font-size:27px;
	font-weight:normal;
	color:#FFFFFF;
	line-height: 24px;
}
h2 { font-size:18px; font-weight:normal; color:#FFFFFF}
h3 { font-size:15px; font-weight:normal; color:#636363}
h3 a { display:block; text-decoration:none; color:#636363}

h5 { font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:normal; color:#3E8C50}

.text_bold { font-weight:bold}



/*
---------------------------------------------
02. main container header
---------------------------------------------
*/

#container { width:100%; float:left; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto;/*	margin: 0 auto; */ background: url(../images/bg_content.gif) repeat-y top center; }


#bg_header { width:100%; height:119px; float:left; background:#FFFFFF}
#header { width:920px; margin:0 auto}

/*
---------------------------------------------
02.1 header - logo
---------------------------------------------
*/

.logo { width:212px; float:left; padding-top:15px; padding-right:200px}
.logo_ocp { float:right; padding-top:12px}


/*
---------------------------------------------
02.2 header - navigation
---------------------------------------------
*/

.nav { width:700px; float:right; margin-top:-10px}
.nav ul { margin:0; padding:0; float: right;}
.nav ul li {display:inline; float: left}
.nav ul li a {display:block; float:left; margin:0 0px 0 0; padding:0 0 0 17px; text-decoration:none; background:url(../images/bg_menu_left.gif) top left no-repeat; font-size:20px; font-family: "Georgia", Arial, Helvetica, sans-serif; background-position:0 -42px; }
.nav ul li a span {display:block; background:url(../images/bg_menu_right.gif) top right no-repeat; padding:0px 17px 0px 0px; color:#204169; cursor:pointer; background-position:100% -42px;}

.nav ul li a:hover, .nav ul li.selected a { background-position:0 0px; color:#204169;}
.nav ul li a:hover span, .nav ul li.selected a span {background-position:100% 0px; color:#fff;}


/*
---------------------------------------------
03. banner
---------------------------------------------
*/


#bg_banner { width:100%; height:256px; float: left; background:url(../images/bg_banner.gif) repeat-x; border-top:4px solid #58B06C; border-bottom:4px solid #58B06C;} 
#banner { width:940px; margin:0 auto; padding-top:2px;}


/*
---------------------------------------------
03.1 banner - photo
---------------------------------------------
*/

.photobox { width:415px; float:left; background:url(../images/bg_photo_shadow.png) no-repeat; padding:25px 31px; padding-bottom:0; margin-top:0px; position:relative; margin-left:-18px}

/*
---------------------------------------------
03.2 banner - content
---------------------------------------------
*/

.banner_content { width:400px; float:left; padding-top:65px; padding-left:40px}
.banner_content h1 { padding-bottom:10px}
.banner_content_temp { width:400px; float:left; padding-top:50px; padding-left:40px}
.banner_content_temp h1 { padding-bottom:10px}
.banner_content_temp a:link, .banner_content_temp a:visited {color:#FFF;}
.banner_content_temp a:hover, .banner_content_temp a:active {
	color:#D2DFD8;
}

/*
---------------------------------------------
04. container and wrapper
---------------------------------------------
*/

#bgwrapper { width:100%; float:left; }
#wrapper { width:917px; margin:0 auto; overflow: hidden;}

/*
---------------------------------------------
05. content
---------------------------------------------
*/

#bg_content { width:917px; float:left; padding-bottom:50px; min-height: 100%; height: auto !important; height: 100%; }

#content { width:917px; float:left; padding-bottom:60px; padding-top:20px }


/*
---------------------------------------------
06. left panel
---------------------------------------------
*/


#leftpanel { width:520px; float:left; padding-top:50px}
#leftpanel h2 { color:#3E8C50}
#leftpanel p { padding-top:20px}

#leftpanel ul { list-style:none; padding-left:20px; padding-top:20px}
#leftpanel ul li {
	background:url(../images/li_bullet.gif) no-repeat 0 6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#204169;
	padding-left:15px
}

.bryan {
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
	border-bottom: 3px solid #58B06C;
}

.image_float_right_border {
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
	border: 3px solid #58B06C;
}

.image_float_right {
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
}

.image_float_left_border {
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	border: 3px solid #58B06C;
}

.image_float_left {
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}


.erefilltable { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#204169}


/*
---------------------------------------------
06.1 left panel - left border
---------------------------------------------
*/

.leftpanel_bordertop { width:520px; height:10px; float:left; background:url(../images/bg_leftpanel_bordertop.gif) no-repeat}
.leftpanel_bordermiddle { width:455px; float:left; background:url(../images/bg_leftpanel_bordermiddle.gif) repeat-y; padding-left:65px}
.leftpanel_borderbottom { width:520px; height:10px; float:left; background:url(../images/bg_leftpanel_borderbottom.gif) no-repeat}


/*
---------------------------------------------
07. right panel
---------------------------------------------
*/


#rightpanel { width:280px; float:left; padding-left:115px}
#rightpanel p { float: left; padding:10px 0}

/*
---------------------------------------------
07.1 right panel - heading
---------------------------------------------
*/

.heading {
	width:207px;
	float:left;
	background:url(../images/bg_heading_e-refill.gif) no-repeat bottom left;
	padding-left:64px;
	padding-bottom:10px;
	padding-top: 5px;
}
.heading h1 { color:#20416A}

/*
---------------------------------------------
07.2 right panel - button
---------------------------------------------
*/

.button_click a:link, .button_click a:visited { width:280px; float:left; background:url(../images/button_clickhere.gif) no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#FFFFFF; text-decoration:none; text-align:center; padding-top:3px; padding-bottom:10px}

.button_click a:hover, .button_click a:active {
	width:280px;
	float:left;
	background:url(../images/button_clickhere.gif) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#060;
	text-decoration:none;
	text-align:center;
	padding-top:3px;
	padding-bottom:10px
}

.chewritepromo {
	background: url(../images/chew-rite-promo.jpg) no-repeat;
	height: 125px;
	width: 261px;
	float:left;
	position: relative;
	left: 10px;
	top: 25px;
}
.chewritepromo1 {
	background: url(../images/chew-rite-promo1.jpg) no-repeat;
	height: 136px;
	width: 319px;
	float:left;
	position: relative;
	left: -40px;
	top: 15px;
}

/*
---------------------------------------------
07.3 right panel - grey box 1 - expandable
---------------------------------------------
*/


.greybox_bordertop { width:278px; height:10px; float:left; background:url(../images/bg_greybox_bordertop.gif) no-repeat}
.greybox_bordermiddle { width:278px; float:left; background:#D8D8D8; text-align:center; padding:15px 0}
.greybox_borderbottom { width:278px; height:10px; float:left; background:url(../images/bg_greybox_borderbottom.gif) no-repeat}

/*
---------------------------------------------
07.4 right panel - grey box 2 - expandable
---------------------------------------------
*/

.greybox2_bordertop { width:278px; height:10px; float:left; background:url(../images/bg_greybox2_bordertop.gif) no-repeat}
.greybox2_bordermiddle { width:278px; float:left; background:#E0E0E0; text-align:center; padding:35px 0}
.greybox2_borderbottom { width:278px; height:10px; float:left; background:url(../images/bg_greybox2_borderbottom.gif) no-repeat}


.newsletter { width:278px; float:left; padding-top:28px; padding-bottom:20px}
.promo { width:278px; float:left}


/*
---------------------------------------------
08. footer
---------------------------------------------
*/

#bg_footer { width:100%; float:left; background: url(../images/bg_footer.gif) repeat-x; border-top:3px solid #AAAAAA; padding-top:14px; margin-top:-60px}

#footer { width:595px; margin:0 auto; height:120px; background: url(../images/footer_img.png) no-repeat; padding-left:105px}

#bg_footer p { font-size:11px; color:#FFFFFF; position:relative}
#bg_footer p a:link, #bg_footer p a:visited {text-decoration: underline; color:#ffffff}
#bg_footer p a:active, #bg_footer p a:hover {text-decoration: underline; color:#20416A}

#bg_footer h2 { color:#666464; padding-bottom:15px}
#bg_footer h3 { font-size:14px; color:#7D7B7B}


/*
---------------------------------------------
08.1 footer - styles
---------------------------------------------
*/

.addressandhours { width:570px; float:left; background:url(../images/bg_addressandhours.gif) repeat-y}

.address { width:325px; float:left; font-size:14px; color:#7D7B7B}
.address a:link, .address a:visited {text-decoration: underline; color:#7D7B7B}
.address a:active, .address a:hover {text-decoration: underline; color:#20416A}
.hours { width:195px; float:left; padding-left:50px;}
.emailfooter {float:none;}

.copyright { width:100%; background:#AAAAAA; float:left; text-align:center; height:20px; padding-top:6px; padding-bottom:2px}
.mapheading {
	font-size: 18px;
}