/* @override http://www.lunarsociety.org.uk/site/css/general.css */

/* CSS Document */

/*
colours
========================
dark grey		#777
light blue		#e7edf2
purple/grey		#f2f2f2
border grey		#cecece
dark blue		#1f2556
red				#880129
purple/blue		#5F627F
*/

* { margin: 0; padding: 0; }

html { }

body { color: #666; font: 0.7em/1.4em "Tahoma",Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin: 0px auto; background: #FFF; }

a { color: #880129; text-decoration: underline; }
a:hover { color: #1f2556; text-decoration: none; }
p { display: block; padding: 10px 0px; }
h1, h2,h3 { display: block; font-size: 1.4em; }

form label { display: block; float: left; height: 18px; line-height: 18px; padding-right: 5px; }
form input { float: left; border: #cecece solid 1px; width: 200px; height: 14px; padding: 1px 2px; font: small/1 "Tahoma",Trebuchet;  }
form input.button {  }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

img.left { margin: 0px 10px 10px 0px }
img.right { margin: 0px 0px 10px 10px }
img.center { display: block; margin: 0px auto; }

img.small { width: 100px; }
img.medium { width: 250px; }
img.large { width: 520px; }

.update { font-weight: bold; font-size: 1.1em; color: red; }
.navbar { background: #e7edf2; padding: 3px 10px; letter-spacing: 0.11em; margin-top: 10px; }
.searchbar { padding: 3px 10px; margin: 10px 0px; }
.searchbar .button { width: auto; height: 18px; margin: 0px 20px 0px 5px; }

input.plainsubmit { float: none; clear: both; width: auto; padding: 0.1em 0.5em; height: auto; border: 1px solid #ccc; }

/* Main Layout */
#email2,
#email2label { display: none; }

#header,
#footer,
#content { margin: 0px auto; display: block; width: 797px; clear: both; }

#header { }
#header h1 { height: 100px; background: url(/site/images/banner.jpg) no-repeat top left; text-indent: -10000px; overflow: hidden;  }
#header ul#menu { display: block; width: 797px; height: 33px; list-style: none; }
#header ul#menu li { display: block; float: left; }
#header ul#menu li a { display: block; width: 98px; line-height: 30px; text-align: center; font-size: 1.2em; color: #fff; text-decoration: none; background: #5F627F; border-right: #fff solid 1px;  }
#header ul#menu li a:hover { color: #777; background: #e7edf2; }
#header ul#menu li a.last { border-right: 0px none; }
#header ul#menu li a.large { width: 104px; }

#content #left { float: left; width: 568px; padding-right: 2px; }
#content.homepage #left{ width: 454px; }

#content #right { float: left; width: 226px; padding-left: 1px; }
#content.homepage #right { width: 340px; }

#content #left img#mainimage { padding: 3px; border: 1px solid #cecece; width: 560px; margin-bottom: 3px; }
#content.homepage #left img#mainimage { width: 446px; }

/*Features*/
#content #left .feature { border: 1px solid #cecece; padding: 10px; margin-bottom: 3px; }
#content #left .basket h1,
#content #left .feature h1 { color: #1f2556; border-bottom: 1px solid #cecece; padding-bottom: 5px; }
#content #left .basket h2,
#content #left .feature h2 { color: #880129; padding-top: 5px; }
#content #left .basket img,
#content #left .feature img { border: #cecece solid 1px; padding: 3px; }
#content #left .basket h3,
#content #left .feature h3 { clear: both; background: #eee; line-height: 1.5; text-indent: 10px; font-size: 1.3em; color: #1f2556; margin-top: 10px; }
#content #left .basket img.imageright,
#content #left .feature img.imageright { float: right; margin: 0px 0px 20px 20px;  }
#content #left .feature p {  }
#content #left .basket ul,
#content #left .basket ol,
#content #left .feature ol,
#content #left .feature ul { padding: 20px;  }
#content #left .feature .bordertop { border-top: dotted 1px #cecece; }

#content #left .feature .searchitem { border-bottom: #5F627F dotted 1px; }
#content #left .feature .searchitem b { color: #1f2556; }

#content #left .feature .member { }
#content #left .feature .member p { margin: 0px 10px; }
#content #left .feature .member #address { margin: 10px 0px; padding: 0px 10px; width: 40%; }
#content #left .feature .member #contact { margin: 10px 0px; padding: 0px 10px; width: 50%; border-left: #ccc dotted 1px; }
#content #left .feature .member #contact ul { margin: 0px; padding: 0px 0px 0px 10px; list-style: none; }
#content #left .feature .member #contact ul li { margin: 0px; padding: 0px; height: 20px; line-height: 20px; border-bottom: #eee solid 1px; text-align: right; clear: both; }
#content #left .feature .member #contact ul li b { float: left; }

#memberform { }
#memberform fieldset { float: left; clear: both; width: 100%; margin: 0 0 0.5em 0; padding: 0; border: 1px solid #ccc; background: #eee; }
#memberform fieldset legend { margin-left: 1em; padding: 0 5px; color: #000; font-weight: bold; font-size: 120%; color: #555; }
.macroform ol,
#memberform fieldset ol { padding: 1em 1em 0 1em; list-style: none; }
.macroform li,
#memberform fieldset li { float: left; clear: left; width: 100%; padding-bottom: 1em; }
.macroform .submit,
#memberform fieldset.submit { float: none; width: auto; padding: 0.5em; background-color: transparent; border: 0px none; }
.macroform .submit input,
#memberform fieldset.submit input { width: auto; height: auto; margin-left: 12em; }
.macroform label,
#memberform fieldset label { float: left; width: 10em; margin-right: 1em; }

.macroform input,
.macroform textarea,
#memberform fieldset input,
#memberform fieldset textarea { width: 20em; border: #cecece solid 1px; padding: 1px 2px; font: 1em/1 "Tahoma", Arial; }
.macroform textarea,
#memberform fieldset textarea { height: 20em; }
.macroform select,
#memberform fieldset select { width: 20em; border: #cecece solid 1px; padding: 1px 2px; font: 1em/1 "Tahoma", Arial; }
.macroform input.checkbox,
#memberform fieldset input.checkbox { width: auto; height: auto; padding: 0; margin-left: 20px; border: 0 none; }
.macroform label.choice,
#memberform fieldset label.choice { width: auto; margin: 0 0 0 10px; }

.macroform .wide,
#memberform fieldset .wide { width: 30em; }
.macroform .thin,
#memberform fieldset .thin { width: 10em; }
.macroform .verythin,
#memberform fieldset .verythin { width: 3em; }
.macroform .long,
#memberform fieldset .long { height: 30em; }
.macroform .short,
#memberform fieldset .short { height: 10em; }

/*Search*/
#content #right #searchbox { display: block; border: 1px solid #cecece; height: 15px; margin-bottom: 3px; padding: 10px; } 
#content #right #searchbox form { }
#content #right #searchbox form label { color: #880129; }
#content #right #searchbox form input { width: 120px; }
#content.homepage #right #searchbox form input { width: 232px; }
#content #right #searchbox form input.button { background-color: #880129; border: 0px none; color: #fff; width: 30px; height: 18px; padding: 0px; margin-left: 5px; }

/*Login*/
#content #right #login { display: block; border: 1px solid #cecece; margin-bottom: 3px; padding: 10px; }
#content #right #login p { padding-bottom: 0px; }
#content.homepage #right #login { margin-bottom: 3px; padding: 10px; }
#content.homepage #right #login form { height: 15px; }
#content #right #login form { xheight: 55px; }
#content #right #login form label { color: #1f2556; width: 50px; }
#content #right #login form input { width: 102px; margin-right: 0px; margin-bottom: 5px; }
#content.homepage #right #login form input { width: 74px; margin-bottom: 0px; margin-right: 5px;}
#content #right #login form input.button { background-color: #1f2556; border: 0px none; color: #fff; width: 30px; height: 18px; padding: 0px; margin-left: 5px; }
#content.homepage #right #login form input.button { margin-left: 0px; }

/* News Items*/
#content #right #news { display: block; border: 1px solid #cecece; margin-bottom: 3px; padding: 3px; }
#content #right #news h2 { color: #1f2556; padding: 10px 10px 5px 10px; background: #f2f2f2; font-size: 1.3em; }
#content #right #news h2 a { float: right; margin-top: -15px; font-size: 0.8em; font-weight: normal; }
#content #right #news .item { display: block; padding: 5px 10px; background: #f2f2f2; clear: both; }
#content #right #news .item h3 { font-size: 1em; color: #1f2556; border-bottom: 1px solid #cecece; padding: 0px  0px 5px; }
#content #right #news .item p { color: #5F627F; }

/* Event Items*/
#content #right #events { display: block; border: 1px solid #cecece; margin-bottom: 3px; padding: 3px; }
#content #right #events h2 { color: #880129; background: #e7edf2; padding: 10px 10px 5px 10px; font-size: 1.3em; }
#content #right #events h2 a { float: right; margin-top: -15px; font-size: 0.8em; font-weight: normal; }
#content #right #events .item { display: block; padding: 10px; background: #e7edf2; }
#content #right #events .item h3 { font-size: 1.2em; color: #1f2556; border-bottom: 1px solid #cecece; padding-bottom: 5px; }
#content #right #events .item p.date { color: #1f2556; padding-bottom: 0px; }
#content #right #events .item p {  }
#content #right #events .item a { color: #1f2556; }
#content #right #events .item a:hover { color: #880129; }

/*Footer*/
#footer { text-align: center; height: 30px; line-height: 30px; margin-bottom: 20px; }
#footer a { text-decoration: none; color: #777; }
#footer a:hover { color: #1f2556; }

/* Basket */

.basket { }
.basket table { margin: 20px 0; width: 530px; }
.basket table th { background: #1f2556; color: #fff; padding: 1px; }
.basket table th a { color: #fff; }
.basket table th a:hover { color: #000; }
.basket table td { padding: 0px 2px; }
.basket input { xborder: #3ea715 solid 1px; }
.basket img { border: 0px none; }
.basket img.imageright { float: right; }
.basket .itemline { border-bottom: #eee dashed 1px; }
.basket .itemtotal { border-bottom: #eee dashed 1px; text-align: right; }
.basket .baskettotal { font-weight: bold; text-align: right; }
.basket .border { padding: 5px; border: #eee solid 1px; }
.basket input.addfield,
.basket input.deletebox,
.basket input.checkbox,
.basket input.radio { width: auto;}
.basket input.button { width: auto;  height: auto; margin-right: 10px; }
.basket textarea { font: small/1 "Tahoma",Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; border: #cecece solid 1px; width: 200px; padding: 1px 2px; }
.basket #customernote { width: 60%; margin-bottom: 10px; }

.basket ul#cardlist { display: block; clear: both; list-style: none; margin-top: 20px; }
.basket ul#cardlist li { float: left; display: block; margin: 0 10px 10px 0; }
.basket ul#cardlist li a { float: left; display: block; border: #cecece solid 1px; background-color: #e7edf2; text-align: center; width: 95px; height: 25px; text-decoration: none; padding-top: 95px }
.basket ul#cardlist li a:hover { background-color: #f2f2f2; }

.visa { background: url(/store/images/visa.png) no-repeat center 10px; }
.visadelta { background: url(/store/images/visadebit.png) no-repeat center 10px; }
.visaelectron { background: url(/store/images/visaelectron.png) no-repeat center 10px; }
.mastercard { background: url(/store/images/mastercard.png) no-repeat center 10px; }
.solo { background: url(/store/images/solo.png) no-repeat center 10px; }
.other { background: url(/store/images/other.png) no-repeat center 10px; }

#minibasket { display: block; border: 1px solid #cecece; margin-bottom: 3px; padding: 3px; }
#minibasket a { display: block; padding: 5px 10px; color: #880129; background: #e7edf2 url(/site/images/basket.png) no-repeat 8px 3px; padding-left: 35px; }

#PopupBoxDiv { position: absolute; top: 0; left: 350px; padding: 10px 20px; display: block; text-align: center; background: #1f2556; color: #fff; font-size: 1.2em; }

.rightclickmenu{
position:absolute;
width:165px;
border:1px solid #CCC;
background-color:menu;
font-family:Verdana;
line-height:18px;
cursor:default;
font-size:10px;
z-index:100;
visibility:hidden;
}

.rightclickmenuitems{
padding-left:10px;
padding-right:10px;
}

#comments { font-size: 0.9em; }
#comments form { height: 300px; }
#comments label { clear: both; }
#comments input { clear: both; margin-bottom: 10px; padding: 2px 2px; }
#comments input#submit { height: 25px; width: 206px; line-height: 25px; color: #666; padding: 1px 2px; }
#comments textarea { clear: both; margin-bottom: 10px; display: block; float: left; height: 150px; width: 300px; border: solid 1px #ddd; padding: 1px 2px; font-family: "lucida grande", verdana, arial, helvetica, sans-serif; font-size: 1.1em; }

.comment { margin: 15px 0px; }

#comments h2 { border: none; border-bottom: 1px solid; margin: 0px; margin-bottom: 10px; padding-bottom: 3px; font-size: 110%; }

#comments h3 { margin: 0px; padding: 5px 0px 0px 0px; xtext-transform: uppercase; font-size: 85%; margin-bottom: 3px; color: #d10019; background: none !important; text-indent: 0px !important; border-top: 1px solid #cecece; }

#comments h4 { margin: 0px; padding: 0px; text-transform: uppercase; font-size: 70%; font-family: "lucida grande", verdana, arial, helvetica, sans-serif; margin-bottom: 3px; color: #999; padding-bottom: 3px; border-bottom: 1px solid #ddd; }

#comments p { margin-top: 0px; margin-bottom: 10px; }