body {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	background: #55A9E6 url(images/body-bg.png) repeat-x 0 100%;
	margin:0;
	padding:0;
	font-size:100.01%;
	text-align:left;
	position:relative;
}

img { border:0; }

/*
Headings:- font-family:Georgia, Times, Times New Roman, serif - t
or				Cambria, Georgia, Times, Times New Roman, serif
*/

.inside { position:relative; text-align:left; }
.block { overflow:hidden; }
.clear { height:0.1px; font-size:0.1px; line-height:0.1px; clear:both; }
.invisible { width:0px; height:0px; left:-500px; top:-500px; position:absolute; overflow:hidden; display:inline; }

/* Clear after custom sections */
.custom { display:block; text-align:left; }
.custom:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

h1 {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 2.3em;
	letter-spacing: 0;
	line-height: 1.0em;
	color: #333;
	margin-bottom: 0.4em;
}

h2 {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 2.0em;
	line-height: 1.0em;
	color: #666;
}

h3 {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 2.0em;
	color: #666;
}

h4 {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.18em;
	line-height: 1.2em;
	color: #666;
}

#wrapper {
	background: #fff; /* url(images/wrapper-bg.png) repeat-y 0 0 */
	background: #fff;
	width: 962px;
	margin: 0 auto;
	margin-bottom: 1em;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;

}

#header {
	height: 250px;
	background: url(images/hero.jpg) no-repeat 0 0;
	xborder-bottom: 1px solid #F14100;
}

#mod_navigation {
	background:url(images/menutop2-bg.png) no-repeat 0 0;
	*height: 1%;
	height: 30px;
	margin: 0;
	padding: 0.35em 0;
	border-top: 1px solid #F14100;
	border-bottom: 1px solid #F14100;
}


#mod_navigation ul {
	xdisplay: table;
	margin: 0 0 0 5px;
	padding: 0.3em 0;
	list-style-type: none;
	width: 100%;
}
#mod_navigation ul li {
	display: inline;
	*height: 1%;
	margin: 0 0 0 5px;
}

#mod_navigation ul li a {
	xpadding: 0 0.4em 0 0.5em;
	padding: 0.3em 0 0.3em 25px;
	margin-left: 10px;
	color: #fff;
	background: url(images/arrow.png) no-repeat 0 50%;
	xborder-left: 1px solid #EC4400;
	xborder-top: 1px solid #EC4400;
	xborder-right: 1px solid #EC4400;
	font-size: 1.0em;
	text-decoration: none;
	text-transform: capitalize;
	
	xborder: 1px solid red;
}
#mod_navigation li a:hover {
	color: #EC4400;
	xbackground-color: #EC4400;
}
#mod_navigation li a.active {
	color: #953000;
	xbackground: url(images/menutop-horz-active-bg.png) repeat-x left bottom;
}

.transparent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/* subnav Articles */

#mod_navigationsubmain {
	xbackground: #bbb;
	font-size: 0.8em;
	margin: 0;
	padding: 2em 0 0 1em;;
	xborder-bottom: 1px solid #aaa;
}


#mod_navigationsubmain h2 {
	font-size: 0.95em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 0 3px 0;
	xbackground: #81BEEB;
	color: #FF6600;
}

#mod_navigationsubmain ul {
	background: xurl(images/nav-sep.png) no-repeat 0 0;
	xdisplay: table;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	line-height: 1.6em;
	zoom: 1;
}
#mod_navigationsubmain ul li {
	overflow: hidden;
	margin: 5px 0 5px 0;
}

#mod_navigationsubmain ul li a {
	xpadding: 0.4em 1em;
	display: block;
	* height: 1%;
	color: #666;
	background: url(images/sep-h.png) repeat-x bottom left;
	font-size: 1.1em;
	text-decoration: none;
	text-transform: lowercase;
	padding: 0 0 0 5px;
	xborder: 1px solid red;
}
#mod_navigationsubmain ul li a:hover {
	color: #333;
	background-color: #FFFFCC;
}
#mod_navigationsubmain ul li a.active {
	color: #333;
	background-color: #ccc;
}

#mod_navigationsubmain ul li.submenu a {
	xcolor: #000;
	background-color: #ddd;
	xmargin: 2px 0 2px 0;
	xborder: 1px solid green;
}
#mod_navigationsubmain ul li.trail a {
	xcolor: #333;
	background-color: #eee;
	xmargin: 2px 0 2px 0;
	padding-left: 30px;
}
#mod_navigationsubmain ul ul li.first a {
	xcolor: #333;
	background-color: #eee;
	xmargin: 2px 0 2px 0;
	padding-left: 30px;
}
#mod_navigationsubmain ul ul li a:hover {
	color: #fff;
	background-color: #aaa;
	padding-left: 30px;
}
#mod_navigationsubmain ul ul li a.active {
	color: #333;
	background-color: #ccc;
	padding-left: 30px;
}

