/* HTML Tag Redefinition */
html, body {height: 100%; padding: 0px; margin: 0px;}
body {/* customize_background */
	background-color: #ffffff; /* customize_background */
	text-align: center;
	padding: 0px;
	margin: 0px;
	/*background-image: url(http://www.presentitnow.com/themes/PIN_2/images/background2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 96px;*/
	background-image: url(http://www.presentitnow.com/themes/PIN_2/images/shadow-background.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
img {border: 0px}
a { cursor:pointer}

label { font-weight:bold; display:block; padding-top: 10px; }
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page{ 
	width:850px;
	margin:auto; 
	text-align:left;
	background: #FFF;
	border-right: 1px solid #202020;
	border-left: 1px solid #202020;
}
#page #headerSpacer{ height:20px }
#page #header{ position:relative; } 
#page #header #logo{ 
color:#999; 
font-size:32px; 
font-family:Arial, Helvetica, sans-serif; 
line-height: auto; 
margin-bottom: 0px; 
padding: 0px; 
margin-top:8px;
/*padding-left:25px;*/
cursor:pointer;  
left:25px ; 
z-index:10; 
width:auto; 
float:left; 
position: relative; 
}
#page #header #logo a{ /* customize_header_logo */color:#999; /* customize_header_logo */ text-decoration:none;}

#page #header #headerNav{ 
	position: absolute; 
	top: 76px; 
	left: 0px; 
	z-index:2; 
	width:825px; 
	overflow:visible;
	background-image: url(http://www.presentitnow.com/themes/PIN_2/images/background2.jpg);
	background-repeat: repeat-x;
	padding-left:25px;
}

#page #header ul.nav-header{ list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: left}
#page #header ul.nav-header li{float:left; padding:11px 0px; margin-right:16px; margin-bottom: 0px; color:#666; font-size:14px; margin-top:0px }
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:#666; }
#page #header ul.nav-header li.nav-selected{
	color:#202020;
	/*border-top:1px solid #000;*/
	border-left:1px solid #949494;
	border-right:1px solid #949494;
	padding:.65em 11px;
	background-image:url(http://www.presentitnow.com/themes/PIN_2/images/nav-hot-bg.jpg);
	background-repeat:repeat-x;
	margin-top:1px;
}
#page #header #header-area{padding-top: 70px; margin-bottom: 10px; }
#page #header #header-area #header-area-inside{
	margin-bottom: 12px;
	width:800px;
	margin-left:25px;
	}
#page #header #header-area img { display: block}
#page .divider{padding-top: 0px; /*background: url(http://www.presentitnow.com/themes/PIN_2/images/nav_horizontal_divider.gif) no-repeat top;*/ overflow:hidden; height:1px; clear:both; width:100%; }

#page #central{/*background:url(http://www.presentitnow.com/themes/PIN_2/images/nav_sidebar_right_bg.gif) repeat-y center;*/ width: 800px; margin-left:25px; clear:both;}
#page .no-sidebar { background-image: none !important}
#page #central.central-left { background:url(http://www.presentitnow.com/themes/PIN_2/images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 72px !important; padding-right: 0px !important; float:right}
 
#page #central #body{ float:left; width:608px; border-right:1px solid #949494; padding-right:28px; overflow:hidden; padding-left: 0px !important; padding-right: 15px !important }
#page #central #body p {text-align:justify;}
#page .no-sidebar #body{ float: none !important; width: auto !important; overflow:hidden }
#page #central #sidebar{ float:right; width:20%; overflow:hidden }
#page #central #sidebar p{line-height:24px}
#page #central #sidebar ul.nav{
list-style:none; 
margin-left:0px; 
padding:0px; 
padding-left:0px; 
font-size:13px;
font-weight: bold;
}
#page #central #sidebar ul.nav li{
margin-bottom:10px;
font-weight: bold;
background-image:url(http://www.presentitnow.com/themes/PIN_2/images/arrow.jpg); 
background-repeat:no-repeat;
background-position:left top;
padding:3px 0px 1px 20px;
}
#page #central #sidebar ul.nav a{ 
text-decoration:none; 
color:#202020;
}
#page #central #sidebar ul.nav a.nav-selected {
font-weight: bold;
color:#F3B82C;
}
#page #central #sidebar ul.nav a:hover{ 
text-decoration:noe;
color:#FFB741;
}
#page #central #sidebar ul.nav ul{ 
list-style:none; 
padding:0px 0px 0px 0px; 
margin:5px 0px 0px 0px;
}
#page #central #sidebar ul.nav ul li{  
margin-bottom:3px;
padding-left:10px;
}
#page #central #sidebar ul.nav li li{
font-weight:normal;
font-size:12px;
background-image:url(http://www.presentitnow.com/themes/PIN_2/images/right_nav_arrow_large.jpg); 
background-repeat:no-repeat;
background-position:0px 5px;
margin-left:0px;
padding:3px 0px 0px 10px;
}

