/*
 * THIS CSS FILE NEED TO BE THE SAME FOR IHOST.NET AND IHOSTNETWORKS.COM
 * CUSTOMIZATIONS TO EACH SITE SHOULD BE DONE IN THE FILE: Site_Content.css
 *
 * 06/24/2010 - Initial version
 *
 */

/***********************************
 * GENERAL 
 ***********************************/
body {
	margin: 0px;
	background: #2C2C2C; /* 10-17-10 RH Change */
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; /*Equal to: 12px, 0.75em, 85%*/
	color: #2a2a2a;
}

form {
	margin: 0px;
	padding: 0px;
	background: #ffffff url(layout/footer_bg.png) bottom left repeat-x; /* 10-17-2010 RH Change */
}

p, td {
	margin: 5px 0px 8px 0px;
	line-height: 140%;
	font-size: 100%;
}

p {
	text-align:justify;
}

a {
	text-decoration: none;
	color: #2e79ba;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4 {
	margin: 0px;
	color: #4F4F4F;
	font-weight: normal;	
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 16px;
	color: #2e79ba;
	line-height: 140%;
	margin: 5px 0 5px 0;
}

h3 {
	font-size: 14px;
	margin: 5px 0 10px 0;
}

h4 {
	font-size: 12px;
}

ul {
	margin: 0px;
	padding-left: 10px;
}

ul li {
	list-style: none;
	background: url(layout/bullet.png) top left no-repeat;
	padding: 0px 0px 11px 22px;
	line-height:140%;

}

ul li.indent, .indent {
	background: url(layout/arrow.png) center left no-repeat;
	margin-left: 10px;
	padding:2px 0 2px 10px;
}

/***********************************
 * LAYOUT 
 ***********************************/
.wrapper {
	width: 960px;
	/*width: 998px;*/
	overflow: hidden;
}

#container {
}

#header {
	background: url(layout/header_bg.png) top left repeat-x;
	padding: 3px 0 0 0;
	height: 173px;
}

.logo {
	padding: 16px 4px 0 0;
	margin: 11px 0 0 0;
	float:left;
}

.slogan {
	height:80px;
	margin: 11px 0 0 0;	
	float:left;
}

.slogan h2 {
	display: inline;
	font-size: 15px;
	color: #4F4F4F;
}

#header-floating {
	width:100%;
	height:69px;
	position:fixed;
 	display:none;
 	padding:3px 0 0 0;
 	z-index:99;
 	background: url(layout/header-floating_bg.png) top left repeat-x;
}

/* IE6 hack */
* html #header-floating {
	position:absolute;
}

#header-floating .logo {
	padding: 0 0 0 0;
}

/***********************************
 * FOOTER 
 ***********************************/
#footer {
	/*background: #292929 url(layout/footer_bg.png) top left repeat-x;*/
	height: 37px;
	font-size: 13px;
	color: #eaeaea;
	font-family: Segoe UI, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
}

#footer .wrapper {
	width: 940px;
}

#footer #footer_menu a {
	color: #eaeaea;
	padding:0 3px 0 12px;
	background: url(layout/footer_menu_item_bg.png) bottom left no-repeat;
}

#footer #footer_menu a.highlight {
	color: #7fabe0;
}

/***********************************
 * CONTENT 
 ***********************************/
#content {
}

#content .wrapper {
	width: 998px;
}

#main-content {
	background: #ffffff;
}

#main-content.sidebar-right {
	background: #ffffff url(layout/side-right_bg.png) top right repeat-y;
}

#border-content {
	background: url(layout/border-content_bg.png) top left repeat-y;
}

/* IE6 hack */
* html #border-content {
	/*background: none;*/
}

#border-content .border-content-top {
	background: url(layout/border-content-top_bg.png) top left no-repeat;
	/*min-height:386px;*/
	min-height:392px;
	padding: 17px 3px 0 4px;
	overflow:hidden;
}

#border-content .border-content-bottom {
	height:63px;
	background: url(layout/border-content-bottom_bg.png) bottom left no-repeat;	
	clear:both;
}

#border-content .content {
/*	padding: 4px 20px 4px 20px;*//*RH - MOD for elephant promo */
	padding: 0px 20px 0px 20px;
	overflow: hidden;
	clear: both;
	text-align: left;
}

#border-content .content .content-left {
	float:left;
	width:600px;	
}

