body {
	background:#000 url(../images/pageBG.gif) repeat top left;
	color: #6c6a6a;
	font: 13px arial, helvetica, sans-serif;
	margin:0;
	padding:0;
	width:100%;
}
a:link, body_alink {
	color: #307fc2;
	text-decoration: none;
}
a:visited, body_avisited {
	color: #307fc2;
	text-decoration: none;
}
a:hover, a:active, body_ahover {
	color: #307fc2;
	text-decoration: none;
}

/* Misc Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img {
	border:0;
}
.verticalAlign {
	vertical-align:middle;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.center {
	text-align:center;
}
p.padding {
	padding:10px 0 25px 0;
}

/* Page Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pageWrapper {
	background:#fff url(../images/pageWrapBG.png) repeat-x top left;
}
.pageBottom {
	background:url(../images/pageBottomBG.png) repeat-x bottom left;
}
.pageWrap {
	width:1100px;
	margin:0 auto;
}
.pageWrap2 {
	width:100%;
	margin:0 0;
}

/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#headerMain {
	height:160px;
	position:relative;
}



/* Content Top
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contentTop {
	background:#333;
	border-left:1px solid #464545;
	border-right:1px solid #464545;
	padding:8px 12px 15px 12px;
	color:#FFFFFF;
}
.contentTopHead h1 {
	color:#0080FF;
	margin-bottom:15px;
}
.contentTopHead p {
	color:#0080FF;
	padding:0;
}
.contentTopHead a:link, .contentTopHead a:visited {
	color:#0080FF;
}
.contentTopHead a:hover {
	color:#FF8080;
}
.featuresBox {
	background:#2c2c2c;
	border:1px solid #515151;
	padding:10px 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	margin-bottom:0px;	
}
.featuresBox A:link {
color: #0079EE;
text-decoration: none;
}
.featuresBox A:visited {
color: #0079EE;
text-decoration: none;
}
.featuresBox A:active {
color: #0079EE;
text-decoration: none;
}
.featuresBox A:hover {
color: #FF8C00;
text-decoration: none;
} 
.featuresBox h3 {
	font-size:18px;
	font-weight:700;
	color:#fff;
	margin-bottom:8px;
}
.featuresBox h3 strong {
	color:#ffeb9d;
}
.featuresBox p {
	color:#b8b8b8;
	line-height:18px;
}

/* Content Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contentMain {
	background:#ececec url(../images/contentMainBG.png) repeat-x top left;
	padding:12px 12px 0 12px;
}
.contentBottom {
	background:#ececec;
	height:15px;	
}
.contentBottomLeft {
	background:url(../images/contentBottomLeft.png) no-repeat top left;
	height:15px;
}
.contentBottomRight {
	background:url(../images/contentBottomRight.png) no-repeat top right;
	height:15px;
	padding:0 15px;
}

/* Footer Info
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerInfo {
	height:20px;
	padding:0 0 0 0;
	color:#878787;
	line-height:0px;
}
#footerInfo h3 {
	color:#e7e7e7;
	font-size:25px;
	margin-bottom:25px;
	text-transform:uppercase;
}
.footerPartners {
	float:left;
	width:323px;
}
.footerTestimonials {
	float:left;
	width:400px;
	padding-right:44px;
}
.testimonialBy {
	float:right;
	color:#dfdfdf;
}
.testimonialBy a:link, .testimonialBy a:visited {
	color:#dfdfdf;
}
.testimonialBy a:hover {
	color:#fff;
}
.footerResources {
	float:left;
	width:192px;
}
.footerResources li {
	background:url(../images/footerBullet.gif) no-repeat left;
	padding-left:22px;
}
.footerResources a:link, .footerResources a:visited {
	color:#b2b2b2;
}
.footerResources a:hover {
	color:#fff;
}

/* Footer Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerMain {
	height:42px;
	line-height:42px;
	color:#dfdfdf;
	font-size:14px;
}

/* Index Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.homeInfo {
	padding:0 0 0 25px;
}
.homeInfoHead {
	text-transform:uppercase;
}
.homeInfoList {
	color:#feffff;
	padding:13px 0;
	line-height:24px;
}
.homeInfoList li {
	background:url(../images/footerBullet.gif) no-repeat left;	
	padding-left:20px;	
}
.homeInfoList a:link, .homeInfoList a:visited {
	color:#feffff;
}
.homeInfoList a:hover {
	color:#ffeb9d;
}
.quickFAQ, .latestNews {
	width:228px;
	float:left;
	margin-right:40px;
}
.specialBox {
	background:url(../images/specialBox.gif) no-repeat top left;
	position:relative;
	width:365px;
	height:222px;
	float:left;
	text-align:center;
}
#currentSpecial {
	position:absolute;
	top:-7px;
	left:-7px;
}
#contentMain.contentPadding {
	padding:0;
}
.mainBar {
	background:url(../images/mainBarBG.png) repeat-x top left;
	height:102px;
	font-size:25px;
	text-transform:uppercase;
}
.mainBarLeft {
	background:url(../images/mainBarLeft.png) no-repeat top left;
	height:102px;
}
.mainBarRight {
	background:url(../images/mainBarRight.png) no-repeat top right;
	height:67px;
	padding:35px 33px 0 33px;
}
.mainBar .left {
	float:left;
}
.mainBar .right {
	float:right;
}
.contentHome {
	background:url(../images/acceptedPayment.gif) no-repeat bottom right;
	padding:17px 17px 0 17px;
}
.homeScreenshot {
	background:url(../images/whmxtra-screenshot.gif) no-repeat top left;
	width:354px;
	height:212px;
	position:relative;
	float:left;
}
.homeScreenPro {
	position:absolute;
	top:-4px;
	right:28px;
}
.homeWelcome {
	float:left;
	width:520px;
	color:#717171;
	padding:5px 0 0 26px;
}
.homeWelcome img {
	margin-bottom:10px;
}
.homeWelcome h1 {
	color:#383534;
	font-size:25px;
	margin-bottom:15px;
}
.volumeInfo {
	float:left;
	width:520px;
	color:#717171;
	padding:0 0 15px 26px;
}
.volumeInfo h1 {
	color:#383534;
	font-size:25px;
	margin-bottom:15px;
}
/* Support Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.supportBox {
	background:#444;
	border:1px solid #6c6c6c;
	padding:5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}
.supportBox a:link, .supportBox a:visited {
	color:#b5b5b5;
	margin:6px;
	line-height:18px;
}
.supportBox a:link strong, .supportBox a:visited strong {
	color:#fff;
	font-size:25px;
	text-transform:uppercase;
	display:block;
	padding-bottom:4px;
}
.supportBox a:hover strong {
	color:#ffeb9d;
}
.supportBox a.supportBox1 {
	background:url(../images/supportHelpDesk.jpg) no-repeat top left;
	width:282px;
	height:58px;
	display:block;
	float:left;
	padding:22px 0 0 86px;
}
.supportBox a.supportBox2 {
	background:url(../images/supportContact.jpg) no-repeat top left;
	width:443px;
	height:65px;
	display:block;
	float:left;
	padding:15px 0 0 86px;	
}
.supportBox a.supportBox3 {
	background:url(../images/supportFAQ.jpg) no-repeat top left;	
	width:282px;
	height:58px;
	display:block;
	float:left;
	padding:22px 0 0 86px;
}
.supportBox a.supportBox4 {
	background:url(../images/supportDocs.jpg) no-repeat top left;	
	width:443px;
	height:58px;
	display:block;
	float:left;
	padding:22px 0 0 86px;
}
/* ================================================= */
/* 	 SEARCH BAR CSS ITEMS                          */
/* ================================================= */
.searchbar
{
float:right;
padding: 0px 20px 0 0;
text-transform:uppercase;
color:#fff;
}
.searchbar input
{
padding:0px 5px;
}
#submenu img
{
vertical-align:middle;
}
/* ================================================= */
/* 	 Login Box CSS ITEMS                              */
/* ================================================= */
.loginform {
border-top : 0px solid #414141;
padding : 10px;
}
#login form .remember {
float : left;
}
form.loginform label { float:left;}
form.loginform input { clear:left;}
#login .forgot {
clear : both;
float : left;
}
#login form .submit input {
padding : 3px 8px;
border : none;
background : #39b54a;
text-transform : uppercase;
text-decoration : none;
color : #ffffff;
}
#login form .submit input:hover {
padding : 3px 8px;
border : none;
color : #ffffff;
background : #007236;
text-decoration : none;
text-transform : uppercase;
}
form .submit {
float : right;
}
#login {
width : 550px;
margin : 1em auto;
}
#userpass, #userlogin, #useremail {
font-size : 12px;
width : 97%;
padding : 3px;
}
.vmiddle 
{
 vertical-align:middle;
}
/* ================================================= */
/* 	 COMMON CSS ITEMS                              */
/* ================================================= */
a:link, a:visited, a:active {
color : #484848;
text-decoration : none;
}
a:hover {
color : #f64e40;
text-decoration : none;
}
h1 {
font-size : 250%;
margin : 10px 0;
font-weight : normal;
}
h2 {
font-size : 210%;
margin : 8px 0;
font-weight : normal;
}
h3 {
font-size : 180%;
margin : 7px 0;
font-weight : normal;
}
h4 {
font-size : 140%;
margin : 5px 0;
font-weight : normal;
}
h5 {
font-size : 110%;
margin : 5px 0;
font-weight : normal;
}
h6 {
font-size : 92.5%;
margin : 5px 0;
font-weight : normal;
}
pre, code {
font : 1em/1.4em "Courier News", monospace;
color : #484848;
line-height : 1.5em;
}
/* ================================================= */
/* 	 MESSAGE BOX CSS                               */
/* ================================================= */
.success {
background : #e0ecd1 url(../images/success.gif) no-repeat 12px 50%;
border : 1px solid #60a400;
border-width : 5px 0 0 0;
color : #60a400;
}
.error {
background : #ffe3e1 url(../images/exclamation.png) no-repeat 12px 50%;
border : 1px solid #f14545;
border-width : 5px 0 0 0;
color : #f14545;
}
.notice {
background : #fff0db url(../images/warning.gif) no-repeat 12px 50%;
border : 1px solid #e7a74c;
border-width : 5px 0 0 0;
color : #e7a74c;
}
.notice, .success, .error {
font-size : 100%;
padding : 10px;
width : auto;
margin : 0 0 20px 0;
text-align : left;
}
.notice span, .success span, .error span {
font-weight : bold;
font-size : 18px;
padding : 2px 40px;
}
.success p, .error p, .notice p {
margin : 0;
padding : 0 40px;
color : #333333;
}
/* ================================================= */
/* 	 LIST ITEMS CSS                                   */
/* ================================================= */
.nums ul {
margin : 0;
padding : 0 10px;
}
.nums li {
list-style : decimal;
}
.squares ul {
margin : 0;
padding : 0 10px;
}
.squares li {
list-style : square;
padding : 0;
}
.circles ul {
margin : 0 10px;
padding : 0 10px;
float : right;
}
.circles li {
list-style : circle;
vertical-align : top;
}
/* ================================================= */
/* 	 PAGINATION CSS                               */
/* ================================================= */
.pagelink {
width : 10px;
background : #e7e8e8 url(../images/page.gif) repeat-x bottom left;
border : 1px solid #b2b2b2;
color : #787878;
clear : both;
line-height : 35px;
text-decoration : none;
}
a.pagelink:active, a.pagelink:visited, a.pagelink:link {
width : 10px;
background : url(../images/page.gif) repeat-x bottom left;
border : 1px solid #b2b2b2;
color : #787878;
padding : 6px;
}
a.pagelink:hover {
width : 10px;
background : #fff url(../images/page.gif) repeat-x bottom left;
border : 1px solid #b2b2b2;
color : #f64e40;
padding : 6px;
}
.pagecurrent {
width : 10px;
background : #fff url(../images/page.gif) repeat-x bottom left;
border : 1px solid #b2b2b2;
color : #f64e40;
padding : 6px;
}
/* ================================================= */
/* 	 Small Box CSS                               */
/* ================================================= */
.mainbox {
width : auto;
}
div.boxcontainer2 {
	color : #888;
	width : 700px;
	float : left;
	min-height:50px;
	font : normal 10px Arial, Helvetica, sans-serif;
	background : #ffffff  repeat-x top left;
	padding : 5px 5px 5px 5px;
	border : 1px solid #c6c6c6;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1%;
	margin-left: 1%;
}
div.boxcontainer {
	color : #888;
	width : 100px;
	float : left;
	min-height:50px;
	font : normal 11px Arial, Helvetica, sans-serif;
	background : #ffffff  repeat-x top left;
	padding : 5px 5px 5px 5px;
	border : 1px solid #c6c6c6;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1%;
	margin-left: 1%;
}
.boxcontainer h4 {
float : none;
font-size : 18px;
margin : 0;
font-family : Arial, Verdana, Sans-serif;
padding-bottom : 2px;
}
.boxcontainer h4 {
padding : 5px 0 5px 0;
}
a img.box_thumb, a:visited img.box_thumb {
float : left;
margin-right : 10px;
padding : 5px;
border : 1px solid #7a7a7a;
background : #7a7a7a;
}
a:hover img.box_thumb {
background : #fff;
}
/* ================================================= */
/* 	 TABLE BUTTONS CSS                               */
/* ================================================= */

