html,body {margin:0; padding:0; background-color:#000;}
body{background: url(../../templates/img/bg/right_tile.gif) 100% repeat-y;}
table#frame{width:100%; height:100%; border:0; border-collapse:collapse;background: url(../../templates/img/bg/left_tile.gif) 0 repeat-y;}
table#frame td{margin:0;padding:0;}
table#frame tr#header{background: url(../../templates/img/bg/top_tile8002.gif) 0 0 repeat-x;}
#right, #left{width:136px;}
#center{border:1px solid #fff; border-width:0 1px 0 1px; border-right-color:#D40000;}
#headerImg{margin:8px 0 0 0;}


/* CSS Document */
body, html{font:12px Arial, Helvetica, sans-serif; color:#fff; }

img{border:0;}
img.left{float:left;margin-right:1em;margin-bottom:.5em;}
img.right{float:right;margin-left:1em;margin-bottom:.5em;}

a{color:#D40000;}

p{color:#fff; font: 13px Arial, Helvetica, sans-serif;line-height:1.4em;letter-spacing:1px; margin:0 0 20px 0;}

h1,h2,h3 {color:#D40000;}
h1{font-size:23px; letter-spacing:.05em; word-spacing:.1em;font-weight:100;margin:0 0 5px 0;}

input{margin:0; font-size:10px; border:1px solid red; border-width:1px 0;}
input.button{background-color:#fff;color:#D40000; border:1px solid #D40000; font-family:impact, sans-serif; font-size:16px; font-weight:100;}
input.num{width:20px;}
input.year{width:40px;}



.ctr{text-align:center;}
.red,#centercontent p.red{color:red;font-weight:bold; text-indent:0;}

.lr{position:relative;width:100%;}
.lr span{position:absolute;top:0;right:1em;}

/* title for pages */
.title h1{text-align:center;display:none;}
#homeTitle{height:40px;background:url(../../templates/img/titles/welcome.gif) 50% 0 no-repeat;}
#aboutUsTitle{height:40px;background:url(../../templates/img/titles/aboutUs.gif) 50% 0 no-repeat;}
#staffTitle{height:40px;background:url(../../templates/img/titles/staff.gif) 50% 0 no-repeat;}
#contactTitle{height:40px;background:url(../../templates/img/titles/contact.gif) 50% 0 no-repeat;}
#photosTitle{height:40px;background:url(../../templates/img/titles/photos.gif) 50% 0 no-repeat;}
#bookingTitle{height:40px;background:url(../../templates/img/titles/booking.gif) 50% 0 no-repeat;}
#linksTitle{height:40px;background:url(../../templates/img/titles/links.gif) 50% 0 no-repeat;}
#storeTitle{height:40px;background:url(../../templates/img/titles/store.gif) 50% 0 no-repeat;}
#reviewsTitle{height:40px;background:url(../../templates/img/titles/reviews.gif) 50% 0 no-repeat;}
#womensTitle{height:40px;background:url(../../templates/img/store/womens.gif) 50% 0 no-repeat;}
#mensTitle{height:40px;background:url(../../templates/img/store/mens.gif) 50% 0 no-repeat;}
#kidsTitle{height:40px;background:url(../../templates/img/store/kids.gif) 50% 0 no-repeat;}
#hatsAccTitle{height:40px;background:url(../../templates/img/store/hatsAcc.gif) 50% 0 no-repeat;}
#adminTitle{height:40px;background:url(../../templates/img/admin/adminTitle.gif) 50% 0 no-repeat;}


#nav{margin:0 0 0 6px; width:130px;}
#nav ul{margin:0;padding:0;list-style:none;}
/*need to add 1px border to stop ie from spacing the nav */
#nav ul li{text-align:right; margin:0;padding:0; border-top:1px solid #fff;border-bottom:1px solid #333;}
#nav ul li a{display:block;padding:1px 5px;color:#D40000; font-size:13px; letter-spacing:.03em;text-decoration:none; background-color:#ccc;}
#nav ul li a:hover,#nav ul li a.on {color:#000;background:#fff url(../../templates/img/bg/old_bull_sm.jpg) -30px -15px no-repeat;}

#rightBox {margin:0 6px 0 0;}

#right p{margin:10px 0 0 0;font-size:10px; text-align:center; font-weight:bold;}
#right p.m0{margin:0;}
#right input.button{margin-bottom:10px;}
#right input.text{width:100%;}
#right .img{background-color:#fff;text-align:center;}
#right .storeLink{text-align:center; margin-bottom:15px; }
#right #rightBox img.special{width:127px;}

#footer div { border:1px solid #999; margin:20px 0 10px 0;}
#footer div p{font-size:10px;color:#999;margin:0;padding:3px;text-align:center;}

#centercontent{padding:0 25px 10px 25px;}
#centercontent img{border:1px solid #fff;}
#centercontent img.noborder {border:0;}
#centercontent p{text-indent:1em;}
#centercontent div#title{text-align:center;margin:0 0 20px 0;}
#centercontent div#title img{border:0;}

/* if you are going to add the width:100% hide it from ie mac */
.entry{border:1px solid white;border-width:0 0 1px 0;overflow:auto; margin:0 0 40px 0;height:100%;}
.entry span.date{float:right;font-weight:100; letter-spacing:.1em; font:12px Arial, Helvetica, sans-serif;}
.entry img.ctr{width:300px;margin: 5px auto; text-align:center;}
.entry p{font:13px verdana, arial, sans-serif;}

#imageBox{overflow:auto;height:100%; width:100%; text-align:center;}
#imageBox .image{float:left;text-align:center;margin:5px;}
#imageBox .image img{display:block; margin:0 0 5px 0; xwidth:120px;}
#imageBox .image ul{margin:0;padding:0;list-style:none;}
#imageBox .image ul li,#imageBox .image a{font-size:12px;}
/* specific image div sizes */

/* this is for the itemS page */
#store #imageBox .image{width:122px;height:170px;}
#store #imageBox .image img{width:120px;}
#store #imageBox .image a{font-size:10px;}
#photos #imageBox .image{ width:122px; height:230px;}
#photos #imageBox .image img{ width:122px;}
#staff #imageBox .image{width:122px;}
#staff #imageBox .image img{width:122px;}
/* #store_cats #imageBox .image{xwidth:152px;} */

#item {text-align:center;}
#item img{width:400px;margin:20px auto;}
#item ul{list-style:none;margin:0 0 20px 0;padding:0;}
#item ul li{margin-bottom:5px;  font:12px arial,verdana,sans-serif;}
#item ul li.name{font-weight:bold;}

#about img{width:150px;}
#about #imgBox{margin-top:50px;text-align:center;}
#about textarea{width:600px;height:100px;}

#contact {width:80%;margin:auto;text-align:center;}
#contact ul{list-style:none;margin:0 0 20px 0;padding:0;}
#contact ul li{text-align:center; letter-spacing:.05em; font:13px arial,verdana,sans-serif;}
#contact ul#info li#top{color:#D40000;font:16px impact,arial,verdana,sans-serif;}
#contact img{margin-right:0;}
#contact input,#contact textarea{width:300px;}
#contact #emailForm {text-align:left;}
#contact #emailForm p{text-indent:0;}
#contact #emailForm textarea{height:150px;}
#reviewPics {float:right; margin:0 0 1em 1em;}
#reviewPics img{display:block; margin:0 0 1em 0;}

#centercontent #bookingform {border-collapse:collapse;}
#centercontent #bookingform td,#bookingform th{border:1px solid #fff; font-weight:bold; padding:5px;margin:0; vertical-align:top;}
#centercontent #bookingform input,#centercontent #bookingform textarea{width:220px; border:0;}
#centercontent #bookingform td.title{font-size:14px;color:#BB0000;}