/*
*******************************************************************************
*	(c) NEOCO
* 
*	filename: default.css
*	purpose:  default styles for spectrum diamond
*
*******************************************************************************

$Revision: 1 $
$Date: 01 March 2010 $
$LastChangedBy: alex $
*/

/* ------------------------------------------------------- */
/* CONTENTS
--------------------
	1. MAIN STYLES
	2. LAYOUT
	3. NAVIGATION DROPDOWN
	4. HEADER
	5. FOOTER
	6. HOME
	7. FORM PAGES
	8. FLAT PAGES
	9. ABOUT
	10.DOWNLOADS
	11.PRODUCTS
	12.SEO
*/

/* ---------------------------------------------------------- 
	1. MAIN STYLES 
-----------------------------------------------------------*/

/* .hidden - always need this, used by our javascript libraries */
/* .clearfix - add this class to clear float containers */

* {
	font-family: Helvetica, Arial, "Gill Sans", Lucida, "Helvetica Narrow",  sans-serif; /* sans-serif */
}
body {  
	text-align:left;
	width: 100%;	
	font-size: 12px;
	background-color: #B0B9BF;	
}
body.reseller {
	background-color: #002657;
}
p, label {
	font-size: 12px;
	line-height: 17px;
	color: #231f20;
}
a { text-decoration: none; color: #231f20; }
a:active, input:active, a:hover, input:hover { outline: none; } /*prevents dotted outline on click, keeps for tab*/
a:hover { text-decoration: underline; }
h3 {
	font-size: 14px;
}

/* ---------------------------------------------------------- 
	2. LAYOUT 
-----------------------------------------------------------*/

div#header {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	background: #F6F8F9 url(../images/navbg.gif) repeat-x left bottom;
	overflow: visible;
	z-index: 3;
}
body.reseller div#header {
	background: #F6F8F9 url(../images/reseller-navbg.gif) repeat-x left bottom;
}
div#main {
	width: 100%;	
	margin: 0;
	padding: 0;
	position: relative;
	background: #fff url(../images/mainbg.gif) repeat-x;
	min-height: 138px;
	z-index: 2;
}
body.home div#main {
	background: #fff url(../images/metalbg.gif) repeat-x;
	min-height: 510px;
}
body.home.reseller div#main {
	background: #043f6a url(../images/resellerbg.jpg) no-repeat center;
}
body.reseller div#main {
	background: #004b8d url(../images/resellerbg.gif) repeat-x;
	min-height: 512px;
}
div#footer {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	background-color: #b0b9bf;
	padding: 25px 0;
	z-index: 3;
}
body.reseller div#footer {
	background-color: #002657;
}
div.content {
	width: 860px;
	margin: 0 auto;
	overflow: visible;
}
p#breadcrumbs {
	width: 100%;
	float: left;
	padding-top: 35px;
	font-weight: bold;
	text-transform: uppercase;
}
p#breadcrumbs a {
	font-weight: bold;
	text-transform: uppercase;
	color: inherit;
}
p.resellerHome {
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 10px;
	left: 0;
	width: auto !important;
	font-size: 12px !important;
	line-height: 17px !important;
}
p.resellerHome a {
	font-weight: bold;
	text-transform: uppercase;
	color: inherit;
	color: #fff;
}

/* ---------------------------------------------------------- 
	3. NAVIGATION DROPDOWN
-----------------------------------------------------------*/

div#header ul#reseller-navlist li ul,
div#header ul#navlist li ul {
	visibility: hidden;
	position: absolute;
	left: 0;
	height: 0;
	overflow: hidden;
}
div#header ul#navlist li.products ul {
	min-width: 134px;
}
div#header ul#reseller-navlist li.support ul {
	min-width: 168px;
}
div#header ul#reseller-navlist li.downloads ul {
	min-width: 184px;
}
div#header ul#reseller-navlist li ul li a,
div#header ul#reseller-navlist li a ul li a,
div#header ul#navlist li ul li a,
div#header ul#navlist li a ul li a {
	background: none !important;
	display: block;
	height: auto !important;
	text-indent: 0 !important;
	width: auto !important;
	text-decoration: none;
	color: #fff;
	padding: 6px 10px;
	text-transform: uppercase;
	font-size: 11px;
	white-space: nowrap;
}
div#header ul#reseller-navlist table,
div#header ul#navlist table {
	margin: -1px;
	border-collapse: collapse;
	font-size: 1em; /* font size for IE5.5 */
}
div#header ul#reseller-navlist li a:hover,
div#header ul#navlist li a:hover {
	text-decoration: none;
	border: 0;
	color: #768dbc;
}
div#header ul#navlist li a:hover {
	color: #dbe1e4;
}
div#header ul#reseller-navlist li:hover ul,
div#header ul#reseller-navlist li a:hover ul,
div#header ul#navlist li:hover ul,
div#header ul#navlist li a:hover ul {
	visibility: visible;
	height: auto;
	width: auto !important;
	/*background-color: #b2bbc0;*/
	background-color: #8d959a;
	left: 0;
	top: 41px;
	overflow: visible;
	z-index: 5;
}
div#header ul#reseller-navlist li:hover ul,
div#header ul#reseller-navlist li a:hover ul {
	background-color: #001046;
	z-index: 6;
}
div#header ul#reseller-navlist li ul li,
div#header ul#navlist li ul li {
	width: auto !important;
	display: block;
	clear: both;
	background: none !important;
}
div#header ul#reseller-navlist li:hover ul li a,
div#header ul#reseller-navlist li a:hover ul li a,
div#header ul#navlist li:hover ul li a,
div#header ul#navlist li a:hover ul li a {
	/*display: block;
	text-decoration: none;
	color: #fff;
	padding: 5px;*/
}
* html div#header ul#reseller-navlist li a:hover ul li a,
* html div#header ul#navlist li a:hover ul li a {
	/*width:10em; w\idth:9em;*/ /* hack for IE5.5 */
}


