/*------------------------------------------------------------------
//	GetRight.com Website
//	Copyright Headlight Software, Inc.
//	GetRight by Michael Burford
//	Website Design by Peter Burford
//----------------------------------------------------------------*/

/* Defaults */
body {
	font-family: Verdana;
	font-size:10pt;
	color:#000000;
	margin: 0 0 0 0;
	background:#eeeeee;
}
.small {
	font-size:8pt;
}
.smaller {
	font-size:7pt;
}
.smallest {
	font-size:6pt;
}
sup, .sup {
	vertical-align:super;
	font-size:6pt;
}
.big {
	font-size:12pt;
}
.bigger {
	font-size:14pt;
}
.biggest {
	font-size:16pt;
}
.huge {
	font-size:18pt;
}
.bold {
	font-weight:bold;
}
.normal {
	font-weight:normal;
}
.light {
	font-weight:lighter;
}
.italic {
	font-style:italic;
}

.green {color:#363;}
.red {color:#933;}
.hand {cursor:hand;}
.nohand {cursor:default;}
.graybg {background:#ccc;}

.border {
	border: solid 1px #666666;
}
.indent {
	margin-left:3em;
}

a, a:active, a:visited {
	color:#369;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:0;
}
.center {
	text-align:center;
}

.right {
	text-align:right;
}
.left {
	text-align:left;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.margin {
	margin: 5px 5px 5px 5px;
}
.padded {
	padding: 10px;
}
.stealth {
	color:white;
	font-size:1pt;
}
.indent6 {text-indent: 6em;}
.indent5 {text-indent: 5em;}
.indent4 {text-indent: 4em;}
.indent3 {text-indent: 3em;}
.indent2 {text-indent: 2em;}
.indent1 {text-indent: 1em;}

.block {
	display:block;
}

h1, h4 {
	margin: 0;
	padding: 5px 5px 5px 30px;
	font-size:12pt;
	border-bottom: solid 1px #666666;
}
h2, h5 {
	margin: 0;
	padding: 3px 5px 3px 30px;
	font-size:11pt;
	border-bottom: solid 1px #666666;
}
h3, h6 {
	margin: 0;
	padding: 2px 5px 2px 30px;
	font-size:10pt;
	border-bottom: solid 1px #666666;
}
h4, h5, h6 {
	background:#999999 url("images/gradient-50-w.png") repeat-x bottom;
}

/* Set default title background colors by section of the site */
#category1, #category2, #category3, #category4, #category5, #category6 {
	padding-left: 5%;
	padding-right: 5%;
/*	max-width:68em; */
}
#category1 h1, #category1 h2, #category1 h3 {
	background:#22C636 url("images/gradient-50-w.png") repeat-x bottom;
}
#category2 h1, #category2 h2, #category2 h3 {
	background:#22C636 url("images/gradient-50-w.png") repeat-x bottom;
}
#category3 h1, #category3 h2, #category3 h3 {
	background:#22C636 url("images/gradient-50-w.png") repeat-x bottom;
}
#category4 h1, #category4 h2, #category4 h3 {
	background:#22C636 url("images/gradient-50-w.png") repeat-x bottom;
}
#category5 h1, #category5 h2, #category5 h3 {
	background:#22C636 url("images/gradient-50-w.png") repeat-x bottom;
}
#category6 h1, #category5 h2, #category5 h3 {
	background:#22C636 url("images/gradient-50-w.png") repeat-x bottom;
}




/* Header and footer */
#header {
	background:url("images/getright-background-pro.png");
	background-repeat:repeat;
	height:82px;
	width:100%;
	overflow:hidden;
	border-bottom: 1px solid #333333;
}

#header img {
	position:absolute;
	left:0px;
	top:0px;
}
#header img#grtitlepro {
	position:absolute;
	left:211px;
	top:0px;
	z-index:3;
}

#header div{
	padding: 8px 20px 0 0;
	font-size:8pt;
	float:right;
}
.footer {
	font-size:8pt;
	margin: 10px 0 0 0;
	padding: 2px 30px 2px 30px;
	text-align:left;
	border: 1px solid #666666;
	background: white;
	overflow:visible;
	background: #CCCCCC;
	color: #333333;
}
.footer a, ,footer a:visited, .footer a:active {
	color: #333333;
}

#spacer16 {
	height:16px;
}
#spacer12 {
	height:10px;
}

#aboutnav {
	float:left;
}
#aboutnav img {
	position:relative;
	top:3px;
	margin-right:.5em;
}
#quicklinks {
	position:absolute;
	top:83px;
	left:0px;
	width:100%;
	overflow:hidden;
	background:#ccc url("images/gradient-50-w.png") repeat-x center;
	font-weight:bold;
	z-index:0;
	padding: 2px 0 2px 0;
	font-size:7.5pt;
}
#quicklinks span {

}

#quicklinks a:hover{
	text-decoration:none;
	color:#036;
}

