/* GLOBAL RESETS--------------------------------------------------------------*/

body, h1, h2, h3, p, ul, li, a, img {
	margin: 0;
	padding: 0;
	border: 0;
}

.clearFloat {
	clear:both;
	height: 0;
	line-height: 0;
}

body {
	background-image: url(../images/body-bg-repx.jpg);
	background-position:top;
	background-repeat: repeat-x;
	background-color: #002f4d;
}

html {
	min-height: 100%;
	margin-bottom: 1px;
}

/* NAV------------------------------------------------------------------------*/

#nav {
	width: 805px;
	left: 155px;
	top: 40px;
	*top: 80px;
}


#smallNavUl {
	list-style: none;
	float: right;
}

#smallNavUl li {
	display: inline;
}

.smallNav {
	height: 20px;
	float: right;
	width: 300px;
	margin-top: 15px;
	position: relative;
}

.productNav {
	list-style: none;
	float: left;
}

.productNavOnPage {
	list-style: none;
	margin: 10px 0 0 10px;
	float: left;
}
        
.productNavItem {
	margin: 0 15px 0 15px;
	width: 90px;
	height: 90px;
	float: left;
}

.productNavItemOnPage {
	margin: 0 15px 0 15px;
	height: 90px;
	float: left;
}


.pepsi {
        display: inline-block;
        position: relative;
        text-indent: -9999px;
        width: 90px;
        height: 90px;
        background: url(../images/products/sprite-pepsi.jpg) no-repeat;
}
.pepsi span {
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background: url(../images/products/sprite-pepsi.jpg) no-repeat;
        background-position: bottom;
}

.dew {
        display: inline-block;
        position: relative;
        text-indent: -9999px;
        width: 90px;
        height: 90px;
        background: url(../images/products/sprite-dew.jpg) no-repeat;
}
.dew span {
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background: url(../images/products/sprite-dew.jpg) no-repeat;
        background-position: bottom;
}

.drp {
        display: inline-block;
        position: relative;
        text-indent: -9999px;
        width: 90px;
        height: 90px;
        background: url(../images/products/sprite-drp.jpg) no-repeat;
}
.drp span {
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background: url(../images/products/sprite-drp.jpg) no-repeat;
        background-position: bottom;
}

.aqf {
        display: inline-block;
        position: relative;
        text-indent: -9999px;
        width: 90px;
        height: 90px;
        background: url(../images/products/sprite-aqf.jpg) no-repeat;
}
.aqf span {
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background: url(../images/products/sprite-aqf.jpg) no-repeat;
        background-position: bottom;
}

.lipton {
        display: inline-block;
        position: relative;
        text-indent: -9999px;
        width: 90px;
        height: 90px;
        background: url(../images/products/sprite-lipton.jpg) no-repeat;
}
.lipton span {
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background: url(../images/products/sprite-lipton.jpg) no-repeat;
        background-position: bottom;
}

.stbks {
        display: inline-block;
        position: relative;
        text-indent: -9999px;
        width: 90px;
        height: 90px;
        background: url(../images/products/sprite-stbks.jpg) no-repeat;
}
.stbks span {
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background: url(../images/products/sprite-stbks.jpg) no-repeat;
        background-position: bottom;
}

.sobe {
        display: inline-block;
        position: relative;
        text-indent: -9999px;
        width: 90px;
        height: 90px;
        background: url(../images/products/sprite-sobe.jpg) no-repeat;
}
.sobe span {
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background: url(../images/products/sprite-sobe.jpg) no-repeat;
        background-position: bottom;
}

.g {
        display: inline-block;
        position: relative;
        text-indent: -9999px;
        width: 90px;
        height: 90px;
        background: url(../images/products/sprite-g.jpg) no-repeat;
}
.g span {
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background: url(../images/products/sprite-g.jpg) no-repeat;
        background-position: bottom;
}


/* CUSTOM NAV ADDITIONS-------------------------------------------------------*/

.subNavLeftCap {
	background-image: url(../images/ui/subnav-leftcap.gif);
	width:22px;
	height:36px;
	background-repeat: no-repeat;
}

.subNavRightCap {
	background-image: url(../images/ui/subnav-rightcap.gif);
	width:22px;
	height:36px;
	background-repeat: no-repeat;
}

/* BUTTONS--------------------------------------------------------------------*/

.inlineButton {	
	margin-left: 30px;
	display: block;
	float: left;
}

.productButton {
	margin-left: 275px;
	margin-top: -25px;
}
	

.bigRedButton {
	height: 48px;
	}
            
.bigRedLeft {
	background-image: url(../images/ui/btn-big-red-leftcap.gif);
	background-repeat: no-repeat;
	width:5px;
	height:48px;
	float:left;
}
                
.bigRedStretch {
	background-image:url(../images/ui/btn-big-red-stretch.gif);
	background-repeat: repeat-x;
	height:48px;
	float: left;
}
                
