html/* Resets Browser Styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
.clear{clear:both;}


/*LAYOUT*/
html body {background:#1e110d url(images/bg.jpg) center top repeat-x; color:#fff;}
html body.inner {background:#1e110d url(images/bgi.jpg) center top repeat-x;}
#wrapper {background:url(images/hdr.jpg) center top no-repeat; min-width:960px;}
html body.inner #wrapper {background:url(images/hdri.jpg) center top no-repeat;  }

#navwrapper {width:960px; margin:0 auto; position:relative; height:465px;}
body.inner #navwrapper {width:960px; margin:0 auto; position:relative; height:245px;}

.hiw {display:block; width:283px; height:82px; background:url(images/btnhiw.png) left bottom no-repeat; position:absolute; top:286px; left:593px; text-decoration:none;}
.hiw:hover {background-position:left top;}

#topnavigation {display:block; margin:0; padding:0; list-style-type:none; float:right; margin-top:10px;}
#topnavigation li {float:left; margin:0 2px;}
#topnavigation li a{color:#fff; display:block; float:left; font-size:14px; text-decoration:none; line-height: 26px; height:26px;}
#topnavigation li a span{display:block; float:left;  height:26px; padding-right: 8px; margin-left:8px; cursor:pointer;}
#topnavigation li a:hover, #topnavigation a.current-page {background:url("images/navhlt.png") no-repeat left;}
#topnavigation li a:hover span, #topnavigation a.current-page span {background:url("images/navhlt.png") no-repeat right;}

#footer {clear:both; width:960px; background:url(images/footer.png) center top no-repeat; height:45px; margin:10px auto;}

#footer ul {list-style-type:none; float:left; margin-top:14px;}
#footer ul li {float:left; }
#footer ul li a {display:block; color:#fff; text-decoration:none; margin:0 4px;}
#footer ul li a:hover {color:#d9bbe0;}

#footer .copyright {float:right; margin-top:14px; margin-right:20px;}

.designed-by {width:940px; margin: 0 auto 30px; font-size:10px; color:#534c4a;}
.designed-by a {color:#6e5852;}
.designed-by a:hover {color:#866f69;}


/* product macro piece */
.product {border-bottom:1px solid #e0e0e0; padding-bottom:50px; padding-top:18px;}
.product h2 {color:#571bc1; font-weight:bold; font-size:18px;}
.product img {float:left; margin:10px 20px;}

.distro {border-bottom:1px solid #e0e0e0; padding-bottom:30px; padding-top:18px; padding-left:30px;display:block;}
.distro h4 {margin-bottom:0.5em;}



.btnWrap {float:right; }
a.productlabel {float:left; text-decoration:none; width:149px; height:31px; display:block; background:url(images/sprites.png) -880px -26px no-repeat; }
a.productlabel:hover {background:url(images/sprites.png) -1029px -26px no-repeat; height:31px; display:block; overflow:hidden;}
a.msds {float:left; text-decoration:none; width:136px; height:31px; display:block; background:url(images/sprites.png) -1178px -26px no-repeat;}
a.msds:hover {background:url(images/sprites.png) -1314px -26px no-repeat; height:31px; display:block; overflow:hidden;}


.whitebox h2 {color:#571bc1; font-weight:bold; font-size:16px; margin-bottom:0.5em;}


/* result image boxes */
.resultImages {margin:0; padding:0; list-style-type:none;}
.resultImage {display:block; float:left; height:225px; width:244px; margin:8px;}
.resultImage p {text-align:center; position:relative; top:186px;}

#content {width:960px; margin: 0 auto; /*padding-top:465px; */}
/*body.inner #content {margin-top:20px;}*/

body.inner #content {width:960px; margin: 0 auto; /*padding-top:245px;*/ padding:0;}

.narrow { margin-left:220px; width:480px; padding-bottom:30px;}
.narrow p {font-size:12px;}
.narrow h2 {margin-bottom:1em;}
.left-col {float:left; width:610px; margin-left:28px;}
.right-col {float:right; width:320px; padding-top:60px; font-size:12px;}
.right-col p {padding-right:30px; font-size:12px; line-height:1.5em;}
.right-col a {color:#8f9d0d;}
.right-col a:hover {color:#a8b80e;}



/* whitebox */

.whitebox { color:#202020; width:564px; background: url(images/wbgy.png) center top repeat-y;  margin-bottom:30px;}
.wtop {height:21px; background:url(images/sprites.png) -880px 0 no-repeat;}
.wbottom {height:21px; background:url(images/sprites.png) -1444px 0 no-repeat;}
.wbinner {padding:0 20px;}	


/* greenbox */


.greenbox {margin-left:6px; width:284px;  background:url(images/gbbgy.png) center top repeat-y; }
.gtop {height:13px; background:url(images/sprites.png) 0 0 no-repeat; display:block;}
.greenbox h2 {color:#fff; padding:0 0 10px 20px; background:url(images/sprites.png) -560px 10px no-repeat;}
.greenbox ul {list-style-type:none;}
.greenbox li {background:url(images/sprites.png) -284px 1px no-repeat; padding-left:18px;margin-bottom:1.5em;}
.gbottom {height:13px; background:url(images/sprites.png) 0 -13px no-repeat;}
	
/* FONTS standards */
body {font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {color: #ffe32a; font-weight: 500;}
.whitebox h1, .whitebox h2, .whitebox h3, .whitebox h4, .whitebox h5, .whitebox h6 {color: #571bc1; font-weight:bold;}
h1 {font-size:26px; line-height: 1; margin-bottom:0.5em; font-weight: normal; letter-spacing: -1px; }
h2 {font-size:25px; margin-bottom:0.75em;}

h3 {font-size: 18px;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em; font-size: 11px; line-height:1.4em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a.nextstep {font-size:16px; font-weight:bold; color:#8f9d0d;}
a.nextstep:hover {color:#a8b80e;}


/* LINKS standards */
a:focus, a:hover {color:#000;}
a {color: #14223E;text-decoration:underline;}
h1 a{color: #666; text-decoration: none;}

/* ELEMENTS standards */
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* FORM ELEMENTS */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error ul{margin-bottom: 0; padding-bottom: 0;}













































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */