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

html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}




body {
	background-color: #FFFFFF;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#072179; 
	font-family:"Trebuchet MS", Times, Serif, arial; 
}


#container{width:985px; height:auto; margin:auto; margin-bottom:20px;}

#header{height:135px; width:970px; position:relative;}

.logo{ display:block;height:103px; width:225px; background-image:url(../images/logo.gif); margin-left:10px;}
.number{position:absolute; top:0px; right:0px; height:63px; width:301px; background-image:url(../images/number.gif);}


#blackbar{height:32px; width:100%; background-color:#000000; z-index:0; background-image:url(../images/menu-right.gif); background-repeat:no-repeat; background-position:right 100%;}

#redbar{height:15px; width:956px; margin-left:8px; background-color:#FF0000; border:2px solid #ffffff ; z-index:0;}

#banner {height:436px; width:985px; position:relative; font-family: arial; font-size:12px; font-weight:500; color:#FFFFFF; } 



/*Banner*/

#vending {float:left; width:240px; height:436px; background-color:#203b96; background-image:url(../images/left-corner.gif); background-position:bottom left; background-repeat:no-repeat }

#racks{float:left; width:250px; height:436px; background-color:#4f65ad; }


#refills {float:left; width:240px; height:436px; background-color:#203b96; background-image:url(../images/right-corner.gif); background-position:bottom right; background-repeat:no-repeat }

#refills a {color:#FFF}

.vending{ display:block; height:42px; width:240px; background-image:url(../images/vending-machines.gif); background-repeat:no-repeat;}
.racks{ display:block; height:42px; width:250px; background-image:url(../images/stands-racks.gif); background-repeat:no-repeat;}
.refills{ display:block; height:42px; width:239px; background-image:url(../images/refills-vending-machines.gif); background-repeat:no-repeat;}



/* 2Menu */

#menu2{width:985px; height:auto; margin:auto; color:#48588e; font-family:'"Trebuchet MS", Times, Serif'; font-size:14px; padding:20px;}

