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

/* CSS Reset */

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;
	font-size: 100%;
	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;
}

/* General */

body {
	background: #FFF url('images/pageBG.jpg') repeat-x top left;
}

td, div {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 1.5;
}

p {
	margin-bottom: 15px;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #006EAB;
}

a:hover {
	color: #333;
}

h2, h3, h4, h6 {
	font-weight: normal;
	margin-bottom: 15px;
}

h1 {
	background: url('images/webnow.png') no-repeat 0 -95px;
	display: block;
	width: 273px;
	height: 95px;
	text-indent: -9999px;
}

h1:hover {
	background: url('images/webnow.png') no-repeat 0 0;
	display: block;
	width: 273px;
	height: 95px;
	text-indent: -9999px;
}

h2 {
	font-size: 22px;
	color: #999;
}

h3 {
	font-size: 20px;
	color: #333;
}

h4 {
	font-size: 14px;
	color: #666;
}

h5 {
	font-size: 18px;
	color: #FFF;
	margin-bottom: 0;
}

h6 {
	font-size: 18px;
	color: #999;
}

thead td.head {
	background: #999;
	color: #FFF;
	padding: 5px;
	font-weight: bold;
	font-size: 13px;
}

tbody td {
	padding: 5px;
}

thead td {
    background: url('images/theadBG.jpg') repeat-x bottom center;
	padding: 5px;
	border: 1px solid #FFF;
}

tfoot td {
    background: url('images/tfoot.jpg') repeat-x top center;
	padding: 5px;
	border: 1px solid #FFF;
}

td {
	border: 1px solid #FFF;
}

/* Forms */

legend {
    font-size: 16px;
    background: #EFEFEF;
    width: 100%;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
}

label {
    font-weight: bold;
    display: block;
    clear: right;
    margin: 0 0 10px 25px;
}

input, select, textarea {
    margin: 0 0 10px 25px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
}

.txtBox {
    width: 250px;
	padding: 5px;
	border: 1px solid #666;
}

.submit {
    width: 290px;
	margin-left: 10px;
}

.sidebar {
    width: 290px;
	margin-left: 30px;
}

/* Lists */

.other li {
	background: url('images/bullet.png') no-repeat left top !important;
	padding-left: 25px;
	margin: 10px 0 10px 15px;	
}

.bullet li {
	margin-left: 15px;
	/*background: url('images/bullet.png') no-repeat left center !important;*/
	padding-left: 15px;
	margin-bottom: 20px;
}

.bullet {
	width: 280px;
}

.homBG {
	background: url('images/homBG.png') no-repeat;
	display: block;
	width: 286px;
	height: 242px;
	padding: 10px;
	float: left;
}

#tips div.homBG {
	display:none;
}

.btnMore a {
	background: url('images/btnFindOutMore.png') no-repeat;
	width: 158px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	position: relative;
	margin-right: -20px;
}

.homTxtSml {
	text-align: center;
	font-size: 10px;
}

.homRed {
	color: #EB0A00;
}

.priceLrg, .priceSml, .priceMed {
	color: #D44C12;
	text-align: center;
}

.priceLrg {
	font-size: 34px;
}

.priceSml {
	font-size: 12px;
}

.priceMed {
	font-size: 16px;
}

.newsHom {
	background: url('images/news.jpg') no-repeat left center;
	width: 830px;
	height: 38px;
	line-height: 38px;
	display: block;
	padding-left: 110px;
}

.margOther {
	margin: 0 0 0 10px;
}

/* Containers */

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#home {
	width: 600px;
	padding: 10px;
}

#content {
	width: 960px;
	padding: 10px;
}

#page {
	width: 700px;
	padding: 10px;
}

#sideMenu {
	width: 200px;
	padding: 47px 10px 10px 10px;
	margin-left: 20px;
}

#side {
	width: 260px;
	padding: 10px;
}

#header {
	height: 48px;
	color: #FFF;
	padding: 20px 10px;
}

#inner {
	padding: 20px 0;
}

#innerPage {
	padding: 0px 0 30px 0;
}

#prods {
	width: 280px;
	height: 210px;
	display: block;
	float: left;
}

#host {
	width: 280px;
	height: 250px;
	display: block;
	float: left;
}

#host a.links {
    vertical-align: bottom;
}