/* end subnav */
/* subnav referrals */

#mod_navigationsub {
	xbackground: #bbb;
	font-size: 0.8em;
	margin: 20px 0 0 8px;
	padding: 10px 0 0 0.5em;
	border: 1px solid #FF6600;
}

#mod_navigationsub h2 {
	font-size: 0.95em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 0 3px 0;
	xbackground: #81BEEB;
	color: #FF6600;
}


#mod_navigationsub ul {
	background: xurl(images/nav-sep.png) no-repeat 0 0;
	xdisplay: table;
	margin: 0 auto;
	padding: 0 0 10px 5px;
	list-style-type: none;
	line-height: 1.6em;
	zoom: 1;
	xborder: 1px solid #ddd;
}
#mod_navigationsub ul li {
	overflow: hidden;
	margin: 5px 0 5px 0;
}

#mod_navigationsub ul li a {
	xpadding: 0.4em 1em;
	display: block;
	* height: 1%;
	color: #666;
	background: url(images/sep-h.png) repeat-x bottom left;
	font-size: 1.1em;
	text-decoration: none;
	text-transform: lowercase;
	padding: 0 0 0 5px;
	xborder: 1px solid red;
}
#mod_navigationsub ul li a:hover {
	color: #333;
	background-color: #FFFFCC;
}
#mod_navigationsub ul li a.active {
	color: #333;
	background-color: #ccc;
}

#mod_navigationsub ul li.submenu a {
	xcolor: #000;
	background-color: #ddd;
	xmargin: 2px 0 2px 0;
	xborder: 1px solid green;
}

#mod_navigationsub ul ul li.first a {
	xcolor: #333;
	background-color: #eee;
	xmargin: 2px 0 2px 0;
	padding-left: 30px;
}
#mod_navigationsub ul ul li a:hover {
	color: #fff;
	background-color: #aaa;
	padding-left: 30px;
}
#mod_navigationsub ul ul li a.active {
	color: #333;
	background-color: #ccc;
	padding-left: 30px;
}

/* end subnav */
/* fruitnav */

#mod_navigationfruit {
	xbackground: #bbb;
	font-size: 0.8em;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	xborder: 1px solid #FF6600;
}

#mod_navigationfruit h2 {
	font-size: 1.01em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 0 3px 0;
	xbackground: #81BEEB;
	color: #FF6600;
}


#mod_navigationfruit ul {
	background: xurl(images/nav-sep.png) no-repeat 0 0;
	xdisplay: table;
	margin: 0 auto;
	padding: 0 0 10px 5px;
	list-style-type: none;
	line-height: 1.6em;
	zoom: 1;
	xborder: 1px solid #ddd;
}
#mod_navigationfruit ul li {
	overflow: hidden;
	margin: 5px 0;
	padding: 15px 0;
}
#mod_navigationfruit ul li.first {
	background: url(images/3fruit1.png) no-repeat 0 100%;
}
#mod_navigationfruit ul li {
	background: url(images/3fruit2.png) no-repeat 0 100%;
}
#mod_navigationfruit ul li.last {
	background: url(images/3fruit3.png) no-repeat 0 100%;
}
#mod_navigationfruit ul li a {
	xpadding: 0.4em 1em;
	display: block;
	* height: 1%;
	color: #666;
	xbackground: url(images/sep-h.png) repeat-x bottom left;
	font-size: 1.1em;
	text-decoration: none;
	text-transform: capitalize;
	padding: 10px 0 10px 10px;
	xborder: 1px solid red;
}
#mod_navigationfruit ul li a:hover {
	color: #333;
	xbackground-color: #FFFFCC;
}
#mod_navigationfruit ul li a.active {
	color: red;
	xbackground-color: #ccc;
}

#mod_navigationfruit ul li.submenu a {
	xcolor: #000;
	background-color: #ddd;
	xmargin: 2px 0 2px 0;
	xborder: 1px solid green;
}

#mod_navigationfruit ul ul li.first a {
	xcolor: #333;
	background-color: #eee;
	xmargin: 2px 0 2px 0;
	padding-left: 30px;
}
#mod_navigationfruit ul ul li a:hover {
	color: #fff;
	background-color: #aaa;
	padding-left: 30px;
}
#mod_navigationfruit ul ul li a.active {
	color: #333;
	background-color: #ccc;
	padding-left: 30px;
}

