/* CSS Document */

* html p,
* html h2,
* html span {
	text-align: left;
}

div.button,
center {
	text-align: center;
}

div.search-message-success {
	padding: 10px;
	background: #efe;
	border: 2px solid #0a0;
	margin: 15px 150px 15px 0;
}

div.search-message-fail {
	padding: 10px;
	background: #fee;
	border: 2px solid #a00;
	margin: 15px 150px 15px 0;
}

form#form-locator input.form-submit {
	padding: 3px 10px;
	cursor: pointer;
}
form#form-locator input.form-text {
	width: 60px;
	margin: 0 10px 0 5px;
}
div.gmap-popup h2 {
	width: 200px;
	margin: 0 0 5px 0;
	padding: 0 0 5px;
	font-size: 1.2em;
}
div.gmap-popup div.distance {
	color: #999;
}
div.gmap-popup div.address {
	margin-top: 10px;
}
div.gmap-popup div.zingle-number {
	margin-top: 10px;
	font-size: 1.2em;
}
	div.gmap-popup div.zingle-number span {
		font-weight: bold;
	}

* html div.view-testimonials p {
	margin-bottom: 0;
}

div#tac {
	margin: 15px;
	height: 150px;
	overflow: auto;
	border: 1px solid #ddd;
}
div#tac p {
	margin: 5px;
}

div.view-display-id-default {
	float: left;
	width: 250px;
}
div.view-display-id-default ul {
	width: 250px;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.9em;
	height: 155px;
	overflow: hidden;
}
	div.view-display-id-default ul li {
		list-style-type: none;
		height: 155px;
		margin: 0;
	}
	div.view-display-id-default ul div.views-field-field-location-value {
		display: none;
	}
	div.view-display-id-default ul div.views-field-title {
		font-weight: bold;
	}
	
div.image {
	padding-top: 15px;
}
	div.image ul {
		list-style-type: none;
	}
		div.image ul li {
			margin: 0;
			width: 124px;
			height: 75px;
			padding: 0 2px;
		}
			div.image ul li img {
				max-width: 124px;
				max-height: 75px;
			}

