/* Screen CSS stylesheet for the BevFit website */
/* Original version by Piotr S. Parzysz for OGX.ie */
/* http://www.ogx.ie/ */


* {
	margin: 0;
	padding: 0;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 7, 2012 03:51:18 PM America/New_York */

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('font/PTN57F-webfont.eot');
    src: url('font/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/PTN57F-webfont.woff') format('woff'),
         url('font/PTN57F-webfont.ttf') format('truetype'),
         url('font/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('font/PTN77F-webfont.eot');
    src: url('font/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/PTN77F-webfont.woff') format('woff'),
         url('font/PTN77F-webfont.ttf') format('truetype'),
         url('font/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



body, html {
	width: 100%;
	height: 100%;
	color: #272727;
	background: #d9dccb url(gfx/bg.png) top center repeat-x;

	font-family: 'PTSansNarrowRegular', Helvetica, Arial, Verdana, Tahoma, sans-serif;
}

.cb {
	clear: both;
}

#content .fl {
	float: left;
	margin: 5px 20px 0 45px;
}

#content .fr {
	float: right;
	margin: 0 40px 20px 20px;
}

#content .imgwrap2 {

	margin: 10px 0 20px 40px;
	background: #fff;
	padding: 10px;
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
}

#content .imgwrap2 img,
#content .imgwrap2 p {
	padding: 0;
	margin: 0;
}

#content .imgwrap {

	margin: 20px 40px 20px 40px;
	background: #fff;
	padding: 10px;
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
}

#content .imgwrap p,
#content .imgwrap img {
	padding: 0;
	margin: 0;
	font-size: 15px;
}

#content .imgwrap p {
	padding: 0 5px 10px 5px;
	line-height: 100%;
	color: #444;
}

#content img {
	margin: 0 0 20px 40px;
}

.access {
	display: none;
}

.fl {
	float: left;
}

a {
	color: #2b5023;
	text-decoration: none;
}

a:hover {
	color: #2b5023;
	text-decoration: underline;
}

#wideWrapper {
	width: 100%;
	min-height: 790px;
	background: url(gfx/greenbg.jpg) top center no-repeat;
}

#header {
	width: 960px;
	height: 120px;
	margin: 0 auto;
	position: relative;
}


h1 {
	display: block;
	width: 158px;
	height: 42px;
	position: absolute;
	top: 31px;
	left: 27px;
}

h1 a,
h1 a:hover {
	display: block;
	width: 158px;
	height: 42px;
	text-indent: -999em;
	text-decoration: none;
	background: url(gfx/logo.jpg) 0 0 no-repeat; 
	overflow: hidden;
}

#naviMain {
	list-style: none;
	position: absolute;
	right: 20px;
	font-size: 17px;
	font-family: 'PTSansNarrowBold';
}

#naviMain li {
	display: block;
	float: left;
	padding: 0 0 0 12px;
}

#naviMain li:first-child {
	padding: 0;
}

#naviMain li a {
	display: block;
	color: #6a726a;
	background: transparent url(gfx/menubg.jpg) 0 -100px repeat-x;
	padding: 57px 12px 10px 12px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#naviMain li a:hover {
	color: #000;
	background: transparent url(gfx/menubg.jpg) 0 -100px repeat-x;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

/************************************************************/
/******  TOP MENU STYLES FOR ACTIVE PAGES BASED ON PAGE URL */

body.body-index #naviMain li#nm1 a {
	color: #284c22;
	background: #bbd90f url(gfx/menubg.jpg) 0 0 repeat-x;
	-webkit-box-shadow: 0 10px 10px #ddd;
	-moz-box-shadow: 0 10px 10px #ddd;
	box-shadow: 0 10px 10px #ddd;
}

body.body-index #naviMain li#nm1 a:hover {
	color: #000;
	background: #bbd90f url(gfx/menubg.jpg) 0 0 repeat-x;
	-webkit-box-shadow: 0 10px 10px #ddd;
	-moz-box-shadow: 0 10px 10px #ddd;
	box-shadow: 0 10px 10px #ddd;
}





body.body-product-range #naviMain li#nm2 a {
	color: #284c22;
	background: #bbd90f url(gfx/menubg.jpg) 0 0 repeat-x;
	-webkit-box-shadow: 0 10px 10px #ddd;
	-moz-box-shadow: 0 10px 10px #ddd;
	box-shadow: 0 10px 10px #ddd;
}

body.body-product-range #naviMain li#nm2 a:hover {
	color: #000;
	background: #bbd90f url(gfx/menubg.jpg) 0 0 repeat-x;
	-webkit-box-shadow: 0 10px 10px #ddd;
	-moz-box-shadow: 0 10px 10px #ddd;
	box-shadow: 0 10px 10px #ddd;
}