/* ---------------------------------------------------------- 
	4. HEADER
-----------------------------------------------------------*/

div#header h1 {
	margin: 20px 0;
	float: left;
}
div#header h1 a {
	width: 408px;
	height: 59px;
	background: url(../images/logo.gif) no-repeat;
	display: block;
	text-indent: -5000px;
}
div#header ul#range {
	float: right;
	overflow: hidden;
	margin-top: 30px;
}
div#header ul#range li {
	float: left;
}
div#header ul#range li a {
	display: block;
	width: 101px;
	height: 35px;
	text-indent: -500px;
}
div#header ul#range li.contractor a { background: url(../images/btn-contractor.png) no-repeat; }
div#header ul#range li.plus a { background: url(../images/btn-plus.png) no-repeat; }
div#header ul#range li.superior a { background: url(../images/btn-superior.png) no-repeat; }
div#header ul#range li.ultimate a { background: url(../images/btn-ultimate.png) no-repeat; }
/*div#header ul#range li a:hover {
	background-position: 0 -35px;
}*/
div#header ul#reseller-navlist { display: none; }
body.reseller div#header ul#reseller-navlist { display: block; }
div#header ul#reseller-navlist,
div#header ul#navlist {
	float: left;
	clear: both;
	height: 43px;
	width: 860px;
	overflow: visible;
}
div#header ul#navlist li {
	z-index: 6;
}
div#header ul#reseller-navlist li,
div#header ul#navlist li {
	float: left;
	background: transparent;
	position: relative;
	background: url(../images/nav-border.png) no-repeat 100% 14px;
}
div#header ul#reseller-navlist li a,
div#header ul#navlist li a {
	display: block;
	text-indent: -5000px;
	height: 29px;
	padding: 14px 42px 0 43px;
	margin-right: 1px;
}
div#header ul#navlist li.tech, div#header ul#navlist li.reseller { background: none; }
div#header ul#navlist li.home a span { background: url(../images/navitem-home.png) no-repeat; display: block; width: 31px; height: 15px; }
div#header ul#navlist li.about a span { background: url(../images/navitem-about.png) no-repeat; display: block; width: 49px; height: 15px; }
div#header ul#navlist li.products a span { background: url(../images/navitem-products.png) no-repeat; display: block; width: 48px; height: 15px; }
div#header ul#navlist li.new a span { background: url(../images/navitem-new.png) no-repeat; display: block; width: 75px; height: 15px; }
div#header ul#navlist li.tech a span { background: url(../images/navitem-tech.png) no-repeat; display: block; width: 70px; height: 15px; }
div#header ul#navlist li a:hover, div#header ul#navlist li a.active {
	background: url(../images/navbg-hover.gif) repeat-x;
}
div#header ul#navlist li.reseller {
	padding-left: 7px;
}
div#header ul#navlist li.reseller a {
	width: 146px;
	height: 43px;
	background: url(../images/reseller.png) no-repeat;
	padding: 0;
}
body.reseller div#header ul#navlist li.reseller a {
	background: url(../images/reseller-logout.png) no-repeat;
}
div#header ul#reseller-navlist {
	height: 42px;
	padding: 0 4px;
}
div#header ul#reseller-navlist li {
	background: url(../images/nav-border-reseller.png) no-repeat 100% 14px;
}
div#header ul#reseller-navlist li a {
	height: 28px;
	padding: 14px 25px 0 26px;
}
div#header ul#reseller-navlist li.password { background: none; }
div#header ul#reseller-navlist li.about a span { background: url(../images/navresell-about.png) no-repeat; display: block; width: 49px; height: 15px; }
div#header ul#reseller-navlist li.location a span { background: url(../images/navresell-location.png) no-repeat; display: block; width: 100px; height: 15px; }
div#header ul#reseller-navlist li.support a span { background: url(../images/navresell-support.png) no-repeat; display: block; width: 117px; height: 15px; }
div#header ul#reseller-navlist li.downloads a span { background: url(../images/navresell-downloads.png) no-repeat; display: block; width: 133px; height: 15px; }
div#header ul#reseller-navlist li.contact a span { background: url(../images/navresell-contact.png) no-repeat; display: block; width: 41px; height: 15px; }
div#header ul#reseller-navlist li.password a span { background: url(../images/navresell-password.png) no-repeat; display: block; width: 99px; height: 15px; }
div#header ul#reseller-navlist li a:hover, div#header ul#reseller-navlist li a.active {
	background: url(../images/reseller-navbg-hover.gif) repeat-x;
	height: 28px;
}