#border-content .content .sidebar-right {
	float:right;
	width:340px;
}

#border-content .subheader {
	height: 62px;
	background: transparent url(layout/border-content-subheader_bg.png) top center no-repeat;
}

#border-content .subheader.big {
	height: 97px;
	background: transparent url(layout/border-content-subheader_big_bg.png) top center no-repeat;
}

#border-content .subheader h1 {
	color: #ffffff;	
}

#border-content .subheader .title {
	padding: 14px 5px 4px 30px;
	float: left;
}

#border-content .subheader .buttons {
	padding: 6px 25px 0px 0px;	
	*padding: 18px 25px 0px 0px; /* IE7 and IE6 hack */
	float: right;
}

.subheader .buttons ul {
	margin: 13px 0 0 0;
}

.subheader .buttons ul li {
	float:left;
	background: none;
	padding: 0px;	
	list-style-type: none;
}

.subheader .buttons ul a {
	color: #ffffff;
	display: inline-block;
	padding: 4px 9px;
}

.subheader .buttons ul a:hover {
	text-decoration:none;
	color:#c0c0c0;
}

.button_1 #button_1,
.button_2 #button_2,
.button_3 #button_3,
.button_4 #button_4,
.button_5 #button_5,
.button_6 #button_6,
.button_7 #button_7,
.button_8 #button_8,
.button_9 #button_9,
.button_10 #button_10 {
	color: #555555;
	background:transparent url(layout/subheader_buttons_bg.png) top left repeat-x;		
}

/***********************************
 * MENU 
 ***********************************/
#menu {
	margin: 101px 0 0 0;
	text-align:left;
}

/* IE6 hack */
* html #menu {
	margin: 7px 0 0 0;
}

/* Nav */
ul#nav, ul#nav li {
	margin: 0;
	padding: 0;
}

ul#nav li {
	display: inline;
	width:auto;
	list-style-type: none;
	background: none;
	line-height:normal;
}

ul#nav li a {
	display:inline-block;
	color:#ffffff;
	margin:0 10px 0 0;
	padding: 10px 15px 11px 15px;
	*padding: 10px 15px 16px 15px; /* IE7 and IE6 hack */
}

ul#nav li a:hover {
	text-decoration:none;
	/*background:url(layout/menu_bg_hover.png) top left repeat-x;*/
}

/* Nav class for active menu hover effect - by Etc/util.js */
ul#nav li a.active {
	background:url(layout/menu_bg_hover.png) top left repeat-x;
}


.nav_1 a#nav_1, .nav_1 a.active#nav_1,
.nav_2 a#nav_2, .nav_2 a.active#nav_2,
.nav_3 a#nav_3, .nav_3 a.active#nav_3,
.nav_4 a#nav_4, .nav_4 a.active#nav_4,
.nav_5 a#nav_5, .nav_5 a.active#nav_5,
.nav_6 a#nav_6, .nav_6 a.active#nav_6,
.nav_7 a#nav_7, .nav_7 a.active#nav_7,
.nav_8 a#nav_8, .nav_8 a.active#nav_8,
.nav_9 a#nav_9, .nav_9 a.active#nav_9,
.nav_10 a#nav_10, .nav_10 a.active#nav_10 {
	background:url(layout/tab_bg.png) top left no-repeat;
	text-align:center;
	color: #ffffff;
	width:144px;
	height:30px;
	padding: 14px 0 0 0;
	display:inline-block;
}

.nav_1 a#nav_1:hover,
.nav_2 a#nav_2:hover,
.nav_3 a#nav_3:hover,
.nav_4 a#nav_4:hover,
.nav_5 a#nav_5:hover,
.nav_6 a#nav_6:hover,
.nav_7 a#nav_7:hover,
.nav_8 a#nav_8:hover,
.nav_9 a#nav_9:hover,
.nav_10 a#nav_10:hover {
	color: #c0c0c0;
	background:url(layout/tab_bg.png) top left no-repeat;
}

/* Use this code in Site_Content.css if you need of a tab more larger */
/*
.nav_2 a#nav_2, .nav_2 a.active#nav_2 {
	width:176px;
	background:url(layout/tab_large_bg.png) top left no-repeat;
}
*/

/* Subnav */
#submenu {
	margin: 5px 0 0 0;
	height:25px;
}

