@CHARSET "UTF-8"; /* reset and clear stuff */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5em;} table {border-collapse:separate;border-spacing:0;} table, td, th {vertical-align:middle;} a img {border:none;} a:hover {text-decoration: underline;} .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, .container {display:inline-block;} * html .clearfix, * html .container {height:1%;} .clearfix, .container {display:block;} .clear {clear:both;} /* typography.css */ body {font-size:75%;color:#222;background:#fff;font-family:Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em; line-height: 1em;} h3 {font-size:1.5em;line-height:1.4em;margin-bottom:1em; margin-top:2px;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:2px;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} em { font-style: italic;} strong { font-weight: bold;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 0; padding-left:30px; } ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} input[type=text] {width:400px;} /* the main stuff */ body { background: #fff url(../images/bg-sub-body.jpg) 0 108px repeat-x; font-family: Arial, sans-serif; margin:0; padding: 0; } #wrapper { width: 980px; margin: 0 auto; background: url(../images/bg-sub-banner.jpg) 0 0 repeat-x; text-align: left; } .home { background: #fff url(../images/bg-body.gif) 0 150px repeat-x; font-family: Arial, sans-serif; } .home #wrapper { width: 980px; margin: 0 auto; background: url(../images/bg-wrapper.jpg) 0 0 no-repeat; } .dvdboxshot { background: #fff url(../images/bg-body.gif) 0 150px repeat-x; font-family: Arial, sans-serif; } .dvdboxshot #wrapper { width: 980px; margin: 0 auto; background: url(../images/bg-wrapper.jpg) 0 0 no-repeat; } /* header */ #header { height:110px; width:920px; margin: 0 auto; font-size: 11px; } #header .skip { display: none; } #header h2 { float: left; background: url(../images/killervideostore-logo.png) 0 0 no-repeat; height: 51px; width: 314px; text-indent: -999px; overflow: hidden; margin-top: 30px; } #header h2 a { display:block; height:71px; width:338px; } #header .right { margin: 26px 0 0 0; position: relative; float: right; z-index: 999; width:258px; } .sub #header .right { margin-right: 25px; } #paypal { float:left; padding-right:20px; line-height:0; } #secure { font-size: 16px; color: gray; padding: 6px 0pt 12px 50px; float: left; background: url(/public/images/lock-lrg.gif) no-repeat 20px 2px; margin-top:12px; } /* nav */ div#navwrapper { background: #027844; z-index: 1000; } #nav { clear:both; background: #027844; width: 920px; margin:0 auto; padding:0; z-index: 1000; position: relative; } #nav li { float: left; font-weight: bold; font-size: 12px; list-style: none; margin: 0; padding: 0; border-right:1px solid #008e52; } #nav li a { display: block; padding: 12px 16px 10px 16px; background: #027844; color: #fff; text-decoration: none; } #nav li a:hover, #nav li a:focus, #nav li.sfHover, #nav li.sfHover a { background: #02673b; } #nav li a.active { background: #008E52; color: #ccff99; } #nav li a.active :hover, #nav li a.active:focus { text-decoration: none; } #nav li.sfHover a.active:hover, #nav li.sfHover a.active:focus, #nav li.sfHover a { background: #02673b; } #nav li.downloads a { padding-left:38px; position: relative; } #nav li.downloads img { position: absolute; top: 13px; left: 16px; } * html #nav li.downloads img { left:-22px; top:12px; } #nav li.viewcart { float:right; font-size:11px; color:#fff; font-weight:normal; padding-right:25px; padding-top:8px; border: none; } .home #nav li.viewcart { padding-right:0; } #nav li.viewcart img { } #nav li.viewcart a { padding:0; background:none; } /* banner */ .home #banner { margin: 0 40px; height: 230px; position: relative; } /* .home #banner .banner-inner { color:#FFFFFF; padding: 40px 50px 0 350px; font-size:14px; line-height:1.4em; position: relative; } */ .home #banner .banner-inner { color:#FFFFFF; padding: 25px 50px 0 350px; font-size:14px; line-height:1.3em; position: relative; } .home #banner img { position: absolute; top:50px; left:40px; margin: 0; z-index: 1; } .home #banner p { margin-bottom: 20px; } /* .home #banner p.p1 { padding-left: 60px; background: url(../images/bullet-happy.png) left center no-repeat; } */ .home #banner p.p2 { padding-left: 60px; background: url(../images/bullet-light.png) left center no-repeat; margin-bottom: 20px;} .home #banner p.p3 { padding-left: 60px; background: url(../images/icon-video-sml.png) left -2px no-repeat; padding-top: 10px; height: 36px;} .home #banner p.p1 { padding-left: 60px; background: url(../images/bullet-happy.png) left center no-repeat; height: 38px; } .home #banner a { color:#fff; } .home #banner a:hover { color:#CCFF99; } .home #compare_button {height: 20px; margin-left: 720px; margin-top: -6px; } .home #compare_button a {} .home #compare_button p {padding: 0; font-size: 11px;} .home #category_title { text-align: center; margin-top: 15px; border-bottom:1px solid #e6e6e6; margin-left: 30px; margin-right: 30px;} .home #category_title_home { text-align: center; margin-top: 0px; border-bottom:1px solid #e6e6e6; margin-left: 30px; margin-right: 30px;} /* sub banner */ .dvdboxshot #banner { height:280px; overflow: hidden; } .dvdboxshot .dvd-webdesign1 { background: url(../boxshot-lrg/boxshot-webdesign1.png) 20px 22px no-repeat; } .dvdboxshot .dvd-actionscript2 { background: url(../boxshot-lrg/boxshot-actionscript.png) 20px 22px no-repeat; } .dvdboxshot .dvd-actionscript3 { background: url(../boxshot-lrg/boxshot-actionscript3.png) 20px 22px no-repeat; } .dvdboxshot .dvd-advphp { background: url(../boxshot-lrg/boxshot-advphp.png) 20px 22px no-repeat; } .dvdboxshot .dvd-flashcs4 { background: url(../boxshot-lrg/boxshot-flashcs4.png) 20px 22px no-repeat; } .dvdboxshot .dvd-javascript { background: url(../boxshot-lrg/boxshot-javascript.png) 20px 22px no-repeat; } .dvdboxshot .dvd-jquery { background: url(../boxshot-lrg/boxshot-jquery.png) 20px 22px no-repeat; } .dvdboxshot .dvd-php { background: url(../boxshot-lrg/boxshot-php.png) 20px 22px no-repeat; } .dvdboxshot .dvd-dreamweavercs3 { background: url(../boxshot-lrg/boxshot-dreamweavercs3.png) 20px 22px no-repeat; } .dvdboxshot .dvd-dreamweavermx { background: url(../boxshot-lrg/boxshot-dreamweavermx.png) 20px 22px no-repeat; } .dvdboxshot .dvd-flashmx { background: url(../boxshot-lrg/boxshot-flashmx.png) 20px 22px no-repeat; } .dvdboxshot .dvd-mysql { background: url(../boxshot-lrg/boxshot-mysql.png) 20px 22px no-repeat; } .dvdboxshot .dvd-oop { background: url(../boxshot-lrg/boxshot-oop.png) 20px 22px no-repeat; } .dvdboxshot .dvd-shoppingcart { background: url(../boxshot-lrg/boxshot-shoppingcart.png) 20px 22px no-repeat; } .dvdboxshot .dvd-webdesign2 { background: url(../boxshot-lrg/boxshot-webdesign2.png) 20px 22px no-repeat; } .dvdboxshot .dvd-wordpress { background: url(../boxshot-lrg/boxshot-wordpress.png) 20px 22px no-repeat; } .dvdboxshot .dvd-wordpressbasics { background: url(../boxshot-lrg/boxshot-wordpressbasics.png) 20px 22px no-repeat; } .dvdboxshot .dvd-completewebdesigner { background: url(../boxshot-lrg/boxshot-completewebdesigner.png) 20px 22px no-repeat; } .dvdboxshot .dvd-completewebprogrammer { background: url(../boxshot-lrg/boxshot-completewebprogrammer.png) 20px 22px no-repeat; } .dvdboxshot .dvd-completephp { background: url(../boxshot-lrg/boxshot-completephp.png) 20px 22px no-repeat; } .dvdboxshot .dvd-phplogin { background: url(../boxshot-lrg/boxshot-phplogin.png) 20px 22px no-repeat; } .dvdboxshot .dvd-csslayouts { background: url(../boxshot-lrg/boxshot-csslayouts.png) 20px 22px no-repeat; } .dvdboxshot .dvd-dreamweavercs5 { background: url(../boxshot-lrg/boxshot-dreamweavercs5.png) 20px 22px no-repeat; } .dvdboxshot .dvd-photoshopcs5 { background: url(../boxshot-lrg/boxshot-photoshopcs5.png) 20px 22px no-repeat; } .dvdboxshot .dvd-photoshopcs5web { background: url(../boxshot-lrg/boxshot-photoshopcs5web.png) 20px 22px no-repeat; } .dvdboxshot .dvd-smallbusiness { background: url(../boxshot-lrg/boxshot-webdesignforsmallbusiness.png) 20px 22px no-repeat; } .dvdboxshot .dvd-completewordpress { background: url(../boxshot-lrg/boxshot-completewordpress.png) 20px 22px no-repeat; } .dvdboxshot .dvd-photoshopforweb { background: url(../boxshot-lrg/boxshot-photoshopforweb.png) 20px 22px no-repeat; } .dvdboxshot .dvd-photoshopforwebd { background: url(../boxshot-lrg/boxshot-photoshopforwebd.png) 20px 22px no-repeat; } .dvdboxshot .dvd-html5css3 { background: url(../boxshot-lrg/boxshot-html5css3.png) 20px 22px no-repeat; } .dvdboxshot .dvd-dreamweaverwordpress { background: url(../boxshot-lrg/boxshot-dreamweaverwordpress.png) 20px 22px no-repeat; } .dvdboxshot .dvd-businesswebdesign { background: url(../boxshot-lrg/boxshot-businesswebdesign.png) 20px 22px no-repeat; } .dvdboxshot .dvd-buildacms { background: url(../boxshot-lrg/boxshot-buildacms.png) 20px 22px no-repeat; } .dvdboxshot #banner .text { width:740px; float: left; } .dvdboxshot #banner h1 { padding: 40px 0 4px 300px; margin:0; font-weight: bold; color: #fff; font-size: 34px; } .dvdboxshot #banner h5 { padding: 0 0 0 300px; margin:0; color: #ccff99; font-weight: normal; font-size: 14px; } .dvdboxshot #banner h3 { padding: 20px 0 0 300px; margin:0; color: #fff; font-weight: normal; font-size: 14px; line-height: 20px; } .dvdboxshot #banner .purchaselinks { float:right; width: 230px; padding-top: 40px; margin: 0; } .dvdboxshot #banner .purchaselinks .btndownloadnow { height: 72px; width: 177px; padding: 0; display: block; overflow: hidden; text-indent: -999px; background: url(../images/button-downloadnow.png) 0 0 no-repeat; } .dvdboxshot #banner .purchaselinks .btndownloadnow:hover { background-position: left bottom; } .dvdboxshot #banner .purchaselinks a { width: 177px; display: block; text-align: center; color:#fff; text-decoration: none; } .dvdboxshot #banner .purchaselinks a:hover { text-decoration: underline; } .dvdboxshot #banner .purchaselinks .btndownloadnow150 { height: 72px; width: 177px; padding: 0; display: block; overflow: hidden; text-indent: -999px; background: url(../images/button-downloadnow150.png) 0 0 no-repeat; } .dvdboxshot #banner .purchaselinks .btndownloadnow150:hover { background-position: left bottom; } .dvdboxshot #banner .purchaselinks .btndownloadnow100 { height: 72px; width: 177px; padding: 0; display: block; overflow: hidden; text-indent: -999px; background: url(../images/button-downloadnow100.png) 0 0 no-repeat; } .dvdboxshot #banner .purchaselinks .btndownloadnow100:hover { background-position: left bottom; } .dvdboxshot #banner .purchaselinks .btndownloadnow50 { height: 72px; width: 177px; padding: 0; display: block; overflow: hidden; text-indent: -999px; background: url(../images/button-downloadnow50.png) 0 0 no-repeat; } .dvdboxshot #banner .purchaselinks .btndownloadnow50:hover { background-position: left bottom; } .dvdboxshot #banner .purchaselinks .btndownloadnow80 { height: 72px; width: 177px; padding: 0; display: block; overflow: hidden; text-indent: -999px; background: url(../images/button-downloadnow80.png) 0 0 no-repeat; } .dvdboxshot #banner .purchaselinks .btndownloadnow80:hover { background-position: left bottom; } .dvdboxshot #banner .purchaselinks .btndownloadnow24 { height: 72px; width: 177px; padding: 0; display: block; overflow: hidden; text-indent: -999px; background: url(../images/button-downloadnow24.png) 0 0 no-repeat; } .dvdboxshot #banner .purchaselinks .btndownloadnow24:hover { background-position: left bottom; } .dvdboxshot #banner .purchaselinks .btndownloadnow29 { height: 72px; width: 177px; padding: 0; display: block; overflow: hidden; text-indent: -999px; background: url(../images/button-downloadnow29.png) 0 0 no-repeat; } .dvdboxshot #banner .purchaselinks .btndownloadnow29:hover { background-position: left bottom; } .dvdboxshot #banner .purchaselinks .btndownloadnow34 { height: 72px; width: 177px; padding: 0; display: block; overflow: hidden; text-indent: -999px; background: url(../images/button-downloadnow34.png) 0 0 no-repeat; } .dvdboxshot #banner .purchaselinks .btndownloadnow34:hover { background-position: left bottom; } .dvdboxshot #banner .purchaselinks .btndownloadnow39 { height: 72px; width: 177px; padding: 0; display: block; overflow: hidden; text-indent: -999px; background: url(../images/button-downloadnow39.png) 0 0 no-repeat; } .dvdboxshot #banner .purchaselinks .btndownloadnow39:hover { background-position: left bottom; } .sub #banner { height: 160px; padding: 0 55px; position: relative; } .sub #banner img { padding-top: 40px; } .sub #banner .compatible { color:#FFFFFF;font-size:13px;font-weight:bold;position:absolute;right:55px; top:42px; } .sub #banner .compatible img { padding:0; position:relative; top:5px; padding-right:10px; } /* footer */ /* #footer { margin: 40px 30px 0 30px; height: 70px; clear: both; background: url(../images/bg-footer.gif) 0 0 no-repeat; font-size: 11px; } #footer .left { padding: 18px 0 0 70px; float: left; } #footer .left a { color: #028242; } #footer .right { padding: 18px 20px 0 18px; float: right; background: url("../images/lock-sml.gif") 0 19px no-repeat; } #footer .right .pgtop { position:relative; top:2px; } #footer .right a { color: #8D8D8D; } #footer .right a:hover { color:#555555; } */ #footer_bg { background: url(../images/bg-body-180.jpg) 0 0 repeat-x; background-position: bottom;} #footer3 {clear: both; background: url(../images/footer2.jpg) 0 0 no-repeat; font-size: 11px; height: 230px; background-position: center; margin: 0 auto; position: relative;} #footer3 a { text-decoration: none; } #footer3 a:hover { text-decoration: underline; } #footer3 .list {float: left; list-style: none; padding: 20px 0 0 62px; clear:both; width: 900px; overflow: auto; } #footer3 .list li { float:left; color: #fff; line-height: 16px; width: 230px; } #footer3 .list li.sml { width: 195px; } #footer3 .list h4 { font-size: 1.3em; margin-bottom: 2px; list-style: none; color: #fff; font-weight: bold;} #footer3 .list p { font-size: 1em; } #footer3 .list a { color: #fff; } #footer3 .list a:hover, #footer .list a:focus { color:#CCFF99; } #footer3 #right_info {float: right; padding: 17px 115px 0 0;} #left_breadcrumbs {float: left; padding: 17px 0 0 45px;} #left_breadcrumbs a { color: #277715; text-decoration: underline; } #right { width:900px; margin: 0 auto; text-align:right; padding: 5px 0 8px; background: url("../images/lock-sml.gif") 692px 6px no-repeat; } #right .pgtop { position:relative; top:2px; } #right a { color: #8D8D8D; } #right a:hover { color:#555555; } /* forms */ #optimal-subscription-form { margin-bottom: 30px; overflow: hidden; } #optimal-subscription-form ul { margin:0; padding:0; } #optimal-subscription-form ul.left { float: left; width:390px; } #optimal-subscription-form ul.right { float: right; width:390px; } #optimal-subscription-form li { list-style: none; padding-bottom: 30px; clear: both; overflow: hidden; } #optimal-subscription-form span { clear: both; margin-bottom: 6px; overflow: hidden; width:390px; display: block; } #optimal-subscription-form label { float: left; width: 130px; display: block; } #optimal-subscription-form label.error { display: inline; padding: 2px 0 6px 130px; width: auto; clear: both; } #optimal-subscription-form input { border:1px solid #e2e2e2; padding:3px 4px; float: right; width: 250px; } #optimal-subscription-form select { border:1px solid #e2e2e2; padding:3px 4px; float: right; width: 260px; } #optimal-subscription-form input:active, #optimal-subscription-form input:focus { border:1px solid #ccc; } #optimal-subscription-form input.submit { width: 120px; height: 30px; display:block; color: #fff; font-weight: bold; background: url(../images/button-continue.gif) 0 0 no-repeat; text-align: center; border: 0; font-size: 12px; text-decoration: none; cursor: pointer; float: left; } #optimal-subscription-form input.submit:hover { background-position: bottom left; } /* cart */ #optimal-subscription-form .shoppingCart { border: 1px solid #e6e6e6; border-collapse: collapse; width:100%; clear:both; margin-bottom: 40px; } #optimal-subscription-form .shoppingCart tr th { background: #EAEAEA; border: 1px solid #e6e6e6; padding: 8px; font-weight: bold; text-align: left; } #optimal-subscription-form .shoppingCart tr td { border: 1px solid #e6e6e6; padding: 8px; } /* sidebar */ #secondarycontent #social { border: 1px solid #e6e6e6; background: #f8f8f8 url(../images/widget-bg.gif) 0 31px repeat-x; margin-bottom: 30px; width:320px; } * html #secondarycontent #social { zoom:1; } #social ul { list-style: none; margin: 0; padding: 0; } #secondarycontent #social .tabs { overflow:hidden; margin: 0; padding:0; } #secondarycontent #social .tabs li { float:left; background: #f8f8f8; padding:0; } #secondarycontent #social .tabs li:first-child { border-right: 1px solid #e6e6e6; } #secondarycontent #social .tabs a { color: #666; text-decoration: none; font-size: 12px; font-weight: bold; width:159px; padding: 10px 0; display: block; text-align: center; outline:none; border-bottom: 1px solid #e6e6e6; } * html .social .tabs a#tab-rss { width:161px; } #secondarycontent #social .tabs img { position: relative; top:2px; } #secondarycontent #social .tabs a:hover { color:#000; } #secondarycontent #social .tabs .active { background: #ededed url(../images/widget-tab-active.gif) 0 0 repeat-x; } #secondarycontent #social .tabs a.active { color:#000; text-decoration: none; border:0; } #widget-social { position: relative; height:146px; clear:both; } * html #widget-social { zoom:1; } #widget-email { padding: 16px 20px; position: absolute; top:0; left:0; background: url("../images/widget-bg.gif") 0 0 repeat-x; } #secondarycontent #widget-email h3 { margin: 0 0 2px 3px; font-size:1.083em } #secondarycontent #widget-email p { margin: 0 0 10px 3px; line-height: 1.3em; } #secondarycontent #widget-email form { background: none; padding: 0; } #secondarycontent #widget-email label { display: none; } #secondarycontent #widget-email .textinput { border: 1px solid #bfbfbf; padding:2px 4px; width: 196px; font-size:.916em; color:#666666; margin-right: 4px; } #secondarycontent #widget-email .submit { overflow: hidden; text-indent: -999px; height: 20px; width: 66px; background: url(../images/button-joinnow.gif) 0 0 no-repeat; border: 0; cursor: pointer; text-transform: capitalize; } #secondarycontent #widget-email a { margin: 2px 0 0 4px; font-size:.916em; } #secondarycontent #widget-rss { padding: 16px 20px; position: absolute; top:0; left:0; background: url("../images/widget-bg.gif") 0 0 repeat-x; } #secondarycontent #widget-rss h3 { margin: 0 0 12px 3px; font-size:1.083em } #secondarycontent #widget-rss ul { padding: 0 0 0 8px; } #secondarycontent .widget-social { background: url(../images/widget-social-bg.gif) top center no-repeat; overflow: hidden; padding:16px 0 12px 23px; margin: 0; line-height: 12px; } * html #secondarycontent .widget-social { zoom:1; } #secondarycontent .widget-social li { padding: 0; background: none; float: left; } #secondarycontent .widget-social li.img { padding-right: 8px; } #secondarycontent .widget-social li.txt { padding-top: 10px; padding-left: 4px; } #secondarycontent .widget-social li.txt a { text-decoration: underline; } /* content */ #content { padding: 0 55px; min-height: 200px; _height:200px; clear:both; } /* two col content */ .text-twocol { overflow: auto; } .text-twocol .left { float:left; width:230px; } .text-twocol .left p { margin-right: 30px; } .text-twocol .right { float: left; width: 230px; } /* two col */ .twocol { overflow: hidden; margin-bottom: 60px; } .twocol .leftcol { width:423px; float:left; overflow: hidden; height:175px; background: url('../images/cart-bg.gif') 0 0 no-repeat; } .twocol .rightcol {width:423px; float:right; overflow: hidden; height:175px; background: url('../images/cart-bg.gif') 0 0 no-repeat; } .twocol .leftcol .leftcol-inner { padding:30px 30px 27px 30px; } .twocol .rightcol .rightcol-inner { padding:30px 30px 27px 0; } .twocol .col1 { float:left; width:180px; } .twocol .col2 { float:right; width:170px; } .twocol .col3 { clear:both; padding-top:14px; } .twocol .rightcol strong { float: right; padding: 0 6px 0 0; position: relative; top:-8px; } .twocol .rightcol strong img { padding-left: 4px; position: relative; top: 8px; } .twocol .rightcol .button-continue { width: 120px; display:block; padding: 10px 0 8px; line-height:12px; color: #fff; font-weight: bold; background: url(../images/button-continue.gif) 0 0 no-repeat; text-align: center; border: 0; font-size: 12px; text-decoration: none; float: right; cursor: pointer; } .twocol .rightcol input.button-continue { height:30px; padding:0; } .twocol .rightcol .button-continue:link, .twocol .button-continue:active, .twocol .button-continue:visited, .twocol .button-continue:hover { color:#fff; } .twocol .rightcol .button-continue:hover { background-position: bottom left; } /*************** NEW DESIGN FOR PAYPAL CHECKOUT ***************/ .twocol .rightcol2 {width:423px; float:right; overflow: hidden; height:175px; background: url('../images/cart-bg.gif') 0 0 no-repeat; } .twocol .rightcol2 .rightcol-inner2 { padding:30px 0 27px 0; } .twocol .rightcol2 strong { float: left; padding: 0 10px 0 67px;} .twocol .rightcol2 strong img { padding-left: 4px; position: relative; top: 8px; } .twocol .rightcol2 form {width: 147px; height:47px; padding: 18px 0 40px 158px;} .twocol .rightcol2 .button-continue-paypal { width: 107px;height:83px; display:block; padding: 10px 0 8px; line-height:12px; color: #fff; font-weight: bold; background: url(../images/buy_now_button.png) 0 0 no-repeat; text-align: center; border: 0; font-size: 12px; text-decoration: none;cursor: pointer; } .twocol .rightcol2 p { float: left; padding: 18px 0 0 46px; position: relative; top:-8px; font-size: 12px; margin: 0;font-weight: bold;} .twocol .rightcol2 form#lower_form {width: 80px; height:5px;} .twocol .rightcol2 .button-continue { vertical-align:bottom; overflow:visible; font-size:12px; display:inline; padding:0; border:0; color:blue; cursor:pointer; background-color: transparent; color:#009;text-decoration:underline; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 162px; top: -28px; position: relative;} .twocol .rightcol2 .button-continue:hover { color:#000; } /*************** NEW DESIGN FOR PAYPAL CHECKOUT ***************/ div#pagehdr { background: #008f53; padding: 20px; } div#pagehdr * { color: #fff; } div#pagebody { padding:20px 40px 60px; } .dvdboxshot #pagebody { padding: 0 40px 0px 40px; } div#maincontent { width: 475px; float: left; } div#keyfeatureshighlightframe { margin:0; height:200px; /*set me*/ } div#keyfeatureshighlight { height: 200px; /*set me*/ border: 1px solid #ccc; position: relative; background: #fff; } div#keyfeatureshighlight h3 { margin:10px 10px 0; font-weight: bold; font-size: 1.7em } div#keyfeatureshighlight h6 { font-weight: normal; margin:0 10px; } div#keyfeatureshighlight p { margin-bottom: 0.5em; } div#keyfeatureshighlight ul, div#keyfeatureshighlight ul li { list-style: none;margin: 0; padding: 0; } div#keyfeatureshighlight ul { position: absolute; top:55px; left:5px; } div#keyfeatureshighlight li { } div#keyfeatureshighlight li a { background: #ebebeb; display: block; width:140px; text-indent:0; padding: 0; line-height: 25px; margin: 0 0 3px 0; color: #000; text-decoration: none; font-weight: bold; } div#keyfeatureshighlight li a span { padding:7px; display: block; line-height: 130%; } div#keyfeatureshighlight li.active a { background: #cce9dd url(../images/keyfeatureshighlightarrow.png) 100% 0 no-repeat; width:151px; } div#keyfeatureshighlight li.active a span { padding-right:21px; } div#keyfeatureshighlight li div { display: none; position: absolute; top:10px; left: 160px; width:285px; line-height: normal; } div#keyfeatureshighlight li.active div a { background: none; display: inline; width:auto; color: #000099; font-weight: normal; } ul.listwithrightcol { } ul.listwithrightcol li { position: relative; width: 350px; } ul.listwithrightcol li span.col2 { position: absolute; right:0; text-align: right; width:100px; } div#secondarycontent { float: right; width:330px; } div#videointro { margin: 0 0 40px 0; } div#testimonials { height: 240px; margin: 0; } div#testimonials p { margin-bottom: 3px; } div #testimonials #contact2 { border: 1px solid #e6e6e6; background:#f8f8f8; padding: 5px 5px 5px 5px; margin-bottom: 35px; margin-top: 30px; } /*Video Table of Contents*/ div#table_contents { padding:10px 40px; } div#table_contents_text {width: 700px;} div#table_contents img {padding-right: 20px; padding-left: 60px; padding-top: 30px; float: right;} div#table_contents h3{margin: 0 ; padding-top: 25px; padding-bottom: 10px; text-decoration: none;} div#table_contents p#toclink {text-decoration: underline;} /* code snippit*/ pre.codeSnippet { border: 1px solid #ccc; margin: 0 0 10px 0; padding: 15px; width:620px; font-family: "Courier New" Courier monospace; ; } #googleadwords { padding:0 0 40px 0; margin-left:-5px; } #sitelinks { font-size: 0.915em; padding:0 0 40px 0; } #sitelinks div.sitelinkscol { width:50%; float: left; } #sitelinks h5 { color: #666; margin-bottom: 0; } #sitelinks ul { margin-left: 0; list-style: none; } #sitelinks ul li { line-height:130%; } #sitelinks ul li a { text-decoration: none; } #sitelinks ul li a:hover { text-decoration: underline; } #partnerssponsors { font-size: 0.915em; padding: 0; position: relative; } #partnerssponsors div { position: absolute; left:-20px; top:0; width:350px; padding:20px; background: #ededed; } /* faqlist */ dl#faqlist dt { color: blue; cursor: pointer; background: url(../images/plusminus.png) 0 100% no-repeat; padding-left: 17px; margin-bottom: 5px; } dl#faqlist dt.active { background: url(../images/plusminus.png) 0 3px no-repeat; } /*video list*/ dl.productlist, dl.featuredproductlist { } dl.productlist dt, dl.featuredproductlist dt { font-size: 1.2em; margin:10px 0 5px; font-weight: normal; } dl.productlist dt a, dl.featuredproductlist dt a { text-decoration: none; } dl.productlist dd, dl.featuredproductlist dd{ margin:0 0 30px; } dl.productlist dd ul, dl.featuredproductlist dd ul { margin:0 0 5px 5px; list-style: none; } dl.featuredproductlist { border:1px solid #008f53; border-width: 1px 0 ; border-right: 1px solid #ddd; background: #eee; padding:10px 10px 10px 40px; margin-left: -40px; } dl.featuredproductlist dt { font-size: 1.4em; } dl.featuredproductlist dd{ margin:0 0 10px; } /*quotes*/ /* blockquote { margin:0 0 30pxx; font-style: italic; } blockquote p { margin:0 0 1em; } blockquote strong{ font-style: normal; } */ div.smallpurchaselinks { width:181px; margin: 10px 0 0 0; text-align: center; } div.smallpurchaselinks a { text-decoration: none; font-size: 0.915em } div.smallpurchaselinks a:hover { text-decoration: underline; } div.smallpurchaselinks a.btndownloadnow { background: url(../images/btndownloadnowsmall.png) no-repeat 0 0; display: block; height: 32px; line-height: 32px; overflow: hidden; font-size: 1em; text-indent: 20px; } dl.featuredproductlist div.smallpurchaselinks a.btndownloadnow { background: url(../images/btndownloadnowsmall_feature.png) no-repeat 0 0; } div.smallpurchaselinks a.btndownloadnow strong, div.smallpurchaselinks a.btndownloadnow span { text-align: left; color: #fff; font-size: 1.1em; } div.smallpurchaselinks a.btndownloadnow strong { font-weight: normal; } div.smallpurchaselinks a.btndownloadnow span { } div.smallpurchaselinks a.btndownloadnow:hover { background: url(../images/btndownloadnowsmall.png) no-repeat 0 100%; text-decoration: none; } dl.featuredproductlist div.smallpurchaselinks a.btndownloadnow:hover { background: url(../images/btndownloadnowsmall_feature.png) no-repeat 0 100%; } /* template */ body { margin: 0 auto; } .wrapper { width: 980px; padding: 9px; background: #FFF; border: 1px solid #EFEFEF; margin: 0 auto; text-align: center; } .nav { padding: 0; text-align: center; float: left; } .nav a { color: #222; border: 1px solid #AAA; padding: 4px 8px; background: #EFEFEF; text-decoration: none; } .nav a:hover { background: #FFF; } /* store */ .products { margin: 0 auto; border: 1px solid #FFF; } .product td { padding: 5px 15px; } .product img { padding: 5px; vertical-align: top; } .product h4 { color: red; } .description { padding:5px 0px; width: 550px; } .addToCart { width: 100%; display: block; position:relative; width:200px; float:left; text-align:center; padding: 40px 10px 10px 10px; vertical-align: bottom; } .notification { background: #FFFBCF; border:1px solid #FFE56F; padding: 10px 12px; margin: 0 auto; font-size: 13px; color: red; text-align: left; margin-bottom: 20px; } .successNotification { background: #FFFBCF; border:1px solid #FFE56F; padding: 10px 12px; margin: 0 auto; font-size: 13px; color: #0A9552; text-align: left; margin-bottom: 20px; } .home .notification { margin: 0 28px; } /* summary */ .shoppingCartHeader { margin: 0 auto; } .shoppingCartHeader img { padding-right: 235px; } .shoppingCart { margin: 0 auto 10px; } .shoppingCart table { border: 1px solid #CCC; border-collapse: collapse; width:100%; clear:both; } .shoppingCart tr th { background: #EAEAEA; border: 1px solid #CCC; padding: 8px; font-weight: bold; text-align: left; } .shoppingCart tr td { border: 1px solid #CCC; padding: 8px; } .relatedItem { margin: 0 auto; padding-top: 0px; display: block; clear: both; } .relatedItem table { border: 1px solid #CCC; border-collapse: collapse; width:100%; } .relatedItem tr td { width: 150px; text-align: center; vertical-align: top; padding: 16px 20px; margin: 5 auto; } .relatedItem img { padding-top: 10px; width:100px; } /* Products table */ table.display-products { margin:0 auto; padding: 0 30px; } body.home .display-products h3 { color:#000; margin:0; padding-bottom:14px; } .display-products h3 a { color: #000; display:block; } body.home .display-products h4 { color: red; } .display-products td.boxshot { width:220px; padding:20px 0; } .display-products td.left { width: 420px; padding:30px 0; vertical-align:top; } .display-products td.center { width: 120px; text-align: center; padding:30px 0; vertical-align: top; } .display-products td.right { width: 120px; text-align: center; padding:30px 0; vertical-align: top; } .display-products td.spacer { width:60px; } .display-products td.divider { background: #E6E6E6; height:1px; line-height:1px; } /* login form */ .verifyuser input[type=text]{ width:400px; } .verifyuser input[type=submit]{ margin: 0px 20px; } .videoTitle{padding-bottom: 0px; padding-top: 30px; } .videoTitle2{padding-bottom: 0px; padding-top: 0px; } .help_video_list {list-style-type: none;padding-left: 20px;} .help_video_list li {height: 50px;} .help_video_list img {float: left; padding: 5px;} .help_video_list p {float: left; margin: 8px 0 0 8px;font-weight: bold;} /* .help_video_list {} .help_video_list li {} .help_video_list img {padding: 5px;} .help_video_list p {font-weight: bold; color: #009;} */ /* Catalog header */ #catalogHeader { background: url(../images/banner.jpg) 0 0 no-repeat; height: 158px; } #catalogHeader .text { padding: 58px 0 30px 44px; } #catalogHeader .text h1 { font-family:Times New Roman,Times,serif; font-size: 2.5em; color:#fff; margin-bottom: 3px; } #catalogHeader .text p { color: #ccff9a; font-size: 14px; } #coupon_form { margin: 10px 0 30px; } #coupon_form input[type="text"] { width: 212px; margin: 0 4px; } /* Comparison Table */ #comparison { padding:10px 40px; } #comparison h2 { position: relative; } #comparison h2 .check { position: absolute; top:0; right:0; background: url("/public/images/checkbox.gif") center left no-repeat; padding: 0 0 0 22px; font-size: 12px; font-style: italic; } * html #comparison h2 .check { right:40px; } #comparison table { width: 100%; border-collapse: collapse; border: 1px solid #ccc; } #comparison table th { background: url("/public/images/bg-comparison.gif") 0 0 repeat-x; height: 37px; line-height: 37px; text-align: left; font-weight: bold; color: #727272; padding-left: 14px; border-right:1px solid #ccc; } #comparison th.col1 { width: 25%; } #comparison th.col2 { width: 30%; padding-left: 34px; } #comparison th.col3 { width: 19%; } #comparison th.col4 { width: 13%; } #comparison th.col5 { width: 13%; } #comparison table td { background: #fafafa; padding:12px 14px; vertical-align: top; border-right: 1px solid #ececec; line-height: 19px; } #comparison table .border td { background: #ececec; border-bottom: 1px solid #ccc; font-weight: bold; padding: 9px 14px 7px; } .video-course-list { margin: 0; padding: 0; list-style: none; } .video-course-list li { padding-left: 20px; } .video-course-list li.check { background: url("/public/images/checkbox.gif") center left no-repeat; } #comparison table .alignright { text-align: right; } #comparison td.last, #comparison th.last, #comparison .border td.last { border-right: 1px solid #ccc; }