/* Home Page */

.alerts {
	font-size: 12px;
}

.alerts a:link, .alerts a:active, .alerts a:visited {
	color: #D44C12;
	background: none !important;
	font-size: 12px;
}

.news a:link, .news a:active, .news a:visited {
	color: #000;
	background: none !important;
	font-size: 12px;
}

a.rssLink {
	background: url('images/rss.png') no-repeat right center;
	padding-right: 20px;
	font-size: 12px;
	height: 16px;
	display: block;
}

a.alertLink {
	background: url('images/alerts.png') no-repeat right center;
	padding-right: 20px;
	font-size: 12px;
	height: 16px;
	display: block;
}

/* Products Page */

.prodHead {
	width: 250px;
	height: 44px;
	padding: 15px;
	background: url('images/prodHeadBG.png') no-repeat 0 0;
	display: block;
	color: #999;
	font-size: 11px;
}

.prodHead:hover {
	width: 250px;
	height: 44px;
	padding: 15px;
	background: url('images/prodHeadBG.png') no-repeat 0 -74px;
	display: block;
	color: #FFF;
	font-size: 11px;
}

.buttonBG {
	width: 180px;
	height: 30px;
	padding: 10px;
	background: url('images/buttonBG.png') no-repeat 0 0;
	display: block;
	color: #999;
	font-size: 11px;
	margin-bottom: 5px;
}

.buttonOrngBG {
	width: 180px;
	height: 30px;
	padding: 10px;
	background: url('images/buttonOrnageBG.png') no-repeat 0 0;
	display: block;
	color: #FFF;
	font-size: 11px;
	margin-bottom: 5px;
}

a:link.buttonBG, a:active.buttonBG, a:visited.buttonBG,
a:link.prodHead, a:active.prodHead, a:visited.prodHead,
a:link.buttonOrngBG, a:active.buttonOrngBG, a:visited.buttonOrngBG {
	color: #999;
}

a:link h5, a:active h5, a:visited h5 {
	color: #FFF;
}

.buttonBG:hover {
	width: 180px;
	height: 30px;
	padding: 10px;
	background: url('images/buttonBG.png') no-repeat 0 -50px;
	display: block;
	color: #FFF;
	font-size: 11px;
}

.buttonOrngBG:hover {
	width: 180px;
	height: 30px;
	padding: 10px;
	background: url('images/buttonOrnageBG.png') no-repeat 0 -50px;
	display: block;
	color: #FFF;
	font-size: 11px;
}

.btnHead {
	font-size: 16px;
}

.prodHead img, .buttonBG img, .buttonOrngBG img {
	float: left;
	margin-right: 10px;
}

.productHead {
    font-size: 18px;
    color: #437a1c;
}

.persHead {
    font-size: 18px;
    color: #437a1c;
}

.busHead {
    font-size: 18px;
    color: #006eab;
}

.price {
    font-size: 22px;
    color: #d54d12;
}

.highlight {
    background-color: #EFEFEF;
}

.highlightHead {
    background-color: #EEE;
}

.twoRow {
    margin: 0 auto;
    width: 640px;
}

.row {
    margin: 0 auto;
    width: 320px;
}

.row2 {
    margin: 0 auto;
    width: 400px;
}

.row3 {
    margin: 0 auto;
    width: 350px;
}
.portfolio li {
    float: left;
    margin: 10px;
    padding: 4px;
    border: 1px solid #CCC;
}

ul.portfolio {
    margin: 0 auto;
}

.caseMain {
    width: 580px;
    float: left;
}

.caseSide {
    width: 300px;
    float: right;
}

a.btnOrder {
	display: block;
	width: 108px;
	height: 34px;
	background: url('images/btnOrder.png') no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 auto;
}

a:hover.btnOrder {
	display: block;
	width: 108px;
	height: 34px;
	background: url('images/btnOrder.png') no-repeat 0 -40px;
}

a.btnOrderNow {
	display: block;
	width: 108px;
	height: 34px;
	background: url('images/btnOrder.png') no-repeat 0 0;
	text-indent: -9999px;
}

a:hover.btnOrderNow {
	display: block;
	width: 108px;
	height: 34px;
	background: url('images/btnOrder.png') no-repeat 0 -40px;
}