/* end fruitnav */
#search_mini {
	position: absolute;
	display: block;
	background: url(images/menutop-horz-bg.png) repeat-x 0 0;
	top: 252px;
	margin-left: 683px;
	xright: 0;
	width: 26em;
	padding: 0.8em;
	font-size: 60%;
	border: 1px solid #EC4400;
}

#search_mini .text {
	font-size: 90%;
	padding: 2px 3px;
	border: 1px solid #EC4400;
} 
#search_mini #ctrl_1 {
	width: 18em;
	margin-right: 10px;
}

#search_mini label {
	 width: 0px;
	 height: 0px;
	 left: -500px;
	 top: -500px;
	 position: absolute;
	 overflow: hidden;
	 display: inline;
}

#left {
	float:left;
	width: 150px;
	padding-top: 0; /* 1em; */
	xborder: 1px solid #bbb;
}
#left .inside {
	padding: 10px 5px 0 15px;
}
#left .inside .introtext {
	font-size: 90%;
	color: #333;
}

#left .inside p {
	font-size: 80%;
	color: #666;
}

#right {
	float:right;
	width: 210px;
	xbackground: #FFFFCC;
}
#right .inside {
	xfloat:right;
	padding-top: 5px;
}
#right img {
	xfloat:right;
	xwidth: 210px;
	padding: 5px 5px;
	border: 1px solid #bbb;
	margin: 12px 5px;
}

#right h3 {
	font-size: 130%;
	font-weight: normal;
	line-height: 110%;
	color: #00548B;
	margin: 55px 0 15px 0;
	padding: 0;
	text-align: center;
}
#right p {
	margin: 0;
	padding: 0;
}

.mod_breadcrumb {
	xfloat: left;
	margin: 10px 0;
	font-size: 64%;
	color: #333;
}

.mod_breadcrumb a {
	color: #666;
}
.mod_breadcrumb a:hover {
	text-decoration: none;
	color: #CC3333;
}

.mod_breadcrumb .active {
	color: #000;
}
#main {
	width: 560px;
	position:relative;
	margin-left: 150px;
	margin-right: 210px;
	*height: 1%;
}

#main .inside {
	padding: 5px 0 1em 1em;
	display: inline-table;
	overflow: hidden;
}

#main h2 {
	color: #FF642E;
	margin: 0;
	margin: 5px 0 10px 0;
	padding: 0;
	font-size: 2em;
	xbackground: url(images/sep-h.png) repeat-x bottom left;
}


#main h3 {
	font-size: 120%;
	font-weight: normal;
	line-height: 110%;
	color: #00548B;
	margin: 15px 0 0 0;
	padding: 0;
}
#main h3 a {
	xfont-size: 60%;
	xline-height: 100%;
	text-decoration: none;
	font-weight: normal;
	color: #00548B;
	margin: 0;
	padding: 0;
}

#main h3 a:hover {
	text-decoration: underline;
	color: #CC3333;
}

#main .apple {
	background: url(images/apple.png) no-repeat 96% -0.9%;
	xborder: 1px solid green;
}

#main p {
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}
#main p {
	color: #666;
}

#main p a {
	text-decoration: underline;
	color: #CC3333;
}

#main p a:hover {
	text-decoration: none;
	color: #CC3333;
}

#main p.more {
	margin-top: 1em;
	color: #333;
	font-weight: bold;
}
#main p.more a {
	padding: 5px 8px;
	text-decoration: underline;
	color: #CC3333;
	background: #FFFFCC;
}

#main p.more a:hover {
	text-decoration: none;
	color: #CC3333;
}

.ce_text {
	padding-bottom: 0.2em;
	border-bottom: 1px solid #aaa;
}

.ce_text ul {
	margin: 0;
	padding: 0 0 10px 50px;
	xlist-style-type: disc;
}
.ce_text ul li {
	xoverflow: auto;
	*height: 1%;
	font-size: 0.86em;
	color: #00548B;
}



.pagination {
	float: right;
	color: #999;
	font-size: 86%;
	xborder: 1px solid #bbb;
	margin-top: 1em;
}

.pagination ul {
	margin: 0;
	padding: 0;
}

.pagination ul li {
	display: inline;
}

