@charset "utf-8";
/* CSS Document */

.clear { clear: both; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */
.alignright { float: right; padding: 0 10px 0 25px; margin: 0; }
a { color: #505050; text-decoration: underline; }
a:hover { color: #999999; }
.noborder { border: none; }
hr { height: 1px; border: 0; color: #dfdfdf; background-color: #dfdfdf; width: 100%; padding: 0; margin: 0 0 15px 0; }

/* This is where stuff are hidden */
div#content .post h2.title { display: none; }
div#content .post h3.posted { display: none; }
div#content .post .summary { display: none; }
div#content .post .print { display: none; }
div#content .post .edit { display: none; }
div#content .post .back { display: none; }

div#banner .tradinghours { width: 300px; float: right; padding: 0; margin: 10px 5px 0 0; }
div#banner .tradinghoursLeft { width: 170px; float:left; }
div#banner .tradinghoursRight { width: 130px; float:right; text-align: center; }
div#banner .tradinghours p { font-size: 10px; padding: 0; margin: 0; }
div#banner .tradinghours p.title { font-size: 12px; font-weight: bold; color: #bc3698; border-bottom: 1px dashed #bc3698; margin: 0 0 8px 0; }

div#topnav .address { float: left; color: #505050; font-size: 10px; padding: 15px 0 0 27px; margin: 0; }
div#topnav .address a:hover { color: #999999; }

div#topnav ul { width: 430px; float: right; list-style: none; height: 38px; padding: 0; margin: 0; text-align: center; }
div#topnav li {
    float: left;
	background: url(images/bgButton.jpg) no-repeat;
	width: 85px;
	height: 23px;
	padding: 8px 1px 0 0;
	margin: 0;
	display: block;
}
div#topnav li a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	display: block;
}
div#topnav li a:hover {
	text-decoration: underline;
	font-size: 12px;
}


div#content .media { float: right; padding: 0 5px 5px 10px; margin: 0; }
div#content h1 { font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 24px; font-weight: normal; color:#bc3698; padding: 0; margin: 0 0 15px 0; letter-spacing: -2px; }
div#content h2 { font-size: 14px; color:#23378d; padding: 0 0 10px 0; margin: 0; }
div#content h3 { font-size: 12px; color:#505050; padding: 0; margin: 0; }
div#content p { line-height:1.4; letter-spacing: 0px;  padding: 0 0 8px 0; margin: 0 0 8px 0; }
div#content .smalltext { font-size: 9px; }
div#content .map { float: right; margin-top: -125px; }
div#content iframe { border:1px solid #7c344a; }
div#content ol { margin-top: 0; list-style-position: outside; }
div#content ol li { padding: 0 0 8px 0; }
div#content ul { list-style-position: inside; padding: 0; margin: 5px 0 15px 0; }
div#content ul li { list-style: disc; padding: 0 0 0 10px; margin: 5px 0 0 25px; }

/* table */
div#content table { background: #dfdfdf; margin: 8px 0; }
div#content tr { background: #ededed; }
div#content td { padding: 5px; }
div#content td h2 {  }


/* form */
div#content form { width: 330px; padding: 0px; margin: 0px; float: left; }
div#content dl { width: 320px; height: auto; margin: 0px; padding: 0px; }
div#content dt { clear: both; float: left; width: 100px; height: auto; margin: 0px; padding: 5px 0 0 0; }
div#content dd { float: left; width: 220px; height: auto; margin: 0px; padding: 5px 0 0 0; }
div#content .star { color: #88031e; font-weight: bold }
div#content .text { width: 220px; }

div#content form fieldset .required label { text-align: left; }

/* lighbox */
div#content .bgProductBox a {
	color: #333333;
	text-decoration: none;
	padding: 10px;
}
div#content .bgProductBox a:hover, div#content .bgProductBox a:active, #content .bgProductBox a:focus {
	color: #666666;
	text-decoration: none;
	padding: 10px;
}
div#content .bgProductBox {
	width: 95%;
	border: 0px solid #7c344a;
	margin: 0 auto;
	padding: 15px;
	color: #333333;
	text-align: center;
}

div#navigation p { line-height:1.4; padding: 0 0 8px 0; margin: 0 0 8px 0; }
div#navigation .imgBox { width:200px; margin: 0 auto 10px auto; padding: 0; border-top: 5px solid #999999;}
div#navigation .imgBox img { padding: 0; margin: 0; }
div#navigation .imgBox p { font-size: 9px; padding: 0 5px; margin: 0; }
div#navigation .imgBox p.title { font-weight: bold; color: #ffb300; }
div#navigation .price { font-weight: bold; color: #ff0000; }
div#navigation h3 { font-size: 14px; color:#999999; padding: 0 0 10px 0; margin: 0; text-align: center; }

#navigation ul {
	list-style-type: none;
	padding: 0;
	margin:0;
	width: 171px;
	float: right;
	border-bottom: 1px solid #dfdfdf;
}
/* html #navigation ul { padding: 0 0 1px 0; background:  url(images/bgNavUL.gif) bottom no-repeat; border-bottom: none; }*/
#navigation li {
	display: block;
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0;
}
#navigation li a {
	text-decoration: none;
	height: 16px;
	padding: 4px 0px 4px 28px;
	display: block;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	background: url(images/bgLeftNavOff.jpg) repeat-y;
}
#navigation li a:hover { background: url(images/bgLeftNavOn.jpg) repeat-y; }

div#extra p { width: 138px; font-size: 10px; line-height: 1.2; text-align: justify; padding: 0; margin: 0 0 8px 8px; }
div#extra .title { font-size: 11px; color:#bc3698; font-weight: bold; text-align: center; padding: 0 0 3px 0; margin: 0; text-transform: uppercase; }
div#extra .style1 { color:#bc3698; text-decoration:underline; }
div#extra .priceNote { width: 150px; color: #ff0000; text-align: left; border: 1px solid #dfdfdf; padding: 3px; margin: 5px 0 5px 8px; }


/* footer menu */
div#footer ul { width: 390px; height: 35px; padding: 0; margin: 0 auto; }
div#footer li { float: left; display: block; padding: 0 25px 0 0; }
div#footer li a { text-decoration: underline; }
div#footer p { font-size: 12px; text-align: center; padding: 0; margin: 0; }
div#footer a { text-decoration: none; font-weight: bold; }
div#footer a:hover { text-decoration: underline; }
div#footer .copyright2 { font-size: 10px; font-weight: normal; }
div#footer .copyright2 a, .copyright2 a:hover { font-size: 10px; font-weight: normal; }