/* Hole Products --- main CSS */

/* Global space Reset*/
* { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
/*table{
	border-collapse:collapse;
	border:none;
	}
table td{
	padding:4px;
	}*/
.tbl_brd_none td{
	border:none;
	padding:4px;
	}	
/* General Typography*/
body { font-family:Arial, Helvetica, sans-serif;}
h1 { color:#AD2C15; text-transform:uppercase; font-weight:600; font-size:12px}
p { line-height:1.5em}

/* Positioning*/
body { background:#FFF; text-align: center;min-width: 800px;}
#wrapper {width: 780px; margin: 40px auto; text-align: left; background:url(../img/bg_wrapper.jpg) repeat-y;}
#container {width:724px; border:#000 1px solid;}
#container { background:url(../img/bg_container.jpg) no-repeat 100% bottom #FFF;}
#header { margin:15px 5px 5px 275px}

/*Main Menu*/	
#menu { margin:0;}
#menu img { cursor:pointer}
/*
#menu ul { list-style:none; height:1%; margin:0 auto;}
#menu ul:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
#menu ul li { float:left; margin:0 0.5em 0 0.5em;}
*/
/*Showcase*/
#showcase, #showcase_sec {width:100%; clear:both; height:160px; margin:0}
#showcase { background:#000;}
#showcase_sec { background:url(../img/bg_showcase_sec.jpg) repeat-y 100%;}
#showcase img { float:right; margin:5px 1px 5px 1px}
#showcase_sec .ttl { float:left; position:relative; top:65px; left:30px}
#showcase_sec .art { float:right; padding:5px}

/*content*/
#content { text-align:left; font-size:11px; clear:both; padding:2em}
#content .text { float:left; width:49%; margin:0;}
#content .ads { float:right; width:50%}
#content a { color:#333333}


/*specials*/
#specials { border:#DCDADC 2px solid; width:342px; height:120px; clear:both}
#specials img{ float:left; margin-top:14px}
#specials div{ float:right; text-align:center; padding:10px 10px 10px 0}
#specials div span { display:block; padding-top:0.3em}
#specials a { color:#6BA4D4; text-transform:uppercase; text-decoration:none; font-weight:bolder; font-size:12px}
.prod_ttl { color:#AD2C15; text-transform:uppercase; font-size:12px; font-weight:bold}
.regular { text-decoration: line-through;}
.special { color:#AD2C15; font-weight:bold;}

.mounthly { width:100%; clear:both}
.mounthly img{ float:left; margin-top:14px}
.mounthly div{ float:right; width:80%; text-align:center}

/*news*/
.news {}
.news blockquote { color:#AD2C15; font-weight:bold; margin:0; position:relative; top:0.5em; left:1.5em }
.news p {}

/*--contacts---*/
#info { clear:both} 
#info p { float:left; letter-spacing:0.09em; word-spacing:0.2em; font-size:12px; font-weight:bold; border-right:#3984BD 1px solid; padding:1em 2em 2em 2em; width:25%; margin:0}
#info div#stuff { float:right; margin:1em 0 1em 0; text-align:left; width:55%}
div#stuff span { padding-bottom:1em; display:block;}
#info a {color:#A6A3A5; text-decoration:none;}
#info a:hover { color:#6BA4D4; text-decoration:none; border-bottom:#6BA4D4 1px solid; }

/*------FORM---------*/
/* Form Table Elements Begin****/
.form_tbl {
	padding:0px;
	margin:0 auto;
	width:80%;
	border-collapse:collapse;
	}
.form_tbl td{
	padding:5px;
	margin:0;
	}		
.form_tbl_label {
	color:#AD2C15;
	text-align:right;
	font-weight:bold;
    vertical-align: top;
}	
td.tbl_btn{
	text-align:center;
	border-bottom:0;	
	border-left:0;	
	border-right:0;
	}	
.form_header{
	text-align:center;
	background-color:#ececec;
	font-weight:bold;
	color:#666;
}
.btn { border:#333 1px solid; background:#194471; margin:2px; color:#eee; font-size:10px; width:60px; cursor:pointer}
table.form_tbl textarea, table.form_tbl input.inp_width { width:400px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
table.form_tbl input.inp_width { height:1.5em; padding-top:1px}
.asterisk { color:#AD2C15;}
.title { text-align:left; font-size:12px; font-weight:bold; padding-right:2em}
.alignmnt { padding-left:4em;}
/*----------------------borders------------------------------------------*/
/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}

/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:14px;
	margin:0 0 0 15px;
	background:url(../img/box.gif) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-15px;
	width:15px;
	height:14px;
	background:url(../img/box.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:12px;
	margin:0 0 0 12px;
	background:url(../img/box.gif) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:12px;
	background:url(../img/box.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 9px;
	background:url(../img/borders.gif) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 9px 0 0;
	background:url(../img/borders.gif) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#F6F4F4;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Custom CSS starts here */
div.i3 blockquote { font-size:12px; font-weight:bold; color:#3984BD; letter-spacing:0.1em}





#footer {clear:both;height:90px;font-size:11px;color:#fff; position:relative; top:5em; left:110px; margin:3em 3em 0 3em }
* html>body #footer {float:none; display:inline-block} /* IE5MAC */
#footer a { color:#fff;}


/*----CLEAR HACK----*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.low {display:none;}

a.as{
	background-color:#EDEBEC;
	padding:0px 6px 0px 6px;
	margin:0 3px 0 3px;
	text-decoration:none;
	color:#85A3BD;
	}
a:hover.as{
	background-color:#DCDADD;
	padding:1px 6px 1px 6px;
	margin:0 3px 0 3px;
	font-weight:bold;
	text-decoration:none;
	color:#4F7BAA;
	}
a.lactive {
	color:#000000;
	margin:0 3px 0 3px;
	text-decoration:none;
	font-weight:bold;
	background-color:#DCDADD;
	color:#4F7BAA;
}
label {margin:0 0 0 10px; float: left; width: 370px; vertical-align: middle; overflow: hidden}
.inp_chkbx {float: left; overflow:hidden; height:13px; width:13px; vertical-align: middle; margin:0;}