@import '/cms/styles/common.css';
@import '/styles/forms.css';
@import '/style.css';


.resetlist, .resetlist ul, .resetlist li {
	padding:0;
	margin:0;
	background:none;
	list-style:none;
}

.flort { float:right; }


/* COMMON ---------------------------------------------------------------------- */
body {
	background:#FFFFFF url('/images/bg-x.gif') top left repeat-x;
}
.page {
	width:980px;
	margin:0 auto;
}
#bg-top {
	background:url('/images/bg-top.jpg') top center no-repeat;
}
#bg-bottom {
	background:url('/images/bg-bottom.jpg') bottom center no-repeat;
}
#bottom-x {
	background:url('/images/bottom-x.jpg') bottom left repeat-x;
}
#content {
	min-height:700px;
	height:auto !important;
	height:700px;
	background-color:#FFF;
	padding-top:10px;
}
#print-logo {display:none;}
/* HEADER ---------------------------------------------------------------------- */
#header {
	height:140px;
	background:url('/images/header.jpg') top left no-repeat;
}
#header #logo {
	padding:52px 0 0 20px;
}
#header #logo img {
	width:216px;
	height:70px;
}
#header-right{
	padding-top:76px;
	float:right;
}
#header-search {
	background:url('/images/header-search.jpg') top left no-repeat;
	height:26px;
	width:315px;

}
/* MENU ------------------------------------------------------------------------ */
#menu {
	background:url('/images/menu-bg.jpg') top left repeat-x;
	height:50px;
	overflow:hidden;
}
#menu li a {
	display:block;
	background:url('/images/menu.jpg') top left no-repeat;
	height:32px;
	width:140px;
	padding:18px 0 0 0;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
}
#menu li a:hover {
	background-position:top right;
}
/* SUBNAV ---------------------------------------------------------------------- */
#pagetitle {
	border-bottom:1px solid #DDDDDD;
	color:#333333;
	padding-bottom:5px;
}

#breadcrumbs {
	height:30px;
	padding:6px 5px 4px 0;
	color:#FFF;
	font-weight:bold;
}
#breadcrumbs a {
	background:url('/images/bc.gif') right 6px no-repeat;
	float:left;
	padding:0px 15px 0px 0px;
	margin-right:10px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}
#rootname {
	height:50px;
	padding:15px 0 0 10px;
	font-size:22px;
	font-weight:bold;
	white-space:nowrap;
	color:#FFF;
}
#rootname a{
	color:#FFF;
}
#navbottom{
	background:url('/images/navbottom.jpg') left bottom no-repeat;
}
#navbox li { display:block; }
#navbox a
{
	background:url('/images/nav.jpg') 0 -80px no-repeat;
	width:165px;
	float:left;
	display:block;
	padding:15px 15px 12px 10px;
	font-size:14px;
	text-decoration:none;
	color:#2D481C;
}
#navbox li.navactive a,
#navbox li a:hover{
	background:url('/images/nav.jpg') top left no-repeat;
	color:#FFF;
}

#navbox li.navactive li a,
#navbox li li a {
  font-size:12px;
	padding:15px 15px 12px 20px;
	background:url('/images/nav2.jpg') 0 -80px no-repeat;
	color:#999;
	width:155px;
}

#navbox li li.navactive a,
#navbox li li a:hover {
  font-size:12px;
	background:url('/images/nav2.jpg') top left no-repeat;
	color:#FFF;
}
#subnav a{
	background:url('/images/subnav-link.jpg') top left no-repeat;
	width:170px;
	height:37px;
	float:left;
	text-align:center;
	padding:84px 10px 0px 10px;
	font-size:12px;
	text-decoration:none;
	color:#2D481C;
}

#subnav a:hover{
	background:url('/images/subnav-link.jpg') bottom left no-repeat;
	color:#FFF;
}