/* ---------------------------------------------------------- 
	5. FOOTER
-----------------------------------------------------------*/

div#footer p {
	float: left;
	color: #fff;
}
body.reseller div#footer p a {
	color: #fff;
}
div#footer ul {
	float: right;
	overflow: hidden;
}
div#footer ul li {
	float: left;
	color: #fff;
}
div#footer ul li a {
	color: #fff;
}

/* ---------------------------------------------------------- 
	6. HOME
-----------------------------------------------------------*/

body.home p#breadcrumbs {
	display: none;
}
body.reseller p#breadcrumbs {
	display: block;
	color: #fff;
}
body.home div#main div.content {
	padding-top: 51px;
}
body.reseller div#main div.content {
	padding-top: 0px;
	position: relative;
}
div#product-selector {
	width: 300px;
	height: 309px;
	float: left;
	background: url(../images/productselector.png) no-repeat;
}
div#product-video {
	width: 515px;
	height: 328px;
	padding-right: 45px;
	padding-bottom: 10px;
	float: left;
	background: url(../images/home-video-bg.png) no-repeat;
	position: relative;
}
div#product-video a {
	width: 170px;
	height: 170px;
	background: url(../images/play.png) no-repeat;
	text-indent: -5000px;
	position: absolute;
	top: 65px;
	left: 178px;
}
div#reseller-image {
	width: 100%;
	text-align: center;
	float: left;
}
div#home-text {
	width: 540px;
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
}
div#home-text h1 {
	color: #231F20;
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 15px;
	font-weight: bold;
}
div#home-text h2 {
	color: #231F20;
	font-size: 15px;
	line-height: 17px;
	margin-bottom: 15px;
	margin-top: 10px;
	font-weight: bold;
}
div#home-text h3 {
	color: #231F20;
	font-weight: bold;
}
body.reseller div#home-text h2 {
	background: url(../images/reseller-proof.png) no-repeat;
	margin-top: 15px;
	width: 300px;
	height: 39px;
	text-indent: -5000px;
	margin-bottom: 18px;
}
div#home-text h3,
div#home-text p {
	padding-bottom: 8px;
}
body.reseller div#home-text h3,
body.reseller div#home-text p {
	color: #fff;
}
div#home-quote {
	width: 320px;
	padding-top: 30px;
	float: left;
}
div#home-quote blockquote {
	width: 233px;
	height: 127px;
	background: url(../images/quote.png) no-repeat;
	text-indent: -5000px;
	margin: 0 0 0 63px;
}
body.reseller div#home-quote blockquote {
	width: 234px;
	background: url(../images/reseller-quote.png) no-repeat;
	margin-top: 10px;
}
div.submit {
	overflow: hidden;
	padding: 10px 18px 0 0;
}
div.submit input {
	width: 146px;
	height: 37px;
	background: url(../images/showme.png) no-repeat;
	text-indent: -5000px;
	cursor: pointer;
	float: right;
	border: none;
}
div.submit.disabled input {
	opacity: 0.50;
}
div#product-selector div.one, div#product-selector div.two, div#product-selector div.three, div#product-selector div.four {
	padding-left: 20px;
	margin-left: 10px;
}
div#product-selector div.one {
	background: url(../images/select1.png) no-repeat 0 6px;
}
div#product-selector div.two {
	background: url(../images/select2.png) no-repeat 0 6px;
}
div#product-selector div.three {
	background: url(../images/select3.png) no-repeat 0 6px;
}
div#product-selector div.four {
	background: url(../images/select4.png) no-repeat 0 6px;
}
div#product-selector h2 {
	width: 173px;
	height: 34px;
	background: url(../images/selector.png) no-repeat 10px 13px;
	text-indent: -5000px;
	padding: 15px 0 0 10px;
}
div#product-selector h3 {
	width: 194px;
	height: 43px;
	background: url(../images/selectorcopy.png) no-repeat 10px 0;
	text-indent: -5000px;
	padding: 0 0 0 10px;
}

