/***************************************************************
Style Sheet for WhiteCanyon.com

Copyright 2005-2007 by Sebo Marketing, All Rights Reserved
***************************************************************/

/***************************************************************
Appearance Code
***************************************************************/

body {
	font-size:80%;
	font-family: arial, helvetica, verdana, sans-serif;
	text-align:center;
	color:#000;
	background: url('site-bg.jpg') top left repeat-x #8c8990;
}

.hline { /*Use instead of <hr/> */
	margin-bottom:12px;
	border-top:1px solid #3970b7;
}

p {
	margin:0;
	margin-bottom:15px;
}

table {

}
td {

}

form {
	display:inline;	
}

a:link, a:visited,a:active {
	color:#18467F;
	text-decoration:underline;
}

a:hover { color: #00C; }

h1 {
	margin:0;
	margin-bottom:3px;
	
	font-family: arial, helvetica, verdana, century gothic, sans-serif;
	font-size:130%;
	color:#3970b7;
}

h2 {
	margin:0;
	margin-bottom:3px;
	font-family: arial, helvetica, verdana, century gothic, sans-serif;
	font-size:110%;
	color:#000000;
}

h3 {
	margin:0;
	margin-bottom:3px;
	
	font-family: arial, helvetica, verdana, century gothic, sans-serif;
	font-size:100%;
	color:#3970b7;
}

img {
	border:0px;
	margin:0px;
}

/***************************************************************
Appearance Code Applied to Layout Elements
***************************************************************/

#container {
	padding-left:0;
	padding-right:0;
	background: url('container-bg.gif') top left repeat-y #fff;
}
#content {
	padding:14px 0 0 0;
}

#columnWrapper {
}



.columnStyle1 {}

.columnStyle2 {
	margin-bottom:8px;
}
.columnStyle2 .columnTopLeft {
	display:none;
}
.columnStyle2 .columnTopRight {}
.columnStyle2 .center {
	padding:0 5px;
	font-size:89%;
}
.columnStyle2 .columnBottomLeft {
	display:none;
}
.columnStyle2 .columnBottomRight {}


.columnStyle3 {
	margin-left:5px;
	padding-top:0px;
	font-size:89%;
}

/************************************************
Custom Styles of Basic Elements

Please list in the same order as the basic elements.
************************************************/

/*--------------- Unordered Lists -------------*/

.ulStyleNav {
	margin-top:5px;
	margin-bottom:0px;
	margin-left:0;
	
	padding-top:0px;
	padding-bottom:10px;
	padding-left:24px;
}
.ulStyleNav li {
	margin-bottom:.5em;
	padding-left:0;
}

.ulStyleNav li a:link, .ulStyleNav li a:visited, .ulStyleNav li a:active{
	color:#18467F;
	text-decoration:none;
}
.ulStyleNav li a:hover {
	text-decoration:underline;
}

/* Set all the subnavs to off initially */
.ulStyleNav ul { display:none; }
.ulStyleNav .blobSubNav {
	display:inline;
	list-style:none;
	margin:3px 0 0 0;
	padding:0;
}


/* Highlight the left nav, display the subnav, and make sure that not all the subnavs are highlighted */
.ulStyleNav .current a:link, .ulStyleNav .current a:visited, .ulStyleNav .current a:active {font-weight:bold; text-decoration:none;}
.ulStyleNav .current a:hover {font-weight:bold; text-decoration:underline;}

.ulStyleNav .current ul {
	display:inline;
	list-style:none;
	margin:3px 0 0 0;
	padding:0;
}

.ulStyleNav .current ul a:link, .ulStyleNav .current ul a:visited, .ulStyleNav .current ul a:active {
	font-weight:normal;
}
.ulStyleNav .current ul a:hover {
	font-weight:normal;
}

/* Highlight the selected subnav */
.ulStyleNav .current .current a:link, .ulStyleNav .current .current a:visited, .ulStyleNav .current .current a:active {	
	font-weight:bold;
}
.ulStyleNav .current .current a:hover {
	font-weight:bold;
}


.ulStyle1 {
	margin:5px 0 0 0;
	
	padding-top:0px;
	padding-left:18px;
}
.ulStyle1 li {
	padding-left:3px;
}

.ulStyle2 {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0;
	
	padding-top:0px;
	padding-left:15px
}
.ulStyle2 li {
	padding-left:0px;
}

.ulStyle3 {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0;
	
	padding-top:0px;
	padding-left:10px
}
.ulStyle3 li {
	padding-left:0px;
}


