@charset "utf-8";
/* CSS Document */

/*******************************************************
		PROJECT: 

		DESCRIPTION:
		This CSS file comprises layout elements for
		all site pages.
		
		CREATED: 

*******************************************************/



/*******************************************************
	_BASIC LAYOUT ELEMENTS
*******************************************************/

* {margin: 0; padding: 0;}

body {
	color: #000;
	font-size:100%;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	background: #55090b url(../m/background.jpg) repeat-x top left;
	margin: 0; padding: 0;
}

p {
	font-size: .8em;
	line-height: 1.5em;
	margin: 0 0 1.2em 0;
}

h2 {
	color:#452d05;
	font-size: 1.2em;
	margin: 0 0 .9em 0;
}

h2#page-title {
	font-weight:normal;
	font-size:1.6em;
	padding: 42px 126px 0px 135px;
}


h3 {
	color:#452d05;
	font-weight:normal;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 0 0 .2em 0;
}

h4 {
	color: #452d05;
	font-size: .8em;
	line-height: 1.4em;
	margin: 0 0 .2em 0;
}



/* ANCHOR TAGS */

a:link {
	color:#a71b1b;
}

a:visited {
	color:#a71b1b;
}

a:hover {
	color:#EE1b1b;
	text-decoration: none;
}

a:active {
	color:#a71b1b;
}




img {
	display: block;
	border: 0;
}




ul, ol {
	margin: .5em 0 1.6em 1.1em;
	padding: 0;
}


li {
	font-size: .8em;
	line-height: 1.4em;
	padding: 0 0 0 18px;
	margin: 0 0 .8em 0;
	background:url(../m/li-square-blue.gif) no-repeat 0px 6px;
	list-style: none;
}

ol li {
	background-image: none;
	list-style-type:decimal;
	padding-left: 0;
	margin-left: 18px;
}

li ul, li ol {margin: 6px 0 12px 18px;}
li ul li, li ol li {font-size: .97em;}

li ul li {background-image:url(../m/li-square-blue-open.gif);}


hr {
	height: 0px;
	line-height:0px;
	color:#FFF;
	background-color: #FFF;
	margin: 24px 0;
	border: 0;
	border-bottom: 1px dotted #999;
}









form {
	margin: 0;
	padding: 0;
}

fieldset {margin: 0;padding: 0;border: 0;}

input, textarea {
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
}


div.formCol1 {
}

div.formCol2 {
}

form div.clear {
	margin: 0 0 12px 0;
}

div.validation-advice {
	background-color:#CC0000;
	color:#FFFFFF;
	font-size:.8em;
	padding: 3px;
}


table {
	margin: 0 0 24px 0;
}

td {
	font-size: .7em;
	padding: 4px;
}

tbody td {
	background-color: #F1F4FB;
}

thead td {
	background-color:#E3EAF8;
}






/*******************************************************
	_MAIN CONTAINERS
*******************************************************/

div#global {
	width:1139px;
	text-align:left;
	margin: 0 auto;
/*	background: url(../m/bg-global-sub.jpg) repeat-y top left;*/
}

div#main_con {
	width:1139px;
	background:url(../m/bg-sub-repeat.jpg) repeat-y top left;
}

div#main {
	min-height:309px;
	background:url(../m/bg-sub.jpg) no-repeat top left;
}

div#main_content {
	padding: 0px 126px 16px 135px;
}

div#main-btm {
	width:1139px;
	height:17px;
	font-size:0px;
	line-height:0px;
	background:url(../m/bg-sub-btm.jpg) no-repeat top left;
}



div#main_con_home {
	width:1139px;
	min-height:499px;
	background:#c8b69b url(../m/bg-home.jpg) no-repeat top left;
}

div#main_home {
	margin: 15px 0 0 100px;
	float: left;
	width: 525px;
	position:relative;
}






/*******************************************************
	_TOP
*******************************************************/

div#top {
	margin-left:91px;
	height:149px;
	overflow:hidden;
	position: relative;
	background:url(../m/bg-top.jpg) no-repeat 354px 0px;
}