.pagination ul li .current {
	border: 1px solid #aaa;
	padding: 3px 6px;

}
.pagination ul li a {
	color: #333;
	text-decoration: underline;
}
.pagination ul li a:hover {
	color: #999;
	text-decoration: none;
}
p.back {
	font-size: 86%;
	margin: 0;
	margin-top: 1.2em;
	padding: 0;
}
p.back a {
	color: #333;
	text-decoration: underline;
}
p.back a:hover {
	color: #999;
	text-decoration: none;
}
.ce_download {
	padding: 1em 0 1em 3em;
	margin-top: 1.5em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
}
.ce_download a {
	font-size: 90%;
	color: #333;
	text-decoration: underline;
}
.ce_download a:hover {
	color: #666;
	text-decoration: none;
}
.image_container {
	text-align: center;
	xfloat: right;
	padding: 5px 0.3em;
	margin: 5px 0.2em;
	border: 1px solid #ccc;
	background: #FFFFCC;
}
.image_container .caption {
	font-size: 80%;
	color: #999;
	padding: 0;
	margin: 0;
	text-align: center;
}

.mod_search {
	padding: 10px;
	xbackground: #eee;
}
.mod_search .text {
	font-size: 90%;
	padding: 2px 3px;
	border: 1px solid #999;
}
.mod_search .submit {
	font-size: 80%;
}
.mod_search h3 {
	font-size: 110%;
}

.mod_search h3 a {
	color: #666;
}
.mod_search h3 a:hover {
	color: #666;
	text-decoration: none;
}
.mod_search .relevance {
	font-size: 76%;
	padding-left: 20px;
}
.mod_search .highlight {
	padding: 3px 3px;
	background: #FFFFCC;
}

.mod_search .even {
	padding: 0 10px;
	background: #eee;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
.mod_search .odd {
	padding: 0 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}

.mod_search p.url {
	padding-left: 10px;
	color: #333;
}

.tips {
	padding: 0.3em;
	margin: 2em 0.5em 0 0.5em;
	border: 1px solid #bbb;
}

.tips h3 {
	padding: 0;
	margin: 0;
	font-size: 98%;
}

.tips p {
	font-size: 75%;
	color: #666;
	margin: 0.4em 0;
	
}
#footer {
	background: url(images/foot-bg.png) repeat-x 0 0;
	margin-top: 1em;
	height: 110px;
	xborder-top: 1px solid #bbb;
}

#footer .oj {
	display: block;
	height: 110px;
	background: url(images/orang-foot.png) no-repeat 100% 100%;
}
#footer .info {
	padding-top: 3em;
}

#footer p {
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 70%;
}
#footer p a {
	color: #333;
	text-decoration: underline;
}
#footer p a:hover {
	color: #999;
	text-decoration: none;
}
/* promos */

#main .promo {
	float: left;
	width: 550px;
	margin: 0 auto;
	padding: 0.2em;
	border: 1px solid #fff;
	display: inline;
	overflow: hidden;
}

#main .promo h3 {
	background: #448EC7 url(images/title-bg.png) repeat-x 0 0;
	margin: 0;
	padding: 5px 0;
	font-size: 120%;
	color: #fff;
	text-align: center;
	xdisplay: block;
	xwidth: 50%;
	xposition: relative;
}

#main .promo h3 b {
	font-size: 120%;
	color: #F86500;
}
#main .promo img {
	xmargin: 5px;
	xpadding: 40px ;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 10px solid #fff;
	float: right;
}

#main .promo .imgalign {
	float: left;
}
.promobody {
	xborder: 1px solid #FFC673;
	margin: 0;
	padding: 0 10px 5px 10px;
	xbackground: url(images/promo-bg.png) repeat-x bottom left;
}
.promobody h4 {
	margin: 0;
	padding: 10px 0;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000;
}

.promobody h4 strong {
	xcolor: #000;
}
.promobody span {
	xdisplay: block;
	xborder: 1px solid #FFC673;
	xbackground: #FFFFCC;
	margin: 0;
	padding: 0;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 2.8em;
	font-weight: normal;
	text-align: center;
	color: #BA2800;
	float: left;
	line-height: 80%;
}
.promobody ul {
	margin: 0;
	padding: 0 0 10px 20px;
	xlist-style-type: disc;
}
.promobody ul li {
	xoverflow: auto;
	*height: 1%;
	font-size: 0.86em;
	color: #00548B;
}

.promobody p {
	margin: 0;
	padding: 3px;
}
.promobody p.outbound {
	display: block;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #FFFFCC url(images/arrowb.png) no-repeat 2% 50%;
	margin: 5px 0 10px 0;
	padding: 5px 5px 3px 45px;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 0.96em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}
.promobody p.outbound a {
	xcolor: #BA2800;
	font-weight: bold;
}
/* end promos */

.badge {
	padding-top: 20px;
}

/* GetResponse form box */