#page #central.navLeft{ background:url(http://www.presentitnow.com/themes/PIN_2/images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none }
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#page #footer{ 
	margin-top:15px;
	padding-left:25px;
	padding-right:25px;
	padding-top:8px; 
	clear:both; 
	padding-bottom:10px; 
	color:#999; 
	font-size:10px; 
	border-top:1px solid #202020;
	border-bottom:1px solid #202020;
}

#page #footer a{ text-decoration:none }
#page #footer span.sign-in {margin-left: 20px}
#page #footer span.powered-by { float:right; }

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}

/* customize_miscellaneous */ /* customize_miscellaneous */

/*#utilityNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #202020;
	text-align: right;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 50%;
}*/

div#utilityNav {
height: 15px;
float:right;
text-align:right;
width:auto;
margin-right:25px;
/*clear:right;*/
}
div#utilityNav ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #202020;
line-height: 20px;
white-space: nowrap;
}
div#utilityNav li {
list-style-type: none;
display: inline;
}
div#utilityNav li a {
text-decoration: none;
padding: 2px 9px 2px 7px;
color: #202020;
}
div#utilityNav li a:link {
color: #202020;
}
div#utilityNav li a:visited {
color: #202020;
}
div#utilityNav li a:hover {
color: #999;
}
.account-login {
background-image:url(http://www.presentitnow.com/themes/PIN_2/images/account-login-btn.jpg);
background-repeat:no-repeat;
background-color: transparent;
background-attachment: scroll;
background-position: 0px 0px;
/*padding: 2px 9px 2px 7px;
margin: 2px 9px 2px 7px;*/
font-size:10px;
color:#336699;
}

#phone-number-container {
width:auto;
float:right;
text-align:right;
margin-right:25px;
right:0px;
position:absolute;
top:35px;
right:0px;
/*clear:right;*/
/*margin-top:15px;
margin-right:4px;
margin-bottom:-40px;*/
}
.call-us {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #666;
	margin: 0px;
	padding: 0px;
}
.phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #F4AD2F;
	margin: 0px;
	padding: 0px;
}

div#footerNav {
height: 10px;
float:right;
text-align:right;
}
div#footerNav ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #202020;
line-height: 14px;
white-space: nowrap;
}
div#footerNav li {
list-style-type: none;
display: inline;
}
div#footerNav li a {
text-decoration: none;
padding: 0px 6px 0px 0px;
color: #202020;
}
div#footerNav li a:link {
color: #202020;
}
div#footerNav li a:visited {
color: #202020;
}
div#footerNav li a:hover {
color: #999;
}
/*.account-login-image{
	vertical-align: bottom;
}*/
.powered-by {
display:none;
}
.sign-in {
display:none;
}
hr {
	color: #949494;
	border: 0;
	height:1px;
}

#gallery-container {
	border: 1px solid #CCCCCC;
	position: relative;
	height: 250px;
	width: 362px;
	float: right;
	margin-top: 35px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 0px;
}

.version-name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #333333;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 15px;
}
.version-price-doller-sign {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	padding: 0px;
}

.version-price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.version-price-month {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.compare-chart-level-name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #202020;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 80px;
}

/*-----------------------------------------------
                  sub header
-----------------------------------------------*/
#sub-head-container {
	height: 88px;
	width: 850px;
	margin-left:-25px;
	margin-top:-5px;
	background-image: url(http://www.presentitnow.com/themes/PIN_2/images/sign-up-header-bg.jpg);
	background-repeat: no-repeat;
}
#sub-head-container #sign-up-button-container {
	float: right;
	margin-right:20px;
	position:relative;
	top:33px;
}

#sub-head-container #pade-title-container {
	float: left;
	position:relative;
	top:20px;
}

/*-----------------------------------------------
                  compare chart
-----------------------------------------------*/	

.compare-chart-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-indent: 3px;
}

.compare-chart-heading a:link{
	font-weight: normal;
	color: #336699;
	text-decoration:underline;
}

.compare-chart-heading a:visited{
	font-weight: normal;
	color: #336699;
	text-decoration:underline;
}

.compare-chart-heading a:hover{
	font-weight: normal;
	color: #336699;
	text-decoration:underline;
}

.compare-chart-header-bg {
	background-color: #CCCCCC;
}
.compare-chart-item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #202020;
	text-indent: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.compare-chart-top-table {
	height: 10px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-bottom:1px solid #fff;
}

.rule-top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8C8C8;
}
.rule-top-lite {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E5E5E5;
}

.rule-left {
	border-left:1px solid #E1E1E1;
}

.rule-left-right {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

.compare-chart-item a:link {
	text-decoration:underline;
	color: #336699;
}

.compare-chart-item a:visited {
	text-decoration:underline;
	color: #336699;
}

.compare-chart-item a:hover {
	text-decoration:underline;
	color: #336699;
}

.compare-chart-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #202020;
	text-indent: 0px;
}
#email-gallery-container {
	border: 1px solid #CCCCCC;
	position: relative;
	height: 400px;
	width: 300px;
	float: right;
	margin-top: 35px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 0px;
}
