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

body {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	background: #666;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height:140%;
}
.rks #wrapper {
	width: 1028px;
	background-color: #1d1d1d;
	margin: 0 auto;

	text-align: left;
}
.rks #header {
	background: url('/images/header.png') top left no-repeat #333;
	height: 100px;
	width:100%;
}
.rks #header h1 {
	margin: 0;
	padding: 10px 0;
}
.rks #maincontent {
	padding:20px; 
	background-color:#ffffff;
	min-height:600px;
	zoom:1;
}
.rks #footer {
	text-align:center;
	background:#252525;
}
.rks #footer p {
	margin: 0;
	padding: 10px 0;
	color:#FFFFCC;
}

.demobox{

width:90%;
margin: 10px 10px 10px 10px;
padding:10px;
border: 1px solid #999;
box-shadow: 0.2em 0.2em #CCC;
border-radius: 10px 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #333;
}
.demobox2{

width:90%;
margin: 10px 10px 10px 10px;
padding:10px;
border: 1px solid #999;
box-shadow: 0.2em 0.2em #CCC;
border-radius: 10px 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #fcfcfc;
}
.navbox{
float:right;
width:200px;
margin: 10px 10px 10px 10px;
border: 1px solid #999;
box-shadow: 0.2em 0.2em #252525;
border-radius: 10px 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color:#ccc;
}


.navbox h3 {
margin: 0px 0px 0px 0px;
background-color:#252525;
color:#FFCC33;
padding: 3px 3px 3px 3px;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}
.navbox h4 {
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
color:#996600;
}

.navbox p {
margin: 8px 8px 8px 8px;
}

.navbox a {

color:#000000;
text-decoration:none;
width: 100%;
}
.productbox {
	padding-bottom:10px;
}
.spotlightbox {
	float:right;
	color:#38352D;
	width:200px;
	-webkit-border-radius: 12px 12px 6px 6px;
	-moz-border-radius: 12px 12px 6px 6px;
	border-radius: 12px 12px 6px 6px;-webkit-box-shadow: #252525 2px 2px 2px;
	-moz-box-shadow: #ccc 2px 2px 2px; box-shadow: #ccc 2px 2px 2px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbdc72), to(#fff));
	background: -moz-linear-gradient(19% 75% 90deg,#fbdc72, #fff);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbdc72', endColorstr='#fff');
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#666666');
	padding-left:20px;
}
.spotlightbox p {
	padding-right:5px;
}

.contactbox {
	float:right;
	color:#38352D;
	width:200px;
	-webkit-border-radius: 12px 12px 6px 6px;
	-moz-border-radius: 12px 12px 6px 6px;
	border-radius: 12px 12px 6px 6px;-webkit-box-shadow: #252525 2px 2px 2px;
	-moz-box-shadow: #252525 2px 2px 2px; box-shadow: #252525 2px 2px 2px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbdc72), to(#fff));
	background: -moz-linear-gradient(19% 75% 90deg,#fbdc72, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbdc72', endColorstr='#fff');
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#666666');
	padding-left:20px;
}
.column35 {
	width:35%;
	float:left;
	padding:0 6px;
	margin-right:10px;
}
.column35 p {
	padding:2px 5px;
}
.column35b {
	width:35%;
	float:left;
	background-color:#333;
	padding-left:10px;
	padding-bottom:800px;
	margin-bottom:-800px;
}
.column65 {
	width:65%;
	float:left;
}
.column45 {
	width:45%;
	float:left;
}

/*Navigation for Horizontal top menus*/
/*Navigation and Menus */
.menu.horizontal {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	background: #000000 url(/images/bg-bubplastic.gif) top left repeat-x;
}
.menu.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(/images/bg-bubplastic-button.gif) top left no-repeat;
}


.menu.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 35px;
	float: left;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 90%;
	color: #fff;
	text-decoration: none;
}

.menu.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	background: transparent url(/images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}

/* GRAY HOVER */
.menu.gray ul li a:hover,
.menu.gray ul li.highlight a {
	background: transparent url(/images/bg-bubplastic-h-gray.gif) top left no-repeat;
}
.menu.gray ul li a:hover span.menu_ar,
.menu.gray ul li.highlight a span.menu_ar {
	background: transparent url(/images/bg-bubplastic-h-gray.gif) top right no-repeat;
}
	
.menu p{
	clear:left;
	}	

/*Navigation Styles for Vertical Menu*/