/* SHARED ---------------------------------------------------------------------- */
/*width 560px*/
#product .product-image { width: 250px; margin:0 5px 5px 0; } /*255*/
#product .product-box { width: 305px; } /*305*/

#products .product-item .product-image { width: 120px; padding:5px; } /*110*/
#products .product-box { width: 425px; margin-left:5px; } /*640*/

.product-item .product-title {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-background-clip: padding-box;
  border:1px solid #CDCDCD;
  background: #E1DDDC;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E1DDDC));
  background: -moz-linear-gradient(#FFFFFF, #E1DDDC);
  background: linear-gradient(#FFFFFF, #E1DDDC);
  -pie-background: linear-gradient(#FFFFFF, #E1DDDC);
  padding:5px 0 5px 10px;
  color:#28430A;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}
.product-item .product-title { behavior: url('/styles/pie.htc'); position: relative; }
.product-item .product-title a {
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}
.product-item .product-content { margin: 5px 0 0 5px; }
#products .product-link {
  position: absolute;
  bottom: 0px;
  right: 0px; 
}
#products hr { }
#product .zoom {
  width:250px;
  padding:5px 0;
  margin:0 auto 5px 0;
  text-align:center;
}
#product .zoom a{
  color:#666666;
  background:url('/images/icon-zoom.gif') top left no-repeat;
  padding-left:20px;
}
#product .product-content { margin:10px 0 10px 5px; }
#product .images a {
  float:left; margin:0 5px 5px 0;
}
#product .images a img { width:120px; height:100px; }
#product .images a:hover img { background:url('/images/view-image.png') top left; }
#product .images a:hover img { behavior: url('/styles/pie.htc'); position: relative; }


#product .thumbnail {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  background: #E6E6E4;
  width:240px;
  padding:5px 0;
  margin:5px 12px 5px 3px;
  text-align:center;
}
#product .thumbnail { behavior: url('/styles/pie.htc'); position: relative; }

.homepage a.special_offer {
background:url('/images/special_home.jpg') top left no-repeat;
height:56px;
width:230px;
display:block;
}
.homepage a:hover.special_offer {
background:url('/images/special_home.jpg') bottom left no-repeat;
}

.contentpage a.special_offer {
background:url('/images/special_content.jpg') top left no-repeat;
height:70px;
width:190px;
display:block;
margin-bottom:4px;
}
.contentpage a:hover.special_offer {
background:url('/images/special_content.jpg') bottom left no-repeat;
}

/* HOME ------------------------------------------------------------------------ */
.homepage #home-left {
	width:750px;
}
.homepage #home-right {
	width:230px;
	background:url('/images/home-right.jpg') top left no-repeat;
	overflow:hidden;
}
.homepage #featured {
padding:9px 0 0 10px;
}
.homepage #featured a {
 background :url('/images/whybuydirect_home.jpg') top left no-repeat;
display:block;
height:362px;
width:220px;
text-decoration:none;
}

#home-left #impact {
	height:400px;
	width:750px;
}
#home-left #home-type {
	height:80px;
	width:570px; /*750*/
	margin:10px 0 0 0;
	padding:0 0 0 180px;
  background :url('/images/home-type-bg.jpg') top left no-repeat;
}
#home-left #home-type .col {
	width:180px;/*90*/
	padding:12px 0 0 10px;
	float:left;
}
#home-left #home-type a{
	padding:0 0 0 20px;
	color:#FFFFFF;
	display:block;
	font-size:14px;
	margin:0 0 5px 0;
	text-decoration:none;
  background :url('/images/home-type-arrow.png') top left no-repeat;
}
#home-left #home-type a { behavior: url('/styles/pie.htc'); position: relative; }
#home-left #home-type a:hover{
	text-decoration:underline;
}
#home-left #home-type span{
	color:#CCCCCC;
	font-size:10px;
}
#home-bottom{
	background:url('/images/home-bottom-left.jpg') top left no-repeat;
	height:275px;
	padding:10px 0px 10px 190px;
	width:560px;
}
#home-bottom-left{
	width:368px;
	padding-right:10px;
}
#home-bottom-right{
	width:180px;

}
.homepage #quote {
padding:15px 10px 10px 10px;
height:320px;
}

