/*
    Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 11px/18px "Century Gothic", Arial, sans-serif; color: #000; text-align: left; background: #e6e6e6; }
body, html { min-height: 100%; height: 100%; }
a { color: #ff0000; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: underline; }
a img { border: 0; }

.fl { float: left; display: inline; }
.fr { float: right; display:inline; }
.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }
.cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 950px; padding: 0 10px; background: url(images/shadow.gif) repeat-y 0 0; min-height: 100%; position: relative; }


/*
	Header
*/

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

/*
	Login
*/

#header #login { float: left; display: inline; width: 262px; color: #fff; padding-top: 85px; margin-left: 17px; }
#header #login h2 { font-size: 11px; text-transform: uppercase; color: #fff; }
#header #login input.field { float: left; display: inline; border: 0; background: #fff; color: #000; padding: 2px 5px; }
#header #login input.mail { width: 128px; margin-right: 15px; }
#header #login input.password { width: 82px; }
#header #login label { font-size: 11px; line-height: 13px; text-align: right; float: left; display: inline; }
#header #login label.mail { width: 138px; margin-right: 15px; }
#header #login label.password { width: 92px; }
#header #login p { font-size: 9px; padding-left: 75px; }
#header #login p a { color: #ffff00; font-size: 11px; text-transform: uppercase; }


/*
	Logo & Description
*/

h1#logo { float: left; display: inline; height: 174px; width: 175px; font-size: 0; line-height: 0; margin: 28px 0 0 110px; }
h1#logo a { display: block; height: 174px; background: url(images/logo.gif); text-indent: -4000px; }

h2#description { float: left; display: inline; height: 61px; width: 200px; background: url(images/description.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; margin: 85px 0 0 108px; }

/*
	Content
*/

#content { background: url(images/content-bg.gif) repeat-y 0 0; height: 100%; margin-top: 30px; padding-bottom: 10px; }


/*
	Sidebar
*/

#sidebar { float: left; display: inline; width: 185px; margin-left: 20px; text-transform: uppercase; }
#sidebar h2 { font-size: 14px; line-height: 14px; padding-bottom: 8px; color: #8c8c8c; }
#sidebar h2.page-title { margin-bottom: 12px; }
#sidebar ul { list-style: none outside; }
#sidebar ul ul { padding-bottom: 20px; }
#sidebar ul h2 { border-bottom: 1px solid #d9d9d9; }
#sidebar ul ul li { padding: 5px 0; border-bottom: 1px solid #d9d9d9; background: url(images/sidebar-def-icon.gif) no-repeat 0 center; padding-left: 15px; }
#sidebar ul ul li.cat1 { background-image: url(images/sidebar-cat1.gif); }
#sidebar ul ul li.cat2 { background-image: url(images/sidebar-cat2.gif); }
#sidebar ul ul li.cat3 { background-image: url(images/sidebar-cat3.gif); }
#sidebar ul ul li.cat4 { background-image: url(images/sidebar-cat4.gif); }
#sidebar ul ul li.cat5 { background-image: url(images/sidebar-cat5.gif); }
#sidebar ul ul li.cat6 { background-image: url(images/sidebar-cat6.gif); }
#sidebar ul ul li.cat7 { background-image: url(images/sidebar-cat7.gif); }
#sidebar ul ul li.cat8 { background-image: url(images/sidebar-cat8.gif); }
#sidebar ul ul li.cat9 { background-image: url(images/sidebar-cat9.gif); }
#sidebar ul ul li.cat10 { background-image: url(images/sidebar-cat10.gif); }
#sidebar ul ul li.cat11 { background-image: url(images/sidebar-cat11.gif); }
#sidebar ul ul li.cat12 { background-image: url(images/sidebar-cat12.gif); }
#sidebar ul ul li.cat13 { background-image: url(images/sidebar-cat13.gif); }
#sidebar ul ul li.cat14 { background-image: url(images/sidebar-cat14.gif); }
#sidebar ul ul li.cat15 { background-image: url(images/sidebar-cat15.gif); }
#sidebar ul ul li a { color: #000; }

/*
	Search
*/

#search h2 { border: 0 !important; }
#search .field { float: left; display: inline; width: 150px; padding: 1px 5px; background: #e6e6e6; border: 1px solid #bcbcbc; }
#search .btn { float: left; display: inline; height: 16px; width: 16px; border: 0; background: url(images/search-button.gif) no-repeat 0 0; cursor: pointer; margin: 3px 0 0 4px; }

/*
	Widecolumn
*/

#widecolumn { float: right; display: inline; width: 675px; margin-right: 20px; }
#widecolumn h2 { text-transform: uppercase; }

/*
	Features
*/

#features { margin-bottom: 40px; }

/*
	Links
*/

.links { margin-bottom: 50px; }

/*
	Stay Informed
*/

#stay-informed { height: 104px; width: 676px; background: url(images/stay-informed-frame.gif) no-repeat 0 0; }
#stay-informed h2 { font-size: 17px; line-height: 19px; color: #8c8c8c; position: relative; margin: -15px 0 5px 20px; }
#stay-informed a { float: left; display: inline; }
#stay-informed a.first { margin-left: 30px; }
#stay-informed span { float: left; display: inline; width: 1px; height: 53px; background: #ccc; margin: 20px 34px 0; }


/*
	Distributors Tools
*/

.distributors-tools { margin-top: 100px; background: url(images/icon-sign-up.gif) no-repeat 0 15px; padding-left: 160px; }
.distributors-tools h2 { font-size: 25px; line-height: 1.5; }
.distributors-tools ul { list-style: none outside; font-size: 11px; }
.distributors-tools ul li span { color: #ff0000; }


/*
	Footer
*/

.separator { height: 20px; background: #fff; padding-bottom: 30px; }

#footer { height: 40px;  line-height: 40px; width: 950px; position: absolute; bottom: 0; left: 10px; font-size: 12px; color: #a6a6a6; }

/* 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%;
	
}
.productpricegrid th {
	background : #ccc;
	/* padding : 4px 5px; */
	text-align : left;
	color : #fff;
	background:#FFA500;
}
.productpricegrid td {
	background : #eee;
	/* padding : 3px 5px; */
	text-align : left;
}
.productpricegrid td.runrow {
	background : #000;
	color : #fff;
}
.productpricegrid .dividerRule,
.productpricegrid .contentBlock {
	background : #fff;
}
.productpricegrid .label {
	font-weight : bold;
	background : #ddd;
}

.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%;
}

.alt{display:none;}