/* ---------------------------------------------------------- 
	7. FORM PAGES
-----------------------------------------------------------*/

body.login form {
	background: url(../images/login.png) no-repeat;
	width: 403px;
	height: 211px;
	padding: 20px 30px 30px 20px;
	margin: 0 203px 100px 203px;
	float: left;
}
body.password form {
	background: url(../images/change-password.png) no-repeat;
	width: 403px;
	height: 211px;
	padding: 20px 30px 30px 20px;
	margin: 0 203px;
	float: left;
}
body.login form h2 {
	display: block;
	width: 190px;
	height: 40px;
	background: url(../images/login-header.png) no-repeat;
	text-indent: -5000px;
}
body.login.forget form h2 {
	display: block;
	width: 271px;
	height: 39px;
	background: url(../images/password.png) no-repeat;
	text-indent: -5000px;
}
body.password form h2 {
	display: block;
	width: 253px;
	height: 45px;
	background: url(../images/changepassword.png) no-repeat;
	text-indent: -5000px;
}
body.login fieldset,
body.password fieldset {
	padding-top: 15px;
}
body.login dl,
body.password dl {
	overflow: hidden;
	margin-bottom: 5px;
}
body.login dt,
body.password dt {
	float: left;
	width: 35%;
	text-align: right;
}
body.login dd,
body.password dd {
	float: left;
	width: 65%;
}
body.login label,
body.password label {
	padding-right: 5px;
	line-height: 28px;
}
body.login input,
body.password input {
	background-color: white;
	border: none;
	width: 100%;
	height: 18px;
	padding: 5px 0;
}
body.login fieldset.action,
body.password fieldset.action {
	overflow: hidden;
}
body.login fieldset.action input,
body.password fieldset.action input {
	background: url(../images/submit.png) no-repeat;
	border: none;
	width: 115px;
	height: 44px;
	text-indent: -5000px;
	cursor: pointer;
	float: right;
}
body.login fieldset.action p,
body.password fieldset.action p {
	float: left;
	line-height: 44px;
	color: #004B8D;
}
body.login fieldset {
	padding: 30px 0;
}
body.login fieldset.action {
	padding: 0;
}
body.login label {
	color: #fff;
}
body.login form p a {
	background: url(../images/forgot-password.png) no-repeat;
	width: 148px;
	height: 20px;
	margin-top: 12px;
	text-indent: -5000px;
	display: block;
}

/* ---------------------------------------------------------- 
	8. FLAT PAGES
-----------------------------------------------------------*/