ul.subnav {
	display:none;
	margin:0px;
	padding:0px;
	position:absolute;
	/*visibility:hidden;*/
	z-index:10;
}

ul.subnav li {
	display:inline-block;
	*display:inline; /* IE7 and IE6 hack */
	padding: 2px 15px 2px 15px;
	background: none;
}

.nav_1 ul#subnav_nav_1,
.nav_2 ul#subnav_nav_2,
.nav_3 ul#subnav_nav_3,
.nav_4 ul#subnav_nav_4,
.nav_5 ul#subnav_nav_5,
.nav_6 ul#subnav_nav_6,
.nav_7 ul#subnav_nav_7,
.nav_8 ul#subnav_nav_8,
.nav_9 ul#subnav_nav_9,
.nav_10 ul#subnav_nav_10 {
	/*visibility:visible;*/
	display:block;
}

/* Subnav - drop down menu */
ul.subnav li ul {
	width:206px;
	margin:0 0 0 0;
	padding:5px;
	visibility:hidden;
	position:absolute;
	z-index: 1000;
	
	border-top:1px solid #2e79ba;
	border-bottom:3px solid #2e79ba;
	background:#dce5ef;
	
	-moz-opacity: 0.95;
	opacity: .95;
	filter: alpha(opacity=95);
}

ul.subnav li ul li.menu-list {
	margin: 5px 0 0 0;
}

ul.subnav li:hover ul {
	visibility:visible;
}

ul.subnav li ul li {
	display:block;
	padding:0px 0 4px 0;
	font-size:11px;
}

ul.subnav li ul li a {
	
}

/***********************************
 * LAYOUT ELEMENTS 
 ***********************************/
.tab {
	background:url(layout/tab_bg.png) top left no-repeat;
	text-align:center;
	color: #ffffff;
	width:144px;
	height:30px;
	padding: 13px 0 0 0;
	display:inline-block;
}

a.tab {
	color: #ffffff;
}

a.tab:hover {
	color: #c0c0c0;
	text-decoration:none;
}

a.tab_right {
	top:38%;
	right:0px;
	position:fixed;
	width:35px;
	height:129px;
	display:block;
	z-index:1001;
}

a.tab_right:hover {
	text-decoration:none;
}

a.tab_right.signup {
	background:url(layout/tab_right_bg.png) top left no-repeat;
}

a.tab_right.signup:hover {
	background:url(layout/tab_right_bg_hover.png) top left no-repeat;
}

a.tab_right.feedback {
	background:url(layout/tab_right_feedback_bg.png) top left no-repeat;
}

a.tab_right.feedback:hover {
	background:url(layout/tab_right_feedback_bg_hover.png) top left no-repeat;
}

/* IE6 hack */
* html a.tab_right {
	position:absolute;
}

.price .amount {
	float:left;
	font-size: 36px;
	padding: 0px 2px 0px 0;
}

.price .cents {
	float:left;
	font-size: 11px;
	/*line-height: 100%;*/
	padding: 7px 2px 11px 0;
}

.legend {
	font-style:italic; 
}

/* "AREA" CSS CAN BE FOUND IN SITE_CONTENT.CSS */

/***********************************
 * TABLES
 ***********************************/
 /* Normal Tables  */
table.tabular tr th,
table.tabular td.header {
	color: #ffffff;
	/*background: #797979 url(tables/th_bg.png) top left repeat-x;*/
	background: url(tables/th_bg.png) top left repeat-x;
	line-height: 30px;
	vertical-align: middle;
}

table.tabular tr th {
	/*width: 25%;*/
	/*font-size: 15px;*/
}

table.tabular tr th img {
	margin:0;
	padding:0;
	border:none;	
}

table.tabular tr.odd td,
table.tabular tr.even td{
	line-height: 22px;	
	/*vertical-align: top;*/
	border-bottom:1px solid #cecece;
}

table.tabular tr.odd {
	background: #ffffff;
}

table.tabular tr.even {
	background: #f4f4f4;
}

.tabular td.bdr, .tabular th.bdr {
	border-right: 1px solid #999;
}


/* Table Form */
table.table_form {
	margin: 10px 0 0 0;
	display:inline-block;
}

table.table_form td {
	padding: 7px 0 0 0;
	color: #000000;
	/*text-align:left;*/
}
/***********************************
 * FORMS
 ***********************************/
#message ul li {
	padding: 4px 0px 4px 28px;
}

