@charset "utf-8";

* html #pageContent {width:760px;}

body {margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; background:none white; color:#666; padding:15px 0; text-align:center; background-image: url(images/stripe.gif); padding:0;}
.header1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:130%; border-bottom:dotted; border-bottom-width:2px; border-bottom-color:#FFCC33; line-height: 25px; margin-bottom: -4px;}

.footnotes {font-family:Georgia, "Times New Roman", Times, serif; font-size:85%; color:#000000;}

form {margin:0;}
form select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; color:#666;}
table {font-size:100%;}

a:link {color:#666;}
a:visited {color:#666;}
a:active {color:#666;}
a:hover {color:#EDC216; text-decoration:none;}

/*Mozilla Hack - doesn't like spacer divs with out content*/
div.spacer {clear:both; padding-top:.1px;}

.contain:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.contain {display: inline-table;}

div#leftSidePanel img {border:0; margin:20px 0 0 0;}

/* Hides from IE-mac \*/
* html .contain {height:1%;}
.contain {display:block;}
/* End hide from IE-mac */

noscript#pageTracking {display:none;}

p span.price {font-weight:bold; color:#FA833A;}

#page {width:800px; margin:0 auto; text-align:left; position:relative;}

#pageHeader-Nav {font:normal 100% Verdana, Arial, Helvetica, sans-serif; clear:both;}
#pageHeader-Nav ul {list-style:none; margin:0; padding:0;}
#pageHeader-Nav ul li {float:left; margin-right:1px; background:none #A2A2A2; width:159px; position:relative; z-index:1000;}
#pageHeader-Nav ul li a {text-decoration:none; display:block; text-align:center; padding:3px;}
#pageHeader-Nav ul li a:link {color:white;}
#pageHeader-Nav ul li a:visited {color:white;}
#pageHeader-Nav ul li a:hover {color:white; background:none #FFCC00;}
#pageHeader-Nav ul li a:active {color:white;}
#pageHeader-Nav ul li:hover ul {display:block;}
#pageHeader-Nav ul li.last {margin-right:0; width:160px;}
#pageHeader-Nav ul li.selected {background:none #FFCC00;}
#pageHeader-Nav ul li ul {display:none; position:absolute; border:1px solid #CCC; border-width:0 1px; width:158px; text-transform:none; z-index:1000;}
#pageHeader-Nav ul li.last ul {width:158px;}
#pageHeader-Nav ul li ul li {background:none #E8E8E8; margin:0; clear:both; width:158px; z-index:1000;}
#pageHeader-Nav ul li.last ul li {width:158px;}
#pageHeader-Nav ul li ul li a {color:#333; font-weight:normal; text-align:left; border-bottom:1px solid #CCC; font-size:90%;}
#pageHeader-Nav ul li ul li a:link {color:#333;}
#pageHeader-Nav ul li ul li a:visited {color:#333;}
#pageHeader-Nav ul li ul li a:hover {color:#E7B212; background:none white;}
#pageHeader-Nav ul li ul li a:active {color:#333;}

#pageHeader-Search {float:right; margin:5px 0; border-top:1px solid #666; padding-top:5px; text-align:right;}
#pageHeader-Search form#search img {vertical-align:middle; display:inline; margin:0 0 9px 0;}
#pageHeader-Search form#search input {vertical-align:middle; display:inline;}
#pageHeader-Search form#search label {font-size:85%; vertical-align:middle; display:inline;}
#pageHeader-Search form#search h4 {margin:0; margin-right:10px; font-size:85%; vertical-align:middle; display:inline;}
#pageHeader-Search form#search input#query {border:1px solid #666; width:110px;}
#pageHeader-Search form#search input#submit {margin-right:10px;}
#pageHeader-Search form#search input.radio {margin-right:10px;}

#pageBody {}

#pageContent {float:right; width:572px; padding:10px 0 15px 15px;}
/* #pageContent {float:none; width:760px; padding:15px 0; border-left:none;} \*/

#pageContent h1 {font-size:160%; font-weight:bold; margin:0 0 0.5em 0; color:#333;}
#pageContent h2 {font-size:150%; font-weight:normal; margin:1.5em 0 0.5em 0; color:#333;}
#pageContent h3 {font-size:110%; font-weight:bold; margin:0.5em 0; color:#666;}

#pageNav {float:left; width:170px;}
#pageNav a {text-decoration:none;}
#pageNav ul {list-style:none; margin:10px 0 0 0; padding:0;}
#pageNav ul li {margin:0; padding:0; border-bottom:1px solid #CCC; background:none #F4F4F4;}
* html #pageNav ul li {float:left; clear:both; width:100%;}
#pageNav ul li h2 {font-size:100%; font-weight:bold; margin:0; padding:20px 0 5px 15px; color:#EDC216; background:none white;}
#pageNav ul li a {display:block; padding:3px 3px 3px 15px; width:90%;}
#pageNav ul li a:link {color:#666;}
#pageNav ul li a:visited {color:#666;}
#pageNav ul li a:hover {color:#EDC216;}
#pageNav ul li a:active {color:#666;}
#pageNav ul li img {float:left; margin-top:6px; margin-left:3px; width:9px; height:7px;}
#pageNav ul li.separator {height:1.7em; background:none white;}
#pageNav ul li.selection {background:none white;}
#pageNav ul li a.selected {color:#EDC216; background:url(/shared/images/nav/carot.gif) no-repeat 3px 6px;}
#pageNav ul ul {margin: 0;}
#pageNav ul ul li {border-bottom:none; background:none white;}
#pageNav ul ul li a {padding-left:30px; font-size:90%; width:80%; background:none white;}
#pageNav ul ul li a:link {color:#999;}
#pageNav ul ul li a:visited {color:#999;}
#pageNav ul ul li a:hover {color:#EDC216;}
#pageNav ul ul li a:active {color:#999;}
#pageNav ul ul li a.selected {color:#EDC216; background:url(/shared/images/nav/carot.gif) no-repeat 18px 6px;}
#pageNav ul ul li img {margin-left:18px;}

#pageFooter {padding-left:10px; padding-right:10px; clear:both; text-align:center; font-size:90%; color:#999;}
#pageFooter a {color:#999;}
#pageFooter a:visited {color:#999;}
#pageFooter a:visited {color:#999;}
#pageFooter-Nav {padding-top:10px; text-align: center; font-size: 9px;}
#pageFooter-Nav ul {list-style:none; margin:0px 0; padding:2px;}
#pageFooter-Nav ul li {margin:0; display:inline;}
#pageFooter-Copyright p {margin:0px 0; font-size:84%; text-align: center;}
#pageFooter-Copyright a:hover {color:#999;}

#top {background:url(shared/pagetemplates/shared/images/homepage/primary-spotlight.jpg) no-repeat bottom right; margin-bottom:10px; font-size:110%; position:relative; width:100%;}

/* IE 5.2 Mac hack - hides rule \*/
#top #spotlight {float:left; position:absolute; bottom:15px; left:10px;}
/* End hack */

#top img {border:0px solid white;}

/*Safari 1.0 blocked from this rule*/
#top #first {min-height:175px; height:auto; !} /*!*/

#top #first {width:495px; float:right; padding-bottom:42px; height:175px;}
#top #first h1 {margin:0;}
#top #first h1 img {display:block;}
#top #first a#powerpack img {float:right; border:none; width:160px; height:90px; display:block;}
#top #first p {margin:5px 0 10px 0;}
#top #first img#vista {float:right;}

#callout {float:left; width:242px;}

#callout #ad {margin:0; padding:0;}
#callout #ad img {width:242px; height:150px; border:none;}

#callout #signup {margin:0; padding:0;}
#callout #signup img {width:242px; height:136px; border:none;}

#callout #contests {margin:0; padding:0;}
#callout #contests img {width:242px; height:114px; border:none;}

#callout #dslr {margin:0; padding:0;}
#callout #dslr img {width:242px; height:105px; border:none;}

#bottom p {margin:.5em 0;}

/* For IE 5.2 Mac */
#bottom #promos {margin-left:23px;}

/* For everybody else, IE 5.2 Mac hack - hides rule \*/
#bottom #promos {margin-left:265px;}
/* End hack */

#bottom #promos div.promo {}
#bottom #promos div.promo h2 {margin:0 0 .3em 0; color:#666; font-size:170%;}
#bottom #promos div.promo img.product {float:right; width:150px; height:100px;}
#bottom #promos div.promo img.name {width:190px; height:48px;}
#bottom #promos div.promo div.nav {clear:both; font-size:90%;}
#bottom #promos div.promo div.nav ul li {border:none;}

#slideDIV1 { width:554px; height:371px; background-image: url(images/welcome.jpg); background-repeat:no-repeat;}
#slideDIV2 { width:382px; height:68px; background-image: url(images/testimonial.gif); background-repeat:no-repeat;}
#slideDIV1 img, #slideDIV2 img {
   opacity: 0;
   filter: alpha(opacity=0);}

#DIVtest02 {
	width:382px;
	height:68px;
	background-image: url(images/testimonials/testimonial02.gif);
	background-repeat:no-repeat;
}
#DIVtest03 {
	width:382px;
	height:68px;
	background-image: url(images/testimonials/testimonial03.gif);
	background-repeat:no-repeat;
}
#DIVtest04 {
	width:382px;
	height:68px;
	background-image: url(images/testimonials/testimonial04.gif);
	background-repeat:no-repeat;
}
#DIVtest05 {
	width:382px;
	height:68px;
	background-image: url(images/testimonials/testimonial05.gif);
	background-repeat:no-repeat;
}
#DIVtest06 {
	width:382px;
	height:68px;
	background-image: url(images/testimonials/testimonial06.gif);
	background-repeat:no-repeat;
}
#DIVtest07 {
	width:382px;
	height:68px;
	background-image: url(images/testimonials/testimonial07.gif);
	background-repeat:no-repeat;
}
#DIVtest08 {
	width:382px;
	height:68px;
	background-image: url(images/testimonials/testimonial08.gif);
	background-repeat:no-repeat;
}
#DIVtest09 {
	width:382px;
	height:68px;
	background-image: url(images/testimonials/testimonial09.gif);
	background-repeat:no-repeat;
}
#DIVtest10 {
	width:382px;
	height:68px;
	background-image: url(images/testimonials/testimonial10.gif);
	background-repeat:no-repeat;
}