#quote .title {
	font-size: 20px;
	color:#0C5521;
	font-weight:bold;
        text-decoration:none;

}
#quote .label {
	font-size: 12px;
	color:#28430A;
	padding:5px 0 2px 0;
}

/* HOME - SLIDES ------------------------------------------------------------------------ */

#impact-slides {
  width: 750px; /*750*/
  height: 400px;
  position: absolute;
  left:0;
  top:0;
  overflow:hidden;
  background:#000;
}

#impact-slides-wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100000px;
  z-index: 90;
}
#impact-slides-wrap .slide {
  width: 750px;
  height: 400px;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
}

#impact-slides-wrap .slide div {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 450px;
  background: url('/images/black50.png') repeat left top;
  height: 65px;
  padding: 10px 150px 5px 30px;
  behavior: url('/styles/pie.htc'); 
  -pie-png-fix: true; 
}

#impact-slides-buttons {
  position: absolute;
  bottom: 10px;
  right: 20px;
  z-index: 100;
}

#impact-slides-buttons a {
  background: url('/images/black50.png') repeat left top;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url('/styles/pie.htc'); 
  -pie-png-fix: true;

  color: #FFFFFF;
  padding: 2px 8px;
  text-decoration: none;
  margin-left: 2px;
  font-weight: bold;
}
#impact-slides-buttons a:hover, #impact-slides-buttons .active {
  background: #26410E;
}
/* CONTENT --------------------------------------------------------------------- */
.contentpage #content {
	background:#FFF url('/images/content-y.jpg') top left repeat-y;
	border-bottom:10px solid #FFF;
	border-top:10px solid #FFF;
	padding-top:0;
}
.contentpage #content-top{
	background:url('/images/content-top.jpg') top left no-repeat;
}

.contentpage #content #nav {
	width:190px;
	padding-bottom:85px;
	float:left;
}
.contentpage #content #content-main {
	width:790px;
	float:right;
}

.contentpage #content-content{
	background:url('/images/content-content-shadow.jpg') 0px 100px no-repeat;
	padding:70px 20px 0 20px;
	width:560px;
	min-height:627px;
	height:auto !important;
	height:627px;
}
.contentpage #content-right{
	width:190px;
}

.contentpage #quote{
	background:url('/images/content-right.jpg') top left repeat-y;
	padding:5px 10px 20px 10px;
	width:170px;
}
.contentpage #content-right .box{
	padding:30px 10px 10px 10px;
	width:170px;
}
/* CONTENT 2COLUMN ------------------------------------------------------------- */

.twocol #content-top{
	background:url('/images/content-2col-top.jpg') top left no-repeat;
}
.twocol #content-content{
	padding:70px 10px 0 20px;
	width:760px;
}
.contentpage #content {
	background:#FFF url('/images/content-2col-y.gif') top left repeat-y;
}


/* FOOTER ---------------------------------------------------------------------- */
#footer {
	height:283px;
	padding:10px 0 70px 20px;
	background:url('/images/footer-bg.jpg') top left no-repeat;
}

.f-link1,.f-link2,.f-link3,.f-link4 {
float:right;
height:50px;

}
.f-link1 {
width:95px;
}
.f-link2 {
width:95px;
margin-right:35px;
}
.f-link3 {
width:40px;
margin-right:30px;
}