h1 { /* Levin technique */
 	width: 354px;
	height: 97px;
	position: relative;
	margin: 0;padding: 0;
	font-size: .2em;
}

h1 span {
	top: 0px;left: 0px;
 	width: 354px;
	height: 97px;
	background: url(../m/pepsi_midamerica.gif) no-repeat top left;
	position: absolute;z-index:1;
}

h1 a {
 	width: 354px;
	height: 97px;
	display: block;cursor:pointer;
}


/* Top phone */
div#top-phone {
	position:absolute;
	top:97px;
	right:92px;
}

div#top-phone p {
	width: 183px;
	height: 68px;
	position: relative;
	margin: 0;padding: 0;
	font-size: .2em;
}

div#top-phone p span {
	top: 0px;left: 0px;
	width: 183px;
	height: 68px;
	background: url(../m/top-phone.jpg) no-repeat top left;
	position: absolute;z-index:1;
}

div#top-phone p a {
	width: 183px;
	height: 68px;
	display: block;cursor:pointer;
}


/* Top schedule btn */
div#b-schedule {
	position:absolute;
	top:29px;
	right:96px;
}

div#b-schedule p {
	width: 189px;
	height: 49px;
	position: relative;
	margin: 0;padding: 0;
	font-size: .2em;
}

div#b-schedule p span {
	top: 0px;left: 0px;
	width: 189px;
	height: 49px;
	background: url(../m/b_schedule.jpg) no-repeat top left;
	position: absolute;z-index:1;
}

div#b-schedule p a {
	width: 189px;
	height: 49px;
	display: block;cursor:pointer;
}







/*******************************************************
	_MAIN NAVIGATION
*******************************************************/
ul#main-nav {
	height: 52px;
	display:block;
	margin: 0;
	padding: 0 0 0 0px;
	position:absolute;
	top:97px;
	left:0px;
/*	background: url(../m/top-nav-bg.jpg) no-repeat top left;*/
}

ul#main-nav li { /* Levin technique */
	height: 52px;
	position:relative;
	font-size: .5em;
	line-height: 10px;
	display: block;
	float:left;
	padding: 0;
	margin: 0;
	background-image:none;
}

ul#main-nav li span {
	top: 0px;
	left: 0px;
	height: 52px;
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	z-index:1;
}

ul#main-nav li a {display: block;cursor:pointer;text-decoration:none;}


li#nav-home span {background-image:url(../m/nav/home.jpg);}
body#page-home li#nav-home span {background-image:url(../m/nav/over/home.jpg);}
li#nav-home, li#nav-home span, li#nav-home a {width: 109px;}

li#nav-about span {background-image:url(../m/nav/about.jpg);}
body#page-about li#nav-about span {background-image:url(../m/nav/over/about.jpg);}
li#nav-about, li#nav-about span, li#nav-about a {width: 102px;}

li#nav-custom-solutions span {background-image:url(../m/nav/custom.jpg);}
body#page-custom-solutions li#nav-custom-solutions span {background-image:url(../m/nav/over/custom.jpg);}
li#nav-custom-solutions, li#nav-custom-solutions span, li#nav-custom-solutions a {width: 171px;}

li#nav-national-brands span {background-image:url(../m/nav/national.jpg);}
body#page-national-brands li#nav-national-brands span {background-image:url(../m/nav/over/national.jpg);}
li#nav-national-brands, li#nav-national-brands span, li#nav-national-brands a {width: 139px;}

li#nav-regional-favorites span {background-image:url(../m/nav/regional.jpg);}
body#page-regional-favorites li#nav-regional-favorites span {background-image:url(../m/nav/over/regional.jpg);}
li#nav-regional-favorites, li#nav-regional-favorites span, li#nav-regional-favorites a {width: 156px;}

li#nav-contact span {background-image:url(../m/nav/contact.jpg);}
body#page-contact li#nav-contact span {background-image:url(../m/nav/over/contact.jpg);}
li#nav-contact, li#nav-contact span, li#nav-contact a {width: 96px;}