.ulStyle4 {
	list-style:none;
}
.ulStyle4 li {
	
}


.ulStyleSpaced {
	margin:5px 2px 0 20px;
	padding-left:18px;
}
.ulStyleSpaced li {
	margin-bottom:.5em;
}


.olStyleSpaced {
	margin:5px 2px 0 20px;
	padding-left:18px;
}
.olStyleSpaced li {
	margin-bottom:.5em;
}


.ulTutorial {
	margin:0;
	padding:0;
	list-style:none;
}
.ulTutorial li {
	float:left;
	padding:1.6em 0;
	background: url('blue-line.gif') 0% 50% repeat-x;
}
.ulTutorial li a, .ulTutorial li a:link, .ulTutorial li a:visited {
	padding:15px 24px;
	text-decoration:none;
	font-weight:600;
	color:#8a9fcf;
	
	background: url('non-fill-circle.gif') 50% 50% no-repeat;
}
.ulTutorial li a:hover, .ulTutorial li a:active {
	color:#fff;
	background: url('fill-circle.gif') 50% 50% no-repeat;
}
.ulTutorial .back, .ulTutorial .back:link, .ulTutorial .back:visited, .ulTutorial .back:hover, .ulTutorial .back:active {
	padding-right:14px;
	width:38px;
	background: url('back-arrow.gif') 0% 50% no-repeat;
}
.ulTutorial .forward, .ulTutorial .forward:link, .ulTutorial .forward:visited, .ulTutorial .forward:hover, .ulTutorial .forward:active {
	padding-left:23px;
	width:42px;
	background: url('foreward-arrow.gif') 100% 50% no-repeat;
}
.ulTutorial .current, .ulTutorial .current:link, .ulTutorial .current:visited, .ulTutorial .current:hover, .ulTutorial .current:active {
	color:#fff;
	background: url('solid-circle.gif') 50% 50% no-repeat;
}


/*--------------- Tables ----------------------*/

.bordered td {
	border-width:0 0 1px 1px;
	border-style:solid;
	border-color:#6c8098;
}
.bordered td td {
	border:none;
}
.bordered .top {
	border-width:1px 0 1px 1px;
	border-style:solid;
	border-color:#6c8098;
}
.bordered .right {
	border-right:1px solid #6c8098;
}


/*--------------- Links -----------------------*/
.paddedLink {
	padding:5px 37px 9px 10px;	
}


/*--------------- Headers ---------------------*/

.productName {
	text-align:center;
	font-size:200%;
	color:#000;
}

.tagline {
	text-align:center;
	font-size:150%;	
	color:#000;
}
.tagline em {
	color:#0279ef;
}

.mainHeader {
	font-size:140%;
	color:#000;
}

.barHeader {
	padding:3px 0 3px 5px;
	
	border-width:1px 0;
	border-style:solid;
	border-color:#bbb;
	
	color:#000;
	
	background-color:#f0f0f5;
}

.barHeader2 {
	padding:4px 0 4px 8px;
	
	color:#fff;
	
	background-color:#3970b7;
}


/*--------------- Text Styles ----------------------*/
.bigger {
	font-size:120%;	
}
.smaller {
	font-size:89%;
}

.price {
	font-weight:600;
	color:#065e25;
}

.bonusText{
	font-weight:600;
	color:#ce0202;
}
	
.no {
	font-weight:600;
	color:#ce0202;
}
.yes {
	font-weight:600;
	color:#065e25;
}



/*--------------- Images ----------------------*/

.paddedBullet {
	padding:3px 5px;
}

/*------------------Table Styles----------------------*/

