/* reset */
/* 
	Reset CSS Styles Document 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	/* border-collapse: separate; */ 
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



/* common.css */
body {
	background: #FCF4FF url(../images/bc.gif);
	font: 13px/20px Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
}

.container {
	margin: 0 auto;
	width: 770px;
	padding:0 6px;
	background:url(../images/cbc.gif) repeat-y;
}
input, textarea, select{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:13px;
    border:1px solid #E4CAF3;
    background:#FCF3FF;
    color:#851EC3;
    padding:4px 8px;
    width:100%;
}
input.checkbox{
    border:0 !important;
    width:auto !important;
    padding:0  !important;
    background:#FFFFFF !important;
}
select{width:111%;}
input.button{
    font-weight:bold;
    border:0;
    width:auto !important;
    padding:1px 8px 0px 8px;
    background:#EECEF6 url(../images/buttons/btn.gif) repeat-x;
}
a { color: #851EC3; text-decoration:none;}
a:hover { color: #DE85DB; text-decoration:underline;}

hr {
	border: 0;
	border-bottom: 1px solid #EFDBFB;
	height: 1px;
	margin: 0 0 0px 0;
	padding:0px;
}


/* -----------------------------------------------
	header
----------------------------------------------- */
.header {
	position: relative;
	height: 203px; width: 770px;
	background: url(../images/hbc.jpg) no-repeat;
}

.header h1 {
	position: absolute;
	top: 16px; left: 23px;
	width: 151px; height: 128px;
	background: url(../images/logo.gif) no-repeat;
}

.header h1 a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	width: 151px; height: 128px;
}


/* -----------------------------------------------
	content
----------------------------------------------- */
.content-container {	
}


/* side panel */
.content-side {
	float: left;
	width: 180px;
	padding:20px 20px;
	background: url(../images/leftbc.gif) repeat-x top;
}

.content-side ul li{
	clear:both;
	border-bottom:1px solid #F7CFE5;
	padding:10px 0 10px 0;
}
.content-side ul li br{line-height:100%;}
.content-side ul li img{margin:0 12px 0 0;}
.content-side ul li b{font-size:18px;}
.content-side ul li span{color:#B034AC;font-size:26px;font-weight:bold;line-height:100%;}
.content-side ul li select{width:100%;}
.content-side ul li a {color:#000;}
.content-side ul li a:link,  .content-side ul li a:visited {color:#000;text-decoration:none;}
.content-side ul li a:active {color:#683686;text-decoration:none;}
.content-side ul li a:hover {color:#683686;text-decoration:none}
/* main content area */
.content-main {
	float: right;
	padding:20px;
	width: 510px;
	text-align:justify;
    background: url(../images/rightbc.gif) repeat-x top;	
}

.content-main h1, .bigletter, .content-main h2, .content-main h3 {
    font-family:Georgia, Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
	color: #DE85DB;
	margin-bottom: 10px;
}
.content-main h3{padding:5px 0 0 37px;height:27px;}
.content-main h3.one{background: url(../images/one.gif) no-repeat left;}
.content-main h3.two{background: url(../images/two.gif) no-repeat left;}
.content-main h3.three{background: url(../images/three.gif) no-repeat left;}
.content-main h3.four{background: url(../images/four.gif) no-repeat left;}

.content-main ul{padding:0 0 15px 19px;}
.content-main ul li{
    background: url(../images/li.gif) no-repeat;
    padding:0 0 0 19px;
    background-position:0px 5px;
    color: #851EC3;
}
.content-main p { margin-bottom: 15px; }
div.testimonials {
    padding:10px;
    background:#F2F2F2;
    font-style:italic;
    width:485px;
    margin:0 auto 15px 0;
}
div.testimonials a{display:block;float:right;}
div.testimonials span{color:#303B42;font-weight:Bold;}
table.form {margin:0 0 15px 0;}
table.form th{
    vertical-align:top;
    font-weight:bold;
    font-size:13px;
    padding:0 10px 8px 20px;
}
table.form td{
    vertical-align:top; 
    font-size:13px;   
    padding:0 0 8px 0;
}
table.form input, table.form  textarea{width:164px;}
table.form  select{width:183px;}
table.form b{padding:0 0 0 10px;}
table.form input.city{width:264px;}
table.form select.county{width:132px;}
table.form input.zip{width:43px;}
table.form input.street{width:154px;}
table.form input.sector{width:17px;}
table.form input.address{width:25px;}

.small {color:#666;font-size:11px}

table.table{margin:0 0 15px 0;}
table.table th{font-size:18px;font-weight:bold;background:#EDEDED; padding:5px 10px;}
table.table td{font-size:13px;padding:10px 10px;border-bottom:1px solid #D9D9D9;vertical-align:top;}
table.table span{color:#B034AC;}
/* -----------------------------------------------
	footer
----------------------------------------------- */
.footer {	
    height:60px;
    padding:0px 0 0 0;
	color: #fff;
	text-align:center;
	font-size: 13px;
	position: relative;
	background:#633180 url(../images/ftr.gif) repeat-x;
}
.footer a:link, .footer a:active, .footer a:visited{color:#FFFFFF;text-decoration:none;}
.footer a:hover{color:#FFFFFF;text-decoration:underline;}
.footer p{font-size:11px;color:#E08CDD;padding:0px 0 0 0; line-height:12px}




/* nav.css */



.nav {
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
	height: 36px;
	background: #633180 url(../images/nav/mb.gif) repeat-x;
}

.nav li { float: left; }
.nav li b{
    display:block;
    float:left;
    font-size:0;
    width:1px; height:36px;
    background: url(../images/nav/delimiter.gif) no-repeat;
}
.nav li a {
    font-family:Georgia, Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
	display: block;
	float:left;	
	overflow: hidden;
	height: 28px;
	color:#FFFFFF;
	padding:8px 21px 0 22px;
}


/* nav item images and widths */
/*.nav li#home a {width:73px;}*/


/* rollovers */
.nav a.menuon, .menuon { text-decoration:none; background:url(../images/nav/mbh.gif) repeat-x;color:#FECFFC;}

/* active pages */
.nav .menuactive {background:url(../images/nav/mbs.gif) no-repeat bottom center; color:#FECFFC;}

.nav a.menuoff {background:url(../images/nav/mb.gif) repeat-x;}

#magazine {padding-top:10px}
#magazine * {font-size:11px;line-height:16px;text-align:center}
#magazine a {color:#851EC3;text-decoration:underline;font-weight:bold}

span.preturi {
	background:#FFEBCD;
	padding:2px;
	font-size:14px;
	font-weight:bold;
}
.boldred {
	font-weight:bold;
	color:#DA3B3B;
	font-size:12px;
}
.redbordered {
	background:#FFF5F5;
	border:1px solid #FFDBDB;
	padding:4px;
	margin-bottom:3px;
}

table.pricelist {
	background:#fff;
	border:1px solid #FFDBDB;
	border-collapse: separate;
	border-spacing:2px;
}
table.pricelist2 {
	background:#fff;
	border:1px solid #DE85DB;
	border-collapse: separate;
	border-spacing:2px;

}
.pricelist td {
	background:#FFF5F5;
	padding:6px;
}
.pricelist2 td {
	background:#FFF5F5;
	padding:6px;
}


.pricelist th {
	line-height:22px;
	background:#FEDCDC;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFDBDB;
}

.infotext {
	line-height:17px;
	font-size:11px;
	color:#777;
	float:right;
	text-align:left;
	width:300px
}

div.order {
	height:114px;
	width:123px;
	text-align:center;
}

div.orderbox {
	float:left;
	width:33%;
}

div.orderonline {
	background:url(../images/orderonline.gif) top left no-repeat;
}
div.orderphone {
	background:url(../images/orderphone.gif) top left no-repeat;
}
div.orderposta {
	background:url(../images/orderposta.gif) top left no-repeat;
}
div.orderfax {
	background:url(../images/orderfax.gif) top left no-repeat;
}


a.order {
	color:#471962;
	font-size:11pt;
	font-weight:bold;
	line-height:16px;
	font-family:Trebuchet MS;
	text-decoration:none;
	font-size-adjust:0.5;
}

a.order:hover {
	color:#DE85DB;
}




#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}            
	
.letter {
	color:#fff;
	background:#777;
	border:1px solid #777;
	padding:1 4px;
	margin-bottom:10px;
	cursor:hand;cursor:pointer;
}
.letter2 {
		border:1px solid #fff;
		background:red;
		color:#fff;
		padding:1 4px;
	margin-bottom:10px;
	cursor:hand;cursor:pointer;
}
.loc {
		line-height:20px;
		border-bottom:1px solid #EEEEEE;
		cursor:hand;cursor:pointer;
}
.loc2 {
	cursor:hand;cursor:pointer;
	background:#f5f5f5;
	line-height:20px;
	border-bottom:1px dotted #ddd;	
}
.notfound {
	font-weight:bold;
	color:blue;
	text-decoration:underline;
	cursor:hand;cursor:pointer;
}