/* Layout
----------------------------------------------------------------------------- */

body {
   margin:0px;
   text-align:center;
   padding:0;
   font-family:Arial, Verdana, Sans-Serif;
   font-size:62.5%; /* Set base size to 10px  */
   background:url(../images/bg.gif);
   color:#4d4d4d;
}
#wrap {
   text-align:left;
   width:750px;
   margin:auto;
   background-color:#ffffff;
   padding:5px 0 15px 0;
}
#header {
   position:relative;
   width:740px;
   height:80px;
   text-align:right;
   background-color:#4d4d4d;
   margin:0 5px 5px 5px;
}
#logo {
   position:absolute;
   top:17px;
   left:15px;
}
#header-promo {
   position:absolute;
   top:10px;
   left:280px;
}
#header-message {
   padding:2px 0 0 0;
}
#content {
   position:relative;
   width:750px;
   margin-top:10px;
   padding:0px;
}
#right-col {
   padding:0px;
   margin:0px;
   float:right;
   width:290px;
   border-top:15px solid #fff;
   border-right:15px solid #fff;
}
#main-col {
   padding:0px;
   margin:0px;
   width:415px;
   text-align:left;
   border-top:15px solid #fff;
   border-left:15px solid #fff;
}

/* Top navigation
----------------------------------------------------------------------------- */

#top-nav {
   position:relative;
   width:740px;
   margin:0 5px 0 5px;
   background: #bdcf7d url(../images/top-nav-fade.gif) repeat-x top;
   color:#fff;
   border-bottom: 5px solid #5c8617;
}
#top-nav ul {
   margin:0 auto 0 auto;
   padding:8px 0 6px 30px;
   list-style-type: none;
}
#top-nav ul li {
   padding: 0 15px 0 0;
   margin: 0;
   display: inline;
   text-align: center;
   white-space: nowrap;
}
#top-nav a {
   font-size:1.4em;
   text-decoration: none;
   color:#ffffff;
   padding:0 0 0 10px;
   background:url(../images/top-nav-w-bullet.gif) no-repeat 0px 6px;
}
#top-nav a:hover, #top-nav a#active {
   color:#000000;
   text-decoration: none;
   background:url(../images/top-nav-b-bullet.gif) no-repeat 0px 6px;
}

/* Links and text
----------------------------------------------------------------------------- */

a, .order td a {
   text-decoration: none;
   color:#5c8617;
}
a:hover {
   text-decoration: none;
   color:#000000;
}
a.l-arrow {
   font-size:1.1em;
   text-decoration: none;
   color:#ffffff;
}
a:hover.l-arrow {
   text-decoration: none;
   color:#a1bc17;
}
p {
   margin:0;
   padding:15px 15px 0 15px;
   font-size:1.1em;
}
.pt-none {
   padding-top:0px;
}
.pb15 {
   padding-bottom:15px;
}
.pl15 {
   padding-left: 15px;
}
.ml20 {
   margin-left: 20px;
}
h1 {
   font-size:2.2em;
   font-weight:normal;
   letter-spacing:-1px;
   color:#1e1e1e;
   margin:0;
   padding:15px 0 15px 30px;
   background: url(../images/h1-fade.gif) no-repeat 30px 45px;
}
h2, h3 {
   font-size:1.7em;
   letter-spacing:-1px;
   margin:0;
   color:#1e1e1e;
   padding:15px 0 0 15px;
}
h4 {
   font-size:1.2em;
   font-weight:bold;
   margin:0;
   padding:15px 0 0 15px;
}

/* lists
----------------------------------------------------------------------------- */

ul.feature-list {
   position:relative;
   margin:10px 0 0 20px;
   padding: 0 0 15px 0;
   list-style-type: none;
}
ul.feature-list li {
   padding:1px 0 1px 15px;
   background:url(../images/top-nav-b-bullet.gif) no-repeat 0px 6px;
   font-size:1.1em;
}

ul.arrow-list {
   margin:10px 0 0 15px;
   padding-left: 0;
   list-style-type: none;
}
ul.arrow-list li {
   padding:2px 0 2px 15px;
   background:url(../images/d-arrow.gif) no-repeat 0px 5px;
   font-size:1.1em;
}

ol.numbered {
   padding:0 0 0 25px;
   margin:0;
   font-size:1.1em;
}
ol.numbered li {
   margin:10px 0 0 12px;
}
ol.roman li {
   margin:5px 0 0 0;
   list-style-type: lower-roman;
}