body{ margin:0; padding:0;background-image:url(images/bg-rev.jpg); background-position:top center; background-repeat:no-repeat;background-color:#007bc1; font: 12px Arial;}
#main{width:1001px; margin:0px auto;}
.clear{clear:both;}
.top{height:106px; font-family:tahoma; color:#FFFFFF; font-size:10px; padding:0 15px 0 0; }
.top a:hover{text-decoration: underline;color:#FFFFFF;} 
.logo{float:left; height:106px; width:207px;}
.top_right{float:left; width:775px; padding:10px 0 0 0; height:96px;}
.top_right input.text{width:95px; height:16px; border:1px solid #CBCBCB;}
.top_right a{text-decoration: underline;color:#FFFFFF;} 
.top_right a:hover{text-decoration: underline;color:#FFFFFF;}
.menu{float:left; background-image:url(images/menu_bg.gif); background-repeat:repeat-x; width:749px; height:35px;}
.menu_left{background-image:url(images/menu_left.gif); background-position:left; background-repeat:no-repeat; width:12px; height:35px; float:left;}
.menu_right{background-image:url(images/menu_right.gif); background-position:right; background-repeat:no-repeat;width:14px; height:35px; float:right;}
.menu ul{margin:0; padding:0; list-style:none;}
.menu ul li{float:left; font-family:tahoma; color:#FFFFFF; font-size:14px; font-weight:bold; padding:9px 9px;} 
.menu ul li a{ text-decoration:none;color:#FFFFFF;} 
.menu ul li a:hover{text-decoration: underline;color:#FFFFFF;} 
.container{padding:0 8px 0 0; background-image:url(images/bg.gif); background-repeat:repeat-y; }
.left_side{width:552px; padding:0 7px 0 42px; float:left; height:260px; background-image:url(images/img.png); background-repeat:no-repeat; background-position:left top;}
.left_side2{width:605px; padding:0 0 0 28px; float:left; background-repeat:no-repeat; background-position:left top;}
.left_side2_no_right{padding:0 15px 20px 28px; float:left; background-repeat:no-repeat; background-position:left top;}
.right_side{width:290px;padding-left:0px; float:right;}
.right_side_home{width:290px;padding-right:20px; float:right;}
.line_bar{background-image:url(images/line_bar.gif); background-repeat:repeat-x;}
.arrow_left{float:left; width:20px; height:30px; padding-top:40px;}
.arrow_right{float:left; width:20px; height:30px; padding-top:40px; padding-left: 0px;}
.heading{font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; color:#F15A24; padding-top:8px;}
.line_bar{height:8px;}

/* Standard link styles - Harley */
a, a:visited {
	text-decoration:none;
	color:#F15A24;
}
a:hover, a:active {
	color:#f80;
}

/* Login / Password link styles - Harley */
.top_right a {
	color:#fff;
	text-decoration:none;
}


/* Header styles - added by Harley 01.09.10 */
h2{font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; color:#F15A24; padding-top:8px;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#F15A24; padding-top:8px;margin-bottom:0px;padding-bottom:0px;}
h3.home{font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; color:#F15A24; padding-top:0px; margin-bottom:10px; margin-top:0px; text-align:center;}

.left_side2_no_right .hd {
	width:650px;
}

/*Additional styling for testimonials scroller - Harley*/
#recentHappenings a {
	text-decoration:none;
	color:#F15A24;
}
#recentHappenings a:hover {
	color:#f80;
}

.view-id-recent_happenings.view-display-id-block_1 {margin-top:-10px; padding-top:0px; height:130px;}

.right_side_home div.view-display-id-block_1 {
	float: left;
	width: 250px;
	font-size:11px;
}

div.display-id-block_1 ul {
	width: 250px;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.9em;
	height: 155px;
	overflow: hidden; 
}
	div.view-display-id-block_1 ul li {
		list-style-type: none;
		height: 155px;
		margin: 0;
	}
	div.view-display-id-block_1 ul div.views-field-field-location-value {
		display: none;
	}

.view-id-recent_happenings {
	overflow: hidden;
}
.box4 {
	overflow: hidden;
}

.view-id-recent_happenings .views-field-created {
	color:#999;
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-top:8px;
}

.view-id-recent_happenings .views-field-title {
	font-size:13px;
	font-weight:bold;
}

/* Testimonials Page View - Harley - and now Chris too! */
.view-display-id-page_1 ol {
	padding: 0;
	margin: 0;
}
.view-id-testimonials1 .view-display-id-page_1 ul li, .view-display-id-page_1 ol li {
	list-style:none;
	border-bottom:1px dotted #f15a24;
	margin-bottom:15px;
	padding-left: 0;
	margin-left: 0;
	padding-bottom:10px;
	font-weight:normal;
}

.view-id-testimonials1.view-display-id-page_1 ul li {
	list-style:none;
}
.view-id-testimonials1 .views-field-field-location-value, .view-display-id-page_1 .views-field-field-location-value {
	font-weight:normal;
	font-size:11px;
}
.view-id-testimonials1 .views-field-title, .view-display-id-page_1 .views-field-title {
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:1px;
}

.left_side2 .view-id-testimonials .views-row-first {
	width:500px;
}
	
/* Left content div additional styling - Harley */
.left_side2 h2 {
	border-bottom:1px dotted #f15a24;
}

.left_side2 p {
	line-height:1.5em;
}

.left_side2 ol li, .left_side2 ul li, .left_side2_no_right ul li {
	margin-bottom:15px;
	font-weight:bold;
	line-height:1.65em;
}

.linklist {
	list-style:none;
}

.attribution {
	font-size:11px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
}

.text1{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; padding-top:8px; float:left; width:250px; text-align:justify;}
.text2{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.container2{padding-left:45px;}
.box1{background-image:url(images/box1.gif); background-repeat:no-repeat; width:310px; height:149px; float:left;}
.box2{background-image:url(images/box2.gif); background-repeat:no-repeat; width:310px; height:149px; float:left;}
.box3{background-image:url(images/box3.gif); background-repeat:no-repeat; width:300px; height:149px; float:left;}
.heading2{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#Ffffff; padding:4px 0 0 25px;}
.image{padding-top:15px;}
.play_icon{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4D4D4D; font-weight:bold; float:left; padding:35px 80px 0  15px;}
.play_icon a{ text-decoration:none;color:#4d4d4d;} 
.play_icon a:hover{text-decoration: none;} 
.box4{width:300px; height:149px; float:left;}
.box5{width:320px; height:149px; float:left;}
.box6{width:300px; height:149px; float:left;}
.heading3{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#EC1C24; padding:15px;}
.button{width:211px; height:58px; background-image:url(images/button.gif); background-repeat:no-repeat; padding-top:7px;}
.heading4{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#Ffffff;}
.heading4 a{ text-decoration:none;color:#fff;} 
.heading4 a:hover{text-decoration: none;}
.footer{height:105px;}
.footer_links{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; padding:5px 15px; float:left;}
.footer_links a{ text-decoration:none;color:#fff;} 
.footer_links a:hover{text-decoration: underline;}
.other_links{ border:0px; padding:5px 5px 0 0; float:right;}

#menu {
	float:left;
	line-height:16px;
	height:35px;
	width:761px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; font-weight:bold;
	background-image:url(images/menu_bg.gif);
	background-repeat:repeat-x;
	position: relative;
	}
#menu ul {
	margin:0px; 
	padding:0;
	list-style:none;
	}
#menu li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu a {
	float:left;
	/*background:url(images/menu2_left.gif) no-repeat left top;*/
	margin:0;
	padding:0 0px 0 11px;
	text-decoration:none;
	top: 4px;
	position: relative;
	color:#F15A24;
	text-transform: uppercase;
	color: white;
	}
#menu a span {
	float:left;
	display:block;
	/*background:url(images/menu2_right.gif) no-repeat right top;*/
	padding:10px 20px 10px 6px;
	color:#F15A24;
	color: white;
	}
	
	#menu a:hover, #menu .active-trail, #menu a.active {
		background:url(images/menu2_left.gif) no-repeat left top;
		color:#F15A24;
	}
	
	#menu a:hover span, #menu .active-trail span, #menu a.active span {
		background:url(images/menu2_right.gif) no-repeat right top;
		color:#F15A24;
	}
	
	/*
.active-trail  {
	float:left;
	background:url(images/menu3_left.gif) no-repeat left top;
	margin:0;
	padding:0 0px 0 11px;
	text-decoration:none;
	color:#F15A24;
	}
*/
#menu a:hover span {color:#F15A24;}
#menu a:hover {background-position:0% -38px;}
#menu a:hover span {background-position:100% -38px;}

.girl { float: right; position: relative; top: -15px;}

.hd{float:left; background-image:url(images/header-bg.jpg); background-repeat:repeat-x; width:314px;font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#ffffff; height:60px; padding:20px 0 0 0px;text-align:center;text-indent:-80px;}
h1#hd {float:left; background-image:url(images/header-bg.jpg); background-repeat:repeat-x; width:314px;font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#ffffff; height:60px; margin-top:0px; padding:20px 0 0 0px;text-align:center;text-indent:-80px;}

.hd_left{float:left; width:165px; height:68px; background-image:url(images/header-left.jpg); background-repeat:no-repeat;}

* html .hd { width: 290px; }

/* Right header images - Harley*/
.hd_right{float:right; background-image:url(images/header-right.jpg); background-repeat:no-repeat; width:126px; height: 68px; position: relative; }

.right_image {
	background-repeat:no-repeat;
	width:150px;
	height:200px;
}

#body-2 .right_image { /* Why Zingle */
	background-image:url(images/header-icons/girl.gif);
}


#body-1 .right_image { /* How Zingle Works */
/* background-image:url(images/header-icons/order.gif); De-activated to make room for video at top */
}

#body- .right_image { /*Testimonials */
	background-image:url(images/header-icons/happy.gif);
}

#body-4 .right_image { /* Press */
	background-image:url(images/header-icons/briefcase-man-press.gif);
}

#body-6 .right_image { /* Contact Us */
	background-image:url(images/header-icons/dialing.gif);
}

#body-21 .right_image { /* FAQ */
	background-image:url(images/header-icons/question-mark.gif);
}

#body-17 .right_image { /* Zingle Video */
	background-image:url(images/header-icons/tv-transparent.gif);
}

.hd_right_no_right{float:left; background-image:url(images/hd_right.png); background-repeat:no-repeat; width:126px; height:149px;}
/*hd2_bg.png*/

.block h2 { background-image: url(images/h2.jpg); width: 284px; font-size: 22px; font-weight: bold; color: #fff; height: 49px; margin: -10px 0 10px -9px; float: left; padding: 20px 10px 0 28px; background-repeat: no-repeat;text-align:center; text-indent:-15px;}
* html .block h2 { background-position: bottom right; margin-left: -7px; margin-bottom: 0; }
*:first-child+html .block h2 { margin-bottom: 0; }

.right_side2{width:322px; padding: 0 0 0 0; float:right;}
.hd2{float:left; background-image:url(images/hd2_bg.gif); background-repeat:repeat-x; width:269px;font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#Ffffff; height:60px; padding:8px 0 0 0;}
.hd2_left{float:left; background-image:url(images/hd2-left.gif); background-repeat:no-repeat;}
.hd2_right{float:right; background-image:url(images/hd2-right.gif); background-repeat:no-repeat;}
.right_sidebg{width:317px; background-image:url(images/panel_bg.gif); background-repeat:repeat-y;}
.heading5{font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; color:#F15A24; padding:12px 15px 4px 15px; margin: 10px 0 0 0; }
.hd_text{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333;padding:8px 15px; line-height:24px; margin: 0;}
.button2{width:211px; height:35px; background-image:url(images/btn2.gif); background-repeat:no-repeat; padding-top:7px;}
.blockz{
	position:absolute;
	display:block;
	left: 518px;
	top: 115px;
}
.body-text{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; padding-top:8px;  text-align:justify;}
.text3{ font-family:tahoma; font-size:11px;  color:#F15A24; padding-top:5px;}
.hd_text2{font-family:tahoma; font-size:11px; color:#333333; padding-top:5px;}
.firstP { width:500px;}
.endcap {  }

/* Cartoon numerals for How Zingle Works - Harley*/
#stepsNumerals img {
float:left;
margin-right:10px;
margin-top:10px;
margin-bottom:40px;
width:29px;
height:36px;
}

#stepsNumerals p {
	clear:both;
	margin-left:25px;
	margin-right:33px;
margin-bottom:15px;
	font-weight:bold;
}

/* Homep page video frame - Harley */
#video_frame {
	width:611px;
	height:259px;
	background:url('/sites/all/themes/zingle/images/video-frame.jpg') no-repeat;
	padding:10px;
	padding-top:30px;
}

/* Terms & Conditions scroll bar in signup form */
#edit-profile-terms-and-conditions-wrapper .description {
	height:300px;
	overflow:scroll;
}

/* Testimonials sidebar logo blocks */

.logoBlock ul li {
	list-style:none;
}

.logoBlock img {
	float:left;
	margin:3px;
}

/* PDF Links styling for merchandise page */
.pdfLinks li {
	display:block;
	height:30px;
	list-style:none;
	background-image:url('/sites/all/themes/zingle/images/pdf_icon.jpg');
	background-repeat:no-repeat;
	background-position:0px 3px;
	font-size:14px;
	text-indent:24px;
}

/* Customer logo grid block view */
.views-field-field-cus-fid {
	margin-left:22px;
}

.views-field-field-cus-fid img {
	width:80px;
	height:48px;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
}

#block-views-customer-block_1 {
	background:url(images/panel_bg.gif) repeat-y;
	height:450px; 
}

.whiteText {
	color:#fff;
}

/* Customer "tout" - box at top telling restaurant customers where to go */
#customerTout {
	width:303px;
	height:40px;
	background:url('/sites/all/themes/zingle/images/customer-block-bg.gif') no-repeat;
	float:left;
	color:#000;
	font-size:12px;
	font-weight:bold;
	padding-left:18px;
	padding-top:1px;
}
#customerTout span {
	font-size:15px;
}
#customerTout a {
text-decoration:none;
color:#f35d16;
}
#customerTout a:hover {
	color:#33F;
}