.f-link4 {
width:65px;
margin-right:30px;
}
#footer-links { width:269px; float:left; padding-top:20px;}
#footer-links, .seo-txt {
	height:172px;
	overflow:hidden;
}
#footer-links a {
	background:url('/images/footer-link.gif') 7px 10px no-repeat;
	display:block;
	padding: 8px 30px 8px 25px;
	text-decoration:none;
	color:#333333;
	
}
#footer-links a:hover {
	text-decoration:underline;
        background:url('/images/footer-link.gif') 12px 10px no-repeat;
}
#legal, #legal a { font-size:8px; color:#333333; text-transform:uppercase; text-decoration:none;}
#legal a:hover { text-decoration:underline;}
#seo-left {
	width:414px;
	padding:20px 22px 0 36px;
	float:left;

}
#seo-right {
	width:200px;
	float:left;
padding-top:20px;
}
#footer-address {
	font-size:12px;
	color:#333333;
}
#footer-address span {
	font-size:20px;
}
.seo-txt {font-size:10px;}
.seo-txt h4 {font-size:12px; margin-top:10px;}
#footer-numbers {font-size:12px; font-weight:bold; padding-top:5px;}

/* SITE MAP -------------------------------------------------------------------- */

.sitemap ul {
	padding:0 0 0 50px;
  margin:0;
}
.sitemap ul ul {
  padding:0 0 0 5px;
}
.sitemap li {
  background:url('/images/bullet-page.gif') 0px 1px no-repeat;
  margin:0 0 15px 0;
  padding:0 0 0 15px;
}
.sitemap li a {
  font-size:12px;
  font-weight:bold;
	text-transform:uppercase;
	outline:none;
}
.sitemap li li {
  margin: 0 0 4px 0;
	background:url('/images/bullet-sub.gif') 0px 4px no-repeat;
	padding:0 0 0 10px;
}
.sitemap li li a {
  font-size:11px;
  font-weight:normal;
	text-transform:none;
}
.sitemap a:visited {
  color: #999999;
}
.sitemap a:hover {}



/* CUSTOMIZATIONS -------------------------------------------------------------- */

.nicetable {
  border-collapse:collapse;
}

.nicetable td {
  border:1px solid #ccc;
  vertical-align:middle;
  padding:3px 5px;
  text-align:center;
}

.nicetable .head {
  background-color:#333333;
  color:#ffffff;
  font-weight:bold;
  font-size:12px;
}

.nicetable .head2 {
  background-color:#666666;
  color:#ffffff;
  font-weight:bold;
}

.niceform .row {
  margin-bottom:10px;
}
.niceform .label {
  width:150px;
  margin-right:5px;
  font-weight:bold;
}
.niceform .input {
  width:398px;
}
.niceform .input input {
  width:200px;
}
.niceform .input textarea {
  height:100px;
  width:350px;
}
.niceform .input .button {
  padding:3px 10px;
  font-size:12px;
}

/* Window Butttons --------------- */
#window-buttons {
  text-align:center; 
  margin:10px 0;
}

#window-buttons a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  background: #BAC352 url("/styles/svg.ashx?start=CDD380&end=BAC352");
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CDD380), to(#BAC352)); 
  background: -moz-linear-gradient(#CDD380, #BAC352);
  -pie-background: linear-gradient(#CDD380, #BAC352);
  float:left;
  margin-right:5px;
  width:180px;
  height:35px; /*45*/
  padding-top:10px;
  text-decoration:none;
  text-transform:uppercase; 
  font-size:16px;
  font-weight:bold;
  line-height:13px;
  color:#FFFFFF;
  behavior: url('/styles/pie.htc');
  position:relative;
}
.ie9 #window-buttons a { behavior: none; }
#window-buttons .last{
  margin:0;
}
#window-buttons a span{
  display:block;
  font-size:12px;
  color:#333333;
}
#window-buttons a:hover {
  background: #3E3E3E url("/styles/svg.ashx?start=646464&end=3E3E3E");
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#646464), to(#3E3E3E));
  background: -moz-linear-gradient(#646464, #3E3E3E);
  -pie-background: linear-gradient(#646464, #3E3E3E);
}
#window-buttons a:hover span {
  color:#999999;
}
