/*====================================================================
DENTONSWEB - MODULES STYLE SHEET
Copyright 2010 Dentonsweb.com (Operation Mandarin Squeeze)
Written by dentonscreative.com / Author: Neil Thorne
======================================================================*/


/*====================================================================
HOME PAGE SEARCH BAR
======================================================================*/

form#hmSearch {width: 960px; margin: 10px auto; height: 100px; border-top: 1px solid #ebebeb; background: url(../images/modules/hmSearch_bg.gif) no-repeat bottom; }
form#hmSearch fieldset {float: left; }
form#hmSearch label, form#hmSearch input {width: 356px; margin: 0 0 0 10px;}
form#hmSearch label {line-height: 2em; padding: 2px 0 5px 0;}
form#hmSearch input {border: 1px solid #a5560c; padding: 7px 10px; height: 26px; font-size: 1.8em;}

form#hmSearch .btnSearch {
	width: 160px; float: left; display: block; margin: 50px 0 0 10px; height: 42px; padding: 0 0 0 15px;  border: none;
	font-size: 1.8em; text-transform: uppercase; text-align: left; line-height: 39px;
	background-image: url(../images/buttons/btn_hmsearch.png);
}

/*====================================================================
ALTERNATIVE SEARCH BAR
======================================================================*/

form#altSearch {width: 960px; margin: 10px auto 20px auto; padding-top: 6px; height: 60px; border-top: 1px solid #ebebeb; background: url(../images/modules/altSearch_bg.gif) no-repeat 0 6px; position: relative; z-index: 10;}
form#altSearch fieldset {float: left; }
form#altSearch input, form#altSearch label {margin: 7px 0 0 10px;}
form#altSearch input {font-size: 1.6em; border: 1px solid #a5560c; padding: 7px 10px;  height: 21px;}

form#altSearch input.who {background: #fff url(../images/modules/labelbg_who.gif) no-repeat left top; padding-left: 115px; width: 263px; }
form#altSearch input.location {background: #fff url(../images/modules/labelbg_location.gif) no-repeat left top; padding-left: 80px; width: 298px; }

/*form#altSearch fieldset#type {width: 390px; height: 24px; position: absolute; top: 55px; left: 281px;}
form#altSearch fieldset#type input {margin-top: 0; padding: 0;}
form#altSearch fieldset#type label {font-size: 1.1em; width: auto; line-height: 1.4em; padding: 0; margin-right: 5px; margin-top: 4px; }
form#altSearch fieldset#type img {position: absolute; right: 15px; top: 4px; }*/

form#altSearch .btnSearch {
	width: 140px; float: left; display: block; margin: 7px 0 0 10px; height: 36px; padding: 0 0 0 15px;  border: none;
	font-size: 1.8em; text-transform: uppercase; text-align: left;
	background-image: url(../images/buttons/btn_altsearch.png);
}

/*====================================================================
Image Replacement Checkbox/Radio Buttons
======================================================================*/

/* Up State 
label.checkbox span.holder {height:61px;background:url(../images/parts/checkbox.gif) 0 -1px no-repeat;}
label.radio span.holder {height:61px;background:url(../images/parts/radio.gif) 0 -1px no-repeat;}

/* Hover State 
label.checkbox:hover span.holder,label.radio:hover span.holder{top:-21px !important;}

/* Active "checked" State 
label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder
{top:-42px !important; font-weight: bold;}

/* Positioning, Core Style 
label.list{float:left;clear:left;margin:0 0 5px 0;}
label.inline{float:left;margin:0 10px 0 5px;}
input.hiddenCheckbox{position:absolute;left:-10000px;}
label.prettyCheckbox span.holderWrap{display:block;float:left;position:relative;margin-right:10px; margin-left: 5px;overflow:hidden;}
label.prettyCheckbox span.holder{display:block;position:absolute;top:0;left:0;}
*/

/*====================================================================
IMAGE SLIDER
======================================================================*/

/* Window/Masking Styles */
.slider {height:145px; width: 960px; overflow: hidden; /*--Hides anything outside of the set width/height--*/ position: relative;}
.image_reel {position: absolute; top: 0; left: 0; overflow: hidden;}
.image_reel img {float: left;}