body.flat div#left-column {
	width: 440px;
	float: left;
	padding: 30px 0 60px 0;
}
body.flat div#right-column {
	width: 390px;
	float: left;
	padding: 30px 0 60px 30px;
}
body.flat div#left-column p {
	padding-bottom: 10px;
}
body.error div#left-column h2 {
	display: block;
	width: 381px;
	height: 45px;
	background: url(../images/errortext.png) no-repeat;
	text-indent: -5000px;
}
body.sitemap div#left-column h2 {
	display: block;
	width: 121px;
	height: 40px;
	background: url(../images/sitemap.png) no-repeat;
	text-indent: -5000px;
}
body.sitemap div#left-column ul,
body.sitemap div#left-column li {
	list-style-type: disc;
	list-style-position: outside;
}
body.sitemap div#left-column ul {
	margin-left: 20px;
}
body.sitemap div#left-column ul ul,
body.sitemap div#left-column ul ul li {
	list-style-type: square;
}
body.sitemap div#left-column ul a {
	font-size: 13px;
	line-height: 20px;
}
body.privacy div#left-column h2 {
	display: block;
	width: 389px;
	height: 45px;
	background: url(../images/privacy.png) no-repeat;
	text-indent: -5000px;
}
body.privacy div#left-column h3 {
	padding: 6px 0;
	font-weight: bold;
}
body.privacy div#left-column p.terms {
	font-weight: bold;
}
body.support div#left-column {
	width: 378px;
}
body.support div#right-column {
	width: 452px;
}
body.support div#left-column h2 {
	display: block;
	width: 244px;
	height: 45px;
	background: url(../images/supporttext.png) no-repeat;
	text-indent: -5000px;
}
body.support div#left-column h3 {
	font-size: 22px;
	padding-top: 15px;
}
body.location div#main div.content {
	background: url(../images/globe.png) no-repeat top right;
	height: 488px;
}
body.location div#main h2 {
	background: url(../images/location-header.png) no-repeat 0 80px;
	width: 251px;
	height: 30px;
	text-indent: -5000px;
	padding: 80px 0 20px 0;
}
body.location div#main p {
	color: #fff;
	font-size: 13px;
	line-height: 19px;
	width: 360px;
}
body.contact div#main h2 {
	background: url(../images/contactus.png) no-repeat 0 0;
	width: 143px;
	height: 54px;
	text-indent: -5000px;
	padding: 0;
}
body.contact div#main address {
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}
body.contact div#main address a {
	color: #fff;
}
body.contact div#map_canvas {
	float: right;
	margin-bottom: 30px;
}
body.contact div#map_canvas h1 {
	color: #000 !important;
	font-weight: bold;
}
body.contact div#map_canvas address {
	color: #000 !important;
	font-size: 11px;
	line-height: 13px;
}
body.contact div#map_canvas address a {
	color: #000 !important;
	text-decoration: underline;
}
body.contact div#main div div.details {
	float: left;
}
body.contact p#breadcrumbs {
	padding-bottom: 30px;
}
body.technology div#main div.content {
	height: 512px;
	background: url(../images/techbg.png) no-repeat top right;
}
body.technology div#main h2 {
	background: url(../images/techheader.png) no-repeat 0 105px;
	width: 319px;
	height: 158px;
	text-indent: -5000px;
}
body.training div#main p,
body.merchandising div#main p,
body.marketing div#main p,
body.innovation div#main p,
body.service div#main p,
body.coverage div#main p,
body.technology div#main p {
	color: #fff;
	font-size: 13px;
	line-height: 19px;
	width: 445px;
	padding-bottom: 5px;
}
body.innovation div#main p,
body.service div#main p,
body.coverage div#main p {
	width: 400px;
}
body.coverage div#main div.left { float: left; width: 420px; }
body.coverage div#main div.right { float: right; width: 440px; padding-top: 105px; }
body.coverage div#main h2 {
	background: url(../images/coverageheader.png) no-repeat 0 105px;
	width: 381px;
	height: 158px;
	text-indent: -5000px;
}
body.service div#main div.left { float: left; width: 413px; }
body.service div#main div.right { float: right; width: 447px; padding-top: 105px; }
body.service div#main h2 {
	background: url(../images/serviceheader.png) no-repeat 0 105px;
	width: 248px;
	height: 158px;
	text-indent: -5000px;
}
body.innovation div#main div.left { float: left; width: 415px; }
body.innovation div#main div.right { float: right; width: 435px; padding-top: 105px; }
body.innovation div#main h2 {
	background: url(../images/innovationheader.png) no-repeat 0 105px;
	width: 285px;
	height: 158px;
	text-indent: -5000px;
}
body.marketing div#main p {
	width: 480px;
	padding-bottom: 25px;
}
body.marketing div#main p a {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 19px;
}
body.marketing div#main div.left { float: left; width: 493px; }
body.marketing div#main div.right { float: right; width: 357px; padding-top: 105px; }
body.marketing div#main h2 {
	background: url(../images/marketingheader.png) no-repeat 0 105px;
	width: 254px;
	height: 158px;
	text-indent: -5000px;
}
body.merchandising div#main div.left { float: left; width: 574px; }
body.merchandising div#main div.right { float: right; width: 276px; padding-top: 40px; padding-bottom: 40px; }
body.merchandising div#main h2 {
	background: url(../images/merchandisingheader.png) no-repeat 0 105px;
	width: 323px;
	height: 158px;
	text-indent: -5000px;
}
body.merchandising div#main div.left img {
	padding-top: 16px;
}
body.training div#main p {
	width: 370px;
}
body.training div#main div.left { float: left; width: 388px; }
body.training div#main div.right { float: right; width: 462px; padding-top: 105px; padding-bottom: 40px; }
body.training div#main h2 {
	background: url(../images/trainingheader.png) no-repeat 0 105px;
	width: 295px;
	height: 158px;
	text-indent: -5000px;
}

body.merchandising div#standBox {
	margin:16px 0 16px 0;
	width:495px;
	height:350px;
	background-color:#FFF;
	padding-left:10px;
}

body.merchandising div#standBox img {
	margin:0 3px 0 3px;
}
body.merchandising div#main div.right img {
	display:none;
}

/* ---------------------------------------------------------- 
	9. ABOUT
-----------------------------------------------------------*/

