/*---CSS Document for www.thelimetreesalon.co.uk
website design by markwittner.co.uk---------- */


html,body{background:#636466 url('images/bg.jpg') repeat top right;}
body{width:100%; font: 78% trendy; background-color:#636466; text-align:center; letter-spacing:2px; background-image:url(images/bg.jpg)repeat top right;}
div#container{background-color:#636466; margin:0px auto 0px auto; width:800px; text-align:left;}

/*Text 
-------------------------------------------------------- */
p{margin:0 0px 10px}
p.grey{color:#999;}p.white{color:#fff; margin-left:10px;}p.white2{color:#fff; margin-left:10px; font-size:120%;}
a{display:block;color: #981793;padding:10px}
h1,h2{color: #99CA3B; font-weight: bold; margin-left:10px;}
h1,h1{font-size: 20px;} 
/*pg 
-------------------------------------------------------- */
div#break1, div#break3{clear:both; width:100%; background-color:#636466;}
div#break2{clear:both; width:100%; background-color:#636466; height:35px;}
div#break4{clear:both; width:100%; background-color:#636466; height:1em;}
div#gradbar{clear:both; width:100%;  height:62px; background-image:url(images/footer_gradbar.jpg)}

/* Header
-------------------------------------------------------- */
div#header{background-color:#636466; margin-left: 15%; margin-right: 0%;}
div#header h1{height:60px; line-height:60px; margin:0; padding-left:0px; color: #99CA3B}

/* Navigation 
-------------------------------------------------------- */
#menu2 {display:block; height:30px; min-height:30px; font-size:110%; margin:5px; background:#636466; letter-spacing:0.2em;}
#menu2 ul {margin:0; padding:0; list-style-type:none;}
#menu2 li {display:block; float:left; width:130px; top-border:5px solid #000;}

#menu2 li.list1t, #menu2 li.list2t,  #menu2 li.list3t, #menu2 li.list4t, #menu2 li.list5t, #menu2 li.list6t, #menu2 li.list7t{background:transparent;}

#menu2 a {display:block; width:111px; background:#fff; padding:15px 0px 15px 0px; text-decoration:none; text-align:center; color:#fff; font-weight:normal; border-top:0px solid #666;}
#menu2 a#item1t, #menu2 a#item2t, #menu2 a#item3t, #menu2 a#item4t, #menu2 a#item5t, #menu2 a#item6t, #menu2 a#item7t {background:transparent -111px -48px no-repeat;}

#menu2 a#item1t:hover, #menu2 a#item2t:hover, #menu2 a#item3t:hover, #menu2 a#item4t:hover, #menu2 a#item5t:hover, #menu2 a#item6t:hover, #menu2 a#item7t:hover {display:block; width:111px; background:transparent; padding:15px 0px 15px 0px; text-decoration:none; text-align:center; color:#99CA3B;  font-weight:normal; border-top:0px solid #999;}

#menu2 li.list1totp, #menu2 li.list2totp, #menu2 li.list3totp, #menu2 li.list4totp, #menu2 li.list5totp, #menu2 li.list6totp, #menu2 li.list7totp{background:transparent; background-position:top right; z-index:48; color:#66CC66;  font-weight:normal; border-bottom:2px solid #CC6600; padding:0px 0px 0px 0px;}

/* Frontpage
-------------------------------------------------------- */
div#content p{line-height:1.4}
div#frontpage_logo{background-image:url(images/frontpage_logo.jpg); background-repeat:no-repeat; min-width:790px; min-height:668px;}

/* page logo
-------------------------------------------------------- */
div#page_logo{background-image:url(images/page_logo.jpg); background-repeat:no-repeat; min-width:790px; min-height:149px;}

/* Text
-------------------------------------------------------- */
div#text{background:#636466;}
div#text{float:left; width:52%; height:auto;}

/* Gallery 
-------------------------------------------------------- */
div#gallery{float:right; background:#636466; margin:0px 1px 0px 0px ;  min-height:177px; background-repeat:no-repeat; margin-top:3em;}
div#gallery-2{float:right; background:#636466; margin:0px 1px 0px 0px ;  min-height:177px; background-repeat:no-repeat;}
div#gallery, div#gallery-2{float:left;width:46.9%; height:auto;}
#myGallery{width: 400px !important; height: 380px !important;}

.a-right { float:right; margin: 0 0 5px 5px; }


/* price list
-------------------------------------------------------- */

div#price_left, div#price_right{float:left; width:50%; height:auto;}

table#pricelist  {width:94%; border-collapse:collapse; margin-left:3%; font-size:14px; color:#FFFFFF;}

caption {caption-side:top; text-align:left; color:#99CA3B; font-weight: bold; padding-bottom:1em; padding-top:3em;}
th { text-align: left; font-weight:normal }
th { vertical-align: baseline }
td { vertical-align: middle }
td#product{width:80%;}
td#price{width:20%; text-align: right;}

tr#row1 { border-top:1px solid #99CA3B}
tr#row15 { border-top:0px solid #99CA3B}
tr#row16, tr#row17{color:#99CA3B;}



/* banners
-------------------------------------------------------*/
div#banner{background-color:#636466;}
div#banner ul.left {float:right; display:block; width:125px; height:93px;list-style-type:none; margin-right:2em;}
div#banner ul.right {float:right; display:block; width:125px; height:93px; list-style-type:none; margin-right:1em;}


/* Price list
-------------------------------------------------------- */
div#price_list{background-image:url(images/price_list.jpg); background-repeat:no-repeat; min-width:790px; min-height:378px; margin-bottom:25px;}




div#wrapper-1{float:left; width:100%}

div#container-1{text-align:left}
div#container-1{width:800px; margin:0 auto}

div#content-0 p{line-height:1.4}
div#content-0{margin: 0 266px}
div#content-1 p{line-height:1.4}
div#content-1{margin: 0 266px}

div#navigation-0{background:#000;}
div#navigation-0{float:left; width:266px; margin-left:-266px}
div#navigation-1{background:#B9CAFF}
div#navigation-1{float:left; width:266px; margin-left:-266px}

div#navigation-1 h1{background-color:#000; border:1px solid #fff; width:100%; margin-left:-0px; padding:1em;}

div#extra-0{background:#FF8539}
div#extra-0{float:left; width:266px; margin-left:-800px}
div#extra-1{background:#FF8539}
div#extra-1{float:left; width:266px; margin-left:-800px}

div#footer-1{background:#333; color: #FFF}
div#footer-1 p{margin:0; padding:5px 10px}





div#footer-1{clear:left; width:100%}


/* Contact form
-------------------------------------------------------- */
div#contact_form{background:#636466;}
div#contact_form{float:left;width:52%; height:370px;}

/* Contact details
-------------------------------------------------------- */
div#contact_details{background:#636466; text-align:right}
div#contact_details{float:left;width:46.9%; height:auto;}

/* Form
-------------------------------------------------------- */
form#two {background:#636466; width:340px; padding:0 0 0 10px; font-family: trendy; letter-spacing:3px;}
form#two fieldset {width:340px; display:block; border:2px solid #000; padding:5px 0 0 0; color:#fff; margin-bottom:0em; line-height:1.5em;}
form#two legend {color:#fff; font-weight:normal; border:2px solid #000; margin:5px 5px 5px 15px; padding:3px 3px 3px 25px; width:223px; background:#636466;}
form#two label {display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#fff; margin-bottom:0.5em;}
form#two input {color:#CCCCCC; font-weight:bold; border:2px solid #000; background:#636466; padding-left:0.5em; margin-bottom:0.6em;}
form#two select {margin-left:0.5em;}
form#two textarea {width:326px; height:9em; font-weight:bold; color:#CCCCCC; letter-spacing:3px; border:0px; padding:0.5em;  background:#636466 ; background-repeat:no-repeat;}
form#two option {background:#FFCC66; color:#666;}
form#two optgroup {background:#CC6600; color:#CCCCCC; font-weight:bold;}
form#two optgroup option {background:#CC6600; color:#CCCCCC;}
form#two #button1, form#two #button2 {background:#636466; color:#CCCCCC; font-weight:normal; padding-right:0.5em; cursor:pointer; width:90px; margin-left:8px;}
form#two #button1:hover, form#two #button2:hover {background-position:center left; color:#99CA3B; font-weight:normal; background-color:#5D5959;}

/* Map
-------------------------------------------------------- */
div#map{background:#636466; min-width:790px; min-height:400px;}

/* Copyright
-------------------------------------------------------- */
div#copyright{background:#636466;}
div#copyright{float:left;width:50%}

/* Web design 
-------------------------------------------------------- */
div#webdesign{background:#636466; text-align:right}
div#webdesign{float:left;width:49.9%}

/* Footer
-------------------------------------------------------- */
div#footer{background: #636466; color:#99CA3B}
div#footer p{margin:0;padding: 0px  0px}
div#footer{clear:left;width:100%}


/*comments-----------------------------------------------*/
div#js-kit-comments{background: #333333;}
js-kit-comments a {color:#003399; font-size:30px;}