.message {
	border:1px solid #c0c0c0;
	background: #efefef;
	color:#000000;
	text-align: left;
	padding: 5px 0 5px 5px;
	display:block;	
}

.field_normal {
	border:1px solid #a0a0a0;
	padding:2px;
	background: #ffffff;
}

.error, .field_error {
	border: 1px solid #ed474f;
	padding:2px;
	background: #fee8e8;
}

.error ul li {
	background: url(layout/bullet_error.png) top left no-repeat;
}

.form {
	padding: 8px 8px 8px 8px;
}

.form.green {
	background-color: #dff1d8;
	border:1px solid #459029;
}

/***********************************
 * BUTTONS
 ***********************************/
 
/* Button normal */ 
a.button-ok {
	text-align:center;
	color: #444444;
	font-weight:bold;
	width:42px;
	height:20px;	
	display:inline-block;
	padding: 3px 0 0 0;	
	background-color: #2271b2;
	background-position: top left;
	background-repeat: no-repeat;	
}

a.button-ok:hover {
	text-decoration: none;
}

a.button-ok.gray {
	background-color: transparent;
	background: url(buttons/button-ok_gray_bg.png) top left no-repeat;
}

a.button-ok.gray:hover {
	background: url(buttons/button-ok_gray_bg_hover.png) top left no-repeat;
}
 
/* Button normal */
a.button-normal {
	text-align:center;
	font-size:16px;
	color: #ffffff;
	width:184px;
	height:35px;
	display:inline-block;
	padding: 15px 0 0 0;
	background-color: #2271b2;
	background-position: top left;
	background-repeat: no-repeat;	
}

a.button-normal:hover {
	text-decoration:none;
}

a.button-normal.bg1 {
	background-image: url(buttons/button-normal_bg1.png);
}

a.button-normal.bg1:hover {
	background-image: url(buttons/button-normal_bg1_hover.png);
}

a.button-normal.bg2 {
	background-image: url(buttons/button-normal_bg2.png);
}

a.button-normal.bg2:hover {
	background-image: url(buttons/button-normal_bg2_hover.png);
}

a.button-normal.bg3 {
	background-image: url(buttons/button-normal_bg3.png);
}

a.button-normal.bg3:hover {
	background-image: url(buttons/button-normal_bg3_hover.png);
}
 
/* Button small */
a.button-small {
	text-align:left;
	color: #ffffff;
	width:118px;
	height:21px;
	display:inline-block;
	padding: 2px 0 2px 10px;
	background-color: #2271b2;
	background-position: top left;
	background-repeat: no-repeat;	
}

a.button-small:hover {
	text-decoration:none;
}

a.button-small.bg1 {
	background-image: url(buttons/button-small_bg1.png);
}

a.button-small.bg1:hover {
	background-image: url(buttons/button-small_bg1_hover.png);
}

a.button-small.bg2 {
	background-image: url(buttons/button-small_bg2.png);
}

a.button-small.bg2:hover {
	background-image: url(buttons/button-small_bg2_hover.png);
}

a.button-small.bg3 {
	background-image: url(buttons/button-small_bg3.png);
}

a.button-small.bg3:hover {
	background-image: url(buttons/button-small_bg3_hover.png);
}

a.button-small.dark-gray {
	color:#ffffff !important;
	background-color: transparent;
	background-image: url(buttons/button-small_dark-gray_bg.png);
}

a.button-small.dark-gray:hover {
	background-image: url(buttons/button-small_dark-gray_bg_hover.png);
}

a.button-small.green {
	color:#ffffff !important;
	background-color: transparent;
	background-image: url(buttons/button-small_green_bg.png);
}

a.button-small.green:hover {
	background-image: url(buttons/button-small_green_bg_hover.png);
}

/* Button oval */
a.button-oval {
	text-align:center;
	color:#ffffff !important;
	width: 180px;
	height: 26px;
	padding: 8px 0 0 0;
	display:inline-block;
	background-color: #2271b2;
	background-position: top left;
	background-repeat: no-repeat;		
}

a.button-oval:hover {
	text-decoration:none;
}

a.button-oval.green {
	background-color: transparent;
	background: url(buttons/button-oval_green_bg.png) top left no-repeat;
}

a.button-oval.green:hover {
	background: url(buttons/button-oval_green_hover_bg.png) top left no-repeat;
}

