/* WEB */


/* Client Header
========================================================================== */

.logoContainer {height: 70px;margin-bottom: 10px;background-repeat: no-repeat;background-position: 20px center;background-size: auto 60%;}
.storeName {text-align:right;font-size: 1.6em;margin-top: 5%;}


/* Navigation
========================================================================== */

.client-header .header .links{
	display:table;width:100%;table-layout:fixed;background-color: #555;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box; 
	clear: both;}
.client-header .header .links .list{display:table-row}
.client-header .header .links .list .item:first-child{border-left:none}
.client-header .header .links .list .item:last-child{border-right:none}
.client-header .header .links .list .item{
	display:table-cell;text-align:center;vertical-align:middle;padding-top:12px;
	padding-bottom:12px;border-right:1px solid #7b7b7b;border-left:1px solid #484848}
.client-header .header .links .list a.item {color:#FFF;font-size:13px}


/* Nav Drop Down Menu
========================================================================== */

.f-dropdown {
    position: absolute;
    top: -9999px;
    list-style: none outside none;
    margin-left: 0px;
    width: 100%;
    max-height: none;
    height: auto;
    background: none repeat scroll 0% 0% #fff;
    border: 1px solid #cccccc;
    z-index: 99;
    margin-top: 1px;
    max-width: 200px;
	
}
ul.f-dropdown {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px -1px 14px 0px rgba(153,153,153,1);
	-moz-box-shadow: 0px -1px 14px 0px rgba(153,153,153,1);
	box-shadow: 0px -1px 14px 0px rgba(153,153,153,1);
	margin-top: 10px;
}
.f-dropdown li a {
	display: block;
	color: #555555;
	padding-top: 1.0em;
	padding-right: 1.025em;
	padding-bottom: 1.0em;
	padding-left: 1.025em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.f-dropdown li a.top:hover {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.f-dropdown li a.bottom:hover {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.f-dropdown:before {
    content: "";
    display: none;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent white transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 99; 
	}
  .f-dropdown:after {
    content: "";
    display: none;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent #cccccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 98; 
}
	


/* Store Info - Share Button
========================================================================== */

.store-info .share,.coupon-print .chicklets{display:block;position:absolute;right:17px}
.store-info .share span,.coupon-print .chicklets span{
	display:inline-block;cursor:pointer;background-image:url(http://preview.3birdsmarketing.com/Renderer/Images/3b-assets.png);margin-left:6px}
.store-info .share span.st_sharethis_custom,.coupon-print .chicklets span.st_sharethis_custom{width:78px;height:20px;background-position:0 -48px}
.store-info .share span.st_twitter_custom,.coupon-print .chicklets span.st_twitter_custom{width:86px;height:20px;background-position:0 -24px}
.store-info .share span.st_facebook_custom,.coupon-print .chicklets span.st_facebook_custom{width:46px;height:20px;background-position:0 0}
.store-info .phone > span{color:#d83907}

.client-header .header .store-info{
	border:1px solid #898989;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;
	-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-left-radius:0;
	-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;padding-top:6px;padding-bottom:6px;position:relative;font-size:12px}
.client-header .header .store-info .rooftops{display:block;color:#898989}
.client-header .header .store-info .rooftops .rooftop{display:block;margin-right:255px;float:right}
.client-header .header .store-info .rooftops .rooftop .phone{float:left;margin-right:10px;padding-right:10px;border-right:1px solid #898989}
.client-header .header .store-info .rooftops .rooftop .phone > span{color:#555;padding-right:5px}
.contents ul li a,.client-header .header .store-info .rooftops .rooftop .phone > a{color:#898989}




/* Breadcrumbs
========================================================================== */

.breadcrumbs{margin-top:30px;margin-bottom:30px}
.breadcrumbs span{font-size:12px;color:#0f426e;font-weight:700}
.breadcrumbs span.current{font-weight:400;color:#636363}




/* Coupons
========================================================================== */
.coupon {
		border: #D9D9D9 solid 1px;
		background: #ECECEC;
		padding: 20px;
		margin-bottom: 25px;
	}
.coupon h2 {
	margin-bottom: 0px; 
	margin-top: 0px; 
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 1.1em;
}
.coupon .disclaimer {
	margin-top: 10px;
	color:#666;
}
.coupon .service {
	font-size: 1.8em;
}
	
	
	
	
/* Coupon Details Page
========================================================================== */


.couponDetailsPage .couponWrap {
	padding: 25px;
	border: 1px dashed #CCC;
	margin-bottom: 50px;
	font-size: 1em;
	color: #333;
}
.row.couponWrap .price {
	font-size: 2em;
	font-weight: lighter;
	color: #999;
}
.couponWrap .description {
	font-size: 1.3em;
	font-weight: lighter;
	color: #666;
	margin-top: 5px;
	margin-bottom: 15px;
}
.couponWrap p, .couponWrap li, .couponWrap .expiration {
	font-size: .9em;
	line-height: normal;
	color: #666;
}
.couponWrap .button {
	margin-top: 20px;
	margin-bottom: 20px;
}
	
	
	
/* Separators 
========================================================================== */	
	.horzSep {
	margin-top: 25px;
	padding-bottom: 25px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	}


/* Client Footer
========================================================================== */

.footer {
	margin-bottom: 30px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;-webkit-box-shadow: 0px 4px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 4px 10px rgba(50, 50, 50, 0.5);box-shadow: 0px 4px 10px rgba(50, 50, 50, 0.5);background-color: #CCC; padding: 30px;}
.footerLogo {
	background-image: url(../img/3b-logo-white.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 30px;
}



/* Buttons
========================================================================== */

button, .button {
		background-color: #666;
		border: none;
		-webkit-box-shadow: 0 0px 0 rgba(255, 255, 255, 0.5) inset;
		box-shadow: 0 0px 0;
		font-size: .9em;
	}
button:hover, .button:hover {
	background-color: #333;
	}



/* Home Slider
========================================================================== */

.orbit-slide-number, .orbit-progress, .orbit-timer {display: none;}
.orbit-container {background-color: transparent;}


/* General Styles
========================================================================== */

body .container.Preferred .links{border-bottom:#363636 4px solid;background-color:#555;background-image:linear-gradient(top,white,#cbcbcb80%,#555555)}
body .container.Preferred .links .list .item a{color:#363636}
body {background-color:#ebebeb;}
body.web a,.breadcrumbs span a,.component a,.component h3 a,.component h4 a,.component .body a,.contents h3 a,.archive h3 a{color:#636363}
.clear{display:block;clear:both;height:0;width:0;margin:0;padding:0}
body a {color:#666;}
body a:hover {color: #999;}

.Modern .client-header .clientname,.Preferred .client-header .header-image img,object{display:block}
.Modern .client-header .header-image img,.Preferred .client-header .clientname,.tails,.client-header .header-image img,.client-header .header .store-info .rooftops .rooftop .name,.client-header .header .store-info .rooftops .rooftop .phone-separator,.store-info .share span img,.coupon-print .chicklets span img,.component-Media h4,.Form label,.client-footer .footer-interior a.logo > img,.client-footer .client-footer-inner a.logo > img,.client-footer .footer-interior span.logo > img,.client-footer .client-footer-inner span.logo > img,.client-footer .footer-interior > a > img,.client-footer .client-footer-inner > a > img,.client-footer .footer-interior > span > img,.client-footer .client-footer-inner > span > img,.client-footer .footer-interior ul li > span,.client-footer .client-footer-inner ul li > span,.coupon-expired,.promo-image > img,body.coupon-print > div .dealer-info .hours h3,.email-view .client-footer .client-footer-inner a.logo,.email-view .client-footer .client-footer-inner span.logo{display:none}

.smallType {font-size: .8em;}
.bodyContent ul {margin-left: 25px;}
.rooftop {margin-top: 5px;}

.outterWrapper {
	background-color:#FFF; padding: 30px;margin-top: 20px;margin-bottom: 0px;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);}


/* Articles
========================================================================== */

.article a.socialIcons {
	color:#666;
	border: #CCC solid 1px;
	margin-top: 5px;
	padding: 2px;
	padding-bottom: 1px; 
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	
.shareBar {
	background-color: #EBE8ED;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	margin-top: 10px;
	margin-bottom: 25px;
	padding: 10px;
}
.shareHdr {
	font-size: 10px;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
}
.shareBar a.socialIcons {
	color:#666;
	margin-top: 5px;
	padding: 2px;
	padding-bottom: 1px; 
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}






/* OVERRIDES
=========================================================================== */

body {background-color: #fff; color: #333; font-size: .95em;}

/* NAVIGATION */
a.navBtn {padding-left: 8px;margin-top: 35px;display: inline-block;font-size: .9em;padding-right: 8px;border-right: 1px #ccc dotted;}
a.navBtn.last { border-right: none; padding-right: 0px; }

/* SCHEDULE SERVICE BAR */
.serviceBarHome {padding-top: 30px; padding-bottom: 40px;}
.serviceBarHome, .serviceBarHome p, .serviceBarHome h1 { text-align: center; color: #fff; }
.serviceBarHome h1 { font-size: 2.8em; font-weight: 200; margin-bottom: 0px; }

/* SLIDER STYLES */
.slideshow-wrapper .column, .slideshow-wrapper .columns {padding: 0px; margin: 0px;}
.sliderContent {width: 33%; color: #fff;}
.sliderContent h2 { color: #fff; font-weight: 100; margin-top: 20%; font-size: 3.75em; line-height: 1em;}
.sliderContent a.button {background-color: #fff; color: #666; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.orbit-bullets {display: none; }


/* BODY CONTENT STYLING */
.pgContent {margin-top: 60px; margin-bottom: 60px;}
.pgContent h2 {font-size: 2em; color: #666; font-weight: 200;}
h4.colContent  { font-size: 1.7em; font-weight: 200; color: #666; }
h2 {font-weight: 200; color: 999; font-size: 2em; color: #666;}
.bodyContent h2 {font-weight: 200; color: #666; font-size: 2em;}
.bodyContent ul {margin-left: 20px; }
ul.checkmarks li {padding-left: 70px; list-style: none; background: url(../img/checkmark.png) no-repeat left 17px; border-bottom: 1px #999 dotted; padding-top: 15px; padding-bottom: 15px;}


/* SERVICES PAGE SPECIFIC */
.ourServices {background-color: #f8f8f8; padding-top: 60px; padding-bottom: 60px; border-top: #c8c8c8 solid 1px;}
.ourServices h2 {text-align: center; font-size: 3em; font-weight: 200; color: #666; }
.ourServices a.button {background-color: #666; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}


/* FOOTER */
.footer {background-color: #666; margin: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: #fff;}
.footer a {color: #fff;}
.footer h2 {color: #fff; font-weight: normal; font-size: 1.2em;}
.footer h3 {color: #fff; font-weight: normal; font-size: .8em;}
.footer .copyright {font-size: .8em; margin-top: 25px;}
.ftrnav ul li {list-style: none;}

/* GRIDS */
.colGrid-3 {padding: 20px;}
.innerContent {border: 1px #CCC solid; padding: 10px; }
.innerContentDot {border: 1px #999 dashed; padding: 10px; text-align: center; }
.innerContentDot h2 { font-size: 1.6em; font-weight: 200; color: #666;}
.innerContent h2 { font-size: 1.4em; font-weight: 200; color: #666;}
.innerContent img, .innerContentDot img { margin-bottom: 15px; }
.colGrid-3 a.button {width: 100%; text-align: center; background: #666; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
a.button {text-align: center; background: #666; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}


/* RIGHT NAV */
.rightnav ul li {list-style: none;}
.rightnav ul li a {padding:12px; background-color: #ccc; border-radius: 4px; margin-bottom: 8px; display: block;}
.rightnav ul li a:hover { background-color: #999; color: #fff; }
.rightnav ul li a { background-color: #F1F1F1; color: #666;}
.navIcon {margin-right: 10px; font-size: .8em; color: #CCC;}


/* COLUMN CONTENT */
.sideSection {margin-bottom: 10px; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px #ccc dotted;}
.sideSection i {font-size: 3em; color: #ccc;}
.sideSection h2 {font-size: 1.0em; font-weight: 200; padding-top: 10px; display:block;}
.sideSection a:hover {color: #ccc;}


/* NAVIGATION */
h2.logoblock {display:inline-block;}
.dealername {display:inline-block; color: #666; font-size: 1.3em; font-weight: 200;}
.nav ul li {height: 91px;}
.nav li.active {background:url(../img/active-arrow.png) no-repeat center bottom;}


/* SOCIAL BTNS BAR */
.socialBar {background: url(../img/social-bkgd.png) repeat; height: 50px; width: 100%;}
a.socialCircle { background: #6d6d6d; color: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-size: .8em; padding: 7px; margin-left: 5px;}
.callLink {display: inline-block; font-weight: 300; font-size: .9em;}
.callLink a {color: #ccc;}
.callLink a:hover {color: #fff;}


h2.underline {width: 100%; border-bottom: 1px #ccc solid; margin-bottom: 10px; padding-bottom: 10px; padding-top: 60px;}
.article h2 {font-size: 1.4em;}



.home.socialBar {background: url(../img/social-bkgd.png) repeat; height: 50px; position: absolute; top: 0; left: 0; z-index: 10; width: 100%;}
.home.socialBar a.socialCircle { background: #6d6d6d; color: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-size: .8em; padding: 7px; margin-left: 5px;}

.hdrBlock {background-color: #666;}
.hdrBlock.bkgd1 {background: url(../img/bkgd1.jpg) no-repeat center; background-size: 100%;}


.scheduleBlock {background-color: #666; padding: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; margin-bottom: 40px;}
.scheduleBlock h2 {font-size: 2.5em; font-weight: 200; color: #FFF;}





/* Mobile and Tablet Spefic Styles
========================================================================== */


@media (max-width:768px) {
	
	.client-header .header .links{
	display:table;width:100%;
	table-layout:fixed;
	background-color: #555;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-top-left-radius:0px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box}
	
	.outterWrapper {
	background-color:#FFF; 
	padding: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 0px rgba(50, 50, 50, 0.5);	
	}

	.footer {
	margin-bottom: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 0px rgba(50, 50, 50, 0.5);
	background-color: #CCC; 
	padding: 30px;
	}	
	
	.storeName {
	text-align:right;
	font-size: 1em;
	margin-top: 7%;
	}
	
	.socialLink {
	padding-top: 10px; 
	padding-bottom: 10px; 
	border-bottom: none;
	text-align: center;
	margin-left: 0px; 
	margin-right: 0px;
	}
	
	.socialLink a {
		font-size: 2em;
	}
	
	
	
	
	/* v2 OVERRIDES */
	.serviceBarHome h1 { font-size: 2.4em !important;}
	.serviceBarHome, .serviceBarHome p, .serviceBarHome h1 { padding-left: 15px; padding-right: 15px;}
	.ourServices h2 { font-size: 2em;}
	.pgContent p, .pgContent h2, .ourServices p {padding-right: 15px; padding-left: 15px;}
	.pgContent img { margin-left: auto; margin-right: auto;}
	.footer {background-color: #336699; margin: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: #fff;}
	
}


@media (max-width:640px) {
.serviceBarHome h1 { font-size: 1.8em !important;}
}





/* v1.2 Overrides */

.nav {position:fixed; width: 100%; z-index: 100; background: #fff; height: 103px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; padding-right: 5%; padding-left: 5%;}
.nav a:hover {color: #007cc2;}
.socialBarContent {padding-right: 5%; padding-left: 5%;}
.f-dropdown { z-index: 200; }
.socialBar {position: fixed !important; z-index: 100; margin-top: 102px;}
.orbit-slides-container {margin-top: 102px !important;}
.orbit-prev, .orbit-next {margin-top: 10% !important;}
.links {margin-top: 103px !important; z-index: 500; position: fixed;}
body {font-family: 'Source Sans Pro', sans-serif, Arial; font-weight: 400;}
p, ul {font-family: 'Source Sans Pro', sans-serif, Arial; font-weight: 400;}
h1, h2, h3, h4 {font-family: 'Source Sans Pro', sans-serif, Arial; font-weight: 400;}
.dealername {border-left: 1px solid #ccc; padding-left: 25px;}
.logoblock {width: 180px; height: 70px; margin-right: 15px; padding-right: 10px; display: inline-block;}
.logoblock img {border-right: none !important;  width: auto !important;}
.socialBar a.socialCircle { border: 1px solid #8b8b8b;}
.vertical-nav {margin-top: 134px;}
.smallNav {display: none !important;}
.serviceBarHome {padding-top: 152px !important;}

@media (max-width:930px) {
	.logoblock {
		width: 100px;
		height: 50px;
		margin-right: 15px;
		padding-right: 10px;
		display: inline-block;
		padding-top: 6px;
	}

	.nav {
		position: fixed;
		width: 100%;
		z-index: 100;
		background: #fff;
		height: 70px !important;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 400;
		padding-right: 5%;
		padding-left: 5%;
	}

	.fi-list {
		margin: 0px;
		padding: 0px;
	}

	.links {
		margin-top: 70px !important;
		z-index: 500;
		position: fixed;
	}

	.desktopNav {
		display: none !important;
	}

	.smallNav {
		display: block !important;
		position: fixed;
		width: 100%;
		z-index: 90;
	}

	.socialBar {
		display: none !important;
	}

	#foo {
		padding-top: 103px;
	}
}

/* iFrame Fixes from 5/5/2014 */
.iframeWrap {
	width: 100%;
	text-align: center;
}

.iframeWrap iframe {
	width: 960px;
	height: 750px;
}


@media (max-width: 960px) {
	.iframeWrap iframe {
		width: 100%;
		height: 900px;
	}
}

/* Employee fixes from 9/25 */
.bioName, .bioTitle {display: block; width: 90%; text-wrap: none !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bioTitle {font-size: .9em; color: #999; margin-top: 8px;}