body {margin: 0; padding: 0 0 20px 0; background: #e8f6fc url(../img/bluebg.gif) repeat-x; font-family: verdana, myriad, arial, helvetica, sans-serif;}
#container {margin: 20px auto 0 auto; padding: 0 0 15px 0; width: 758px; background: #ffffff url(../img/footerbg.gif) no-repeat bottom left;}
#content {padding: 0 15px;}
#maincontent {clear: both; width: 520px; margin: 0 auto;}
#searchline {padding-top: 15px;}
#flags {margin-right: 15px; word-spacing: 20px;}

h1, h3, h4, h4 {font-family: trebuchet ms; margin: 0; color: #636363;}
h4.miniheading {margin: 15px 0 0 0;}
p.minicontent {margin: 0 0 15px 0;}
h2 {font-family: trebuchet ms; margin: 15px 0 0 0; color: #636363;}
h2.pagetitle {font-size: 14pt; color: #17b7d9; margin-top: 10px;}
a {color: #07b4c6; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
p, ul, td, th, label, textarea, input {font-size: 10pt; color: #636363;}
form {margin:0; padding: 0;}
img {border:0;}

/*stuff added by lana*/
#maincontent2{clear:both;}

.smallgreenbox{width: 192px; background: #DDF6C4 url(../img/greenboxsmall.gif) no-repeat bottom left; margin-top: 15px; padding-bottom: 9px;}
.smallgreenbox h2 {background: #3bcad8 url(../img/greenbarsmall.gif) no-repeat bottom left; color: #ffffff; text-align: center; font-size: 14pt; margin: 0; line-height: 32px;}
#browsebygenre {float: right;}
#browsebygenre ul {list-style: none; margin: 5px 0 0 0; padding: 0; text-align: center; line-height: 22px;}
#browsebygenre a {font-weight: normal; font-size: 12pt; font-family: Arial, helvetica, Sans-Serif; color: #0089a2;}

a.greenbutton {padding: 0; background: #DDF6C4 url(../img/greenbutton.jpg) no-repeat 0px 0px; color: #fff !important; display:block; height:30px; width:93px; font-weight: bold !important; font-size: 1.1em !important; line-height:27px; font-family: verdana,myriad,arial,helvetica,sans-serif; text-align:center; margin:0 auto;}
a.greenbutton:hover {background-position: -205px 0px; text-decoration: none;}

table#checkouttable td{vertical-align:top;}
table#checkouttable td p{color:#666; font-size:.8em; margin:3px 0 3px 5px ;}

.leftbit{float:left; width:510px;}
.rightbit{float:right; width:190px;}
.leftbit h4, .rightbit h4{color:#999; text-align: justify; font-family: verdana; font-weight: normal; font-size: 10pt; color: #636363;}

/* GENERAL */
.clear {clear: both; margin: 0; padding: 0; height: 0px; overflow: hidden;}
.c {text-align: center;}
.r {text-align: right;}
.j {text-align: justify;}
.mediumblueborder {width: 520px; background: #ffffff url(../img/bluebordermedium.gif) no-repeat bottom left; margin-top: 15px; padding-bottom: 9px;}
.mediumblueborder p, .mediumblueborder ul, .mediumblueborder h3, .mediumblueborder h4 {border-width: 0 1px; border-color: #83dee4; border-style: solid; margin: 0;}
.mediumblueborder h3, .mediumblueborder h4 {text-align: center; font-size: 14pt; font-family: Arial, helvetica, Sans-Serif;}
.mediumblueborder h3 {padding: 10px 0 0 0;}
.mediumblueborder h4 {font-weight: normal; padding: 0 0 10px 0;}
.mediumblueborder h2 {background: #3bcad8 url(../img/bluebarmedium.gif) no-repeat bottom left; color: #ffffff; text-align: center; font-size: 12pt; margin: 0; line-height: 32px;}
.mediumblueborder p {padding: 10px 20px;}
.mediumblueborder ul {list-style: none; padding: 0;}
.mediumgreybox{width: 520px; background: #f2f2f2 url(../img/greyboxmedium.gif) no-repeat bottom left; margin-top: 15px; padding-bottom: 9px;}
.mediumgreybox h2 {background: #808080 url(../img/greybarmedium.gif) no-repeat bottom left; color: #ffffff; text-align: center; font-size: 12pt; margin: 0; line-height: 32px;}
.mediumgreybox a { color: #636363; text-decoration: none; font-size: 8pt; }

/* HEADER */
#header {height: 91px; background: transparent url(../img/headerbg.gif) no-repeat top left; padding: 16px 0 0 20px; margin: 0;}
#header h1 {padding: 0 0 0 0; margin: 0;}
#header img {border: none;}
#strap {margin: 10px 0 0 0; line-height: 30px; color: #9f9f9f; font-size: 14pt; }
#strap-phone {position: absolute; color: #9f9f9f; font-size: 14pt; margin-top: -80px; margin-left: 370px; text-align: right; }

/* MAIN MENU */
#mainmenu {list-style: none; margin: 0 15px; padding: 0; text-align: center; background: #7ac630 url(../img/menubg.gif) no-repeat top left; width: 728px;}
#mainmenu li {display: inline; font-family: trebuchet ms; font-size: 14pt; font-weight: bold; line-height: 38px; margin: 0; padding: 0;}
#mainmenu a {color: #ffffff; text-decoration: none; text-transform: lowercase; margin: 0 25px; text-decoration: none;}
#mainmenu a:hover {text-decoration: underline;}

/* FRONT */
#frontsearch, #frontregister, #frontlogin {text-align: center;}
#frontintro {text-align: center; font-weight: bold;}
#frontsearch h3, #frontregister h3, #frontlogin h3 {font-size: 16pt; font-weight: bold; margin: 2px 0 0 0; line-height: 20px;}
#frontsearch h4, #frontregister h4, #frontlogin h4 {font-size: 26pt; font-weight: bold; color: #fff; margin-top: -110px; position: relative;}
#frontsearch p, #frontregister p, #frontlogin p {text-align: justify; margin: 7px 0 0 0;}
#frontsearch a, #frontregister a, #frontlogin a {display: block; height: 20px;}
#frontsearch {height: 190px; width: 253px; float: left; margin-right: 15px; padding-top: 11px;}
#frontsearch a {color: #17b7d9; text-decoration: none; background: transparent url(../img/blue.png) no-repeat 67px 6px; padding-top: 127px;}
#frontregister {height: 201px; width: 253px; float: left; margin-right: 15px;}
#frontregister a {color: #5faa16; text-decoration: none; background: transparent url(../img/green.png) no-repeat 67px 16px; padding-top: 138px;}
#frontlogin {height: 190px;width: 192px; float: left; padding-top: 12px;}
#frontlogin a {color: #808080; text-decoration: none; background: transparent url(../img/grey.png) no-repeat 39px 4px; padding-top: 127px;}

/* PAYMENT */
#total {margin-top: 10px; font-size: 10pt;}
#checkout, #loading {text-align: right;}
#checkout .btn {background-color: #2ebacf; color: #ffffff; border: 1px solid #1a97a6; font-weight: bold; margin: 10px 0 15px 0; width: 80px;}
.bluetable {padding: 0; background-color: #F2F2F2;}
.bluetable th {background-color: #7D7D7D; color: #ffffff; margin: 0; text-align: left; padding: 5px 5px;}
.bluetable td {padding: 5px 5px;}

/* CHECKOUT PAGE */
#checkoutform {margin: 0 auto; width: 80%; padding: 0; background: #e8f6fc url(../img/secpayblue.gif) no-repeat right bottom;}
#checkoutform h2 {background-color: #2fc6d5; line-height: 28px; text-align: center; color: #ffffff; font-size: 12pt; margin: 0;}
#checkoutform p {text-align: center;}
#checkoutform input {margin: 2px 0;}
#checkoutform label.float {float: left; width: 220px; padding-right: 5px; text-align: right; padding-top: 4px;}
#checkoutform #acceptterms {margin-left: 80px;}
#checkoutform .bluebutton {width: auto; margin-bottom: 20px;}
.dropdowns {width:200px;}

/* FOOTER */
#footer {list-style: none; margin: 5px 0 0 0; padding: 0; text-align: center; color: #74c1da;}
#footer li {display: inline; font-size: 10pt; text-decoration: none;}
#footer a {color: #74c1da; text-decoration: none; text-transform: lowercase; margin-left: 25px; font-weight: normal;}
#footer a:hover {text-decoration: underline;}