/*--------------- Comparison, Cell ------------------*/
.comparison, .cell {
	margin:8px 5px 15px 0;
}
.comparison th, .cell th {
	padding:3px 8px;
	
	background-color:#6c8098;

	text-align:center;
	font-weight:600;
	color:#fff;
	
	border-width:0 0 2px 0;
	border-style:solid;
	border-color:#4f5766;
	
	background: url('table-top.gif') top left repeat-x #6e798e;
}
.comparison th a, .cell th a {
	color:#fff;
}
.comparison th a:link, .comparison th a:visited, .cell th a:link, .comparison th a:visited {
	color:#fff;
}
.comparison th a:hover, .cell th a:hover {
	color:#ffed81;
}
.comparison .highlight, .cell .highlight {
	font-weight:600;
	color:#fff;
}
.comparison td {
	padding:4px 7px 4px 8px;
	
	border-width:0 0 1px 1px;
	border-style:solid;
	border-color:#6c778d;
	
	text-align:center;
	color:#666;
	
	background-color:#fff;
}
.comparison td .highlight, .cell td .highlight {
	font-weight:600;
	color:#e83;
	
	background:none;
}
.comparison th.textLeft, .comparison td.textLeft, .cell th.textLeft, .cell td.textLeft {
	text-align:left;
}
.comparison .topLeft, .cell .topLeft {
	border-width:0 0 2px 0;
	border-color:#4f5766;
	
	text-align:left;
	
	background: url('table-top-left.gif') top left no-repeat #6e798e;
}
.comparison .topRight, .cell .topRight {
	border-width:0 0 2px 0;
	border-color:#4f5766;
	background: url('table-top-right.gif') top right no-repeat #6e798e;
}
.comparison .left {
	border-width:0 0 1px 1px;
	
	text-align:left;
}
.comparison .right {
	border-width:0 1px 1px 1px;
}
.comparison .bottomLeft {
	border-width:0;
	
	text-align:left;
	
	background: url('table-bottom-left.gif') bottom left no-repeat #fff;
}
.comparison .bottom {
	border-width:0 0 1px 1px;

	background-color:#fff;	
}
.comparison .bottomRight {
	border-width:0 0 0 1px;
	background: url('table-bottom-right.gif') bottom right no-repeat #fff;
}


.cell td {
	padding:4px 7px 4px 8px;
	
	border-width:0;
	
	text-align:center;
	color:#666;
	
	background-color:#fff;
}
.cell .left {
	border-width:0 0 0 1px;
	border-style:solid;
	border-color:#4f5766;
	text-align:left;
}
.cell .right {
	border-width:0 1px 0 0;
	border-style:solid;
	border-color:#4f5766;
}
.cell .bottomLeft {
	border-width:0;
	height:10px;
	font-size:0px;
	text-align:left;
	
	background: url('table-bottom-left.gif') bottom left no-repeat #fff;
}
.cell .bottom {
	height:10px;
	font-size:0px;
	
	border-width:0 0 1px 0;
	background-color:#fff;
}
.cell .bottomRight {
	height:10px;
	font-size:0px;
	
	border-width:0;
	background: url('table-bottom-right.gif') bottom right no-repeat #fff;
}




.supportTable {
	border-collapse:collapse;
	border:2px solid #ccc;
}
.supportTable th{
	padding:5px 3px;
	color:#fff;
	border:1px solid #fff;
	background-color:#3970b7;
}
.supportTable td{
	padding:2px 1px;
	border:1px solid #999;
}

/*--------------- Body Tabs -------------------*/
.selectBody{
	margin-bottom:10px;
	padding:0 10px;
}

.tabBodyNav {
	border-bottom:1px solid #bbb;
}
.tabBodyNav ul {
	margin:0;
	padding:0;
	padding-top:1px;
	
	padding-bottom:45px;
	
	list-style:none;
}
.tabBodyNav ul li {
	float:left;
	height:45px;
	width:150px;
	
	text-align:center;
	
	background: url('body-tab-left.gif') top left no-repeat;
}
.tabBodyNav ul li a {
	display:block;
	padding:5px 5px 3px 5px;
	height:37px;
	width:140px;
	
	text-decoration:none;
	font-weight:600;
	color:#5b5e7f;
	
	background: url('body-tab-right.gif') top right no-repeat;
}
.tabBodyNav ul li a:link { }
.tabBodyNav ul li a:visited {
	color:#555577;
}
.tabBodyNav ul li a:hover {
	text-decoration:underline;
}
.tabBodyNav .firstTab, .selectBody .secondTab, .selectBody .thirdTab {
	margin-right:10px;
	background-color:#ddd;
}

.Tab1 .firstTab,.Tab2 .secondTab, .Tab3 .thirdTab {		
	height:46px;
	
	background-color:#fafafa;
	border-bottom:0px solid #fff;
	z-index:100;
}
.Tab1 .firstTab a,.Tab2 .secondTab a, .Tab3 .thirdTab a{
	height:38px;
}


.tabBody {
	padding:5px;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#bbb;
	
	background-color:#fafafa;
}


/*--------------- Features --------------------*/
.features {
	
}

.features .rowStyle1{
	background-color:#f1f3f7;
}

.features .rowStyle2{
	
}