#nav ul {
    margin:0;
    padding:4px 4px 4px 0px;
    list-style-type:none;
	box-shadow: 0 3px 2px -1px #666; -moz-box-shadow: 0 3px 2px -1px #666; -webkit-box-shadow: 0 3px 2px -1px #666;
}
#nav li {
    font-weight:bold;
    font-size:1.2em;
	padding:0px;
}
#main-nav {}
#main-nav a {
    display:block;
    width:180px;
    height:24px;
    line-height:24px;
    color:#000;
    text-decoration:none;
    background:#666 url(../images/rollover_off.gif) no-repeat left bottom;
    text-indent:25px;
    color:#F3F3E2;
}
#main-nav a:hover {
    display:block;
    width:180px;
    height:24px;
    line-height:24px;
    color:#000;
    text-decoration:none;
    background:#94B8e9 url(../images/rollover_on.gif) no-repeat left center;
    text-indent:25px;
    color:#413F42;
}
#main-nav .currentpage {
    display:block;
    width:180px;
    height:24px;
    line-height:24px;
    color:#000;
    text-decoration:none;
    background:#ffcc00 url(/images/icons/currentpage.png) no-repeat left bottom;
    text-indent:25px;
    color:#F3F3E2;
	font-weight:bold;
}

#map-nav a {
    display:block;
    width:180px;
    height:24px;
    line-height:24px;
    color:#000;
    text-decoration:none;
    background:#94B8e9 url(../images/rollover_map_off.gif) no-repeat left bottom;
    text-indent:25px;
    color:#F3F3E2;
}

#map-nav a:hover {
    display:block;
    width:180px;
    height:24px;
    line-height:24px;
    color:#000;
    text-decoration:none;
    background:#94B8e9 url(../images/rollover_map_on.gif) no-repeat left bottom;
    text-indent:25px;
    color:#F3F3E2;
}