/* Button medium */
a.button-medium {
	text-align:center;
	color: #ffffff;
	width:230px;
	height:64px;
	display:inline-block;
	padding: 0 0 0 0;
	margin: 5px 0 0 0;
	background-color: #2271b2;
	background-position: top left;
	background-repeat: no-repeat;	
}

a.button-medium:hover {
	text-decoration: none;	
}

a.button-medium.bg1 {
	background-image: url(buttons/button-medium_bg1.png);
}

a.button-medium.bg1:hover {
	background-image: url(buttons/button-medium_bg1_hover.png);
}

a.button-medium.bg2 {
	background-image: url(buttons/button-medium_bg2.png);
}

a.button-medium.bg2:hover {
	background-image: url(buttons/button-medium_bg2_hover.png);
}

a.button-medium.bg3 {
	background-image: url(buttons/button-medium_bg3.png);
}

a.button-medium.bg3:hover {
	background-image: url(buttons/button-medium_bg3_hover.png);
}

a.button-medium h2 {
	font-size:18px;
	font-weight: normal;
	color: #ffffff;
	margin: 6px 0 4px 0;
}

a.button-medium h3 {
	font-size:14px;
	font-weight: normal;
	color: #ffffff;
	margin: 4px 0 4px 0;
}
 
/* Button big */ 
a.button-big {
	text-align:center;
	color: #ffffff;
	width:300px;
	height:75px;
	display:inline-block;
	padding: 5px 0 2px 0;
	margin: 5px 0 0 0;
	background-color: #2271b2;
	background-position: top left;
	background-repeat: no-repeat;	
}

a.button-big:hover {
	text-decoration: none;	
}

a.button-big.bg1 {
	background-image: url(buttons/button-big_bg1.png);
}

a.button-big.bg1:hover {
	background-image: url(buttons/button-big_bg1_hover.png);
}

a.button-big.bg2 {
	background-image: url(buttons/button-big_bg2.png);
}

a.button-big.bg2:hover {
	background-image: url(buttons/button-big_bg2_hover.png);
}

a.button-big.bg3 {
	background-image: url(buttons/button-big_bg3.png);
}

a.button-big.bg3:hover {
	background-image: url(buttons/button-big_bg3_hover.png);
}

a.button-big h2, 
a.button-big .h2 {
	font-size:18px;
	font-weight: normal;
	color: #ffffff;
	display: block;
	margin: 8px 0 5px 0;
	*margin-top: 16px; /* IE7 and IE6 hack */	
}

a.button-big h3, 
a.button-big .h3 {
	font-size:14px;
	font-weight: normal;
	color: #ffffff;
	display: block;
	text-align: center;
	margin: 8px 0 5px 0;
}


/***********************************
 * HIGHLIGHT BOX
 ***********************************/
.highlightbox {
	background: url(highlightbox/highlightbox_bg.png) top left repeat-x;
}

/***********************************
 * HIGHLIGHT AREA
 ***********************************/
.highlightarea {
	background:#595959;
	padding:4px 4px 4px 4px;
	color: #c6c6c6;
	text-align:left;
}

.highlightarea .title {
	text-align:center;
	height:42px;
	background: url(highlightarea/highlightarea_title_bg.png) top left no-repeat;
	margin: 0 2px 0 0;
}

.highlightarea .title h2 {
	background: url(highlightarea/highlightarea_title_h2_bg.png) top right no-repeat;
	height:35px;
	color: #ffffff;
	padding: 7px 0 0 0;
	margin: 0 0 0 0;
}

.highlightarea h3 {
	color: #ffffff;
	font-weight:normal;
	padding: 0px;
	font-size:13px;
	text-align: left;
	margin: 4px 0 2px 5px;
}

.highlightarea .option h3 {
	margin: 0 0 0 0;
}

.highlightarea .option {
	padding:4px;
	margin:9px 2px 0 2px;
	overflow:hidden;
	background: #000000 url(highlightarea/highlightarea_option_bg.png) top left no-repeat;
}

.highlightarea p {
	padding:0 5px 0 5px;
	font-size:11px;
}

.highlightarea .option p {
	color:#989898;
	padding:0px;
	margin: 0px;
	font-size:10.5px;
}

.highlightarea .option .price {
	color: #ffffff;
	/*width:80px;*/
	float:right;
	text-align:left;
	padding: 0 4px 4px 0;
	
}