a.submit:visited,a.submit:active,a.submit:link,   
a.add:visited,a.add:active,a.add:link,   
a.publish:visited,a.publish:active,a.publish:link,   
a.edit:visited,a.edit:active,a.edit:link,   
a.delete:visited,a.delete:active,a.delete:link,
a.reset:visited,a.reset:active,a.reset:link
					{
	width:auto;
	margin: 0 2px 0 0;
	padding: 2px 8px;
	text-transform: uppercase;
	font:bold 10px Arial, Helvetica, sans-serif;
	color: #fff;
	white-space:nowrap;text-decoration:none;
}
	
a.publish 	{ background: #afd2ea; color:#ffffff; }
a.publish:hover { background: #0072bc; color:#ffffff;}

a.edit { background: #949ca1; color:#000000;}
a.edit:hover { background: #727c82; color: #ffffff; }

a.delete { background: #d80047; color:#ffffff; }
a.delete:hover { background: #ffb5b5; color:#ffffff;}

a.add { background: #00a651; color:#ffffff; }
a.add:hover { background: #99d177; color:#ffffff;}

a.reset { background: #96aabf; color:#ffffff; }
a.reset:hover { background: #6f7f90; color:#ffffff;}

a.submit { background: #12486b; color:#ffffff; }
a.submit:hover { background: #000000; color:#ffffff;}

#mysubmit { background-color: #12486b; font-size: 60%; 
border : 0;
	text-transform: uppercase;
	font:bold 10px Arial, Helvetica, sans-serif;
	color: #fff;
	white-space:nowrap;text-decoration:none;
	width:auto;
	margin: 0 2px 0 0;
	padding: 2px 8px;
	}
#mysubmit:hover { background: #000000; color:#ffffff;}

#mysubmit2 { background: #00a651; color:#ffffff; font-size: 60%; 
border : 0;
	text-transform: uppercase;
	font:bold 10px Arial, Helvetica, sans-serif;
	color: #fff;
	white-space:nowrap;text-decoration:none;
	width:auto;
	margin: 0 2px 0 0;
	padding: 2px 8px;
	}
#mysubmit2:hover { background: #99d177; color:#ffffff;}

#mysubmit3 { background: #d80047; color:#ffffff; font-size: 60%; 
border : 0;
	text-transform: uppercase;
	font:bold 10px Arial, Helvetica, sans-serif;
	color: #fff;
	white-space:nowrap;text-decoration:none;
	width:auto;
	margin: 0 2px 0 0;
	padding: 2px 8px;
	}
#mysubmit3:hover { background: #ffb5b5; color:#ffffff;}

#license { 
	font:bold 10px Arial, Helvetica, sans-serif;
	color: #fff;
	white-space:nowrap;text-decoration:none;
	}
/* Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#navigation {
	height:48px;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
}
.navLeft {
	background:url(../images/navLeft.png) no-repeat top left;
	height:48px;
}
.navRight {
	background:url(../images/navRight.png) no-repeat top right;
	height:48px;
	padding:0 12px;
}
.nav {
	background:url(../images/navBG.png) repeat-x top left;
	height:35px;
	padding-top:13px;
}
#navHome {
	float:left;
	margin-right:5px;
}
#nav {
	float:left;
}
#navigation ul {
	list-style:none;
	margin:0;
	padding:0;
}
#navigation li {
	display:inline;
	margin:0;
	padding:0;
}
#navigation ul a {

	float:left;
	margin:0 4px 0 0;
	padding:0 10px;
	line-height:29px;	
	color:#fff;
	text-decoration:none;
}
#navigation ul a:hover {
	background:url(../images/navArrow.png) no-repeat top center;
}
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p {
	padding-bottom:15px;
	line-height:18px;
}