body.about div.table {
	float: left;
}
body.safety div.table p {
	font-size: 15px;
	padding: 25px 0;
}
body.safety div.table ul {
	width: 860px;
	margin: 15px 0 0 0;
	overflow: hidden;
}
body.safety div.table li {
	width: 137px;
	float: left;
	padding-right: 78px;
	background: url(../images/logos.png) no-repeat 134px 0;
	height: 98px;
	overflow: hidden;
	margin-bottom: 10px;
}
body.safety div.table li.pos1 { background-position: 142px 0; }
body.safety div.table li.pos2 { background-position: -74px 0; }
body.safety div.table li.pos3 { background-position: -289px 0; }
body.safety div.table li.pos4 { background-position: -502px 0; }
body.safety div.table li.pos5 { background-position: 142px -100px; }
body.safety div.table li.pos6 { background-position: -74px -100px; }
body.safety div.table li.pos7 { background-position: -289px -100px; }
body.safety div.table li.pos8 { background-position: -502px -100px; }
body.safety div.table li.pos9 { background-position: 142px -199px; }
body.safety div.table li.pos10 { background-position: -74px -199px; }
body.safety div.table li.pos11 { background-position: -289px -199px; }
body.safety div.table li.pos12 { background-position: -502px -199px; }
body.safety div.table li h4 {
	font-size: 11px;
	line-height: 13px;
	width: 100%;
}
body.safety div.table li p {
	padding: 2px 0 0 0;
	font-size: 10px;
	line-height: 12px;
}
body.about div.table table {
	float: left;
	background: url(../images/table/bg.png) no-repeat left bottom;
	width: 871px;
	margin: 30px 0;
}
body.about div.table table tr td {
	height: 103px;
	width: 140px;
	overflow: hidden;
}
body.about div.table th.contractor {
	background: url(../images/table/logos.png) no-repeat 10px 15px;
	padding: 0 10px;
	text-align: left !important;
}
body.about div.table th.contractor span {
	display: block;
	padding-top: 55px;
	font-size: 12px;
	line-height: 17px;
}
body.about div.table td.plus {
	background: url(../images/table/logos.png) no-repeat 10px -195px;
	width: auto;
	padding: 0 10px;
}
body.about div.table td.plus span {
	display: block;
	padding-top: 55px;
}
body.about div.table td.superior {
	background: url(../images/table/logos.png) no-repeat 10px -412px;
	width: auto;
	padding: 0 10px;
}
body.about div.table td.superior span {
	display: block;
	padding-top: 55px;
}
body.about div.table td.ultimate {
	background: url(../images/table/logos.png) no-repeat 10px -610px;
	width: auto;
	padding: 0 10px;
}
body.about div.table td.ultimate span {
	display: block;
	padding-top: 55px;
}
body.about div.table tr.contractor th {
	padding-bottom: 14px;
	text-align: center;
}
body.about div.table tr.plus td {
	padding-bottom: 18px;
}
body.about div.table tr.superior td {
	padding-bottom: 17px;
}
body.about div.table tr.ultimate td {
	padding-bottom: 8px;
}
body.about div.table img,
body.about div.table h4 {
	float: left;
	font-size: 12px;
}
body.about div.table h4 span {
	padding-top: 10px;
	display: block;
}
body.about div.table th h2 {
	font-size: 16px;
	padding-bottom: 5px;
}
body.about div.table th h3 {
	font-size: 16px;
	text-transform: uppercase;
}
body.about div.table th p {
	font-size: 11px;
	line-height: 13px;
}

/* ---------------------------------------------------------- 
	10.DOWNLOADS
-----------------------------------------------------------*/

body.dloads div#main div.content {
	padding: 100px 0 0 0;
}
body.dloads div#main ul {
	overflow: hidden;
	padding-top: 50px;
	width: 870px;
	margin-bottom: 30px;
}
body.dloads div#main li {
	padding: 0 10px 20px 10px;
	text-align: center;
	width: 195px;
	display: inline-block;
	vertical-align: top;
}
body.dloads div#main span {
	color: #fff;
	font-size: 13px;
	padding-top: 10px;
	display: block;
}
body.downloads div#main h2 {
	text-indent: -5000px;
	width: 334px;
	height: 30px;
	background: url(../images/downloads.png) no-repeat;
}
body.guides div#main h2 {
	text-indent: -5000px;
	width: 359px;
	height: 39px;
	background: url(../images/guides-header.png) no-repeat;
}
body.handouts div#main h2 {
	text-indent: -5000px;
	width: 263px;
	height: 30px;
	background: url(../images/handouts-header.png) no-repeat;
}
body.imggallery div#main h2 {
	text-indent: -5000px;
	width: 198px;
	height: 39px;
	background: url(../images/gallery-header.png) no-repeat;
}
body.videos div#main h2 {
	text-indent: -5000px;
	width: 92px;
	height: 30px;
	background: url(../images/videos-header.png) no-repeat;
}

/* ---------------------------------------------------------- 
	11.PRODUCTS
-----------------------------------------------------------*/