.highlightarea .option .radio {
	float:left;
	width:16px;
	padding: 2px 0 0 0;
}

.highlightarea .option .description {
	/*width:auto;*/
	float:left;
	*padding: 2px 0 0 4px; /* IE7 and IE6 hack */
}

.highlightarea .option .description .textbox {
	background-color:#eaeaea;
	color: #666666;
	margin-left: 0px;
	width: 200px;
	font-style:normal;
	padding:2px 2px 2px 2px;
	border: 0px solid #202020;
}

.highlightarea .band {
	position:absolute;
	margin:6px 0 0 243px;
	z-index:999;
}

/***********************************
 * THICKBOX 
 ***********************************/
 
#TB_window a:link {color: #71f243;}
#TB_window a:visited {color: #71f243;}
#TB_window a:hover {color: #71f243;}
#TB_window a:active {color: #71f243;}
#TB_window a:focus{color: #71f243;}

#TB_window #TB_closeAjaxWindow a {
	text-transform: capitalize;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
}
 
#TB_window {
	font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	background: #5a5a5a;
	color:#fefefe;
	border: 1px solid #777777;
	
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;	
} 

#TB_secondLine {
	font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
	font-size: 13px;	
}

#TB_closeAjaxWindow {
	font-style: italic;
}
 
#TB_title {
	background: #131313 url(/Master/thickbox/thickbox_title_bg.png) top left repeat-x;	
	height:21px;
	padding: 0px 0px 14px 0px;
	font-size: 14px;
}

#TB_ajaxContent {
	padding:10px 10px 10px 10px;
}

#TB_window h1 {
	color: #fefefe;	
}

#TB_window p {
	margin: 5px 0px 0px 0px;	
	padding: 0px;
}

/***********************************
 * SPECIAL 
 ***********************************/
.nomargin { margin: 0px !important; }
.marginauto { margin: auto !important; }
.marginall { margin: 8px 8px 8px 8px !important; }
.marginall5 { margin: 5px 5px 5px 5px !important; }
.marginall10 { margin: 10px 10px 10px 10px !important; }
.marginall15 { margin: 15px 15px 15px 15px !important; }
.marginall20 { margin: 20px 20px 20px 20px !important; }
.marginall25 { margin: 25px 25px 25px 25px !important; }
.marginall30 { margin: 30px 30px 30px 30px !important; }
.marginall35 { margin: 35px 35px 35px 35px !important; }
.marginleft { margin-left: 8px !important; }
.marginleft5 { margin-left: 5px !important; }
.marginleft10 { margin-left: 10px !important; }
.marginleft15 { margin-left: 15px !important; }
.marginleft20 { margin-left: 20px !important; }
.marginleft25 { margin-left: 25px !important; }
.marginleft30 { margin-left: 30px !important; }
.marginleft35 { margin-left: 10px !important; }
.marginright { margin-right: 8px !important; }
.marginright5 { margin-right: 5px !important; }
.marginright10 { margin-right: 10px !important; }
.marginright15 { margin-right: 15px !important; }
.marginright20 { margin-right: 20px !important; }
.marginright25 { margin-right: 25px !important; }
.marginright30 { margin-right: 30px !important; }
.marginright35 { margin-right: 35px !important; }
.margintop { margin-top: 8px !important; }
.margintop5 { margin-top: 5px !important; }
.margintop10 { margin-top: 10px !important; }
.margintop15 { margin-top: 15px !important; }
.margintop20 { margin-top: 20px !important; }
.margintop25 { margin-top: 25px !important; }
.margintop30 { margin-top: 30px !important; }
.margintop35 { margin-top: 35px !important; }
.marginbottom { margin-bottom: 8px !important; }
.marginbottom5 { margin-bottom: 5px !important; }
.marginbottom10 { margin-bottom: 10px !important; }
.marginbottom15 { margin-bottom: 15px !important; }
.marginbottom20 { margin-bottom: 20px !important; }
.marginbottom25 { margin-bottom: 25px !important; }
.marginbottom30 { margin-bottom: 30px !important; }
.marginbottom35 { margin-bottom: 35px !important; }
.nopadding { padding: 0px !important; }
.padall { padding: 8px 8px 8px 8px !important; }
.padall5 { padding: 5px !important; }
.padall10 { padding: 10px !important; }
.padall15 { padding: 15px !important; }
.padall20 { padding: 20px !important; }
.padall25 { padding: 25px !important; }
.padall30 { padding: 30px !important; }
.padall35 { padding: 35px !important; }
.padleft { padding-left: 8px !important; }
.padleft5 { padding-left: 5px !important; }
.padleft10 { padding-left: 10px !important; }
.padleft15 { padding-left: 15px !important; }
.padleft20 { padding-left: 20px !important; }
.padleft25 { padding-left: 25px !important; }
.padleft30 { padding-left: 30px !important; }
.padleft35 { padding-left: 35px !important; }
.padright { padding-right: 8px !important; }
.padright5 { padding-right: 5px !important; }
.padright10 { padding-right: 10px !important; }
.padright15 { padding-right: 15px !important; }
.padright20 { padding-right: 20px !important; }
.padright25 { padding-right: 25px !important; }
.padright30 { padding-right: 30px !important; }
.padright35 { padding-right: 35px !important; }
.padtop { padding-top: 8px !important; }
.padtop5 { padding-top: 5px !important; }
.padtop10 { padding-top: 10px !important; }
.padtop15 { padding-top: 15px !important; }
.padtop20 { padding-top: 20px !important; }
.padtop25 { padding-top: 25px !important; }
.padtop30 { padding-top: 30px !important; }
.padtop35 { padding-top: 35px !important; }
.padtoplarge { padding-top: 100px !important; }
.padbottom { padding-bottom: 8px !important; }
.padbottom5 { padding-bottom: 5px !important; }
.padbottom10 { padding-bottom: 10px !important; }
.padbottom15 { padding-bottom: 15px !important; }
.padbottom20{ padding-bottom: 20px !important; }
.padbottom25 { padding-bottom: 25px !important; }
.padbottom30 { padding-bottom: 30px !important; }
.padbottom35 { padding-bottom: 35px !important; }