/*******************************************************
	_HOME PAGE
*******************************************************/

div#home-flash {
	width:512px;
	height:473px;
}

div#home-pepsi-canteen {
	position:absolute;
	width:403px;
	top: 1px;
	left:533px;
}

div#home-brands {
	width:398px;
	position:absolute;
	top: 354px;
	left:525px;
}






/* Header Pepsi & Canteen */
div#home-pepsi-canteen h2 {
	width: 230px;
	height: 25px;
	float:left;
	position: relative;
	margin: 55px 0 12px 0;
	padding: 0;
	font-size: .2em;
}

div#home-pepsi-canteen h2 span {
	top: 0px;left: 0px;
	width: 230px;
	height: 25px;
	background: url(../m/txt-pepsi-and-canteen.gif) no-repeat top left;
	position: absolute;z-index:1;
}

div#home-pepsi-canteen p.read-more {
	font-size:.7em;
	background:url(../m/bullet-pepsi-canteen.jpg) no-repeat 0px 4px;
	padding: 0 0 0 18px;
}




/* Header Brands You Know */
div#home-brands h2 {
	width: 132px;
	height: 116px;
	position: relative;
	margin: 0;padding: 0;
	font-size: .2em;
	float:left;

}

div#home-brands h2 span {
	top: 0px;left: 0px;
	width: 132px;
	height: 104px;
	background: url(../m/txt-brands-you-know.jpg) no-repeat top left;
	position: absolute;z-index:1;
}


div#home-brands div#brand-main {
	width: 265px;
	float:left;
	padding-top: 8px;
}

div#home-brands p.firstPar {
	margin: 0 0 6px 0;
}

div#home-brands p.read-more {
	font-size:.7em;
	background:url(../m/bullet-brands-you-know.jpg) no-repeat 0px 4px;
	padding: 0 0 0 18px;
	margin: 0;
}







/*******************************************************
	_LEFT
*******************************************************/
div#left {
	float: left;
	display:inline;
	width: 140px;
}

div#left a {
}









/*******************************************************
	_FOOTER
*******************************************************/
div#footer {
	width: 960px;
	margin: 12px auto 0 auto;
	text-align:left;
	font-size:.8em;
}

div#footer p {
	color:#ba654b;
	margin: 0 0 6px 0;
}

div#footer a {color: #ba654b;}
div#footer ul {	margin: 0 0 6px 0;}
div#footer li {display: inline;margin: 0 6px 0 0;padding: 0;background-image:none;}

div#footer-lt {
	float:left;
	width:210px;
	margin-right:16px;
}

div#footer-lt img {
	display:inline;
	margin-right:12px;
}

div#footer-mid {
	float:left;
	width:530px;
	margin-right:10px;
}

div#footer-rt {
	float:left;
	width:175px;
}





/*******************************************************
	_MISC
*******************************************************/
div.section {padding-bottom: 24px;}

div.col1, div.col2 {
	float: left;
	display: inline;
	width: 45%;
}

div.col1 {margin-right: 24px;}


div.insetRt {
	float: right;
	margin: 0 0 16px 16px;
}

div.dot-h {
	height: 1px;
	line-height:1px;
	font-size:1px;
	margin: 12px 0;
	background: url(../m/dot-h.gif) repeat-x top left;
}

.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px;}
div.hide {display: none;}


.notice, .status, .warning {
	width:450px;
	padding: 12px;
	margin: 0 0 16px 0;
	border:1px solid #e0d4bf;
	background-color:#fff3db;
}

.warning {
	background-color:#f7ecec;
	border: 1px solid #e8c7c7;
}

.notice p, .status p, .warning p {margin:0;}
.status img, .warning img {display: inline;margin: 0 4px 0 0;vertical-align:middle;}




body#page-contact div#main_content {
	padding-right: 210px;
}

div.contactCol1 {
	float:left;
	width:400px;
	background-color:#c7b28f;
	padding: 10px;
}

div.contactCol2 {
	float:right;
	width:300px;
}