/********************
 *  DEFAULT STYLES
 *  Customized for boblock.com
*/

/*****DEFAULT ELEMENTS*****/
body{
	margin: 0 auto;
	font-family: Corbel, "Helvetica Nueue", Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight:normal;
	background: url('../style/background.png') repeat-x top #E3E7E2;
	background-position: fixed;
}

a{ text-decoration:underline; color:#030}
a:hover, a:active{ color:#600}

h1, h2{font-family: Georgia, Times, serif;}
h1,h2,h3,h4{margin:0; padding:5px;}
h1{font-size:22px; margin-bottom:10px}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px; font-weight:bold;}
h5{font-size:14px; text-transform:capitalze;}

img{ border:none;}
p, blockquote{margin:5px 10px; line-height:1.45em; padding:2px;}
blockquote{background:url('blockquote.png') no-repeat top left; padding:20px 0px 10px 10px;}
blockquote p{font-style:italic;	font-size:14px;}

.hozNav{list-style-type:none; margin:0px; padding:0px;}
.hozNav li{float:left; width:auto;}
/*****MAIN CONTAINERS *****/
#pageSet{padding:0px; margin:0 auto; width:853px;}
#wrapAll, #pageHead, #mainNav, #mainBody, #promoBanner, #pageFoot{float:left; width:855px;}
#promoRotate, #promoRotate img{float:left; width:855px; height:224px;}
#promoWrapper{}
#promoRotate .ui-tabs-panel {
     font-family:Arial, Helvetica, sans-serif;
     clear:left;
     /*color:#000;
     padding:40px 540px 15px 15px;  */
     height:225px;
}
#promoRotate .ui-tabs-hide {display:none;}

#pageHead{height:92px;}

/***Header Elements**/
#headerLeft{float:left; width: 300px; height:65px;}
#headerLeft img, #headerLeft a{margin:0px; padding:0px;}

#headerRight{float:right; width:540px; text-align:right; margin-top:15px}
#topKeys{color:#AACF8E; padding:5px 10px 15px 210px;}
#topKeys .hozNav{float:right; width:550px;}

/***Header Main Button Nav***/
#mainNav{position:relative; background-color:none; margin:0px; padding:0px;}
#mainNav img, #mainNav a{padding:0px;}
#mainMenu{float:right; width:574px;}
#mainMenu li{background:url('btnslice.png') repeat-x top; height:27px; margin:0px 2px;}
#mainMenu li:hover{background:url('btnslice_over.png') repeat-x top;}
#mainMenu li span{display:block; height:27px; background:url('btnleft.png') no-repeat top left;}
#mainMenu li span:hover, #mainMenu li span:active{
	display:block;
	height:27px;
	background:url('btnleft_over.png') no-repeat top left;
}
#mainMenu li a{text-decoration:none; font-size:16px; color:#FFF}
#mainMenu li span a{
	display:block;
	height:19px;
	background:url('btnright.png') no-repeat top right;
	padding:4px 8px;
	color:#FFF9DF
}
#mainMenu li span a:hover, #mainMenu li span a:active{
	display:block;
	height:1px;
	background:url('btnright_over.png') no-repeat top right;
}

#promoBanner img{width:855px}

#mainSub{float:left; width:250px; padding: 8px 0px 0px 25px}
#mainSub li, #mainSub li a{text-decoration:none; color:#FFE25F}
#mainSub li a{margin:3px 5px}

#mainBody{background:#FFF}
#mainContent{float: left; width:570px; border-right:1px solid #8F9D84; margin-bottom:10px}

#sidebar{float:left; width:255px; padding: 5px 0px 5px 5px}

#subCon, #serviceArea{float:left; width:853px; margin:10px 0}
#subCon .feature{float:left; width:853px; background:#FCF8EA; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#subCon ul.threeCol{list-style-type:none; float:left; margin:0; padding:0px}
#subCon ul.threeCol li{list-style-type:none; float:left; padding-right:2px}
#subCon ul.threeCol li a{text-decoration:none}

#serviceArea img{float:left}
#serviceArea .twoCol{float:left; width:275px}

#pageFoot{width:855px; padding:20px 0px 10px; text-align:center; color:#8E9D83;}
#pageFoot .hozNav{float:none; width:855px; margin-left:125px;}
#pageFoot .hozNav li{padding:2px 5px;}
#pageFoot a{color:#8E9D83;}