/* Quicklinks */

.btnQuicklinks {
	background: url('images/btnQuicklinks.png') no-repeat 0 0;
	width: 140px;
	height: 42px;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}

.btnQuicklinks:hover {
	background: url('images/btnQuicklinks.png') no-repeat 0 -50px;
	width: 140px;
	height: 42px;
	text-indent: -9999px;
	display: block;
}

.btnAlerts a {
	background: url('images/btnAlerts.png') no-repeat 0 -50px;
	width: 100px;
	height: 42px;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}

.btnAlerts a:hover {
	background: url('images/btnAlerts.png') no-repeat 0 0;
	width: 100px;
	height: 42px;
	text-indent: -9999px;
	display: block;
}

.drpDwn {
	background: #000 url('images/footerBG.jpg') repeat-x 0 -4px;
	position: absolute;
	display: block;
	padding: 10px;
	width: 500px;
	margin-left: -380px;
	z-index: 2000000000;
}

ul.quicks {
	float: left;
	color: #FFF;
	width: 150px;
	padding: 0 5px;
	z-index: 2000000000;
}

.quicks, .quicks a:link, .quicks a:active, .quicks a:visited {
	color: #FFF;
}

.quicksHead a:link, .quicksHead a:active, .quicksHead a:visited {
	font-size: 16px;
	color: #FFF;
}

.quicks a:hover {
	color: #999;
}

cufon, canvas {
	z-index: 10;
}

.bord {
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

/* Pages */

.homeBG {
	background: #FFF url('images/homeBG.jpg') repeat-x top left;
}

.links {
	padding-right: 10px;
	background: url('images/lnkArrow.png') right center no-repeat;	
	font-size: 14px;
	float: right;
	clear: right;
}

.linksOther {
	padding-right: 10px;
	background: url('images/lnkArrow.png') right center no-repeat;	
	font-size: 14px;
}

.tweet {
	background: url('images/tweetBG.png') no-repeat center;
	width: 247px;
	height: 91px;
	padding: 10px;
	color: #999;
}

.usage {
	padding-left: 30px;
	background: url('images/compare.png') left bottom no-repeat;
	line-height: 24px;
	display: block;
	font-weight: bold;
	font-size: 14px;
}

/* Menu */

.navigation {
	position: relative;
	height: 43px;
	width: 600px;
	overflow: hidden;
	margin-left: 4px;
}

.navigation li {
	float: left;
	list-style: none;
}

.navigation li.back, .navigation li.back a {
	background: url("images/mnuBG.jpg") repeat-x;
	height: 43px;
	z-index: 8;
	position: absolute;
	width: 0px;
}

.navigation li.back .left {
	background: url("images/mnuBG.jpg") repeat-x;
	height: 43px;
	/*margin: 0 10px;  7px is the width of the rounded shape */
	color: #FFF !important;
}

.navigation li a {
	font: 12px arial;
	font-weight: bold;
	color: #777 !important;
	text-align: center;
	z-index: 10;
	display: block;
	float: left;
	line-height: 43px;
	height: 43px;
	position: relative;
	overflow: hidden;
	padding: 0 15px;
	background: none;
	margin: 0 !important;
}

.navigation li a:hover {
	color: #FFF !important;
	line-height: 43px;
	padding: 0 15px;
	font-weight: bold;
}

#bod_hom .nav_hom a, #bod_abo .nav_abo a, #bod_ser .nav_ser a,
#bod_new .nav_new a, #bod_sup .nav_sup a, #bod_con .nav_con a, 
#bod_sea .nav_sea a {
	color: #FFF !important;
	padding: 0 15px;
	background: url("images/mnuBG.jpg") repeat-x;
	height: 43px;
	font-weight: bold;
}

.navigation .current a {
	color: #FFF !important;
	font-weight: bold;
}

/* Slideshow */

.pics {
	padding:0;
	margin:0;
	overflow: hidden;
	width: 320px;
	height: 240px;
}

.pics img {
	display: block;
	width: 320px;
	height: 240px;
}

/* Side Menu */

.subnav {
	margin: 40px 0 20px 0;
	padding: 0;
}

.subnavLinks li a {
    padding: 6px 10px 6px 30px;
    background: url('images/bullet.png') no-repeat 8px center;
}