/*Text Styling*/
.page-intro {font-size:14px;color:#c2bdab}
.clientlink { font-size: 11px; color:#FFCE23;}
.warning {color:#CC0000;font-weight:600;font-size:12px;font-style:italic;}
.boxtitle {color:#fff;text-shadow: 1px 1px 1px #666;}
.navboxtitle {color:#000; font-size:1.1em;}
.spotlight {margin-right:5px;}
.disclaimer {font-size:10px;}
.title {font-size:1.1em;font-weight:700;color:#cc9900;}
.requestform {color:#000;}
.contact {color:#c2bdab;}
.contact h3 {color:#c2bdab;}
h1 {font-size:2.5em;color:#000}
h2 {font-size:2em;color:#000;}
h3 {font-size:1.5em;color:#000;}
h4 {font-size:1.2em;color:#222;}
h5 {font-size:1.1em;color:#666;}
h6 {color:#ffce23;}

.textblock{
width:65%;
margin: 10px 10px 10px 10px;
border: 1px solid #999;
box-shadow: 0.2em 0.2em #CCC;
border-radius: 10px 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-image: url(/images/gradient4.jpg);
background-position:bottom;
background-repeat:repeat-x;
}


.textblock h3 {
margin: 0px 0px 0px 0px;
background-color:#545037;
padding: 3px 3px 3px 3px;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}

.textblock p {
margin: 8px 8px 8px 8px;
}

.textblock a {
font-size: .9em;
color:#000000;
text-decoration:none;
width: 100%;
}



/*Link Styling*/
a {
color: #0099FF;
text-decoration: underline;
}
a:hover {
color: #FFCE23;
text-decoration: underline;
}
	em a	{
	color:#FFCE23;
	text-decoration:none;
}
	em a:hover	{
	color:#FFCE23;
	text-decoration:underline;
}	
	a em 	{
	color:#D0AC2E;
	text-decoration:underline;
}
	a:hover em	{
	color:#D0AC2E;
	text-decoration:none;
}
#footer a {
color:#FFCC00;
}									

/*List Styling*/
ul.bullets {
	list-style-type:square;
	margin:10px; 
	padding:0px; 
}
ul.bullets li {
	list-style-type:square;
	color:#111;
	margin: 0 0 2px;
	padding: 0 0 0 2px
 }
 ul.bullets li  ul {
	color:#111;
	margin: 0 0 2px;
	padding: 0 0 0 8px
 }
ul {
	list-style-type:none;
	margin:0px; 
	padding:0px; 
}
li {
	color:#111;
	list-style-type: none;
	list-style-image:none;
	margin: 0 0 2px;
	padding: 0 0 0 2px
 }
li a {
	color:#000;
	text-decoration: none
}
li a:hover	{
	color:#d0ac2e;
	text-decoration:underline;
}
ul li ul {
	padding:3px 0px;
	list-style-type:none;
}
ul li ul li {
	margin-left:10px;
	background-image:none;
}
ul.disc li {
list-style-type:disc;
padding-left:none;
}
ul.itemlist li {
	padding-bottom:4px;
	color:#ffbd00;
}
ul.itemlist li a {
	color:#252525;
	padding-bottom:4px;
}
ul.itemlist li a:hover {
	color:#ffcc00;
	text-decoration:underline;}
ul.nobullets {
	list-style-type:none;
}
ul.nobullets li {
	color:#000;
	padding-bottom:2px;
	background-image:none;
	list-style-type:none;
}
ul.nobullets li a {
	color:#FFCE23;
	padding-bottom:4px;
}
ul.nobullets-contactform {
	list-style-type:none;
}
ul.nobullets-contactform li {
	color:#fff;
	padding-bottom:2px;
	background-image:none;
}
ul.nobullets-contactform li a {
	color:#FFCE23;
	padding-bottom:4px;
}
ul .client-details  { color: #ffffff; font-size: 14px; font-family: Tahoma; line-height: 14px; vertical-align: top }

/*Image Styling*/

.clientimage {
	padding:2px 5px;
	float:right;
}
.floatright {
	padding:2px 5px;
	float:right;
}
.floatleft {
	padding:2px 5px;
	float:left;
}
.spotlightimage {
	float:left;
	padding:10px 10px 20px 0;
}
.spotlightimageLong {
	float:left;
	padding:10px 10px 80px 0;
}
.productimage {
	float:left;
	padding:0 5px 20px 0px;
	clear:left;
}

/*Form styling*/
.formtitle {
	font-size:1.2em;
	color:#333;
}
textarea {
	width:300px;
	border:0px solid #878D94;
	    -webkit-box-shadow: 0px 0px 4px #000;
	font-family:Tahoma;
	font-size:11px;
	color:#000;
	line-height:13px;
	padding-top:3px;
	padding-left:4px;
	padding-right:4px;
}												
input {
	height:21px;
	margin:0px 0px 0px 0px;
}
textarea {
	margin:0px 0px 0px 0px;
	overflow:hidden;
	    -webkit-box-shadow: 0px 0px 4px #000;
}
/*Input boxes and drop shadows*/
.rks .dialog-ghost {
	width:500px;
	margin:0 auto;
	text-align:left;
	}
.rks form {
    padding: 5px;
    border:none;
	margin:auto;
	color:#000;
}
.rks label {
	display:block;

}
.rks input:hover {
    -webkit-box-shadow: 0px 0px 4px #000;
    background: #ccc;
}
.rks input.submit {
    width: 100px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: #000 1px 1px;
    border-top: 1px solid #666;
    margin-top: 10px;
 
    /*** Adding CSS3 Gradients ***/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffbd00), to(#545037));
    background:  -moz-linear-gradient(19% 75% 90deg,#ffbd00, #545037);
}

/*Global Styles*/
hr.divider {
	width:60%;
	background-color:#cdc470;
	color:#cdc470;
	margin-left:0;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clear-left {clear:left;}
.clearfix {display: inline-block;clear:both;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*Features Styling for Boxes on Products pages*/
.col2-set {clear:both;}
.col1-set {width:100%;}

/* Col2 */
.col2-set.separator-bg                  { background:url() repeat-y 50% 0; }
.col2-set .col-1, .col2-set .col-2      {width:48%;}
.col2-set .col-1  {float:left;}
.col2-set .col-2   {float:right;}

.features-listing dl { margin-top:15px; }
.features-listing dt,
.features-listing dd { float:left; width:200px; }
.features-listing dd { width:225px; }
.features-listing dt img { border:1px solid #c3c3c3; }
.features-listing dd h4 { margin-top:0px;}
.features-listing dd h4 a { color:#222; font-size:1.2em;margin-left:-20px;padding-top:0px;}
/* Col3 */
.col3-set.separator-bg                  { background:url() repeat-y 32% 0; }
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3      {width:31%; padding-left:10px;}
.col3-set .col-1  {float:left;}
.col3-set .col-2   {float:left;}
.col3-ser .col-3 {float:left;}

/* Lists */
dt              { display:block; font-weight:bold; }
.clear {
clear: both;
content: "";
display: block;
height: 0px;
line-height: 0;
overflow: hidden;
}
.button {
   border-top: 1px solid #ccc8c0;
   background: #636157;
   background: -webkit-gradient(linear, left top, left bottom, from(#242421), to(#636157));
   background: -webkit-linear-gradient(top, #242421, #636157);
   background: -moz-linear-gradient(top, #242421, #636157);
   background: -ms-linear-gradient(top, #242421, #636157);
   background: -o-linear-gradient(top, #242421, #636157);
   padding: 5px 10px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-family:calibri, arial, helvetica;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #ffc600;
   background: #ffc600;
   color: #000000;
   text-decoration:none;
   }
.button:active {
   border-top-color: #ac0b03;
   background: #ac0b03;
   text-decoration:none;
   color:#fff;
   }
   
   .button2 {
   border-top: 1px solid #ccc8c0;
   background: #636157;
   background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ffc600));
   background: -webkit-linear-gradient(top, #fcfcfc, #ffc600);
   background: -moz-linear-gradient(top, #fcfcfc, #ffc600);
   background: -ms-linear-gradient(top, #fcfcfc, #ffc600);
   background: -o-linear-gradient(top, #fcfcfc, #ffc600);
   padding: 5px 10px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #000000;
   font-family:calibri, arial, helvetica;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.button2:hover {
   border-top-color: #999999;
   background: #999999;
   color: #ffffff;
   text-decoration:none;
   }
.button2:active {
   border-top-color: #636157;
   background: #636157;
   text-decoration:none;
   color:#fff;
   }
   /*Main Feature Container*/
#feature-container { height: 280px; padding:10px;margin-bottom: 22px;background: #fff; }
#feature-container-short {height:200px; padding:5px;margin-bottom:22px; background: #fff url(/images/bg_container-back.png) repeat-x 0 0; }
#feature-container, #feature-container-short { box-shadow: 0 3px 2px -1px #aaa; -moz-box-shadow: 0 3px 2px -1px #aaa; -webkit-box-shadow: 0 3px 2px -1px #aaa; }
#feature-container h1, #feature-container h2 {font-family:Gil Sans, Arial, Helvetica;}
#feature-container-short h1, #feature-container-short h2 {font-family:Gil Sans, Arial, Helvetica;}

   /*Pricing all out boxes*/
#promo-content, #promo-content-half { padding-bottom: 15px; }
.promo { width: 260px; padding: 25px 15px 20px 30px; border: 1px solid #e2e2e2; background: #fff url(/images/bg_pricing.png) repeat-x 0 0; }
.promoWide { width: 420px; padding: 25px 15px 20px 30px; border: 1px solid #e2e2e2; background: #fff url(/images/bg_pricing.png) repeat-x 0 0; }
#promo-content-half .promo { width: 44%; padding: 25px 15px 20px 30px; border: 1px solid #e2e2e2; background: #fff url(/images/bg_promo-back.png) repeat-x 0 0; }
.promo { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.promo { box-shadow: 0 3px 2px -1px #aaa; -moz-box-shadow: 0 3px 2px -1px #aaa; -webkit-box-shadow: 0 3px 2px -1px #aaa; }
#leading-promo { float: left; margin-right: 20px; }
#middle-promo { float: left; margin-left: 15px; }
#trailing-promo { float: right; }
#leading-promofirst { float: left; margin-right: 20px; }
#leading-promolast  { float: right; }
.promo img { float: right; margin-left: 20px; }
.promo h3 { font-size: 150%; font-weight: bold; line-height: 120%; margin-bottom: 5px;}
.promo p { line-height: 160%; }
.icons ul                               { padding-top: 20px; padding-bottom: 20px; min-height: 143px; margin: 0; }
.icons ul li                        { display: inline; padding: 0 20px 0 0; }
/*Text and style additions September 2012*/
.intro {font-famil:Calibri, arial; font-weight:500;color:#000000;font-size:14px;}
}
/*Updates as of 12/20/2012*/
.features-content {
  font-size: 12px;
  color: #444;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 15px 15px;
}
.graphic-paragraph{
  position: relative;
  line-height: 1.7em;
  padding-top: 2px;
  margin-top: 13px;
  margin-bottom: 18px;
}
.graphic-paragraph .graphic-img {
  float: left;
  padding: 2px 2px 0px 0px;
  margin-right: 10px;
}
.graphic-paragraph img{
  position: relative;
}
.leftside {
  float: left;
  width: 428px;
}
.rightside {
  margin-top: 0px;
  margin-left: 20px;
  margin-right: 0px;
  width: 428px;
  float: left;