body.products div#main ul {
	width: 860px;
	overflow: hidden;
	clear: both;
	float: left;
	margin: 30px 0;
}
body.products div#main li {
	width: 860px;
	height: 109px;
	float: left;
	background: url(../images/rangebg.png) no-repeat;
}
body.products div#main li.accessories,
body.products div#main li.contractor { background-position: 0 0; }
body.products div#main li.plus { background-position: 0 -116px; }
body.products div#main li.superior { background-position: 0 -230px; }
body.products div#main li.ultimate { background-position: 0 -345px; }
body.products div#main li.maestro { background-position: 0 -460px; }
body.products div#main li.normal { background-position: 0 -575px; }
body.products div#main li a {
	display: block;
	width: 860px;
	height: 109px;
	text-decoration: none;
}
body.products div#main li span {
	display: block;	
	float: left;
}
body.products div#main li span.type {
	padding: 15px 75px 0 15px;
	width: 99px;
	height: 94px;
}
body.products div#main li span.copy {
	padding: 36px 20px 0 20px;
	width: 500px;
	height: 73px;
	font-size: 14px;
	text-decoration: none;
}
body.products div#main li span.img {
	width: 101px;
	height: 96px;
	padding: 5px 15px 0 15px;
}
/* product item */
body.item div#main div.content {
	padding-bottom: 50px;
}
body.item div#product-details {
	float: left;
	width: 450px;
	padding-right: 30px;
	padding-top: 30px;
}
body.item div#product-image {
	float: left;
	width: 350px;
	padding: 0 15px;
	text-align: center;
	padding-top: 30px;
}
body.item div#product-image img {
	float: left;
}
body.item div#product-image div#thumbnails {
	float: left;
	width: 350px;
	padding-top: 20px;
}
body.item div#product-image div#thumbnails a {
	float: left;
	position: relative;
	display: block;
	margin-right: 25px;
}
body.item div#product-image div#thumbnails a.contractor { outline: 1px solid #ced4d9; }
body.item div#product-image div#thumbnails a.plus { outline: 1px solid #f7c633; }
body.item div#product-image div#thumbnails a.superior { outline: 1px solid #e2303b; }
body.item div#product-image div#thumbnails a.ultimate { outline: 1px solid #00a7e5; }
body.item div#product-image div#thumbnails a.maestro { outline: 1px solid #e2303b; }
body.item div#product-image div#thumbnails a.blank { outline: 1px solid #ced4d9; }
body.item div#product-image div#thumbnails img.play {
	position: absolute;
	top: 0;
	left: 40px;
}
body.item div#product-scroll {
	float: left;
	width: 860px;
	height: 140px;
	margin-top: 20px;
	padding: 0 26px;
}
body.item div#product-details h3 {
	font-size: 15px;
	font-weight: bold;
	color:#231F20;
	padding-top: 15px;
	text-transform: uppercase;
}
body.item div#product-details p {}
body.item div#product-details h4 {
	font-size: 12px;
	color:#231F20;
	padding-top: 5px;
	text-transform: uppercase;
}
body.item div#product-details small {
	font-size: 11px;
	color:#231F20;
}
body.item div#product-details table {
	color:#231F20;
	font-size: 11px;
	width: 100%;
	padding-top: 35px;
	display: block;
}
body.item div#product-details th {
	font-weight: bold;
	font-size: inherit;
	padding-right: 25px;
}
body.item div#product-details td {
	font-size: inherit;
	padding-right: 25px;
}
body.item div#product-details h2 {
	width: 341px;
	height: 29px;
	text-indent: -5000px;
}
body.item div#product-scroll button {
	width: 26px;
	height: 140px;
	text-indent: -5000px;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	padding: 0;
	display: none;
}
body.item div#product-scroll.scrollingactive {
	padding: 0;
}
body.item div#product-scroll.scrollingactive button {
	display: block;
}
body.item div#product-scroll button.prev {
	background: url(../images/products/left.png) no-repeat 0 57px;
}
body.item div#product-scroll button.next {
	background: url(../images/products/right.png) no-repeat 0 57px;
}
body.item div#product-scroll ul, body.item div#product-scroll div, body.item div#product-scroll li {
	float: left;
	overflow: hidden;
}
body.item div#product-scroll li a {
	width: 202px !important;
	height: 120px !important;
	padding: 10px 0;
	overflow: hidden;
	display: block;
	text-decoration: none;
}
body.item div#product-scroll li img {
	float: left;
	margin-right: 5px;
	padding: 9px 0;
}
body.item div#product-scroll li span {
	float: left;
	display: block;
	width: 91px;
	padding-right: 5px;
	color:#231F20;
	text-decoration: none;
}
body.item div#product-scroll li span.title {
	font-size: 14px;
	text-transform: uppercase;
}
body.item div#product-scroll li span.sub {
	font-size: 11px;
	text-transform: uppercase;	
}
body.item div#product-scroll li span.copy {
	font-size: 9px;
}

/* headers */
/*
body.item div#product-details h2.contractor-diamond { background: url(../images/products/title-contractor-diamond.png) no-repeat; }
body.item div#product-details h2.plus-diamond { background: url(../images/products/title-plus-diamond.png) no-repeat; }
body.item div#product-details h2.superior-diamond { background: url(../images/products/title-superior-diamond.png) no-repeat; }
body.item div#product-details h2.ultimate-diamond { background: url(../images/products/title-ultimate-diamond.png) no-repeat; }
body.item div#product-details h2.maestro-diamond { background: url(../images/products/title-maestro-diamond.png) no-repeat; }

body.item div#product-details h2.plus-drydrill { background: url(../images/products/title-plus-drycore.png) no-repeat; }
body.item div#product-details h2.ultimate-drydrill { background: url(../images/products/title-ultimate-drycore.png) no-repeat; }

body.item div#product-details h2.ultimate-wetdrill { background: url(../images/products/title-ultimate-wetcore.png) no-repeat; }

body.item div#product-details h2.plus-tiledrill { background: url(../images/products/title-plus-tiledrilling.png) no-repeat; }
body.item div#product-details h2.superior-tiledrill { background: url(../images/products/title-superior-tiledrilling.png) no-repeat; }
body.item div#product-details h2.ultimate-tiledrill { background: url(../images/products/title-ultimate-tiledrilling.png) no-repeat; }

body.item div#product-details h2.floorsaw-diamond { background: url(../images/products/diamond-floorsaw.png) no-repeat; }
body.item div#product-details h2.mortar-diamond { background: url(../images/products/diamond-mortar.png) no-repeat; }
body.item div#product-details h2.tile-diamond { background: url(../images/products/diamond-tile.png) no-repeat; }
body.item div#product-details h2.bench-diamond { background: url(../images/products/diamond-bench.png) no-repeat; }
body.item div#product-details h2.blank-grinding { background: url(../images/products/grinding-superior.png) no-repeat; }
body.item div#product-details h2.blank-abrasives { background: url(../images/products/abrasives-contractor.png) no-repeat; }
*/

/* backgrounds */
body.item div#product-scroll.grey {
	background: url(../images/products/bg-grey.png) no-repeat
}
body.item div#product-scroll.plus {
	background: url(../images/products/bg-plus.png) no-repeat
}
body.item div#product-scroll.superior {
	background: url(../images/products/bg-superior.png) no-repeat
}
body.item div#product-scroll.ultimate {
	background: url(../images/products/bg-ultimate.png) no-repeat
}
/*new products*/
body.products.newproducts div#main li {
	width: 830px;
	height: auto;
	float: left;
	background: none;
	border-bottom: solid 1px #b0b9bf;
	padding: 15px 0 15px 30px;
}
body.products.newproducts div#main li:last-child {
	border: none;
}
body.products.newproducts div#main li a {
	height: auto;
	width: 830px;
	overflow: hidden;
}
body.products.newproducts div#main li img {
	float: left;
	margin-right: 30px;
}
body.products.newproducts div#main li span {
	width: 620px;
}
body.products.newproducts div#main li span {
	font-size: 13px;
	font-weight: normal;
	padding-bottom: 12px;
	line-height: 16px;
}
body.products.newproducts div#main li span.header {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	line-height: 19px;
	padding: 0;
}

/* ---------------------------------------------------------- 
	12.SEO
-----------------------------------------------------------*/

body.seo div#main div.content {
	padding: 35px 0;
}
body.seo div#main h1 {
	color: #231F20;
	font-size: 22px;
	line-height: 25px;
	padding-bottom: 6px;
	font-weight: bold;
}
body.seo div#main h2 {
	color: #231F20;
	font-size: 16px;
	line-height: 19px;
	padding-bottom: 6px;
	font-weight: bold;
}
body.seo div#main p {
	padding-bottom: 15px;
}
body.seo div#main ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 30px;
	padding-bottom: 15px;
	padding-left: 15px;
}
body.seo div#main li {
	list-style-type: disc;
	margin-bottom: 10px;
}
body.seo div#main ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 30px;
	padding-bottom: 15px;
	padding-left: 15px;
}
body.seo div#main ol li {
	list-style-type: decimal;
}
body.seo div#main li ul, body.seo div#main li ol {
	padding-bottom: 0;
	padding-top: 10px;
}
body.seo div#main li h3 {
	color: #231F20;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	display: inline;
}
body.seo div#main li p {
	display: inline;
}
body.seo div#main strong {
	font-weight: bold;
}

/* ---------------------------------------------------------- 
	END OF CSS FILE
	When the angels from above
	fall down and spread their wings like doves
	As we walk hand in hand,
	sisters, brothers,
	we'll make it to the Promised Land
-----------------------------------------------------------*/