﻿body
        {
            text-align: center;
            font-family: "Trebuchet MS" , "Verdana" , "Helvetica" , "Arial" , sans-serif;
            background: #eee url('/images/pagebg.png') repeat-y top center;
        }
        
        a 
        {
            color: #090;
            text-decoration: none;
        }
        
        a:hover 
        {
            text-decoration: underline;
        }
        
        strong 
        {
            font-weight: bold;
        }
        
        em 
        {
            font-style: italic;
        }
        div#topContent
        {
            position: absolute;
            top: 136px;
        }
        div#contentSidebar
        {
            overflow: hidden;
            margin: 130px 0 0 0;
        }
            
        
        div#container
        {
            text-align: left;
            width: 960px;
            margin: 0 auto;
            background: #fff;
            overflow:hidden;
        }

        ul.green
        {        
            list-style-image: url('/images/bulletGreen.png');
        }
        
        h2.green
        {
            color: #90b63e;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);            
            font-weight: bold;
            font-size: 28px;
            margin: 20px 40px 10px 40px;
        }
        
        /* HEAD */
        div#head
        {
            background: url('/images/headbg.jpg') repeat-x top left;
            overflow: hidden;
            position: absolute;
            top: 0;
            width: 960px;
        }
        
        div#logo
        {
            margin: 5px 0;
            background: url('/images/PGLogo.png') no-repeat top left;
            float: left;
            width: 488px;
            height: 85px;
        }
        
        div#head h1#logo i 
        {
            display: none;
        }
        div#head div#liveSupport
        {
            position:absolute;
            bottom:36px;
            right:0;            
            
        }
        /* TOPLINKS */
        div#head div#topLinks
        {
            float: right;
            margin: 10px;
        }

        div#topLinks ul
        {
            padding: 5px;
        }
        
        div#topLinks ul li
        {
            font-size: 12px;
            margin-right: 5px;
            float: left;
            line-height: 16px;
            color: #333;
        }
        
        div#topLinks ul li a 
        {
            color: #000;
        }
        /* END TOPLINKS */
        
        /* NAV */
        div#nav
        {
            height: 37px;
            
            background: #9ecefe url('/images/navbg.jpg') repeat-x top left;
            overflow: hidden;
            clear: both;
        }
        
        div#nav ul
        {
            margin: 0 0 0 14px;
            float: left;
        }
        
        div#nav ul li
        {
            font-weight: bold;
            color: #fff;
            float: left;
            padding: 10px;
        }
        
        div#nav ul li:hover
        {
            background: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.1, rgb(126,196,255)),
                color-stop(0.59, rgb(184,225,255))
            );
            background: -moz-linear-gradient(
                center bottom,
                rgb(126,196,255) 10%,
                rgb(184,225,255) 59%
            );
        }
        
        div#nav ul li a 
        {
            color: #fff;
            text-decoration: none;
        }
        /* END NAV */
        /* END HEAD */
        
        /* CONTENT */
        div#content
        {
            width: 660px;
            float: left;
        }
        sup
        {
            vertical-align:super;
            font-size:80%    
        }
        /* END CONTENT */
        
        /* SIDEBAR */
        div#sidebar
        {
            width: 300px;
            float: right;
        }
        /* END SIDEBAR */
        
        div#foot 
        {
            clear: both;
            border-top: 1px solid #ddd;
            
        }
                       
        div#foot div.links table 
        {
            padding: 10px 20px;
        }
        
        div#foot div.links td 
        {
            padding: 5px;
        }
        
        div#foot div.links a
        {
            font-size: 12px;
            color: #666;
        }
        
        div#foot div.partners
        {
            border-top: 1px solid #ddd;
            clear: left;
        }
        
        div#foot div.partners table 
        {
            margin-top: 20px;
        }

        div#foot div.partners td 
        {
            text-align: center;
        }
        
        div#foot div.partners a 
        {
            color: #ccc;
            font-size: 12px;
            line-height: 30px;
        }
        div#foot div.trademarks p
        {
            border-top:1px solid #ddd;
            padding:20px;
            font-size:12px;
            color:#ddd;
            
        }
        div#foot div.copyright  p 
        {
            padding:0 20px 20px 20px;
            font-size:13px;
            color:#666;
            text-align:center;
        }
                
        /* TOP FEATURES */
        div#topFeatures 
        {
        }
        
        div#topFeatures h1 
        {
            color: #90b63e;
            text-align: center;
            font-weight: bold;
            font-size: 24px;
            line-height: 26px;
            margin: 20px 0 0 0;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        }
        
        div#topFeatures h2 
        {
            color: #90c63e;
            text-align: center;
            font-size: 18px;
        }
        
        div#topFeatures ul 
        {
            margin 20px;
            padding: 20px 30px;
        }
        
        div#topFeatures ul li 
        {
            margin-bottom: 10px;
            font-size: 14px;
            line-height: 17px;
        }
        
        div#topFeatures a#orderButton 
        {
            display: block;
            width: 197px;
            margin: -15px 0 20px 45px;
        }
        /* TOP FEATURES */
        
        /* FORMS */
        form h4 
        {
            padding-left: 38px;
            line-height: 28px;
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 0px;
        }
        
        form h4.one
        {
            background: url('/images/buttonOne.png') no-repeat top left;
        }

        form h4.two
        {
            background: url('/images/buttonTwo.png') no-repeat top left;
        }

        form h4.three
        {
            background: url('/images/buttonThree.png') no-repeat top left;
        }

        form h4.four 
        {
            background: url('/images/buttonFour.png') no-repeat top left;
        }
        
        form h4.five 
        {
            background: url('/images/buttonFive.png') no-repeat top left;
        }
        
        form h4.six 
        {
            background: url('/images/buttonSix.png') no-repeat top left;
        }

        form h4.seven 
        {
            background: url('/images/buttonSeven.png') no-repeat top left;
        }

        form h4.eight 
        {
            background: url('/images/buttonEight.png') no-repeat top left;
        }

        form h4.nine
        {
            background: url('/images/buttonNine.png') no-repeat top left;
        }
        
        form h4.ten
        {
            background: url('/images/buttonTen.png') no-repeat top left;
        }
        
        form {
            margin: 20px;
        }

        form fieldset {
            margin: 20px 0 40px 0;
        }

        form fieldset div.description {
          margin: 10px 0 20px 0px;
        }

        form fieldset div.description p {
          display: block;
          color: #666;  
          padding: 5px 0;
          margin:0 0 0 38px;
        }

        form fieldset div.description h3 {
          margin: 0;
          font-weight: bold;
          color: #000;
          margin-bottom: 5px;
          font-size: 16px;
          border-bottom: 1px dotted #666;
        }

        form div.row {
          padding: 5px 0;
          overflow: hidden;
          clear: left;
          margin:0 0 0 38px;
        }

        form div.row.submit {
          margin: 0;
          line-height: 16px;
          overflow: hidden;
        }

        form div.row label 
        {
          font-size: 14px;     
          display: block;
          font-weight: bold;
          margin-bottom: 5px;
          line-height: 18px;
          float: left;
        }

        form div.row label.error {
          position: relative;
          clear: left;
          padding: 0;
          color: #f00;
          margin: 10px 0 5px 0;
          width: auto;
          float: none;
          font-size: 10px;
        }

        form div.row label.required {
          display: inline-block;
          background: url('/images/bullet_red.png') center right no-repeat;
          padding-left: 0;
          padding-right: 20px;
          margin-top:10px;
        }

        form div.row div.help {
          font-weight: normal;
          color: #999;
          margin: 10px 0 5px 0;
          clear: left;
          float: left;
          font-size: 12px;
        }

        form div.row div.charsRemaining {
          font-weight: normal;
          color: #444;
          font-size: 12px;
          margin: 5px 10px 0 150px;
        }

        form div.row input, form div.row select, form div.row textarea {
            font-size: 16px;
            float: left;
            clear: left;
        }
        
        form div.row input[type=checkbox]
        {
            clear: none;
        }

        form div.row input.xlarge {
          width: 400px;
          font-size: 16px;
        }

        form div.row input.large {
          width: 300px;
          font-size: 16px;
        }

        form div.row input.medium {
          width: 160px;
          font-size: 16px;
        }

        form div.row input.small {
          width: 120px;
          font-size: 16px;
        }

        form div.row input.xsmall {
          width: 60px;
          font-size: 16px;
        }

        form div.row input.tiny {
            width: 20px;
            font-size: 16px;
        }

        form div.row textarea {
            width: 475px;
            height: 200px;
        }

        form div.row textarea.small {
          height: 120px;
        }
        /* END FORM */