/* Paging Styles */
.slidePaging {position: absolute; bottom: 15px; right: -4px;
	width: 178px; height:47px; z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center; line-height: 40px;
	background: url(../images/parts/slide_paging_bg.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.slidePaging a {padding: 5px 5px 4px 5px; text-decoration: none; color: #fff;}
.slidePaging a.active {font-weight: bold; background: #423a3a; border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.slidePaging a:hover {font-weight: bold;}



/*====================================================================
HIDDEN CONTENT MODULE
======================================================================*/

.modal {position: relative; }
.modal h2 {text-align: left; background-color: #423a3a; color: #fff; border-top: 3px solid #f28a17; line-height: 60px; padding: 0 0 0 10px; margin: 0;}
.modal h2.ICOpin {padding-left: 55px; background-position: 15px 20px;}
.modal h2.ICObug {padding-left: 55px; background-position: 15px 15px;}
.modal h2.ICOwarn {padding-left: 55px; background-position: 15px 15px;}

.modalContent {border: 10px solid #ebebeb; height: auto; padding: 20px;}
.modalContent h3 {margin-bottom: 0; padding-bottom: 0; line-height: 1.4em;}
.modalContent ul {margin-left: 20px;}
.modalContent p {margin-top: 8px;}
.modalContent p.reset {padding: 6px 0; margin: 0; font-size: 1.2em;}
.modalContent a {font-weight: normal;}

/* Form variations - Hidden forms */
.modal form {border-bottom: 1px solid #ebebeb; margin-bottom: 8px; padding-bottom: 15px;}
.modal form label {width: 390px; font-size: 1.2em; color: #666; font-weight: bold;}
.modal form input {width: 385px; margin: 3px 0 10px 0; font-size: 1.8em; height: 26px; padding: 8px 5px 6px 5px;}
.modal form input.short {width: 250px; float: left;}
.modal form label.short {width: 200px; float: left; font-weight: normal;}

.modal form#setlocation input.modin {margin: 5px 0 10px 0; width: 385px; font-size: 1.8em; height: 26px; padding: 8px 5px 6px 5px; border: 1px solid #ccc; }
.modal form#setlocation ul.as-list {position: absolute; top: 220px; left: 210px; width: 195px!important;}
.modal form#setlocation ul.as-list li.as-result-item {font-size: 1.1em; line-height: 1.4em; padding: 3px;}
.modal form#setlocation input.check {width: 20px; margin-top: 0; padding-top: 10px; height: auto; float: left; border: none!important;}
fieldset#business_details input.check {width: 20px; margin: 10px 0 0 0!important; height: auto; float: left; border: none!important;}

form#altSearch input.who {background: #fff url(../images/modules/labelbg_who.gif) no-repeat left top; padding-left: 115px; width: 263px; }
form#altSearch input.location {background: #fff url(../images/modules/labelbg_location.gif) no-repeat left top; padding-left: 80px; width: 298px; }

.ext form input {width: 490px; margin: 3px 0 10px 0; font-size: 1.8em; height: 26px; padding: 8px 5px 6px 5px;}
.ext form input.short {width: 360px; float: left;}

.modal form select.listSelect {height: auto; width: 490px; margin-top: 4px; padding: 2px;} 


/*====================================================================
MODULE - TipTip CSS
======================================================================*/

#tiptip_holder {display: none;position: absolute;top: 0;left: 0;z-index: 99999;}

#tiptip_holder.tip_top {padding-bottom: 5px;}

#tiptip_holder.tip_bottom {padding-top: 5px;}

#tiptip_holder.tip_right {padding-left: 5px;}

#tiptip_holder.tip_left {padding-right: 5px;}

#tiptip_content {
	font-size: 12px;line-height: 14px;font-weight: bold;color: #fff;text-shadow: 0 0 2px #000;padding: 6px 8px;border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);background-color: rgba(25,25,25,0.92);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));border-radius: 3px;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {position: absolute;border-color: transparent;border-style: solid;border-width: 6px;height: 0;width: 0;}
#tiptip_holder.tip_top #tiptip_arrow {border-top-color: #fff;border-top-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #fff;border-bottom-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff;border-right-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff;border-left-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px;margin-left: -6px;border-top-color: rgb(25,25,25);border-top-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px;margin-left: -6px;border-bottom-color: rgb(25,25,25);border-bottom-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px;margin-left: -5px;border-right-color: rgb(25,25,25);border-right-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px;margin-left: -7px;border-left-color: rgb(25,25,25);border-left-color: rgba(25,25,25,0.92);}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	

#tiptip_content {padding: 8px 8px 8px 8px;background-color: rgba(45,45,45,0.88);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88);}
#tiptip_holder.tip_top #tiptip_arrow_inner {border-top-color: rgba(20,20,20,0.92);}
}


/*====================================================================
MODULE - Other Tooltip CSS
======================================================================*/

/* simple css-based tooltip */
.tooltip {background-color:#e4edf5;border:1px solid #d8e1e9;padding:5px 12px;width:auto;display:none;color:#336699;text-align:left;font-size:1.1em;z-index: 50;
/* border radius for mozilla/firefox only */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* Small Button */
.btnSmall {background-color:#fa9f2d;border:1px solid #ff6600;padding:5px 12px;float: left;margin: 5px 0 0 10px;width:auto;color:#fff;text-align:left;font-size:1.1em;
/* border radius for mozilla/firefox only */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

.btnSmall:hover {/* border radius for mozilla/firefox only */border:1px solid #ff9900;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;}
/* Small Button */

.btnbrowSmall {background-color:#fa9f2d;border:1px solid #ff6600;padding:5px 12px;float: left;margin: 5px 0 0 10px;width:auto;color:#fff;text-align:left;font-size:1.1em;
/* border radius for mozilla/firefox only */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
.btnbrowSmall:hover {/* border radius for mozilla/firefox only */border:1px solid #ff9900;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;}


.abtnSmall {background-color:#fa9f2d;border:1px solid #ff6600;padding:5px 12px;float: left;margin: 5px 0 0 10px;width:auto;color:#fff;text-align:left;font-size:1.1em;
/* border radius for mozilla/firefox only */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
cursor:pointer;
}
.abtnSmall:hover {/* border radius for mozilla/firefox only */border:1px solid #ff9900;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;}

.bbtnSmall {background-color:#fa9f2d;border:1px solid #ff6600;padding:5px 12px;float: left;margin: 5px 0 0 10px;width:auto;color:#fff;text-align:left;font-size:1.1em;
/* border radius for mozilla/firefox only */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
cursor:pointer;
}
.bbtnSmall:hover {/* border radius for mozilla/firefox only */border:1px solid #ff9900;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;}