* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #4e4747;
	background: #fff url(images/bg.gif) repeat-x 0 0;
	height: 100%;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #4e4747; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 981px;}

#utility-nav {background: url(images/utility-bar.gif) repeat-x 0 0; position: relative; z-index: 1;}
#utility-nav-cnt {background: url(images/utility-left.gif) no-repeat 0 0; height: 36px;}
#utility-nav-inner {background: url(images/utility-inner-left.gif) no-repeat 0 0; height: 36px; padding-left: 45px; float: right; display: inline;}
#utility-nav-right {background:url(images/utility-inner-right.gif) no-repeat right 0; padding-right: 7px; height: 36px;}
#utility-nav ul {list-style-type: none; height: 36px; width: 100%;}
#utility-nav ul li {background: url(images/utility-link.gif) repeat-x 0 0; float: left; display: inline; height: 30px; padding-top: 6px;}
#utility-nav ul li.last {padding-right: 16px;}
#utility-nav ul li a {font-size: 13px; color: #fff}
#utility-nav ul li span {color: #fff; padding-left: 4px; padding-right: 4px;}
/* sub*/
#utility-nav ul ul{display:none;}

h1#logo {float: left; margin-top: -4px; padding-bottom: 5px;}
h1#logo a {background: url(images/logo.gif) no-repeat 0 0; display: block; width: 981px; height: 82px;}

#nav-bar {background: #8e8e8e; height: 43px;}
#navigation {background: url(images/navigation.gif) repeat-x 0 0; float: left; height: 43px; width: 730px;}
#navigation-cnt {background: url(images/navigation-left.gif) no-repeat 0 0; height: 43px; padding-left: 2px;}
#navigation ul {list-style-type: none;}
#navigation ul li {float: left; display: inline; height: 31px; padding-top: 12px; background: url(images/nav-divider.gif) no-repeat right 0; padding-left: 10px; padding-right: 12px;position:relative;}
#navigation ul li.last {background: transparent; padding-right: 25px;}
#navigation ul li a {font-size: 15px; color: #feffff;}
#navigation ul li ul{position:absolute;top:40px;background:#fff;z-index:50;}
#navigation ul li ul li{display:block;float:none;background:#fff;height:auto;}
#navigation ul li ul li a{color:#4E4747;}

#search {background: url(images/search-right.gif) no-repeat right 0; padding-right: 13px; height: 43px; float: right; width: 215px;}
#search form {padding-top: 13px;}
#search label {text-transform: uppercase; font-family: tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #fff; float: left; padding-right: 8px;}
#search span {background: url(images/search-field.gif) no-repeat 0 0; display: block; width: 122px; height: 15px; float: left; padding-right: 5px;}
#search span input {background: transparent; border: 0; width: 112px; height: 14px; padding-left: 5px; font-family: arial, sans-serif; color: #737373; font-size: 11px; line-height: 11px;}
#search input.go-button {background: url(images/go-button.gif) no-repeat 0 0; display: block; width: 30px; height: 17px; float: right; border: 0;}

#main {padding-top: 10px; padding-bottom: 15px;}

#sidebar {float: left; width: 222px;}