body.body-eco-design-product-range #naviMain li#nm6 a {
	color: #284c22;
	background: #bbd90f url(gfx/menubg.jpg) 0 0 repeat-x;
	-webkit-box-shadow: 0 10px 10px #ddd;
	-moz-box-shadow: 0 10px 10px #ddd;
	box-shadow: 0 10px 10px #ddd;
}

body.body-eco-design-product-range #naviMain li#nm6 a:hover {
	color: #000;
	background: #bbd90f url(gfx/menubg.jpg) 0 0 repeat-x;
	-webkit-box-shadow: 0 10px 10px #ddd;
	-moz-box-shadow: 0 10px 10px #ddd;
	box-shadow: 0 10px 10px #ddd;
}





body.body-why-choose-bevfit #naviMain li#nm3 a,
body.body-hygiene-benefits #naviMain li#nm3 a,
body.body-gripping-technology #naviMain li#nm3 a {
	color: #284c22;
	background: #bbd90f url(gfx/menubg.jpg) 0 0 repeat-x;
	-webkit-box-shadow: 0 10px 10px #ddd;
	-moz-box-shadow: 0 10px 10px #ddd;
	box-shadow: 0 10px 10px #ddd;
}

body.body-why-choose-bevfit #naviMain li#nm3 a:hover,
body.body-hygiene-benefits #naviMain li#nm3 a:hover,
body.body-gripping-technology #naviMain li#nm3 a:hover {
	color: #000;
	background: #bbd90f url(gfx/menubg.jpg) 0 0 repeat-x;
	-webkit-box-shadow: 0 10px 10px #ddd;
	-moz-box-shadow: 0 10px 10px #ddd;
	box-shadow: 0 10px 10px #ddd;
}




body.body-about-bti #naviMain li#nm4 a {
	color: #284c22;
	background: #bbd90f url(gfx/menubg.jpg) 0 0 repeat-x;
	-webkit-box-shadow: 0 10px 10px #ddd;
	-moz-box-shadow: 0 10px 10px #ddd;
	box-shadow: 0 10px 10px #ddd;
}

body.body-about-bti #naviMain li#nm4 a:hover {
	color: #000;
	background: #bbd90f url(gfx/menubg.jpg) 0 0 repeat-x;
	-webkit-box-shadow: 0 10px 10px #ddd;
	-moz-box-shadow: 0 10px 10px #ddd;
	box-shadow: 0 10px 10px #ddd;
}




body.body-contact-us #naviMain li#nm5 a {
	color: #284c22;
	background: #bbd90f url(gfx/menubg.jpg) 0 0 repeat-x;
	-webkit-box-shadow: 0 10px 10px #ddd;
	-moz-box-shadow: 0 10px 10px #ddd;
	box-shadow: 0 10px 10px #ddd;
}

body.body-contact-us #naviMain li#nm5 a:hover {
	color: #000;
	background: #bbd90f url(gfx/menubg.jpg) 0 0 repeat-x;
	-webkit-box-shadow: 0 10px 10px #ddd;
	-moz-box-shadow: 0 10px 10px #ddd;
	box-shadow: 0 10px 10px #ddd;
}






#anim {
	margin: 0 auto;
	width: 940px;
	padding: 0 0 0 20px;
}

#h2wrapper {
	width: 920px;
	margin: 20px auto 0 auto;
	height: 56px;
	background: url(gfx/h2bg.png) repeat;
	padding: 20px 0 0 0;
}

body.body-index #h2wrapper {
	margin: 0 auto;
}

h2 {
	font-weight: normal;
	font-family: 'PTSansNarrowBold';
	color: #254820;
	font-size: 36px;
	text-shadow: 0 2px 2px #b6baa6;
	background: url(gfx/h2left.jpg) 0 0 no-repeat;
	padding: 0 0 0 30px;
	line-height: 100%;
}

hr {
	border: none;
	display: block;
	width: 600px;
	height: 20px;
	background: url(gfx/hr.png) 30px 0 no-repeat;
	margin: 20px 0 10px 0;
}




#contentWrapper {
	margin: 0 auto;
	width: 940px;
	background: #fff;
}


#content {
	width: 940px;


	padding: 40px 0 30px 0;
}

body.body-index #content {
	width: 520px;
	float: left;
	padding: 40px 0 30px 0;
}

.aside {
	display: none;
}


body.body-index .aside {
	display: block;
	float: left;
	padding: 45px 0 40px 30px;
}