div.nav {font-size:100%;}
div.nav div.trialBox {font-weight:normal; font-size:70%;}
div.nav div.trialBox a.trialLink {font-weight:bold; font-size:140%;}
div.nav ul {margin:0; padding:0; list-style:none; font-weight:bold;}
div.nav ul li {margin:0; padding:0 20px; float:left; border-right:1px solid #AAA;}
div.nav ul li.more {padding-left:0;}
div.nav ul li.first {padding-left:0;}
div.nav ul li.buy {border:none; padding-right:0;}
div.nav ul li.last {border:none; padding-right:0;}
div.nav ul li img {border:none; width:25px; height:14px; vertical-align:middle;}

div.secondaryNav {clear:right; font-size:100%; margin-bottom:40px;}
div.secondaryNav div.trialBox {font-weight:normal; font-size:80%;}
div.secondaryNav div.trialBox a.trialLink {font-weight:bold; font-size:120%;}
div.secondaryNav ul {margin:0; padding:0; list-style:none; font-weight:bold;}
div.secondaryNav ul li {margin:0; padding:0 20px; float:left; border-right:1px solid #AAA;}
div.secondaryNav ul li.more {padding-left:0;}
div.secondaryNav ul li.first {padding-left:0;}
div.secondaryNav ul li.buy {border:none; padding-right:0;}
div.secondaryNav ul li.last {border:none; padding-right:0;}
div.secondaryNav ul li img {border:none; width:25px; height:14px; vertical-align:middle;}

/* CSS for Calendar Table*/
.Accordion {
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-color: #FBDE7E;
	border-top: dotted 1px gray;
	margin: 0px;
	padding: 2px 0px 2px 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #999999;
	border-bottom: dotted 1px gray;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: hidden;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: 52px;
	line-height: 12pt;
	font-weight: bold;
	font-size: 85%;
	color: #666666;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #FBC807;
	color: #000000;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #333333;
	background-color: #FBAB0D;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #FBDE7E;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #FBC807;
}