.bigRedRight {
	background-image: url(../images/ui/btn-big-red-rightcap.gif);
	background-repeat: no-repeat;
	width:5px;
	height: 48px;
	float: left;
}


.bigBlueButton {
	height: 48px;	
	}
            
.bigBlueLeft {
	background-image: url(../images/ui/btn-big-blue-leftcap.gif);
	background-repeat: no-repeat;
	width:5px;
	height:48px;
	float:left;
}
                
.bigBlueStretch {
	background-image:url(../images/ui/btn-big-blue-stretch.gif);
	background-repeat: repeat-x;
	height:48px;
	float: left;
}
                
.bigBlueRight {
	background-image: url(../images/ui/btn-big-blue-rightcap.gif);
	background-repeat: no-repeat;
	width:5px;
	height: 48px;
	float: left;
}

.bigYellowButton {
	height: 48px;
}

.bigYellowLeft {
	background-image: url(../images/ui/btn-big-yellow-leftcap.gif);
	background-repeat: no-repeat;
	width:5px;
	height:48px;
	float:left;
}
                
.bigYellowStretch {
	background-image:url(../images/ui/btn-big-yellow-stretch.gif);
	background-repeat: repeat-x;
	height:48px;
	float: left;
}
                
.bigYellowRight {
	background-image: url(../images/ui/btn-big-yellow-rightcap.gif);
	background-repeat: no-repeat;
	width:5px;
	height: 48px;
	float: left;
}


.smlRedButton {
	height: 30px;	
	}
            
.smlRedLeft {
	background-image: url(../images/ui/btn-sml-red-leftcap.gif);
	background-repeat: no-repeat;
	width:4px;
	height:30px;
	float:left;
}
                
.smlRedStretch {
	background-image:url(../images/ui/btn-sml-red-stretch.gif);
	background-repeat: repeat-x;
	height:30px;
	float: left;
}
                
.smlRedRight {
	background-image: url(../images/ui/btn-sml-red-rightcap.gif);
	background-repeat: no-repeat;
	width:4px;
	height: 30px;
	float: left;
}


.smlBlueButton {
	height: 30px;	
	}
            
.smlBlueLeft {
	background-image: url(../images/ui/btn-sml-blue-leftcap.gif);
	background-repeat: no-repeat;
	width:4px;
	height:30px;
	float:left;
}
                
.smlBlueStretch {
	background-image:url(../images/ui/btn-sml-blue-stretch.gif);
	background-repeat: repeat-x;
	height:30px;
	float: left;
}
                
.smlBlueRight {
	background-image: url(../images/ui/btn-sml-blue-rightcap.gif);
	background-repeat: no-repeat;
	width:4px;
	height: 30px;
	float: left;
}




/* COLUMNS-------------------------------------------------------------------*/

.leftCol {
	width: 380px;
	float: left;
	padding-bottom: 25px;
}

.subLeftCol {
	width: 480px;
	float: left;
	padding-bottom: 25px;
}


.rightCol {
	width: 280px;
	float: right;
}

.subRightCol {
	width: 380px;
	float: right;
}

.stack1 .leftCol, .subLeftCol, .subRightCol {
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 15px;
}

.stack1 .rightCol {
	margin-right: 15px;
	margin-top: 280px;
	margin-bottom: 25px;
}

.footCol {
	width: 200px;
	margin: 0 0 0 20px;
	padding: 0 20px 0 0;
	float: left;
}

.serviceOverviewRightCol {
	width: 280px;
	margin-top: 40px;
	margin-bottom: 25px;
}

.aboutUsRightCol {
	width: 400px;
	margin-top: 40px;
	margin-bottom: 25px;
}


/* DIVS----------------------------------------------------------------------*/

.pageWrapper {
	width: 960px;
	margin: 0 auto;
}

.navWrapper {
	margin-top: 0px;
	background-image: url(../images/ui/nav-bg.jpg);
	background-repeat:no-repeat;
	height: 180px;
	width:960px;
	*margin-top: -34px;
}


.stack1 {
	width:960px;
	margin-top: 0px;
	background-repeat:no-repeat;
	background-position: top right;
	background-color: #FFF;
}

.stack2 {
	width:960px;
	margin-top: 0px;
	background-color: #FFF;
}

.indexProductButtonWrapper {
	height: 18px;
	background-color: #6FBDED;
	border-top: 9px solid #0069AA;
	margin-top: 30px;
}

.stack3 {
	width:960px;
	margin-top: 0px;
	background-color: #6FBDED;
	overflow: visible;
}

.stack3Badge {
	width:419px;
	margin: 60px 30px 60px 30px;
	float: left;
	_margin: 60px 25px 60px 25px;
}

.stack4Wrap {
	width: 100%;
	background-image: url(../images/ui/footer-bg-repx.jpg);
	background-repeat: repeat-x;
	background-color: #bf0200;
	overflow: auto;
	margin-top: 60px;
}

.stack4 {
	width: 960px;
	margin: 25px auto;
	background-image: url(../images/ui/footer-dividers.gif);
	background-repeat: no-repeat;
}