@charset "utf-8"; 

/* - - - - - BASE STRUCTURE - - - - - */
* {margin:0; padding:0; outline:none;}
html, body {width:100%; height:100%; margin:0px auto;}
body {font:14px/20px Arial, Helvetica, sans-serif; color:#333; background:url(../images/bg.jpg) center top no-repeat #6F816B;}
#wrapper {width:952px; margin:0 auto;background:url(../images/contentbg.png) repeat-y; min-height:1200px; padding-bottom:100px;}
#content {width:630px; margin-top:20px; padding:20px; min-height:800px;}
*:first-child+html #content {margin-top:40px;}
#topbox {width:952px; height:300px;}
#image {float:right; width:500px; margin-right:70px;}
*:first-child+html #image {margin-right:250px;}
#middle {width:730px; margin:auto; height:150px; position:relative; top:60px;}
*:first-child+html #middle {position:relative;top:100px;}
.button {position:relative; bottom:40px;}
#rightcol {float:right; width:200px; height:auto; min-height:1200px; padding:10px 50px 10px 30px; background:url(../images/rightcolbg.png) no-repeat; margin-top:20px;}
*:first-child+html #rightcol {position:relative; top:40px;}
#news {height:auto; min-height:350px;}
#featured {height:auto; min-height:350px;}
#social {margin:20px 0 0 20px; width:200px; height:150px;}
.line {float:left; right:50px; position:relative; bottom:900px;}
#download {color:#fff; width:198px; height:101px; background:url(../images/download.png) no-repeat; text-align:center; padding-top:90px;}
#download a, #catalog a {text-decoration:none; color:#fff;}
#catalog {color:#fff; width:198px; height:101px; background:url(../images/catalog.png) no-repeat; text-align:center; padding-top:100px;}
#video {background:url(../images/videobg.png) no-repeat; width:583px; height:256px; margin:0 0 0 30px; padding:60px 0 0 50px;}
.pad10 {padding:10px;}
.homepics {margin:0 0 20px 75px;}
.left190 {margin-left:190px;}
.dulcimervideo {width:480px; height:360px;}

/* - - - - - HEADER AND NAV - - - - - */
#header {width:952px; height:150px; margin:20px auto; position:relative; z-index:20;}
#nav {background:url(../images/navbg.png) no-repeat; width:268px; height:247px; position:relative; z-index:10; padding:50px 20px; bottom:9px; }
*:first-child+html #nav {bottom:350px;}
.logo {position:relative; top:50px;}

/* - - - - - VERTICAL MENU - - - - - */
ul#vrtnav, ul#vrtnav li, ul#vrtnav ul {margin:0; border:0 none; padding:0; width:180px; list-style:none; height:20px!important;}
ul#vrtnav li {display:block!important; display:inline; position:relative;}
ul#vrtnav a {padding:1px 0px 1px 6px; display:block; color:#000; text-decoration:none; height:auto!important;}
*:first-child+html ul#vrtnav a {margin:0 0 -2px 0;}
ul#vrtnav a:hover, ul#vrtnav li:hover a, ul#vrtnav li.iehover a {background:#000; color:#fff; height:20px;} 
ul#vrtnav li:hover li a, ul#vrtnav li.iehover li a {background:#000; color:#fff; width:240px;}
*:first-child+html ul#vrtnav li:hover li a, ul#vrtnav li.iehover li a {height:25px!important;padding:1px 0px 0 6px;}
ul#vrtnav li:hover li a:hover, ul#vrtnav li:hover li:hover a, ul#vrtnav li.iehover li a:hover, ul#vrtnav li.iehover li.iehover a {background:#0F2625; color:#fff;}
ul#vrtnav li:hover li:hover li a, ul#vrtnav li.iehover li.iehover li a {background:#000; color:#fff; position:relative; z-index:30;}
*:first-child+html ul#vrtnav li:hover li:hover li a, ul#vrtnav li.iehover li.iehover li a {height:20px!important;position:relative; z-index:30; }
ul#vrtnav li:hover li:hover li a:hover, ul#vrtnav li:hover li:hover li:hover a, ul#vrtnav li.iehover li.iehover li a:hover, ul#vrtnav li.iehover li.iehover li.iehover a {background:#0F2625; color:#fff;}
ul#vrtnav ul, ul#vrtnav ul ul, ul#vrtnav ul ul ul {display:none; position:absolute; top:0; left:180px;}
*:first-child+html ul#vrtnav ul, ul#vrtnav ul ul, ul#vrtnav ul ul ul {position:absolute; left:160px;}
ul#vrtnav li:hover ul ul, ul#vrtnav li:hover ul ul ul, ul#vrtnav li.iehover ul ul, ul#vrtnav li.iehover ul ul ul {display:none;}
ul#vrtnav li:hover ul, ul#vrtnav ul li:hover ul, ul#vrtnav ul ul li:hover ul, ul#vrtnav li.iehover ul, ul#vrtnav ul li.iehover ul, ul#vrtnav ul ul li.iehover ul {display:block;}

/* - - - - - FOOTER AND CHILDREN - - - - - */
#footer {width:952px; height:150px; font:12px/14px Arial, Helvetica, sans-serif; margin:0 auto; background-image:url(../images/footer-bkg.png); color:#fff}
#footer a {color:#fff; text-decoration:none;}
#footer p {color:#fff;}
#footer a:hover {color:#000;}
a.spider {background:url(../images/spiders.png); background-repeat:no-repeat; height:30px!important; display:block;  float:right; text-transform:uppercase; font-size:10px; padding:60px 0 0 6px; text-decoration:none; margin-top:-40px; }
 
a#creditbtn {background-position:0 0; width:100px!important;} 
a#creditbtn:hover {background-position:0 -100px; color:#2a94c1;}
#copyright {width:200px; height:50px; float:left;}

/* - - - - - BASE TAGS AND CLASSES - - - - - */
h1 {font:28px/35px Arial, Helvetica, sans-serif; color:#000; text-align:center; padding:10px 0 10px 0; border-bottom:1px solid #000; margin-bottom:10px;}
h2 {font:18px/28px Arial, Helvetica, sans-serif; color:#000;}
h3 {font:18px/26px Arial, Helvetica, sans-serif; color:#000;}
h4 {font:24px/24px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
p {font:14px/20px Arial, Helvetica, sans-serif; color:#000;}
h5 {font:12px/18px Arial, Helvetica, sans-serif; color:#000;}
h6 {font:10px/16px "Trebuchet MS"; color:#333;}
ol {list-style:inside decimal;}
ol li {padding-left:15px;}
ul {list-style:inside;}
ul li {padding-left:15px;}
ul.nolist {list-style:none;}
a, a:link, a:active, a:visited {color:#000;}
a:hover {color:#6F816B; text-decoration:none;}
a img {border:none;}
.sm10 {font-size:10px;}
.hide {display:none;}
#contact .shhhh, .shhhh {display:none;}
.cursor {cursor:pointer;}
.pad5 {padding:5px;}
.left {float:left;}
.tleft {text-align:left;}
.right {float:right;}
.tright {text-align:right;}
.center {text-align:center;}
.centeralign {text-align:center; margin:0 auto;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}
hr {border:0; color:#000; background-color:#000; height:1px;}
.imgleft {float:left; padding:10px;}
.imgcenter {margin-left:40px;}
.imgright {float:right; padding:10px;}

/* - - - - - CONTACT FORM- - - - - */
form#contact {margin:0 0 20px 0; padding:5px; float:right; width:275px; background:#ccc; border:none; font:0.75em "Trebuchet MS"; color:#333;} 
#contact label,#contact input {display:block; width:150px; float:left; margin-bottom:10px;}
#contact label {text-align:right; width:75px; padding-right:5px;}
#contact br {clear:left;}
#contact fieldset {margin:0px 0px 10px 0px; position:relative; display:block; border:1px solid #fff; padding:0px 10px 10px 10px;} 
#contact legend {color:#333; font-variant:small-caps; padding:2px 5px; position:relative; font:bold 18px/17px "Trebuchet MS";}
#contact span.state {width:130px; float:left; text-align:right;}
#contact #zip {width:60px; margin-right:12px; float:left;}
#contact #zipname {width:27px; margin-left:13px; float:left;}
#contact #comments {display:block; width:240px; height:70px; margin-bottom:15px;}
textarea {overflow:auto;}
#contact #submit {width:85px; height:32px; margin-left:90px;}
#contact .shhhh {display:none;}

/* - - - - - CATALOG MENU - - - - - */
#cataloglinks {width:500px; height:27px; margin:0 auto; text-align:center;}
ul#catalogmenu {margin:0 auto; text-align:center; display:block; width:500px; list-style:none; height:25px;}
ul#catalogmenu li {margin:0; padding:0; border:none; float:left; display:inline; list-style:none; position:relative; height:24px;}
ul#catalogmenu a {border:1px solid #0F2625; border-bottom:none; border-top:none; padding:3px 27px; float:none!important; float:left; display:block; background:#96a589; color:#0f2625; text-decoration:none;}
ul#catalogmenu a:hover, ul#catalogmenu li:hover a, ul#catalogmenu li.iehover a {background:#4b5348; color:#fff; }
body.cds ul#catalogmenu li.cds a, body.dvds ul#catalogmenu li.dvds a, body.books ul#catalogmenu li.books a, body.other ul#catalogmenu li.other a, body.order ul#catalogmenu li.order a {background:#0f2625; color:#fff; font-weight:bold; text-decoration:underline;}
*:first-child+html #catalogclear {height:40px;}
#catalogclear {height:10px; height:40px\0/;}

/* - - - - - CATALOG ITEMS - - - - - */
.item {width:635px; min-height:400px; margin:0 auto; text-align:center; border:1px solid #4b5348; margin-top:15px; padding:5px; background:#ccc; position:relative;}
.item .itempic {float:right; padding:5px; margin:5px; border:1px solid #96a589; background:#fff;}
.item .itemdesc {min-height:260px;}
.item .itemdesc, .item .itemdesc * {text-align:left;}
.item .itemdesc .center {text-align:center;}
.item .itemdesc h2 {color:#0f2625; font-weight:bold;}
.item .itemdesc ol {list-style:decimal; margin-left:25px;}
.item .itemdesc ol li {margin:0px; padding:0;}
.item .itemavail {float:right; width:300px; text-align:center;}
.item .itemavail a img {padding:5px 15px;}
.item .itemavail a:hover img {background:#9eaf99;}
.item .orderform {margin-top:5px; height:125px; width:150px; border:1px solid #0F2625; float:left; background:#333;}
.item .orderform span.price {color:#fff; font-weight:bold; display:block; margin-top:25px;}
.item .orderform input{width:100px; height:25px; background:#ccc; color:#0f2625; border:1px solid #0f2625; display:block; margin:0 auto;}
.item .orderform input.submit {width:100px; height:25px; background:#96a589; color:#0f2625; border:1px solid #0f2625; cursor:pointer; display:block; margin:0 auto; margin-top:5px;}
.item .orderform input.submit:active, .item .orderform input.submit:hover, .item .orderform input.submit:focus {background:#0f2625; color:#fff; border:1px solid #96a589;}

/* - - - - - ORDER FORM - - - - - */
#orderform {background:#ccc; padding:10px; border:1px solid #6f816b;}
#orderform fieldset {padding:5px; margin:5px; border:1pd solid #fff; background:#e4efe0;}
#orderform legend {font-weight:bold; font-size:18px; color:#000;} 
#orderform table thead {text-align:left;}
#orderform table thead {text-align:left;}
#orderform table tbody tr {height:25px;}
#orderform table input {width:50px; background:#fff; border:1px solid #bfc6bd; color:#555;}
#orderform table input:focus, #orderform table input:active, #orderform table input:hover {background:#fff; border:1px solid #6f816b; color:#000;}
#orderform table .price {color:#900; font-weight:bold;}
#orderform fieldset#custinfo label {float:left; width:150px; text-align:right; margin:0 5px 5px 0; clear:left;}
#orderform fieldset#custinfo input {float:left; width:250px; margin:0 0 5px 0; padding:5px; background:#eee; border:1px solid #bfc6bd; color:#555;}
#orderform fieldset#custinfo select {float:left; width:260px; margin:0 0 5px 0; padding:5px; background:#eee; border:1px solid #bfc6bd; color:#555;}
#orderform fieldset#custinfo input:focus, #orderform fieldset#custinfo input:active, #orderform fieldset#custinfo input:hover {background:#fff; border:1px solid #6f816b; color:#000;}
#orderform fieldset#custinfo select:focus, #orderform fieldset#custinfo select:active, #orderform fieldset#custinfo select:hover {background:#fff; border:1px solid #6f816b; color:#000;}
#orderform p.total {color:#900; font-weight:bold;}

/* - - - - - OTHER- - - - - */
#googlemap {width:600px; height:350px; margin:0 auto; border:2px double #ddd;}
a.button {width:auto; height:auto; text-align:center; border:1px solid #555; color:#fff; background:#333; padding:4px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; text-decoration:none;}
a.button:hover, a.button:active, a.button:focus {border-color:#333; background-color:#aaa; color:#000; text-decoration:none;}
#validationmessage {width:90%; height:auto!important; margin:0 auto; text-align:center; font-weight:bold; background:#fbb; border:2px dashed #f00; color:#900; padding:5px;}
.fielderror {background-color:#fbb; border-color:#f00; color:#900;}