@import url("css/menu.css");

/* CSS Document */
#Body {background: #ba9560 url(images/background-cont2.jpg) repeat-y top center; text-align: center;} 

/*-------- Default Style --------*/
th,td,div,p {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 12px; line-height: 16px;}
a,a:link,a:visited,a:active{color:#4F839F; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
a:hover{color:#C00; text-decoration:none; }

h1 {font-size: 22px; font-weight: bold; color: #e23322;}
h2 {font-size: 16px; font-weight: bold; color: #e23322;}
h3 {font-size: 14px; font-weight: bold; color: #333366;}
h4 {font-size: 14px; font-weight: bold; color: #e23322;}
h5 {font-size: 12px; font-weight: bold; color: #333366;}
h6 {font-size: 12px; font-weight: bold; color: #e23322;}

/*-------- design style --------*/
.bgWrapper {}
.mainWrapper {width:800px; background: url(images/mainBG.jpg) no-repeat top center; margin: 0 auto;}

.clear_float{clear:both;}
.hide {display: none;}

/*--------- pane style ----------*/
.iconWrapper {width: 700px; margin: -30px 0 0 30px;}
	.bWrap {}


.contentWrapper {width: 750px; margin: 10px auto; background: url(images/contBG-mH.gif) repeat-y top left;}
	.cont-tH {width: 750px; height: 20px; background: url(images/contBG-tH.gif) no-repeat top left;}
	.cont-mH {width: 750px;}
		.contWrap {margin: 0 30px;}
	.cont-bH {width: 750px; height: 20px; background: url(images/contBG-bH.gif) no-repeat top left;}

/*--------- logo style ----------*/

.logoWrapper {padding: 80px 0 0 520px;}
a.logo {width: 230px; height: 230px;display: block; cursor: hand;}
a.logo span {display: none;}

/*-------------- Icons Style --------------*/
a.b-home {display: block; background: url(images/b-home.gif) no-repeat top center; width: 65px; height: 70px; float:left;}
a.b-home:hover {background-position: bottom center;}
a.b-shop {display: block; background: url(images/b-shop.gif) no-repeat top center; width: 65px; height: 70px; float:left;}
a.b-shop:hover {background-position: bottom center;}
a.b-access {display: block; background: url(images/b-access.gif) no-repeat top center; width: 65px; height: 70px; float:left;}
a.b-access:hover {background-position: bottom center;}
a.b-history {display: block; background: url(images/b-history.gif) no-repeat top center; width: 65px; height: 70px; float:left;}
a.b-history:hover {background-position: bottom center;}
a.b-blog {display: block; background: url(images/b-blog.gif) no-repeat top center; width: 65px; height: 70px; float:left;}
a.b-blog:hover {background-position: bottom center;}
a.b-events {display: block; background: url(images/b-events.gif) no-repeat top center; width: 65px; height: 70px; float:left;}
a.b-events:hover {background-position: bottom center;}
a.b-contact {display: block; background: url(images/b-contact.gif) no-repeat top center; width: 65px; height: 70px; float:left;}
a.b-contact:hover {background-position: bottom center;}

/*-------------- Login Style --------------*/
.loginWrap {text-align: center; font-size: 10px;}
.loginWrap a {color: #333;}



/*-------------- Link Style --------------*/
.links {text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#4F839F; font-size:11px; text-transform:uppercase; }
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#4F839F; font-size:12px;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footWrap p {margin: 20px 10px; color: #333; font-size: 10px; text-align: center; line-height: 16px;}
.footWrap p a, .footWrap p a:link, .footWrap p a:visited, .footWrap p a:active {color: #333; font-size: 10px;}
.footWrap p a:hover {color: #666;}


/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 200px; height: 20px; border: solid 1px #e0e0e0; position:absolute; right:35px; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px 5px; position:relative; display: block;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:150px; height:18px; margin-left:3px;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; font-size:12px; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}



/*-------------- Admin Style --------------*/
td.Normal {background-color: #FFFFFF;}