/* General Styles */

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
input, select, textarea {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}

a:link    {color: #CC0000; text-decoration: none;}
a:visited {color: #CC0000; text-decoration: none;}
a:active  {color: #CC0000; text-decoration: none;}
a:hover   {color: #FFCC00; text-decoration: none;}

a.navlink:link	 {color: #FFFFFF; text-decoration: none;}
a.navlink:visited{color: #FFFFFF; text-decoration: none;}
a.navlink:active {color: #FFFFFF; text-decoration: none;}
a.navlink:hover	 {color: #FFCC00; text-decoration: none;}

h1{font-family:Helvetica, Verdana, Arial, sans-serif; font-size:18px; font-weight:bold; display:inline;}
h2{font-family:Helvetica, Verdana, Arial, sans-serif; font-size:18px; font-weight:bold; display:inline;}
h3{font-size:11px; font-weight:bold;}
h4{font-size:11px; font-weight:bold;}


.pagetitle{clear:left; padding-top:5px; padding-bottom:8px; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:15px; font-weight:bold;}
.subtitle{clear:left; padding-top:5px; padding-bottom:8px; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:13px; font-weight:bold;}
.pagetext{clear:left; line-height:17px; padding-bottom:8px;}

.text10{font-size:10px;}
.red{color:#CC0000;}
.green{color:#8CA900;}

.clearfix{clear:both;}

#site{width:970px; text-align:left; margin:auto;}

#logobanner{clear:left; width:970px; padding-top:20px;}

#left-col{float:left; width:600px;}
#right-col{float:left; width:350px; margin-left:20px; padding-top:10px;}



#brandbanner{clear:left; width:960px; padding-top:6px;}
.brandlogos{float:left; width:240px; text-align:center; font-size:10px; font-weight:bold;}

#welcome{padding-top:20px; margin-bottom:10px; line-height:16px;}
#branches{background-color:#F6F6F6; padding:10px; margin-top:20px; margin-left:5px; position:relative;}
#branch-list{line-height:16px;}
#branch-details{position:absolute; left:305px; top:10px; width:260px; height:188px; padding:10px; background-color:#FEFEFE; line-height:16px;}

/* Info Bites */

.info-bites{clear:left; width:350px; margin-bottom:15px;}
.info-bites-head{clear:left; padding-left:5px;}
.info-bites-title{clear:left; height:18px; padding-top:4px; padding-left:5px; font-weight:bold; background-image:url(/images/barbk.gif);}
.info-bites-detail{clear:left; width:330px; background-color:#F6F6F6; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:6px; margin-top:1px; font-size:10px; line-height:15px;}

/* Offers */
#home-offers-container{clear:left; height:300px;}
.home-offers{clear:left; width:595px; padding-top:17px; padding-left:5px;}
.home-offer-head{clear:left; padding-left:5px;}
.home-offer-title{clear:left; height:18px; padding-top:4px; padding-left:5px; font-weight:bold; background-image:url(/images/barbk.gif);}
.home-offer-detail{clear:left; width:575px; padding:10px; margin-top:1px; line-height:16px; background-color:#F6F6F6;}
.home-offer-photo{float:left; padding:1px; border:2px solid #DDDDDD; margin-right:10px;}
.home-offer-description{padding-left:10px;}
.home-offer-price{clear:left; width:575px; padding-top:10px;  font-weight:bold; color:#CC0000;}

/* Footer */
#footer{clear:both; width:970px; padding-top:20px;}
#foot{clear:left; width:970px; padding-top:5px; border-top:5px solid #EEEEEE;}


/* Admin Offers */

#admin-infobites{float:left; width:500px; margin-left:20px;}

.admin-infobite{clear:left; width:500px; margin-top:20px}
.admin-infobite-action{clear:left; width:495px; padding-right:5px; text-align:right;}
.admin-infobite-title{clear:left; width:495px; height:18px; padding-top:4px; padding-left:5px; font-weight:bold; background-image:url(/images/barbk.gif);}
.admin-infobite-detail{clear:left; width:480px; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:10px; background-color:#F6F6F6;line-height:16px;}



#admin-offers{float:left; width:430px; margin-left:20px; font-size:10px;}
.admin-offers-row{clear:left; width:400px; padding-top:10px; padding-bottom:10px; border-top:1px dotted #EEEEEE;}
.admin-offers-photo{float:left; width:46px; padding:1px; border:1px solid #DDDDDD; margin-left:10px;}
.admin-offers-text{float:left; width:245px; margin-left:10px; padding-right:5px;}
.admin-offer-edit{float:left; width:40px;}
.admin-offer-delete{float:left; width:40px; text-align:right;}


.admin-jobs{clear:left; width:400px; padding-top:20px;}
.admin-jobs-head{clear:left; width:400px; padding-bottom:10px; padding-top:10px; font-weight:bold; font-size:16px;}
.admin-jobs-row{clear:left; width:400px; padding-top:7px; padding-bottom:7px; border-top:1px dotted #EEEEEE; overflow:auto;}
.admin-jobs-detail{float:left; width:302px; padding-right:15px;}
.admin-jobs-edit{float:left; width:40px; text-align:center;}
.admin-jobs-delete{float:left; width:40px; text-align:right;}

.admin-appform{padding-top:20px; border-top:3px solid #DDDDDD;}

#popadmin{width:530px; padding:10px; margin-top:20px; text-align:left;}
#popadmin-head{clear:left; width:510px; padding-left:20px; padding-bottom:20px; font-weight:bold; font-size:16px;}
.popadmin-row{clear:left; width:530px; padding-bottom:3px;}
.popadmin-field{float:left; width:125px; padding-right:5px; padding-top:2px; font-weight:bold; text-align:right;}
.popadmin-value{float:left; width:400px;}

/* Contact Panel */
#contactPanel {
	color: #ffffff;
	background-color: #888888;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(191,191,191)),
	    color-stop(1, rgb(64,64,64))
	);
	min-height: 210px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#cpBranchList {
	padding: 10px;
	float: left;
	width: 30%;
	left-margin: 10px;
}
#cpBranchDetail {
	height: 100%;
	padding: 10px;
	float:right;
	width: 50%;
	margin: 10px;
	color: #000000;
	background-color: rgba(255, 255, 255, 0.5);
}
#cpBranchList > span {
	width: 100%;
}
.cpbHighlight {
	color: #000000;
	background-color: rgba(255, 255, 255, 0.5);
}
.cpbdShown {
	display: block;
}
.cpbdHidden {
	display: none;
}
.franchises {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}