.subnav li {
    margin-left: 0px;
    list-style-type: none;
}

.subnav a {
    border-bottom: 1px solid #eee;
    color: #666;
    display: block;
    padding: 6px 10px;
    text-decoration: none;
}

.subnav a:hover {
    color: #006EAB;
    background-color: #EFEFEF;
}

.bod_one .nav_one div, .bod_two .nav_two div, 
.bod_thr .nav_thr div, .bod_fou .nav_fou div, 
.bod_fiv .nav_fiv div, .bod_six .nav_six div,
.bod_sev .nav_sev div, .bod_eig .nav_eig div {
	width: 180px;
	height: 30px;
	padding: 10px;
	background: url('images/buttonBG.png') no-repeat 0 -50px;
	display: block;
	color: #FFF;
	font-size: 11px;
}

/* News Feed */

div#ajax-feed-wrapper {
    overflow: hidden;
}

.loading {
    width: 20px;
    height: 20px;
    background: url('images/indicator.gif') no-repeat 20px 20px;
}

div.ajax-feed-item {
    background-color: #EEEEEE;
    padding: 10px;
    margin-bottom: 10px;
}

div.ajax-feed-item h3, div.ajax-feed-item h3 a {
    padding: 0;
    background: none !important;
    color: #333 !important;
    margin: 0;
    font-size: 16px !important;
}

div.ajax-feed-date,
div.ajax-feed-author {
    font-size: 9px;
}

div.ajax-feed-content-snippet {
    margin: 3px 0px 10px 0px;
    padding: 15px 5px 5px 5px;
    border-top: 1px solid #CCC;
}

a.ajax-feed-readmore {
    display: block;
    padding: 3px;
    border: 1px solid #CCC;
    width: 70px;
    text-align: center;
}

a.ajax-feed-readmore:hover {
    color: #333 !important;
    background-color: #FFF;
}

/* Footer */

#footer {
	background: #000 url('images/footerBG.jpg') repeat-x bottom left;
	width: 100%;
	height: 261px;
}

ul.footer {
	float: left;
	margin-top: 20px;
	width: 230px;
	color: #FFF;
	margin-left: 10px;
}

.footer img {
	margin-right: 5px;
	vertical-align: middle;
}

.footer, .footer a:link, .footer a:active, .footer a:visited {
	color: #FFF;
}

.footer a:hover {
	color: #999;
}

.footBot, .footBot a:link, .footBot a:active, .footBot a:visited {
	text-align: center;
	color: #FFF;
	font-size: 10px;
	margin-top: 10px;
}

.footBot a:hover {
	color: #999;
}

/* Gallery */

#gallery {
	float: left;
	margin: 0;
	padding: 0;
}

#gallery li {
	float: left;
	padding: 15px;
	width: 200px;
}

/* Expand Collapse */

.email, .stats, .support, .scripts, .general, .databases, .report {
	display: none;
}

.cursor {
	cursor: pointer;
}

/* Other */

.clear {
    clear: both;
}

.floatLeft {
    float: left;
    display:inline-block !important;
}

.floatRight {
    float: right;
    display:inline-block !important;
}

.table {
    margin: 0 auto;
}

.rightAlign {
	text-align: right;
}

.whiteTxt, .whiteTxt a {
	color: #FFF;
	margin-bottom: 0 !important;
}

.whiteTxt a:hover {
	color: #FFF;
	text-decoration: underline;
	margin-bottom: 0 !important;
}

.prodMargin {
	margin-right: 37px;	
}

.padding10px, .padding {
	padding: 10px;
}

.center {
	text-align: center;
}

td.hover, tr.hover {
   	background: #E6E6E6;
}

.altRow {
	background: #F3F3F3;
}

.orangeTxt {
	color: #E46809;
	font-weight: bold;
	line-height: 21px;
}

.none {
    display: none;
}

.marginLeft {
    margin-left: 10px;
}

.marginRight {
    margin-right: 10px;
    width: 80px;
    height: 200px;
}

.marginRight10px {
    margin-right: 5px;
}

.marginPrice {
	margin-top: 50px;
}

.marginTop {
    margin-top: 10px;
}

.marginTop8px {
    margin-top: 8px;
}

.marginRightButtons {
	margin-right: 60px;
}