body.body-why-choose-bevfit #content,
body.body-hygiene-benefits #content,
body.body-gripping-technology #content {
	width: 620px;
	float: left;
	padding: 40px 0 30px 0;
}

body.body-why-choose-bevfit .aside,
body.body-hygiene-benefits .aside, 
body.body-gripping-technology .aside {

	width: 280px;
	display: block;
	float: left;
	padding: 40px 0 30px 40px;
	background: url(gfx/vr.jpg) 0 0 no-repeat;
	min-height: 220px;
}


.aside h3 {
	color: #c7e61b;
	font-size: 33px;
	font-weight: normal;
	font-family: 'PTSansNarrowBold';
	text-shadow: 1px 1px 0 #a1ba16;
}

#subnav {
	list-style: none;
	padding: 10px 40px 0 3px;
}

#subnav li {
	border-top: 1px #e1e6e0 solid;
	padding: 10px 0 10px 0;
	font-size: 20px;
	color: #294e23;
	font-weight: normal;
	font-family: 'PTSansNarrowBold';
}

#subnav li:first-child {
	border-top: none;
}

#subnav li a:hover {
	text-decoration: none;
	color: #000;
}

#content p {
	padding: 3px 45px 15px 45px;
	line-height: 133%;
	font-size: 17px;
}

#content p.greenHeading {
	width: 390px;
	padding: 5px 45px 6px 45px;
	background: #c7e61b url(gfx/arrbig.jpg) top right no-repeat;
	margin: 0 0 15px 0;
}

#content p.greenHeading a {
	background: transparent;
	display: block;
	color: #2c2c2c;
}

#content p.greenHeading a:hover {
	text-decoration: none;
	background: transparent;
	display: block;
	color: #fff;
	text-shadow: 0 1px 2px #666;
	
}

#content strong {
	font-family: 'PTSansNarrowBold';
	font-weight: normal;
}


#content iframe {
	margin: 0 0 20px 40px;
}


#content #gmap iframe {
	margin: 0 0 0 0 !important;
	padding: 0;
}

.videobig iframe {
	padding: 0 10px 0 0;
	background: #c7e61b;
	margin: 0;
	}

.videobig p {
	display: block;
	width: 340px;
	height: 50px;
	padding: 0;
	margin-top: -6px;
	line-height: 100%;
}

.videobig p a {
	display: block;
	width: 350px;
	color: #294e23;
	background: #ebf6ad;
	font-size: 24px;
	font-family: 'PTSansNarrowBold';
	padding: 15px;
	text-shadow: 0 1px 1px #666;
}

.videobig p a:hover {
	color: #fff;
	text-shadow: 0 1px 1px #222;
	background: #294e23;
	text-decoration: none;
}

.moreInfoBox {
	width: 920px;
	margin: 0 auto;
	background: url(gfx/bottomgreenbar.jpg) 0 0 no-repeat;
	height: 125px;
	position: relative;
}

.moreInfoBox p {
	line-height: 120%;
	font-size: 23px;
	color: #fff;
	text-shadow: 0 1px 1px #333;
	font-family: 'PTSansNarrowBold';
}

.moreInfoBox p.moreinfo {
	position: absolute;
	top: 20px;
	left: 30px;
}

.moreInfoBox a {
	color: #fff;
}

.moreInfoBox a:hover {
	color: #ebf6ad;
	text-decoration: none;
}

.moreInfoBox p.callus {
	position: absolute;
	top: 22px;
	left: 520px;
	line-height: 100%;
	padding: 0;
	margin: 0;
}

.moreInfoBox p.callus a {
	display: block;
	padding: 0 0 5px 35px;
	background: url(gfx/callemail.png) 0 0 no-repeat;
}

.moreInfoBox p.emailus {
	position: absolute;
	top: 60px;
	left: 520px;
	line-height: 100%;
	padding: 15px 0 0 0;
	background: url(gfx/hr.png) 0 0 no-repeat;
	margin: 0;
}

.moreInfoBox p.emailus a {
	display: block;
	padding: 0 0 2px 35px;
	background: url(gfx/callemail.png) 0 -50px no-repeat;
}

.footer {
	width: 920px;
	margin: 0 auto;
	background: url(gfx/bottom.png) top center no-repeat;
	color: #5d6055;
	position: relative;
}

#address {
	padding: 25px 0 20px 30px;
	font-size: 15px;
	line-height: 120%;
}

#btilogo {
	position: absolute;
	top: 25px;
	right: 164px;
}

#parkerlogo {
	position: absolute;
	top: 25px;
	right: 25px;
}

#webdesign {
	position: absolute;
	right: 25px;
	top: 80px;
}