/* Text alignment helpers, etc.
	often used within a table cell.Use instead of align= and valign= HTML attributes. */
.nobr { white-space: nowrap !important; }	/* Use instead of <nobr>Some text</nobr> */
.left { text-align: left !important; }
.center { text-align: center !important; }
.justify { text-align: justify !important; }
.right { text-align: right !important; }
.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }
.fleft { float: left !important; }
.fright { float: right !important; }
.fnone { float: none !important; }
.clear { clear: both !important; }	/* See br.clear above... */

.floatl { float: left !important; clear: left; }
.floatr { float: right !important; clear: right; }

/* Text style helpers Use instead of <b>, <i>, <u> */
.bold { font-weight: bold !important; }
.normal { font-weight: normal !important; }
.italic { font-style:italic !important; }
.underline { text-decoration: underline !important; }
.notext-decoration { text-decoration: none !important; }

/* DELTA NOTE: RH added 8/31/10, needs to be added to all site's Common_Content.css */
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }

/* Font relative sizes */
.fontsmaller { font-size: smaller !important; }
.fontlarger { /*font-size: larger !important;*/ font-size: 15px !important; }
.fontxxsmall { font-size: xx-small !important; }
.fontxsmall { font-size: x-small !important; }
.fontsmall { font-size: small !important; }
.fontmedium { font-size: medium !important; }
.fontlarge { font-size: large !important; }
.fontxlarge { font-size: x-large !important; }
.fontxxlarge { /*font-size: xx-large !important;*/ font-size: 28px !important; }
.fontxxxlarge { font-size: 32px !important; }

/* Text colors */
.gray { color:#818181 !important; }
.dark-gray { color:#434343 !important; }
.blue { color: #2e79ba !important; }
.green { color: #428e25 !important; }
.red { color: #ff0c00 !important; }
.white { color: #ffffff !important; }
.black { color: #000000 !important; }

/* Background colors */
.bg_gray { background-color: #909090 !important; }
.bg_dark-gray { background-color: #404040 !important; }
.bg_light-gray { background-color: #efefef !important; }
.bg_orange { background-color: #ff7401 !important; }
.bg_yellow { background-color: #eec70c !important; }
.bg_green { background-color: #428e25 !important; }
.bg_blue { background-color: #2271b2 !important; }
.bg_red { background-color: #ff0c00 !important; }
.bg_white { background-color: #ffffff !important; }
.bg_transparent { background: transparent !important; }
.bg_none { background: none !important; }

/* Borders */
.border_gray { border:1px solid #b5b5b5 !important; }