.sidebar-nav {border: 1px solid #bdbebe; width: 220px;}
.sidebar-nav h2 {background: url(images/sidebar-heading.gif) no-repeat 0 0; height: 32px; padding-top: 5px; font-size: 21px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-style: italic; padding-left: 35px; color: #fff;}
.sidebar-nav h2 a { color: #fff;}
.sidebar-nav ul {list-style-type: none; padding-top: 15px;padding-bottom: 15px;}
.sidebar-nav ul li {background: url(images/bullet.gif) no-repeat 10px 7px; padding-left: 32px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #dedace;position: relative;}
.sidebar-nav ul li.last {border-bottom: 0;}

.sidebar-nav li ul{
top: 0px;
left:188px;
z-index:500;
position: absolute;
background:white;
padding:0;
width:250px;
display:none;
}

.sidebar-box {background: url(images/side-box-bottom.gif) no-repeat 0 bottom; padding-bottom: 7px; padding-top: 8px;}
.sidebar-box-top {background: url(images/side-box.gif) no-repeat 0 0; padding-top: 10px;}
.sidebar-box-cnt {border-left: 1px solid #b3a98e; border-right: 1px solid #b3a98e; padding-left: 10px; padding-right: 10px;}
.sidebar-box h4 {font-size: 12px; color: #035548; padding-bottom: 5px;}
.sidebar-box a {display: block; font-size: 11px; color: #66483e; text-decoration: underline;}
.sidebar-box a:hover {text-decoration: none;}

#content {width: 748px; float: right;}
#content ul, #content ol{margin-left:20px;}
#slider-cnt {}

#slider {position: relative; height: 282px;}
#slider .slide { position: absolute; top: 0; left: 0; z-index: 8;}
#slider .active {display: block; z-index: 10;}
#slider .last-active {z-index: 9;}


.trans {position: absolute; top: 135px; right: 0; }
.trans p {width: 187px; background: url(images/trans.png) no-repeat 0 0; height: 70px; padding-left: 5px; padding-right: 10px; padding-top: 10px; color: #fff}


#slider-links {margin-top: -9px; position: relative; z-index: 20;}
#slider-links a {height: 26px; float: left; font-size: 16px; text-align: center; padding-top: 6px; font-family: "myriad pro", "trebuchet ms", sans-serif; color: #fff}
#slider-links a:hover {text-decoration: none;}

a#slider-link-1 {background: url(images/slider-link-1.gif) no-repeat 0 0; width: 226px;}
a#slider-link-2 {background: url(images/slider-link-2.gif) no-repeat 0 0; width: 263px;}
a#slider-link-3 {background: url(images/slider-link-3.gif) no-repeat 0 0; width: 259px;}

#slider-links span { padding-top: 9px; float: left; height: 45px;}
#slider-links span.active {background: url(images/triangle.png) no-repeat center 0 !important;}

span#link-1 a.active {background-image: url(images/slider-link-1-active.gif) !important;}
span#link-2 a.active {background-image: url(images/slider-link-2-active.gif) !important;}
span#link-3 a.active {background-image: url(images/slider-link-3-active.gif) !important;}

.big-box {background: #746a6a url(images/big-box.gif) no-repeat 0 0; width: 461px; float: left; padding-top: 14px; padding-left: 15px; position: relative; padding-bottom: 10px;}
.big-box h3 {font-size: 26px; color: #fff; font-family: "myriad pro", "trebuchet ms", sans-serif; padding-left: 20px; padding-bottom: 20px; font-style: italic;}
.big-box .img-cnt {background: url(images/big-box-img.png) no-repeat 0 0; float: left; width: 207px; height: 158px;}
.big-box .text-cnt {font-size: 11px; color: #fff; float: right; padding-right: 35px; width: 180px;}
.big-box .text-cnt p {padding-bottom: 16px;}

.transparent { position: absolute; bottom: 0; left: 0;}
.transparent-cnt {font-weight:bold; color: #fff; padding-left: 7px; padding-right: 20px; background: url(images/transparent.png) repeat 0 0; float: left; padding-top: 3px; padding-bottom: 3px; width: 100px;}

.small-box {float: right; width: 252px; background: #bebdbe; padding-top: 11px; padding-left: 7px; padding-right: 7px; position: relative; padding-bottom: 9px; margin-bottom: 5px;}
.small-box img {padding-right: 10px;}
.small-box p {padding-top: 10px;  padding-right: 5px; }
.small-box p a { color: #4f4848; font-style: italic;}
.small-box h4 {font-size: 18px; font-family: "myriad pro", "trebuchet ms", sans-serif; font-style: italic;}

a.read-more {background: url(images/read-more.gif) no-repeat 0 0; width: 77px; height: 25px; display: block;}
a.details {background: url(images/details.gif) no-repeat 0 0; width: 52px; height: 23px; display: block;}

#footer {background: url(images/footer.gif) no-repeat 0 0; height: 70px;}

.footer-logo-1 {background: url(images/footer-logo.png) no-repeat 0 0; width: 67px; height: 67px; float: left; margin-left: -10px; position: relative;}
.logo-details {color: #a13a39; font-size: 11px; padding-top: 20px; float: left;}
.logo-details p {font-weight:bold; color: #231f20; font-size: 19px; padding-bottom: 5px;}
.logo-details span {color: #45446f;}
.footer-logo-2 {background: url(images/PPAI_gold.jpg) no-repeat 0 0; 
    height: 70px;
    margin-left: 32px;
    margin-top: -5px;
    position: absolute;
	Width:350px;
}

.footer-nav { float: left; padding-top: 20px;}
.footer-nav ul {list-style-type: none;}
.footer-nav ul li {float: left; display: inline;}
.footer-nav ul li span {padding-left: 3px; padding-right: 3px;}
p.copy {padding-left: 27px;font-size: 11px; padding-top: 4px;}
p.copy a {text-decoration: underline;}
p.copy a:hover {text-decoration: none;}

/* CPC_DEV Styles */
.thumbnails li {
	text-align: center;
	font-size: 100%;
	fheight: 140px;
	width: 25%;
	overflow: hidden;
	border: 1px double #ddd;
	margin: -1px;
	background : #fff;
}
.thumbnails li .caption {
 padding : 5px 0;
 font-size : 90%;
}
.thumbnails img {
	border : none;
}
.thumbnails td {
 text-align : center;
 fborder : 1px solid #ddd;
 vertical-align : bottom;
 padding : 10px;
 width : 25%;
 border : none;
 font-size : 80%;
}
.thumbnails td.photo {
 fborder-bottom : 0;
 padding : 10px 5px 0;
 border : none;
}
.thumbnails td.caption {
 fborder-top : 0;
 vertical-align : top;
 padding : 2px 10px 10px;
 border : none;
}
.thumbnails a {
 width : auto;
 text-decoration : none;
 margin-right : 1px;
 display : block;
 margin-top : 5px;
 font-weight : bold;
 font-size : 105%;
}

.listing dt {
	font-weight : bold;
	padding : 4px 0 5px;
	border-bottom : 1px solid;
	margin-bottom : 7px;
}
.listing dd {
	padding-right : 10px;
	margin-bottom : 10px;
}
.listing dd img {
	margin : 0 10px 10px 0;
	border : 1px solid;
}
.productdescription {
	margin : 10px 20px 10px 360px;
}
.widephoto {
	clear : left;
	margin-left : 10px;
	margin-top : 20px;
	padding-right : 50%;
	position : relative;
}
.widephoto ul.distributortools {
	float : right;
	width : 50%;
	position : absolute;
	top : 0;
	right : 0;
}
ul.distributortools {
	list-style : none;
	padding : 0;
	margin : 10px 0;
}
.distributortools a {
/*	display : block;
	padding : 3px 4px;
	background : url(images/buttongradient.jpg) bottom repeat-x;
	border : 1px solid #ddd;
	margin : 4px 0;*/
	font-size : 80%;
	color : #444;
	text-align : center;
	text-decoration : none;
	font-weight : bold;
}
.distributortools a:hover {
	background : #fff;
	color : #000;
}
.productphoto {
	float : left;
	width : 60%;
	max-width : 350px;
	margin-top : 10px;
	text-align : center;
	font-size : 80%;
	margin-right : 1%;
	width : 310px;
}
f.productphoto a.photo {
	width:expression(document.body.clientWidth > 350? "348px": "auto" );
	width : 350px;
}
.productphoto img {
	dwidth : 100%;
	border : none;
}
.productpricegrid {
	clear : both;
	margin : 20px 0;
	width : 99%;
	font-size : 90%;
}
.productpricegrid th {
	background : #ccc;
	padding : 4px 5px;
	text-align : left;
	color : #000;
}
.productpricegrid td {
	background : #eee;
	padding : 3px 5px;
	font-size : 95%;
	text-align : left;
}
.productpricegrid .dividerRule,
.productpricegrid .contentBlock {
	background : #fff;
}
.productpricegrid .label {
	font-weight : bold;
	background : #ddd;
}
.productattributes {
	font-size : 90%;	
}
.productattributes .attribute {
	font-weight : bold;
	/*text-align : right;*/
	width : 33%;
}
.productattributes .popup .attribute {
	font-weight : normal;
}
.productattributes td {
	vertical-align : top;
}
.productattributes .value {
	text-align : left;
}
ul.distributortools li {
float:left;
height:120px;
text-align:center;
width:23%;
}
/*product tabs*/
.tabs {
 padding-top:10px;
}
.tabs li {
 float:left;
 list-style:none;
}
.tabs li a {
 border:2px solid #ccc;
 border-bottom:none;
 display:block;
 padding:2px 5px 3px;
 margin-left:5px;
 -moz-border-radius:5px 5px 0 0;
 color:black;
 text-decoration:none;
}
.tabs li a:hover {
 background:#eee;
}
.tabs li.current a {
 position:relative;
 z-index:10;
/* top:2px;*/
 background:#fff;
 padding-bottom:5px;
 margin-bottom:-2px;
}
.tabboxes {
 list-style:none;
 border:2px solid #ccc;
 -moz-border-radius:5px;
 clear:both;
 margin-bottom:10px;
}
.tabboxes table.productpricegrid {
 border-collapse:collapse;
}
.tabboxes table th {
 text-align:left;
 padding:4px;
}
.tabboxes table td {
 padding:4px;
}
.flyeritem{float:left;text-align:center;margin-bottom:50px;width:370px;height:350px;}
.flyeritem h3{font-size:16px;}