/*****LAYOUT ELEMENTS*****/
span.caption{float:left; width:180px; margin:10px 10px 10px 5px; padding:5px; border:1px dotted #AAA; background-color:#EEE}
span.caption img{float:left; width:180px; margin-bottom:5px}
span.caption em{width:180px; text-align:center; font-size:80%; color:#555; display:block}
.leadBox{float:left; width:265px; padding:0px 0px 5px; margin-bottom:15px;}

.block{float:left; width:100%; padding:0px; margin:0; margin-bottom:10px;}
.block ul{margin:10px; padding:0px}
.block ul li{list-style-type:none; padding:5px 0px}
.block ul li a{color:#D9AD25}

.article, .articles{clear:left;	margin:10px 0;}

.bannerad, .bannerad img {float:left; width:auto; clear:both;}
.bannerad img{
    margin:10px; 
    /*border:1px dashed #700;*/
    -moz-box-shadow: 3px  3px 3px #555;
    -webkit-box-shadow: 3px 3px 3px #555;
    box-shadow: 3px 3px 3px #555
}
.bannerad img:hover{opacity:0.6; filter:alpha(opacity=60)}
.twoCol{float:left; /*width:550px;*/ padding:5px 5px 0px 0px;}
#buckets, #listed{float:left; width:100%;}
#buckets ul.twoCol, #listed ul.twoCol{padding:0px; margin:0;}
#buckets .twoCol .leadBox, #listed .twoCol .leadBox{
	list-style-type:none;
	float:left;
	width: 255px;
	}
#buckets .twoCol .leadBox img{float:left;}

#listed .leadBox {float:left; width:540px;}
#listed .threeCol li{float:left; width:31%}
#listed .threeCol ul li{list-style-type: disc; width:100%}
#listed .leadBox img{display:block; margin:0 15px}
.leadBox{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px dotted #E6E5D6;
	background:#FFF;
	padding:5px;
	margin:5px;
	-moz-box-shadow: 3px  3px 3px #555;
 	-webkit-box-shadow: 3px 3px 3px #555;
	box-shadow: 3px 3px 3px #555;
}
/*.leadBox li, .threeCol.leadBox ul li{list-style-type:disc;}*/
#buckets .twoCol .leadBox{height:125px;}
#buckets .twoCol .leadBox p{margin:3px; padding:0px;}

.threeCol img{float:left; padding:3px;}

#map_canvas{margin:5px 10px;}

/***** CONTACTUS *****/
#quickContact{float:left; width:243px; border:1px dotted #0A3700; background:#E3E7E2; padding:10px 5px}
#quickContact input{margin-bottom:5px}
.qc-title{padding:0px 5px 10px 5px}
.rfqLabel{float:left; width:65px;}
.rfqInput{float: left; width:175px}
.qc-honey{display:none}
#qc-submit{width:243px; margin:5px 0; padding:2px 5px; text-align:center; background: #AD8200; color:#FFF; border:2px solid #FFF}
#qc-submit:hover{cursor:pointer; background: #FBDB16}
#qc-error{margin:5px 10px; padding:5px 3px; border:2px solid #FB5116; background:#FFD0BF}

#recaptcha_area, #recaptcha_table{width:243px !important}

/***** DISCOUNT PAGE *****/
.clipme{
float:left; 
width:515px;
-moz-box-shadow: 3px  3px 3px #555;
-webkit-box-shadow: 3px 3px 3px #555;
box-shadow: 3px 3px 3px #555;
border:2px dashed #1F517A;
margin:10px;
padding:2px;
background: url('coupon-bluestripes.png') repeat transparent
}
.couponbody{float:left; width:465px; margin-left:30px; padding:5px 10px; background-color:#FFF}
.clipme h3{font-size:11px; color:#333}
.clipme h4{font-size:20px; color:#54BA0B}
.coupondetails{padding-left:50px; background:url('dollar-lock.png') no-repeat top left}
.disclaimer{font-size:9px; color:#AAA}

/*****MISC*****/
.toplink{float:left; width:525px; border-bottom:1px dotted #E6E5D6; text-align:right; margin:10px 0px 20px; clear:both;}
.nopad{padding:0px;}
.noBull{list-style-type:none;}
h3.overlay{}
img.overlay{position:relative; top:-25px;}
.light{color:#FFF;}
.left{float:left; padding:3px 5px;}
.thumb{width:100px;}
.right{float:right; padding:3px 5px;}
.copyright, .developer{width:855px; text-align:center; clear:both;}
.notice{color:#BF0400;}
h3.notice, h4.notice{clear:both; display:block}
h3.notice{font-size:25px; font-weight:bold; margin:15px 0;}
.leadBox p .notice{font-size:18px; float:none; text-align:center; width:255px;}
.clear{clear:both; height:20px; width:100%;}
.space{float:left; width:100%; padding-bottom:150px;}