/*brown is #9c5619 beige is #967f69*/
/* {background:#ffffff url('/images/3ValPen.jpg') no-repeat bottom left}*/
body,div,table{margin:auto}
html { min-height: 100%; margin-bottom: 1px; }
body {font-family:arial ;color:#967f69;
font:normal 16px/24px arial;text-align:center; margin-top:15px; padding:0px;vertical-align:bottom;
background-color:#778899;margin-left:0px}
a{text-decoration:none;margin:0px;padding:0px;color:#967f69}
/* define heading fonts */
p {margin:0px;border:0px;padding:0px}
h1 {font:normal 20px/30px arial;padding:0px}
h2 {font:bold 13px/18px arial}
h3 {font:normal 20px/24px arial}
h4 {font:normal 13px/16px arial;margin:0px}
/* other general stuff*/
input{margin:0px;padding:0px}
img{border:none}
form{margin:0px;padding:0px;border:none}
.center{text-align:center;margin:0px auto}
.centerPad10{text-align:center;padding:10px}
.left{text-align:left}
.right{text-align:right}
.justify{text-align:justify}
.top{vertical-align:top}
.middle{vertical-align:middle}
.bottom{vertical-align:bottom}
.bodyDiv{width:800px;margin:0 auto}
.leftPad200{text-align:left;padding-left:200px}
.leftPad20{text-align:left;padding:0px 20px 0px 20px}
.leftPad10{text-align:left;padding:0px 10px 0px 10px}
.adminDiv{background-color:#fff}
.underline{text-decoration:underline}

/*define colours*/
.red{color:red}
.bodyDiv,.bodyDiv a{background-color:#fff;color:#745a41}
.topDiv,.straplineDiv{background-color:#d3dcde}
.menuDiv,.menuDiv a{background-color:#fff;color:#a5c1c7}
.menuTab td:hover,.menuTab td:hover a,.menuTab td:hover a.here{background-colorx:#967f69;color:#967f69}
.menuTab td a.here{color:#967f69}
#imagePanelDiv{border:1px solid #967f69;padding:5px}
#indexText{background-color:#000;font:bold 15px/25px arial;text-align:left;padding:10px}
.detailText, .detailText a{background-color:#fff;color:#967f69}
.highlightDiv,.highlightDiv a{background-color:#ccc}
/*divs for formatting*/
.topDiv{height:80px;text-align:center}
.straplineDiv{height:60px;text-align:center}
.slideshowImg,.slideShowDiv{height:400px;width:800px;vertical-align:bottom}
#detailSlideShowTab td .slideshowImg,#detailSlideShowTab td .slideShowDiv{height:107px;width:160px;vertical-align:bottom}
.detailText{text-align:left;padding:10px;min-height:240px}
.eventsImg{width:150px;height:100px}
.galleryTab td{padding:2px}
.eventsDetailText{font:bold italic 12px/20px arial}
.highlightDiv{padding:10px}
/*menu formatting*/
.menuDiv{margin:0px auto;text-align:left}
.menuTab{vertical-align:bottom;margin:0px auto}
.menuTab td a,.menuTab{font:normal 18px/20px arial}
.menuTab td {padding:10px 35px 10px 35px;text-align:left}
.menuTab td.firsttd {padding:0px 15px 0px 10px}
.menuTab td.lasttd {padding:0px 10px 0px 15px}
#bottomMenuTab td a,#bottomMenuTab{font:bold 14px/16px arial}
#bottomMenuTab td {padding:10px 20px 10px 20px;text-align:left}
/* contact form input fields*/
#nameInput{width:120px}
#emailInput{width:140px}
#phoneInput{width:120px}
.addressInput{width:570px}
#subjectInput{width:570px}
.messageInput{width:570px}
/*images*/
#logoImg{position:relative;left:270px;top:-99px}
/* shop */
.shopText{text-align:left;padding:0px 20px 0px 20px}
.shopBagDesc{font:normal 12px/14px arial;text-align:left}
.shopBagImg{width:180px;height:180px}
.shopTab{width:auto}
.shopTab td{width:200px;padding:10px}

/*bag detail page*/
.bagDetailTab{width:100%}
.bagDetailImgCol{width:470px}
.medImg{width:300px;height:450px;margin:10px}
.detailThumbnail{width:100px;height:100px;padding:0px 8px 0px 8px}


/*register page*/
.registerImg{height:160px; margin:10px}

.footDiv {width:800px}
.footDiv,.footDiv a{color:#745a41;font:normal 14px/20px arial;margin:auto}
.credit,.credit a{font:normal 10px/13px arial;text-align:center;padding:8px 0px 0px 0px;width:800px;margin:auto}



/*admin system*/
.adminBodyDiv{background-color:#fff;color:#745a41;margin:10px;text-align:left;padding-left:100px}
.adminSlideshowThumb {width:100px;height:100px;padding:0px 8px 0px 8px}
.previewDiv {background-image:url('/images/preview.jpg')}