.menu2 { color:#48588e; font-family:'"Trebuchet MS", Times, Serif'; font-size:14px; text-decoration: none}
.menu2 A:link  { color:#48588e; text-decoration: none}
.menu2 A:visited {text-decoration: none;  color:#48588e;}
.menu2 A:active {text-decoration: none;  color:#48588e;}
.menu2 A:hover  {text-decoration: underline;  color:#48588e;}



/*Footer*/

#footer-container{width:100%; height:auto; background-color:#ebeef9;   color:#48588e; font-size:14px; font-family:'"Trebuchet MS", Times, Serif'}
#footer{width:985px; height:auto; margin:auto; padding:10px;}

#footer a { color:#48588e;  }

#footer .right {float:right; background-color:#ebeef9; margin-top:20px;  }

#distributor-login{height:auto; width:200px; padding-left:60px;  padding-right:10px;  padding-top:10px; float:left; background-image:url(../images/rhino2.gif); background-repeat:no-repeat; background-position:left top;}


#why-rhino{height:auto; width:250px; padding-left:60px;  padding-right:10px; padding-top:10px; float:left; background-image:url(../images/rhino2.gif); background-repeat:no-repeat; background-position:left top}



#buy-rhino{height:auto; width:320px; padding-left:60px;  padding-right:10px; padding-top:10px; float:left; background-image:url(../images/rhino2.gif); background-repeat:no-repeat; background-position:left top}


.northamerica{display:block; height:10px; width:120px; background-image:url(../images/north-america.gif); background-repeat:no-repeat; padding-top:100px; float:left; }
.world{display:block; height:10px; width:163px; background-image:url(../images/world.gif); background-repeat:no-repeat;  padding-top:100px;  float:left; margin-left:20px; }
.footer-title {color:#48588e; font-size:24px;}


.home-left { float:left; border:none;}

/* Buttons*/


.readmore { display:block; height:27px; width:102px; background-image:url(../images/readmore.gif); background-repeat:no-repeat; margin:auto; }
.readmore:hover {background-position: -102px 0px  }




/* Fonts */

.yellow {
	color: #f5e58e;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

.blue{
	color: #c9f8f4;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}




/* Interior Pages */


.content {margin:10px 20px;}
.content p { font-size:12px; color:#000; line-height:20px; }
.content h1 { font-size:26px; color:#072179; font-family:"Trebuchet MS", Times, Serif; }
.content a {color:#072179;}

.breadcrumbs { margin:5px; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight: bold; }

.product { margin:0px 30px;}


.vend-box {  margin:20px 10px;  z-index:0; width: 900px;background:url(../images/vend-top.jpg) no-repeat top; }

.vend-box h2 { font-size:18px; margin:0px 0px 0px 20px; padding:5px 5px 0 5px; text-align:left; border:none; font-family:"Trebuchet MS", Times, Serif; }

.vend-box .header { background:#FFF; padding:5px; }

.vend-mid { padding:0 10px 10px 10px;   border-right:solid 1px #999;  border-left:solid 1px #999;  border-bottom:solid 1px #999; }

.vend-box img.left { float:left; margin-right:20px; border:none;}
.vend-box p {  font-size:14px;}

img.right { float:right; margin-left:30px; }

TABLE.products { text-align:center; margin:0px auto; border:solid 1px #999;}
TABLE.products p, TABLE.products a {  color:#FFF;font-size: 12px;margin:5px 10px; text-decoration:none}
TABLE.products a:hover {color: #c9f8f4;}

TABLE#right { float:right; margin-left:30px; }
  
TABLE.products .title {	background-color:#072179;}

TABLE.products .head h3 { font-size:16px; color:#072179; font-family: Arial, Helvetica, sans-serif; margin:5px;}

TABLE.contact { text-align:left; font-size:12px; line-height:18px; }

TABLE.contact h2 {font-family:"Trebuchet MS", Times, Serif; font-size:20px; }

/* Single Product Page */

.product { margin:0px 30px;}

.product h3 { margin-bottom:0px;font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#000}
.product p { margin:5px 0;}


img { border:none;}



.clear { clear:both;}





TABLE.products2 { text-align:center; margin:0px auto; border:solid 1px #999;}
TABLE.products2 p, TABLE.products2 a {  color:#FFF;font-size: 12px;margin:0px 0px; text-decoration:none}
TABLE.products2 a:hover {color: #c9f8f4;}

TABLE.products2 .title {	background-color:#072179;}

TABLE.products2 .head h3 { font-size:16px; color:#072179; font-family: Arial, Helvetica, sans-serif; margin:0px;}

.blacklink { color:#000000; text-decoration: none}
.blacklink A:link  { color:#000000; text-decoration: none}
.blacklink A:visited {text-decoration: none;  color:#000000;}
.blacklink A:active {text-decoration: none;  color:#000000;}
.blacklink A:hover  {text-decoration: none;  color:#000000;}

.white { color:#ffffff; text-decoration: none}
.white A:link  { color:#ffffff; text-decoration: none}
.white A:visited {text-decoration: none;  color:#ffffff;}
.white A:active {text-decoration: none;  color:#ffffff;}
.white A:hover  {text-decoration: none;  color:#ffffff;}

.bluel { color:#072179; text-decoration: none}
.bluel A:link  { color:#072179; text-decoration: none; font-size: 18px; font-family: Arial, Helvetica, sans-serif;}
.bluel A:visited {text-decoration: none;  color:#072179; font-size: 18px;font-family: Arial, Helvetica, sans-serif;}
.bluel A:active {text-decoration: none;  color:#072179; font-size: 18px;font-family: Arial, Helvetica, sans-serif;}
.bluel A:hover  {text-decoration: none;  color:#072179; font-size: 18px;font-family: Arial, Helvetica, sans-serif;}