#content h2, 
#content h3, h4, h5, h6 {
	padding: 15px 0 10px 45px;
	font-weight: normal;
	font-family: 'PTSansNarrowBold';
	color: #284f23;
	text-shadow: 0 1px 1px #999;
}

#content h3 {
	font-size: 28px;
	line-height: 100%;
	padding: 30px 0 10px 45px;
}

#content h3 span {
	font-size: 18px;
	line-height: 100%;
	color: #444;
}

#content h4 {
	font-size: 24px;
	line-height: 130%;
}

#content h5 {
	font-size: 21px;
	padding: 10px 0 0 45px;
}

#content h6 {
	font-size: 18px;
	padding: 15px 0 5px 45px;
}

#content ul, #content ol {
	padding: 5px 0 10px 60px;

}
#content ul li ul {
	padding-left: 20px;
}

#content li {
  padding: 0 20px 5px 0;
	line-height: 133%;
}

.leftcontent {
	width: 480px;
	float: left;
}

#gmap {
	float: left;
}

#content #gmap p {
	padding: 0;
}

#content table {
	font-size: 16px;
	width: 860px;
	margin: 20px 40px 80px 40px;
}

#content table.lasttable {
	margin: 20px 40px 20px 40px;
}

#content table tr {
	background: #f3f3f3;

}

#content table th {
	background: #bbd90f url(gfx/menubg.jpg) 0 0 repeat-x;
	text-align: left;
	color: #000;
	font-size: 16px;
	padding: 10px;
}

#content table td {
	padding: 10px;
	margin: 0;
	width: 280px;
}

#content table tr td.itemrow {
	width: 390px;
}

#content table tr.odd {
	background: #e9e9e9;
}

#content table tr:hover td {
	background: #ddd;
}

#content table tr td.photorow {
	background: #fff !important;
	padding: 0;
}

#content table tr td.photorow img {
	margin: 0;
	padding: 0;
	border: none;
}


.photo,.drawing,.productData{
float:left;
}


.drawing{
margin-left:10px!important;
}


#content table{
width:500px;
margin-top:0px!important;
margin-left:10px;
}

.productData th,.productData td {
width:20px!important;
}

.productData .partnumber{
width:auto !important; 
}

.warning {
	color: Orange;
	font-size: 1.3em;
}

/*
#left,
#right {
	width: 370px;
	float: left;
	padding: 30px;
}

#left {
	padding: 0 60px 0 0;
}

#content #right {
	width: 350px;
	padding: 20px 40px 20px 40px;
	background: #eee;
-moz-box-shadow: 0 10px 20px #999;
-webkit-box-shadow: 0 10px 20px #999;
box-shadow: 0 10px 20px #999;
}

#content #right ul {
	list-style: none;
}

#content #right ul li {
	padding: 0 0 20px 0;
}

#content #right h4 {
	padding: 10px 0 20px 0;
}

#bottom {
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 840px;

	color: #545557;
	font-size: 12px;
	position: relative;

}

#contactus {
	font-weight: normal;
	font-family: 'TeXGyreAdventorBold';
	text-shadow: 0 2px 2px #333;
	color: #fff;
	font-size: 36px;
	line-height: 100%;
	padding: 30px 0 30px 0;
	text-align: center;
}

#contactus span {
	font-size: 28px;
	display: block;
	padding: 10px 0 0 0;
}

#contactus a {
	display: inline-block;

	padding: 0 10px 4px 10px;

	text-shadow: none;
}

#address {
	padding: 30px 0 30px 0;
	font-size: 16px;
	display: block;
	background: url(gfx/bk.png) top center no-repeat;
	width: 800px;
	height: 100px;
	color: #ccc;
	text-align: center;
}

*/

/* Smartphones (portrait and landscape) ----------- */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */

}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
	
/* Styles */

}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */

	

}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */

	
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


ul#ring {
    position: fixed;
    top: 90px;
    right: 0px;
	margin: 0px;
    padding: 0px;
    list-style: none;
    z-index:9999;
}
ul#ring li {width: 109px; padding-bottom: 1px}
ul#ring li a {
    display: block;
    width: 109px;
    height: 41px;
	margin-right: -2px;

	box-shadow: 0 2px 2px #bbb;

}
ul#ring .ring-bti a {background: #fff url(gfx/ring-bti.jpg) top left no-repeat; border-left: 9px #114098 solid; }
ul#ring .ring-bev a {background: #fff url(gfx/ring-bev.jpg) top left no-repeat; border-left: 9px #22501e solid; }
ul#ring .ring-liq a {background: #fff url(gfx/ring-liq.jpg) top left no-repeat; border-left: 9px #0097e7 solid; }