.l-arrow {
   padding-left: 15px;
   background:url(../images/l-arrow.gif) no-repeat 0px 3px;
}
.d-arrow {
   padding-left: 15px;
   background:url(../images/d-arrow.gif) no-repeat 0px 3px;
}

/* Front page horizontal boxes
----------------------------------------------------------------------------- */

#front-page-boxes {
   margin:0; padding:0;
}
#left {
   float:left;
   width:220px;
   margin:0px;
   padding:0px;
   border-left:15px solid #fff;
   border-right:15px solid #fff;
}
#right {
   float:right;
   width:220px;
   margin:0px;
   padding:0px;
   border-left:15px solid #fff;
   border-right:15px solid #fff;
}
#middle {
   margin-top:0px;
   margin-right:0px;
   margin-bottom:0px;
   margin-left:220px;
   /*   margin:0 220px; */
   padding:0 0 0 30px;
}
.l-grey-box {
   background-color:#f2f2f2;
}
.d-grey-box {
   background-color:#4d4d4d;
}
.clearer {
   clear:both;
   height:1px;
   font-size:1px;
   border:none;
   margin:0px; padding:0px;
   background:transparent;
}
.float-img {
   float:left;
   margin-right:15px;
}
.order-now {
   float:right;
   font-weight:bold;
}

/* Form
----------------------------------------------------------------------------- */

form {
   margin:0;
}
select {
   font-family:Arial,Verdana,Sans-Serif;
   font-size:1em;
   margin:0;
}
input, textarea {
   font-family:Verdana,Arial,Sans-Serif;
   font-size:1em;
   margin:0;
}
.submit-button {
padding: 2px 8px 3px 8px;
   background-color: #a1bc17;
   border:none;
   font-size:1em;
   font-weight:bold;
   font-family:Verdana,Arial,Sans-Serif;
   color:#ffffff;
}
label {
   cursor: hand;
}

/* tables
----------------------------------------------------------------------------- */

.hide {
   display:none;
}
table {
   width:415px;
   border: none;
   margin:15px 0 0 0px;
}
th, td {
   position:relative;
   padding:10px 15px 10px 15px;
   font-size:1.1em;
   border-right: 1px solid #a1bc17;
   border-bottom: 1px solid #a1bc17;
}
th {
   font-size:1.4em;
}
.order {
   margin-bottom:10px;
}
.order td {
   border:1px solid black;
   border:none;
   padding:0px 15px 10px 15px;
}
td a {
   color:#4d4d4d;
}
.info-cell {
   text-align: center;
}
.br-none {
   border-right: none;
}
.bb-none {
   border-bottom: none;
}
td.opened {
   border-bottom: 1px dashed #a1bc17;
   font-weight:bold;
   background: url(../images/close.gif) no-repeat right;
   cursor:pointer;
}
td.closed {
   background: url(../images/open.gif) no-repeat right;
   cursor:pointer;
}


/* footer navigation
----------------------------------------------------------------------------- */

#footer-nav {
   width:720px;
   text-align:center;
   margin:15px 0 0 0;
   background:#f2f2f2;
   border-left: 15px solid #ffffff;
   border-right: 15px solid #ffffff;
}
#footer-nav ul {
   margin:0 auto 0 auto;
   padding:6px;
}
#footer-nav ul li {
   list-style-type: none;
   padding: 0;
   margin: 0;
   display: inline;
   text-align: center;
   white-space: nowrap;
}
#footer-nav a {
   text-decoration: none;
   color:#666666;
   padding:0 10px 0 10px;
}
#footer-nav a:hover {
   text-decoration: underline;
}
#footer-nav .line { border-right: 1px solid #666666; }

/* images
----------------------------------------------------------------------------- */

h1#front-page-intro {
   width: 680px;
   height: 32px;
   text-indent: -100em;
   overflow: hidden;
   background: url(../images/front-page-intro.gif) no-repeat 30px 15px;
   padding-bottom:5px;
}
h1#front-page-extras {
   width: 381px;
   height: 33px;
   text-indent: -100em;
   overflow: hidden;
   background: url(../images/front-page-extras.gif) no-repeat 15px 15px;
   padding-bottom:5px;
}
h1#front-page-affiliates {
   width: 265px;
   height: 32px;
   text-indent: -100em;
   overflow: hidden;
   background: url(../images/front-page-affiliates.gif) no-repeat 15px 15px;
   padding-bottom:5px;
}