* { margin:0; outline:none; padding:0 }
body { background:#e6e6e6; color:#525252; font-family:"Lucida Grande", Arial, sans-serif; font-size:14px }
a { color:#1a8dd7; text-decoration:none }
a:hover { text-decoration:underline }
a img { border:none }
#imagePreload { margin-left:-9999em; position:absolute; top:0 }
button { background:none; border:0; cursor:pointer }
label { color:#000; display:block; font-size:12px; font-weight:bold }
input[type="text"], input[type="password"] { background:#fff; border:1px solid #cdcdcd; padding:4px }

/* Logo and Navigation */
#top { margin:0 auto; padding:0 8px 10px; position:relative; width:984px; height:76px }
#logo a { background:url(/images/layout/logoSm.png); display:block; float:left; margin-top:34px; width:133px; height:42px }
#nav { clear:right; float:right; list-style:none; margin-top:62px }
#nav li { float:left; margin-left:32px }
#nav li a { color:#525252; font-size:14px; text-decoration:none }
#nav li.active a { color:#1a8dd7 }
#nav li a:hover { color:#1a8dd7; text-decoration:underline }
#stache { position:absolute; top:50px; right:80px }
#login { color:#000; font-size:12px; position:absolute; top:8px; right:8px }

#title { margin:5px auto 10px; overflow:hidden; position:relative; width:1000px; height:480px }
#title .items { position:absolute; width:9999em }
#title .items div { background:url(/images/layout/titleBack.png) no-repeat; float:left; padding:0 10px; width:980px; height:460px }
.navi { height:20px; margin:0 auto; position:relative; top:460px }
.navi a { background:url(/images/layout/navigator.png) no-repeat scroll 0 0 transparent; display:block; float:left; font-size:1px; height:8px; margin:3px; width:8px }
.navi a:hover { background-position:0 -8px }
.navi a.active { background-position:0 -16px }

#homeContent { background:url(/images/layout/homeContent.png) no-repeat; margin:0 auto 20px; padding:8px; width:984px; height:398px }
#homeContent div { float:left; padding:20px; width:206px; height:356px }
#homeContent div h2 { color:#29a0db; font-size:22px; margin-top:12px }
#homeContent div h3 { color:#000; font-size:19px; font-weight:normal; margin-bottom:16px }
#homeContent div p { font-size:14px; margin-bottom:8px }

#homeContent2 { background:url(/images/layout/homeContent2.png) no-repeat; margin:0 auto 20px; padding:28px; width:944px; height:358px }

.contentTop { background:url(/images/layout/contentTop.jpg) no-repeat; margin:0 auto; padding:40px 66px; position:relative; width:868px; height:25px }
.contentTop h1, .contentSmTop h1 { height:40px }
.contentTop h1.about { background:url(/images/layout/titleAbout.png) no-repeat }
.contentTop h1.communityExchange { background:url(/images/layout/titleCE.png) no-repeat }
.contentTop h1.support { background:url(/images/layout/titleSupport.png) no-repeat }
.contentSmTop h1.products { background:url(/images/layout/titleProducts.png) no-repeat }
.contentSmTop h1.cart { background:url(/images/layout/titleCart.png) no-repeat }
.contentSmTop h1.account { background:url(/images/layout/titleAccount.png) no-repeat }
.contentSmTop h1.checkout { background:url(/images/layout/titleCheckout.png) no-repeat }
.contentTop h1 span, .contentSmTop h1 span { display:none }
.content { background:url(/images/layout/contentBack.jpg) no-repeat 0 100%; margin:0 auto; overflow:auto; padding:40px 66px; width:868px; min-height:212px }
.contentBottom { background:url(/images/layout/contentBottom.jpg) no-repeat 0 100%; margin:0 auto 30px; overflow:auto; padding:40px 66px 0; width:868px; height:204px }

#columns { margin:0 auto 30px; overflow:auto; width:1000px }
#subColumn { float:left; width:200px }
#mainColumn { float:left; width:800px }
.contentSmTop { background:url(/images/layout/contentSmTop.jpg) no-repeat; margin:0 auto; padding:40px 48px; position:relative; height:25px }
.contentSm { background:url(/images/layout/contentSmBack.png) repeat-y 0 100%; margin:0 auto; overflow:auto; padding:0 48px; min-height:292px }
.contentSmBottom { background:url(/images/layout/contentSmBottom.jpg) no-repeat 0 100%; margin:0 auto 30px; overflow:auto; padding:40px 48px 0; height:100px }

.content .text { float:left; width:434px }
.content .text p { line-height:20px }
.content img { float:left }
.content h2 { color:#312e2f; font-size:20px; margin-bottom:16px }
.contentBottom h4 { color:#333; margin-top:40px }
.content p#about { width:434px }
.content p#about2 { float:right; width:434px }
.white { background:url(/images/layout/whiteBack.jpg); margin:0 auto; padding:0 8px; width:984px }
.white img { margin-left:40px }
.gray { background:url(/images/layout/grayBack.jpg) 1px 0; margin:0 auto; padding:0 26px; width:948px; height:40px }
.gray p { margin:2px 0 12px; text-align:right }
.gray p img { margin-left:8px; position:relative; top:6px }
.gray2 { background:url(/images/layout/grayBack.jpg) 1px 0; margin:0 auto; padding:0 26px; width:948px }
.breadcrumb { background:url(/images/layout/black.png) no-repeat; color:#d2d2d2; padding:10px 48px; height:18px }
.breadcrumb a { color:#d2d2d2 }

/* Sub Column */
#search input[type="text"] { border:none; background:url(/images/layout/search.png) no-repeat; color:#aaa; margin-top:-1px; padding:12px 36px; width:115px; height:16px }
#sort { display:none }
#sort p { color:#9b9b9b; font-size:12px; font-weight:bold; margin-top:12px; text-align:right; width:178px }
#sort select { margin-left:7px; width:173px }
#subColumn h2 { color:#1a8dd7; font-size:18px; margin:10px 0 10px 7px }
#subColumn ul { list-style:none; margin:12px 0 12px 7px }
#subColumn ul li { padding-left:16px }
#subColumn ul li.current { background:url(/images/layout/arrow.png) no-repeat 0 50% }
#subColumn ul li a { color:#606060 }
#ads { margin:40px 0 0 7px; width:178px }
#ads img { margin-bottom:8px }
#viewCart a { background:url(/images/layout/viewCart.png) no-repeat; color:#666; display:block; font-size:12px; font-weight:bold; margin:14px 0 14px 8px; padding:8px 0 0 40px; width:131px; height:22px }
#viewCart a#keepShopping { background:url(/images/layout/keepShopping.png) no-repeat; display:block; margin:14px 0 14px 8px; width:171px; height:30px }
#viewCart a:hover { text-decoration:none }

/* Products display */
.products { background:url(/images/layout/contentSmBack.png) repeat-y 0 100%; margin:0 auto; overflow:hidden; padding:0 48px; position:relative; height:810px }
.products .items { position:absolute; height:9999em }
.products .items .row { height:810px }
.product { display:block; float:left; padding-top:20px; width:350px; height:250px }
.product:hover { text-decoration:none }
.product span { display:block; padding-left:30px }
.product .productTitle { font-size:20px; font-weight:bold; margin-top:-16px }
.product .productPrice { color:#000; font-size:16px; margin-left:30px }
.product .productDesc { color:#7b7b7b; font-size:12px; line-height:15px; margin-left:30px; overflow:hidden; height:30px }
.product a img { width:280px }

a.browse { background:url(/images/layout/productNav.png) no-repeat; color:#7c7c7c; cursor:pointer; display:block; float:left; width:113px; height:26px }
a.next { background-position:0 -26px; float:right }
a.disabled { display:none }
a.browse:hover { text-decoration:none }
.contentSmBottom .navi { top:6px }

/* Product Page */
.productPage h1 { color:#2e9ed6; font-size:26px; margin:44px 0 0 16px }
.productPage h4 { color:#000; font-size:16px; margin:4px 0 8px; padding-left:16px }
.productPage button { margin-left:8px }
.productPage p { font-size:12px; margin:18px 0; padding-left:16px; width:320px }
.productPage #downloadTrial { background:url(/images/layout/download.png) no-repeat; display:block; margin:16px; width:281px; height:57px }
.productPage #downloadFree { background:url(/images/layout/download_free.png) no-repeat; display:block; margin:16px; width:281px; height:57px }
.productPage #productImage { float:right; margin-top:44px }

/* Packages */
.package { padding-bottom:40px }
.package h1 { color:#2e9ed6; font-size:24px; margin:32px 0 0 16px }
.package p { border-bottom:1px solid #ccc; color:#000; font-size:12px; margin:0 16px 8px; padding-bottom:16px }
.packageProduct { border-bottom:1px solid #ccc; margin:9px 16px; height:64px }
.packageProduct a { cursor:pointer }
.packageProduct img { float:left; width:96px; height:54px }
.packageProduct .title { float:left }
.packageProduct h4 { color:#000; font-size:14px; margin:10px 0 0 20px }
.packageProduct h5 { float:left; font-size:11px; margin-left:20px }
.packageProduct .price { float:right }
.packageProduct .price button { background:url(/images/layout/packageBuyIt.png) no-repeat; color:#373737; display:block; font-size:18px; font-weight:bold; margin-top:12px; padding:0 0 0 10px; text-align:left; width:190px; height:30px }
.previewVid { background:url(/images/layout/previewBack.png) no-repeat; display:none; padding:43px; width:448px; height:342px }
.previewVid .close { background:url(/images/layout/close.png) no-repeat; display:block; position:absolute; right:50px; bottom:50px; width:100px; height:20px }
.previewImg { background:#000; display:none; padding:6px; width:720px; height:435px }
.previewImg img { width:auto; height:auto }
.previewImg .close { background:url(/images/layout/close.png) no-repeat; display:block; position:absolute; right:8px; bottom:8px; width:100px; height:20px }

/* Features */
.features h1 { border-bottom:1px solid #ccc; color:#2e9ed6; font-size:24px; margin:32px 0 0 8px; padding-bottom:16px }
.feature { float:left; margin:24px 24px 24px 0; overflow:hidden; width:338px; height:105px }
.switch { margin-right:0 }
.feature img { float:left; margin-right:12px; padding-bottom:54px; width:76px }
.feature p { font-size:12px }

/* Community Exchange */
#commExchange { color:#525252; font-size:12px; padding:10px 40px }
#commExchange h3 { color:#ee2b55; font-size:18px; margin:8px 0 }
#commExchange p { margin:8px 0; text-align:left; width:528px }
.pinkButton { background:url(/images/layout/buttonBack.png) no-repeat; display:block; text-align:center; color:#fff; font-weight:bold; padding-top:6px; width:103px; height:20px }
#contributeButton { cursor:pointer; float:right; margin-top:25px }
#contributeButton:hover { text-decoration:none }
#submitExchange { display:none; padding-top:8px; height:300px }
#submitExchange p { float:left; margin:8px 0 }
#submitExchange #exName { margin-right:26px; width:251px }
#submitExchange #exName input, #submitExchange #exEmail input, #submitExchange #exFileTitle input { width:241px }
#submitExchange #exEmail { width:251px }
#submitExchange label { display:block; font-size:11px; margin-bottom:2px }
#submitExchange input[type="text"] { background:#d1d1d1; border:1px solid #b1b1b1; color:#333; padding:4px }
#submitExchange input[type="file"] { background:#d1d1d1; border:1px solid #b1b1b1 }
#submitExchange textarea { background:#d1d1d1; border:1px solid #b1b1b1; color:#333; float:left; font-family:Arial, sans-serif; font-size:12px; padding:4px; width:518px; height:80px }
#submitExchange button { float:right; font-size:12px; margin-top:-20px; padding:0; height:26px }
#submitExchange p#submitButton { width:100% }
.comment { border-bottom:1px solid #ccc; margin:0 60px; padding:0 20px 20px; min-height:100px }
.comment h2 { color:#2e9ed6; font-size:18px; padding-top:20px }
.comment p { font-size:12px; width:528px }
.comment p strong { color:#000 }
.comment .commentFile { float:right; margin-top:24px }

/* Support Page */
.accordion { border-top:1px solid #e6e6e6 }
.accordion h2 { border-bottom:1px solid #e6e6e6; color:#312e2f; cursor:pointer; font-size:16px; padding:12px 0 12px 60px }
.accordion h2:hover { background:url(/images/layout/supportHover.png); color:#fff }
.accordion h2.current { background:#fff; border:none; color:#2e9ed6; cursor:default }
.accordion h2.current:hover { background:#fff; color:#2e9ed6 }
.accordion .pane { background:#fff; border-bottom:1px solid #e6e6e6; color:#7b7b7b; display:none; font-size:13px; padding:0 60px 15px }
.supportTop { background:url(/images/layout/supportTop.jpg) no-repeat; margin:0 auto; position:relative; padding:0 66px; width:868px; height:94px }
.tabs { list-style:none }
.tabs li a { color:#fff; float:left; margin:12px 12px 0 0; padding:0 10px; width:146px; height:71px }
.tabs li a.current { background:url(/images/layout/highlight.png) no-repeat }
.tabs li a span { float:right; padding-top:20px; text-align:right; width:70px; height:51px }
#prev { background:url(/images/layout/arrows.png) no-repeat; display:none; position:absolute; top:35px; left:28px; width:30px; height:30px }
#next { background:url(/images/layout/arrows.png) no-repeat 100% 0; display:none; position:absolute; top:35px; right:28px; width:30px; height:30px }

/* Cart */
.cart { padding-bottom:80px; position:relative }
.cart h2 { clear:both; color:#2e9ed6; font-size:20px; margin-top:30px; margin-bottom:10px }
.cartProduct { background:#f1f1f1; color:#000; font-size:14px; overflow:hidden; margin-bottom:3px; padding:14px 20px; height:24px }
.cartProduct .cartTitle { float:left; font-weight:bold; padding:4px 0; width:400px }
.info .cartTitle { width:auto }
.cartProduct .cartDelete { float:right; margin:2px 0 0 12px }
.cartProduct .cartQuantity { background:#fff; border:1px solid #333; float:right; margin:0 12px; padding:4px; text-align:right; width:20px; height:16px }
.cartProduct .cartPrice { float:right; padding:4px 0; text-align:right; width:60px }
.cartProduct button { float:right; margin-top:4px }
#pricingArea { color:#2e9ed6; float:right; font-weight:bold; margin:24px 30px 0 0; text-align:right }
#pricingArea tr td span { color:#000; display:block; width:72px }
#pricingArea #total td { color:#ee0a4d; padding-top:16px }
.cart .pinkButton { padding:4px 0 2px; position:absolute; right:48px; bottom:20px }
.cart .pinkButton:hover { text-decoration:none }
#addCoupon { margin-top:26px }
#addCoupon button { margin-left:8px; position:relative; top:8px }

/* Account */
#register_member_form #accountForm { font-size:12px }
#accountForm tr { height:28px }
#accountForm label { color:#000; font-size:12px; font-weight:bold; width:160px }
#accountForm input[type="text"], #accountForm input[type="password"] { width:280px }
#accountForm button { margin-top:12px }
.purchase { border-bottom:1px solid #ccc; font-size:12px; margin-bottom:8px; padding-bottom:8px; position:relative; height:80px }
.purchase .downloadLink { background:url(/images/layout/commExDL.png) no-repeat; display:block; float:right; width:54px; height:69px }
.purchase .purchasedTitle { color:#000; font-size:14px; font-weight:bold; padding-top:8px }
.purchase .purchasedDate {  }
.purchase .serialNumber { position:absolute; top:25px; left:200px }
.purchase .serialNumber span { color:#000; font-weight:bold }
.updateSuccess { color:#195905; display:none; float:right; font-size:12px; font-weight:bold; margin-top:18px }
.updateFail { color:#950202; display:none; float:right; font-size:12px; font-weight:bold; margin-top:18px }
#accountInfo h2 span { color:#000; font-size:12px; font-weight:normal; padding-left:15px }

.info { font-size:11px }
.info p { float:left; margin:8px 16px 0 0 }
.info p input[type="text"] { background:#fff; border:1px solid #cdcdcd; padding:4px; width:152px }
.info label { color:#000; display:block; font-weight:bold }
.info #pAddress { clear:both }
.info #pAddress #address { width:240px }
.info #pCity { clear:both }
.info #pCity #city { width:240px }
.info #pState { clear:both; margin-bottom:30px }
.info #pState select { margin-top:3px }
.info #zip { width:80px }
.info .pinkButton { float:right; margin-top:150px; padding:0 0 3px 0; height:27px }
.info .pinkButton:hover { text-decoration:none }
#expDate { clear:left; margin-top:12px }
#expDate span { color:#000; display:block; font-weight:bold; margin-bottom:4px }
#expDate label { color:#525252; float:left; font-weight:normal; margin-top:2px; margin-right:6px }
#expDate select { float:left; margin-right:14px }
#cvv2 { margin-top:12px }
#cvv2 input { width:74px }

/* Footer */
#footer { margin:0 auto 30px; padding:0 8px; width:984px }
#footer p { color:#7b7b7b; font-size:10px; margin-left:8px }
#footer p a { padding-left:36px }