/* Big Buy and Try and Pro Buttons */
.bigbutton, a.bigbutton:link, a.bigbutton:visited {
	display:block;
	overflow:hidden;
	width:225px;
	height:80px;
	font-style:italic;
	font-weight:normal;
	text-decoration:none;
	background-image:  url("images/big-button.png");
	cursor:hand;

}

.bigbutton div {
	display:block;
	overflow:hidden;
	width:80px;
	height:80px;
	float:right;
}

a.bigbutton:hover div {
	background-position: 0 -80px;
}

a.bigbutton span {
	font-size:18px;
	position:relative;
	top:14px;
	left:10px;
	font-weight:bold;
	letter-spacing:1px;
}

a.bigbuybutton div {
	background-image:  url("images/big-btn-ico-buy.png");
}

a.bigbuybutton {
	color: #147;
	background-color: #59c;
}

a.bigbuybutton:hover {
	background-color: #28D;
}

a.biggetbutton div {
	background-image:  url("images/big-btn-ico-get.png");
}

a.biggetbutton {
	color: #363;
	background-color: #6B6;
}

a.biggetbutton:hover {
	background-color: #3C5;
}

a.biginfobutton div {
	background-image:  url("images/big-btn-ico-info.png");
}

a.biginfobutton {
	color: #663;
	background-color: #FF4;
}

a.biginfobutton:hover {
	background-color: #FE3;
}




/* Small header Buy and Try and Pro Buttons */
.buybutton, a.buybutton:hover, a.buybutton:active, a.buybutton:visited, .trybutton, a.trybutton:hover, a.trybutton:active, a.trybutton:visited, .probutton, a.probutton:hover, a.probutton:active, a.probutton:visited  {
	width:124px;
	height:36px;
	overflow:hidden;
	display:block;
	color:#013;
	font-style:italic;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
	text-align: center;
	letter-spacing:0px;
}

.buybutton {
	position:absolute;
	left:290px;
	top:40px;
	background: #89a url("images/btn-buy2.png");
	background-repeat:no-repeat;
}
.trybutton {
	position:absolute;
	left:420px;
	top:40px;
	background: #89a url("images/btn-try2.png");
	background-repeat:no-repeat;
}
.probutton {
	position:absolute;
	left:477px;
	top:40px;
	background: #89a url("images/btn-pro2.png");
	background-repeat:no-repeat;
}

.buybutton span {
	padding: 4px 10px 0px 35px;
	display:block;
}
.trybutton span {
	padding: 4px 10px 0px 35px;
	display:block;
}
.probutton span {
	padding: 3px 10px 0px 35px;
	display:block;
}


.buybutton, a.buybutton:active, .trybutton, a.trybutton:active, .probutton, a.probutton:active {
	background-position:0 0;
	text-decoration:none;
}

a.buybutton:hover, a.trybutton:hover, a.probutton:hover {
	background-position: -124px 0;
	text-decoration:none;
	color:#025;
}


/* Page Body */
.border1 {
	margin-top:10px;
	background: #dddddd;
	border: 2px solid #dddddd;
	width: 99%;
}
.border2 {
	background: #cccccc;
	border: 1px solid #cccccc;
}
.border3 {
	background: #bbbbbb;
	border: 1px solid #bbbbbb;
}


.item {
	text-align:left;
	border: 1px solid #666666;
	background: white;
	overflow:visible;
}

.content {
	padding: 10px 10px 10px 10px;
	overflow:visible;
}

.column-right {
	float:right;
	top:0;
	right:10;
	display:block;
	padding: 10px;
	border-top: 1px solid #999999;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #999999;
	background:#ccc;
	margin-left:25px;
	overflow:visible;
}

.w120 {width:120px;}
.w140 {width:140px;}
.w160 {width:160px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w220 {width:220px;}
.w240 {width:240px;}
.w260 {width:260px;}
.w280 {width:280px;}
.w30pct {width:30%;}
.w40pct {width:40%;}
.w50pct {width:50%;}
.w60pct {width:60%;}
.w70pct {width:70%;}

.bg-gray {background:#ccc;}
.bg-dkgray {background:#999;}
.bg-white {background:#fff;}

.bordered, .bordered-left {border-left: 1px solid #999;}
.bordered, .bordered-right {border-right: 1px solid #666;}
.bordered, .bordered-bottom {border-bottom: 1px solid #666;}
.bordered, .bordered-top{border-top: 1px solid #999;}

.bordered-lt, .bordered-left-lt {border-left: 1px solid #ccc;}
.bordered-lt, .bordered-right-lt {border-right: 1px solid #aaa;}
.bordered-lt, .bordered-bottom-lt {border-bottom: 1px solid #aaa;}
.bordered-lt, .bordered-top-lt {border-top: 1px solid #ccc;}

.column-left {
	display:block;
	float:left;	
	padding: 10px;
	margin-right:10px;
	overflow:hidden;
}

.column-main{
	display:block;
	padding: 10px;
	overflow:hidden;
}

.clear {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}

.threecolumn {
	width:31%;
	margin: 0 1% 0 1%;
	border: 1px solid #333;
}