.newsletter {
	background: url(images/newsletter-bg.png) repeat-x bottom left;
	padding: 0 5px 0 5px;
	margin: 0 0.5em 0 0;
	border: 1px solid #3399CC;
}

.newsletter h3 {
	color: #3399CC;
	font-size: 98%;
	margin: 3px 0 5px 0;
	padding: 0;
	text-align: center;
	xline-height: 130%;
}
.newsletter h3 strong {
	font-size: 200%;
	color: red;
	line-height: 90%;
}

.newsletter h3 span {
	font-size: 120%;
	xcolor: red;
	line-height: 80%;
}
.newsletter p {
	xbackground: #FFFFCC;
	font-size: 80%;
	color: #333;
	margin: 0;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #3399CC;
	
}
.newsletter fieldset {
	xwidth: 260px; 
	border: 0;
	padding: 0;
}

.newsletter label {
	font-size: 0.8em;
	color: #666;
	display: block;
}
.newsletter input {
	margin-bottom: 10px;
	padding: 3px 0;
}

.newsletter #GRCategory2, .newsletter #GRCategory3 {
	font-size: 0.7em;
	width: 12em;
	border: 1px solid #999;
	background: #FFFFCC;
}

.newsletter .submit {
	font-size: 80%;
	xfloat: right;
	margin-left: 7px;
}

#feedback {
	xfont-size: 0.8em;
	background: #D0E6F4;
	margin: 20px 0 0 8px;
	padding: 0;
	xborder: 1px solid #FF6600;
}
#feedback h3 {
	background: #3399CC url(images/feedback.png) no-repeat 0 0;
	display: block;
	padding: 10px 0 10px 70px;
	margin: 0;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #fff;
	xborder: 1px solid green;
}

#feedback h4 {
	padding: 5px 0;
	margin: 0;
	font-size: 0.8em;
	color: #FF6600;
	xpadding-left: 10px;
	text-align: center;
}
#feedback .textarea {
	border: 1px solid #3399CC;
	width: 161px;
	height: 70px;
	margin-left: 10px;
}

#feedback #ctrl_3_submit {
	xbackground: #B8D8F4;
	xborder: 1px solid #3399CC;
	xmargin-left: 10px;
	font-size: 80%;
	float: right;
	margin: 3px 12px 5px 0; 
}

#main .note {
	padding: 2px 15px;
	font-size: 1em;
	margin: 10px 0;
	background: #FFFFCA;
	border: 1px solid #aaa;
}

.note ul {
	padding: 0 0 10px 20px;
	font-size: 0.8em;
	margin: 0;
}

.note ul li {
	font-size: 1em;
	color: #666;
}
#main p.note {
	font-size: 0.8em;
	padding: 15px 15px;
	line-height: 150%;
}

select, input, textarea { font-size:99%; }
form  { margin:0; padding:0; }

#opt {
	font-size: 85%;
	margin: 0 auto;
	padding: 20px 0 50px 100px;
}

#opt-in {
	xfloat: left;
	width: 542px;
	height: 194px;
	margin: 0 0 0 10px;
	background: url(images/opt-in.jpg) no-repeat 0 0;
}

#opt-in h3 {
	xfloat: left;
	font-size: 96%;
		color: #000066;
	text-align: center;
	position: relative;
	margin: 0;
	_margin: 90px 0 0 50px;
	padding: 18px 20px 0 10px;
}

#opt-in h3 span {
	color: #990033;
}

#opt-in label {
	font-size: 0.8em;
	color: #333;
	xfloat: left;
	xdisplay: inline-block;
	xwidth: 60px;
	xborder: 1px solid green;

}
#opt-in input {
	xfloat: left;
	xmargin-bottom: 10px;
	padding: 3px 0;
	margin: 0;
	xpadding: 0;
	xborder: 1px solid green;
}

#opt-in fieldset {
	xwidth: 350px; 
	border: 0;
	_padding: 0;
	margin: 40px 0 0 10px;
	*margin: 44px 0 0 20px;
	_margin: -45px 0 0 20px;
	xtext-align: right;
}
#opt-in #optbut {
	float: left;
	border: 0;
	xpadding: 0;
	margin: -60px 0 0 270px;
}
#opt-in fieldset span {
	xfloat: left;
	display: block;
	width: 220px;
	xmargin-bottom: 10px;
	padding: 2px 30px;
	margin: 0;
	xpadding: 0;
	xborder: 1px solid blue;
		text-align: right;
}
#opt-in #GRCategory2, #opt-in #GRCategory3 {
	font-size: 0.7em;
	width: 12em;
	border: 1px solid #999;
	background: #FFFFCC;
	margin-left: 10px;

}













