/* Copyright 2010 by Quexion, LLC - Any Usage of this document on another 
   site must be sited and credited to the original author - Quexion, LLC.
 * ------------------------------------------------------------------------- */

/*
COLORS
 
Purple: #693375
Light Green: #c8d271  (200,210,113)
Dark Green: #a5b174   (165,177,116)
Grey (text): #656669
 
*/

@import url(reset.css);
@import url(superfish.css);

/* global elements
 * ------------------------------------------------------------------------- */
body { background:url(../img/bg-new.jpg) top center repeat; }
* { font-family: Arial, sans-serif; color:#656669; }
p, li, blockquote { line-height:1.6em; font-size:13px; font-weight:normal; }
p { margin-bottom:10px; }
sup { font-size:0.7em; vertical-align:super; }
a { color:#693375; text-decoration:none; }
a:hover { text-decoration:underline; }
em, i, bold, strong, sup { color:inherit; font-family:inherit; }
ul { margin-left:15px; }


/* Headings */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: Georgia, Times, Times New Roman, serif;}
h2 { font-size:34px; color:#693375; font-weight:normal; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #ececed; }
h2 strong { font-style:normal; font-style:italic; font-weight:normal; }
h3, h3 a { clear:both; font-size:26px; font-weight:normal; font-style:italic; letter-spacing:0.03em; text-shadow:-1px -1px 0px rgba(255,255,255,.5); }
h4 { clear:both; color:#656669; font-size:20px; font-weight:bold; font-style:italic; }
h5 { clear:both; color:#693375; font-size:18px; margin-top:5px; padding-top:10px; letter-spacing:0.03em; border-top:1px dashed #ececed; }
h5.no-border { border:none; margin-top:0; }
h6 { margin:7px 0; }

/* Headings */
h2.title { height:45px; padding:0; margin:0; line-height:normal; text-indent:-9999px; border:none; }
#products { background:url(../img/hdr-products.png) top left no-repeat; }
#sub #testimonials { background:url(../img/hdr-testimonials.png) top left no-repeat; margin:0; padding:0; line-height:normal; height:45px; }

/* Classes */
.add-to-cart { display:block; width:200px; height:40px; margin:0px auto; background:url(../img/add-to-cart.png) top left no-repeat; text-indent:-9999px; }
.add-to-cart:hover { background-position:bottom left; }
.product-type { width:260px; margin:10px 0; padding:10px; background:#f1f4db; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  }
.product-type p { font-weight:bold; font-size:14px; margin-bottom:5px; }
.product-type p em { color:#333; font-style:normal; }
.compare-versions { display:block; width:320px; height:60px; margin:20px auto 0 auto; background:url(../img/compare.png); text-indent:-9999px; }
.compare-versions:hover { background-position:bottom;}
.back-to-top { clear:both; padding:10px 0 0 10px; }
.no-border { border:none !important; }
h5.no-border { padding:0; }
.download { padding-left:25px; background:url(../img/download.jpg) 5px 1px no-repeat; }
.tour { display:block; width:250px; height:50px; background:url(../img/tour.png); text-indent:-9999px; }
#main-wide-no-bg .tour { margin:10px auto;}
#main-no-bg .tour { float:right; margin:10px; }
.tour:hover { background-position:bottom; }

/* Lists */
ul { margin-bottom:10px; }
li { margin-bottom:5px; }
ul.check { margin-left:0; }
ul.check li { padding:5px 0 5px 25px; background:url(../img/check.jpg) top left no-repeat; line-height:20px; }
ul.checklist li { padding: 0 0 25px 0; background:url(../img/check.jpg) top center no-repeat; line-height:20px; }
ul.bullet { list-style-type:disc; }

/* Forms */
input[type="text"], textarea, select { border:1px solid #656669; padding:3px 5px; -moz-border-radius:5px; }
input[type="text"]:focus, textarea:focus, select:focus { border-color:#693375; }

::selection { background:rgba(105,51,117,0.25); }
::-moz-selection { background:rgba(105,51,117,0.25); }

/* useful classes
 * ------------------------------------------------------------------------- */
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
img.right { margin:5px 0 5px 10px; }
img.left { margin:5px 10px 5px 0; }
.half { width:45%; }
.center { margin:0 auto; text-align:center; }

/* Header
 * ------------------------------------------------------------------------- */
#top { height:135px; background:url(../img/header-new.png) top center repeat-x; }
#header { height:130px; width:960px; margin:0px auto; position:relative; z-index:2; }
#branding { float:left; height:100px; width:300px; text-indent:-9999px; background:url(../img/logo-new.jpg); }
#tagline { float:left; clear:both; height:30px; font-size:1px; margin:0; padding:0; border:none; width:640px; text-indent:-9999px; background:url(../img/tagline-new.gif); }

    /* Nav */
    #nav { width:660px; height:95px; float:right; margin:0; padding:0; }
    #nav li { float:left; margin-left:1px; }
    #nav a { display:block; height:95px; text-indent:-9999px; background:url(../img/nav.jpg); }
    
    #nav.new a { display:block; height:95px; text-indent:-9999px; background:url(../img/nav-new.jpg); }
    
    #nav .home a { width:78px; background-position:0 0; }
    #nav .home a:hover { background-position:0 -95px; }
    #nav .home a.current { background-position:0 -190px; }
    #nav .products a { width:126px; background-position:-78px 0; }
    #nav .products a:hover { background-position:-78px -95px; }
    #nav .products a.current { background-position:-78px -190px; }
    #nav .support a { width:109px; background-position:-204px 0; }
    #nav .support a:hover { background-position:-204px -95px; }
    #nav .support a.current { background-position:-204px -190px; }
    #nav .reviews a { width:103px; background-position:-313px 0; }
    #nav .reviews a:hover { background-position:-313px -95px; }
    #nav .reviews a.current { background-position:-313px -190px; }
    #nav .about a { width:116px; background-position:-416px 0; }
    #nav .about a:hover { background-position:-416px -95px; }
    #nav .about a.current { background-position:-416px -190px; }
    #nav .contact a { width:108px; background-position:-532px 0; }
    #nav .contact a:hover { background-position:-532px -95px; }
    #nav .contact a.current { background-position:-532px -190px; }

    /* Nav Drop-down */
    #nav li ul { z-index:1000; width:auto; padding-top:15px; background:url(../img/drop-down-top.gif) 0 0 no-repeat; }
    #nav li ul li { margin:0; position:relative;}
    #nav li ul li a { background:#B3BF51; text-indent:0px; height:20px; line-height:20px; padding:5px 10px; color:#FFF; text-decoration:none; text-shadow:1px 1px 0px rgba(0,0,0,0.25); }
    #header #nav li ul li a:hover { font-weight:bold; }
    #nav li ul li b a { font-size:24px; color:#FFF; background:#B3BF51; }
    #nav li ul li a em { color:#FFF; }
    
    #nav.new li ul { width:auto; padding-top:15px; background:url(../img/drop-down-top-new.gif) 0 0 no-repeat; }
    #nav.new li ul li { margin:0; position:relative;}
    #nav.new li ul li a { background:#8a6493; text-indent:0px; height:20px; line-height:20px; padding:5px 10px 5px 20px; color:#FFF; text-decoration:none; text-shadow:1px 1px 0px rgba(0,0,0,0.25); border-bottom:1px solid #a784af; }
    #header #nav.new li ul li a:hover { font-weight:normal; background:#8a6493 url(../img/drop-down-hover.jpg) top left repeat-y; }
    #nav.new li ul li b a { font-size:24px; color:#FFF; background:#8a6493; padding:10px; }
    #header #nav.new li ul li b a:hover { font-weight:bold; }
    #nav.new li ul li a em { color:#FFF; }
    
    #nav .support ul li a { width:140px; }
    #nav .products ul li a { width:250px; }
    #nav .products ul li b a { width:260px; }
    
/* Content
 * ------------------------------------------------------------------------- */
#content { width:960px; margin:0px auto; position:relative; z-index:1; }

    /* Banner */
    #banner { width:960px; height:320px; background:url(../img/banner.png);}
    #banner .nav { padding:10px 0 0 0; margin-left:7px; width:370px; float:left; }
    #banner .nav li { margin:0; }
    #banner .nav a { display:block; width:370px; height:75px; background:url(../img/banner-nav.gif); }
    #banner #get-organized { background-position:0 0; }
    #banner #get-organized.activeSlide { background-position:-387px 0; }
    #banner #accurately-price { background-position:0 -75px; }
    #banner #accurately-price.activeSlide { background-position:-387px -75px; }
    #banner #track-inventory { background-position:0 -150px; }
    #banner #track-inventory.activeSlide { background-position:-387px -150px; }
    #banner #manage-sales { background-position:0 -225px; }
    #banner #manage-sales.activeSlide { background-position:-387px -225px; }
    #banner .stage { float:left; margin:20px 0 0 10px; width:500px; }
    #banner .stage img { width:550px; height:280px; }
    
    /* Banner New */
    #banner-new { width:960px; height:220px; background:url(../img/banner-new.png);}
    #banner-new .nav { padding:10px 0 0 0; margin-left:7px; width:370px; float:left; }
    #banner-new .nav a { display:block; width:370px; height:50px; background:url(../img/banner-nav-new.gif); }
    #banner-new #get-organized { background-position:0 0; }
    #banner-new #get-organized.current { background-position:-387px 0; }
    #banner-new #accurately-price { background-position:0 -50px; }
    #banner-new #accurately-price.current { background-position:-387px -50px; }
    #banner-new #track-inventory { background-position:0 -100px; }
    #banner-new #track-inventory.current { background-position:-387px -100px; }
    #banner-new #manage-sales { background-position:0 -150px; }
    #banner-new #manage-sales.current { background-position:-387px -150px; }
    #banner-new .stage { float:left; margin:20px 0 0 10px; width:500px; }
    

/* Main Content
 * ------------------------------------------------------------------------- */
#main { position:relative; float:left; width:600px; padding:5px 20px; margin:10px 0; background:url(../img/main.png) top center repeat-y; }
#main-no-bg { position:relative; float:left; width:640px; padding:0; margin:0; background:none; }
#main .top, #main .bottom { position:absolute; left:0; height:10px; width:640px; background:url(../img/main-cap.png) top center no-repeat; }
#main .top { top:-10px; }
#main .bottom { bottom:-10px; background-position:bottom; }
#main table { border-collapse:collapse; padding:5px 0 5px 0; }

#main-wide { position:relative; width:920px; margin:10px 0; padding:0 20px 10px 20px; background:url(../img/main-wide.png) top center repeat-y; }
#main-wide-no-bg { width:960px; padding:0; background:none; }
#main-wide .top, #main-wide .bottom { position:absolute; left:0; height:10px; width:960px; background:url(../img/main-wide-cap.png); }
#main-wide .top { top:-10px; }
#main-wide .bottom { bottom:-10px; background-position:bottom; }
#main-wide-no-bg p { padding:0 10px; }

#main.no-bg { background:none; width:640px; padding:0; margin:0; }

#main img, #main-wide img { padding:4px; border:1px solid #ececed; }
#main blockquote, #main-wide blockquote, #sub .section blockquote { padding:10px 10px 0 10px; border-top:1px dashed #ececed; text-indent:20px; font-style:italic; font-weight:normal; background:url(../img/quote.gif) 0 10px no-repeat; }
#main blockquote.no-border, #main-wide blockquote.no-border, #sub .section blockquote.no-border { border:none; margin-top:-10px; }
#main cite, #main-wide cite, #sub .section cite { display:block; padding:5px 0 5px 20px; font-style:normal; color:#333; }
#main blockquote .back-to-top { margin-left:0; padding-left:0; }
#main a, #main-wide a { font-weight:bold; }

.product { position:relative; float:left; width:300px; height:300px; padding:5px; margin:0 5px 15px 5px; background:url(../img/product-shadow.png) top center no-repeat; }
#main-wide .product { margin-left:-5px; }
a.more-info { position:absolute; bottom:-5px; right:2px; display:block; width:155px; height:35px; background:url(../img/more-info.png); text-indent:-9999px; }
#main .product img, #main-wide .product img { padding:0; border:none; }
.product h3 { padding:10px 0 0 10px; }

.product-wrapper { width:100%; overflow:hidden; }


.product-small { position:relative; float:left; width:140px; height:140px; padding:5px; margin:0 5px 15px 5px; background:url(../img/product-shadow-small.png) top center no-repeat; }
.product-small a.more-info { position:absolute; bottom:-5px; right:3px; display:block; width:100px; height:23px; background:url(../img/more-info-new.png); text-indent:-9999px; }
#main .product-small img { padding:0; border:none; }

#main .add-to-cart { margin:0; float:left; }

/* Sub Content
 * ------------------------------------------------------------------------- */
#sub { width:320px; float:right; position:relative; }
#sub .section { position:relative; width:280px; padding:5px 20px; margin:10px 0 20px 0; background:url(../img/sub.png) top center repeat-y; }
#sub .section .top, #sub .bottom { position:absolute; left:0; width:320px; height:10px; background:url(../img/sub-cap.png) top center no-repeat; }
#sub .section .top { top:-10px; }
#sub .section .bottom { bottom:-10px; background-position:bottom; clear:both; }
#sub.homepage { float:right; width:320px; padding:0; background:none; }
#sub h3 { margin-left:10px; color:#693375; font-size:32px; font-weight:bold; }
#sub .product { margin:0; }
#sub .faq { position:fixed; } 
#sub h2 { font-size:30px; height:50px; line-height:50px; padding:0 0 3px 13px; margin-left:-13px; background:url(../img/sub-header.png) 0 2px no-repeat; color:#FFF; border:none; text-shadow:1px 1px 0px rgba(0,0,0,0.75); }

    .testimonial { width:320px; padding-top:10px; margin-bottom:10px; background:url(../img/testimonial-top.png) top center no-repeat;}
    .testimonial blockquote { width:280px; padding:0 20px 5px 20px; background:url(../img/testimonial.png) top center repeat-y; line-height:1.4em; font-style:italic; }
    .testimonial cite { display:block; width:270px; height:20px; padding:10px 0 0 50px; background:url(../img/testimonial-bottom.png) top center no-repeat; font-weight:bold; }

#sub .read-more { float:right; margin-right:10px; font-weight:bold; }
/* Footer
 * ------------------------------------------------------------------------- */
#footer { margin:20px 10px 0 10px; padding:20px 0; background:url(../img/footer-new.gif) top center repeat-x; }
#footer p { color:#656669; }
.facebook { margin-right:-5px; display:block; width:155px; height:55px; background:url(../img/facebook.png); text-indent:-9999px; }


/* Gallery Page
 * ------------------------------------------------------------------------- */
ul.gallery li { float:left; margin-right:10px; }


/* Product Pages
 * ------------------------------------------------------------------------- */
.reports { width:270px; padding:10px; background:#f1f4db; -moz-border-radius:10px; }
.reports ul { margin:0 0 0 15px; list-style-type:disc; }
.reports li { margin:5px 0;}

    /* jQuery anythingSlider */
    .anythingSlider { position: relative; height:200px; width:260px; padding:5px 10px; }
    .anythingSlider .wrapper { width: 260px; overflow: auto; height: 190px; padding:0px; margin:0; position: absolute; top: 10px; left: 10px; }
    .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
    .anythingSlider ul li { display: block; float: left; background:none; padding: 0 10px 0 0; height: 190px; width: 260px; margin: 0; }
    .anythingSlider .arrow { display: block; height: 40px; width: 30px; background: url(../img/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 85px; cursor: pointer; }
    .anythingSlider .forward { background-position: -30px 0; right:-20px; }
    .anythingSlider .back { background-position: 0 0; left:-20px; }
    #start-stop { display:none; }
    
    .anythingSliderReports { position: relative; height:705px; width:600px; padding:20px 0 10px 0; margin-top:5px; border-top:1px dashed #ececed; }
    .anythingSliderReports .wrapper { width: 560px; overflow: auto; height: 700px; padding:0; margin:0; position: absolute; top: 20px; left: 20px; }
    .anythingSliderReports .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
    .anythingSliderReports ul li { display: block; float: left; background:none; padding: 0 10px 0 0; height: 695px; width: 562px; margin: 0; }
    .anythingSliderReports .arrow { display: block; height: 40px; width: 30px; background: url(../img/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 85px; cursor: pointer; }
    .anythingSliderReports .forward { background-position: -30px 0px; right:-10px; }
    .anythingSliderReports .back { background-position: 0 0px; left:-10px; }
    #main .anythingSliderReports img { padding:0; border:none; }
    
.dino-lite { margin-left:0; }
.dino-lite li { float:left; margin:10px; }

#compare tbody { border-width:1px 1px 0 1px; border-style:solid; border-color:#ececed; }
#main-wide #compare img { border:none; vertical-align:middle; }
#compare td { border-style:solid; border-color:#ececed; border-width: 0 0 1px 0; padding:5px 0; }
#compare .alt td { background-color:#fafaf7; }
#compare tr:hover td { background:#f0eaf1; }
#compare th { padding:5px 0 10px 0; }

    
/* Accessories Page
 * ------------------------------------------------------------------------- */
.product-wrapper { border-top:1px dashed #ececed; overflow:hidden; padding:10px 0; }
.product-wrapper p { margin-top:5px; }
.product-wrapper img { margin-top:5px; }
.product-wrapper h5 { border:none; padding-top:0; }
 
 
 #registration td, #contact td { padding:5px 10px; }
 .label { text-align:right; font-weight:bold; font-size:13px; vertical-align:top; }
 #registration .label { width:300px; }
 #contact .label { width:100px; }
 #registration p { line-height:2em; }
 .validate { font-size:13px; font-weight:bold; color:#c84743 !important; padding-left:10px; display:inline; }
 
 label { display:block; font-size:13px; font-weight:bold; margin:10px 0 5px 0; }
 
 #tourcontent { margin-left:110px; }