/* import screen layout  */
@import url(http://dev.evilteddybear.org/navigation/nav_shinybuttons.css);
* {margin: 0; padding:0;border:none;}
html, body {
	margin: 0;
	padding:0;
	text-align:center;
	font-family:arial;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}
form, fieldset {
	margin: 0;
	padding:0;
	
}
h1, h2, h3, h4, h5, h6 {
	border:none;
}

ul{list-style:none;font-weight:700;font-size:12px;}

img {border:none;}

textarea, input {border:solid 1px #999999;}

#Container {
	text-align:left;
	width:1000px;
	margin:0px auto;
	background-color:#FFF;
	background-image:url('images/bg-x.jpg');
	background-repeat:repeat-y;
	background-position:top;
	padding-top: 8px;
}

.menu {
	text-align:left;
	width:970px;
	height:33px;
	background-image:url('images/menuBg.jpg');
	background-repeat:no-repeat;
	background-position:top;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 16px;
	
}

.header {
	text-align:left;
	width:970px;
	height:309px;
	background-image:url('images/header.jpg');
	background-repeat:no-repeat;
	background-position:top;
	margin:8px 16px 0px 16px;
	
}
.content {
	text-align:left;
	width:970px;
	margin:8px 16px 0px 16px;
	display:block;
	
}
.box1 {
	float:left;
	text-align:left;
	width:481px;
	height:255px;
	background-image:url('images/convenience.jpg');
	background-repeat:no-repeat;
	background-position:top;
}
.convenience {width:257px;float:left;margin-left:8px;}

.convenience ul {list-style-type:disc;float:left;margin-right:16px;margin-left:1.5em;margin-top:1em;}

.convenience h1 {float:left;clear:both;font-size:18px;width:200px;margin-top:1em;}

.vid1 {
	float:left;
	width:20px;
}
.box2 {
	float:left;
	text-align:left;
	width:481px;
	height:255px;
	background-image:url('images/savings.jpg');
	background-repeat:no-repeat;
	background-position:top;
	margin-left:8px;
}
.savings {
	padding-top:.75em;
	margin:0px 8px 0px 16px;
}
.savings  li{
	margin-top:1.5em;
}
.box3 {
	float:left;
	text-align:left;
	width:481px;
	height:255px;
	background-image:url('images/health.jpg');
	background-repeat:no-repeat;
	background-position:top;
}
.health {
	padding-top:.75em;
	margin:0px 8px 0px 16px;
}
.health  li{
	margin-top:1.5em;
}

.box4 {
	float:left;
	text-align:left;
	width:481px;
	height:255px;
	background-image:url('images/howitworks.jpg');
	background-repeat:no-repeat;
	background-position:top;
	margin-left:8px;
}
.howitworks {
	margin:8px 0px 0px 38px;
	margin:8px 0px 0px 78px;
}
.howitworks li {
	margin-bottom:16px;
}
.howitworks .list2{
	margin-left:62px;
	*margin-left:62px;
}
.howitworks .list3{
	margin-left:157px;
	*margin-left:157px;
}
.boxContent {
	height:160px;
	margin:50px 8px 0px 8px;
}
.boxContent  p{width:465px;}
.boxContent2 {
	height:38px;
	margin:0px 8px 0px 8px;
}
.boxContent2  p{width:465px;}
.learnMoreBtn {
	float:right;
	margin-left:136px;
}
.boxtop {float:left;clear:both;width:970px;	margin:0px 0px 0px 0px;}
.boxbottom {float:left;clear:both;width:970px;margin:8px 0px 0px 0px;}
.products {
	float:left;
	text-align:left;
	width:970px;
	height:233px;
	background-image:url('images/products.jpg');
	background-repeat:no-repeat;
	background-position:top;
	margin:8px 0px 0px 0px;
	clear:both;
    display: inline;
}
.products  ul{list-style:none;margin-left:0px;padding-left:8px;}
.products  li{float:left;}

.retailers {float:left; margin-top:49px; margin-left:0px;}
.retailers li{margin-right:5px;margin-left:0px;}
.retailers2 {float:right; margin-top:4px; margin-right:8px;}


.content_top {
	width:970px;
	height:49px;
	background-image:url('images/contentbg_1.jpg');
	background-repeat:no-repeat;
	background-position:top;
}
.content_top h2 {
	padding:16px 16px 0px 16px;
}
.content_bottom form,
.content_bottom fieldset {
	margin-bottom:16px;
	padding:0px 8px 0px 8px;
}

.content_middle{
	width:970px;
	background-image:url('images/contentbg.jpg');
	background-repeat:repeat-y;
	background-position:top;
	min-height:200px;
}
.content_bottom {
	width:970px;
	background-image:url('images/contentbg_2.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	min-height:184px;
}

.content_bottom p, 
.content_bottom h1, 
.content_bottom h2, 
.content_bottom h3, 
.content_bottom h4, 
.content_bottom h5, 
.content_bottom h6 {
	margin-bottom:16px;
	padding:0px 16px 0px 16px;
}

#CC4350179 {margin-left:16px; margin-right:16px;}

.footer {
	text-align:left;
	width:1000px;
	margin:0px auto;
	background-color:#FFF;
	background-image:url('images/footerBg.jpg');
	background-repeat:no-repeat;
	background-position:top;
	padding-top:25px;
}
.footer a , .footer a:visited{color:#666666;font-weight:700; text-decoration:none;margin:0px 3px 0px 3px;}
.footer a:hover {color:#000000;}

p.center { text-align: center; }
p.left { text-align: left; }
p.right { text-align: right; }

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

 /*------------------------------------------------------------------------------------------------------*/