/* GLOBAL NAV */
@import url("nav.css");

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; padding: 0; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

.search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg, 
#productheader h1 a, #productheader h2 a { margin: 4px; padding: 3px; }

input, select { 
margin: 4px;
padding: 3px; 
width: auto;
background-color: #222; 
color: #fff;
font-size: 14px;
border-style: solid;
border-width: 1px;
border-color: #999;
}

table { border-spacing: 5; }

img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

#banner { display: block; margin-top: 0px; position: relative; top: -20px;  }
#banner img { display: block; margin-left: auto; margin-right: auto; }
img.banner2 { display: block; margin-left: auto; margin-right: auto }


#container { width: 800px; margin: 0 auto; margin-bottom: 50px; position: relative; }
#body-sub { width: 800px; margin: 0 auto; margin-top: 30px; position: relative; }
#body-sub-faq { width: 800px; margin: 0 auto; margin-top: 30px; position: relative; }
#body-sub-faq h3 { margin-bottom: 12px; font-size: 16px; }
#body-head h1 { color: #fff; }
#body-head h2 { color: #ccc; }
#buybutton { position: absolute; left: 670px; top: 25px; }
#float-right { float: right; margin: 40px 0px 15px 20px; width: 150px; }
#float-right .review { display: block; font-family: "Geneva", "Lucida Grande", "Helvetica", Arial, Verdana, sans-serif; 
color: #999; font-size: 8pt; margin-top: 50px; }
#float-right .sig { display: block; font-family: "Geneva", "Lucida Grande", "Helvetica", Arial, Verdana, sans-serif; 
color: #ccc; font-size: 8pt; text-align: right; margin-bottom: 100px; }

#caption-link { text-align: center; margin-bottom: 20px; font-size: 9pt; }
#caption-link a { color: #b6e3f2; }
#caption-link a:hover { color: #fff; text-decoration: none; }

blockquote { width: 600px; display: block; margin-left: auto; margin-right: auto; }

/* TYPE */
body { font: 14px/20px "Lucida Grande", "Lucida Sans Unicode", "Helvetica", Arial, Verdana, sans-serif; background-color: #222; color: #ccc; }

a { color: #66ccff; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }

p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: auto; color: #fff; text-shadow: #000 0px 2px 2px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: auto; color: #fff; text-shadow: #000 0px 2px 2px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px;  margin-bottom: auto; color: #fff; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }
.more { text-align: right;}

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.copyright { margin-left: 0; padding-left: 2em; }

ul.square-spaced { margin-left: 2em; list-style: square outside; }
ul.square-spaced li { margin-top: 4px; margin-bottom: 15px; }
ul.square-spaced ul.square { margin-top: 2px; margin-bottom: 15px; }
ul.square-spaced ul.square li { margin-top: 2px; margin-bottom: 2px; }

ol.spaced { margin-left: 2em; list-style: decimal; }
ol.spaced li { margin-top: 4px; margin-bottom: 15px; }

#bullet-spaced ul li { margin-bottom: 20px; }

.medium  {
  font-size: 12px;
  font-family: "Lucida Grande","Helvetica","Arial" ;
  font-weight: normal;
  line-height: 14px;
  color: #aaa;
}
.bodybold   {
  font-size: 14px;
  font-family: "Lucida Grande","Helvetica","Arial" ;
  font-weight: normal;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
}
.tiny   {
  font-size: 10px;
  font-family: "Lucida Grande","Helvetica","Arial" ;
  font-weight: normal;
  line-height: 12px;
  margin-left: 2px;
  color: #aaa;
}
.mini   {
  font-size: 11px;
  font-family: "Lucida Grande","Helvetica","Arial" ;
  font-weight: normal;
  line-height: auto;
  color: #ccc;
}
p.home	{
	padding-bottom: 10;
}
.center { display:block; margin-left: auto; margin-right: auto; }

.last { margin-bottom: 0; }


.imagerow-right { margin: 0px; margin-bottom: 0px; clear: both; width: 760px; position: relative; left: +40px; }
.imagerow-left { margin: 0px; margin-top: 0px; clear: both; width: 760px; position: relative; }
.imagerow-right p { text-align: center; position: relative; top: 20px; }
.imagerow-left p { text-align: center; position: relative; top: 30px; }
.imagerow-right img { float: right; display: block; margin-right: 0px; margin-left: auto; margin-top: 0px; margin-bottom: 0px; }
.imagerow-left img { float: left; display: block; margin-right: auto; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }

.more-right { clear: both; text-align: right;  position: relative; top: +40px; height: +50px; }

.right { clear: both; text-align: right; }

#main .sidebar { font-size: 10px; line-height: 18px; color:#686868; }
#main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; }

#buzz .usercomment { display: block; margin-bottom: 100px; margin-left: 50px; margin-right: 50px; margin-top: 50px; clear: right; text-indent: 30px; }
#buzz .usercomment h1, h2, h3, h4, h5 { text-indent: 0px; }
#buzz .sig { display: block; color: #999; font-size: 10pt; font-style: italic; float: right; width: auto; margin-right: 80px; margin-top: 10px; margin-bottom: 30px; text-indent: 0px; }
#buzz img { display: block; float: right; margin-left: 20px; margin-bottom: 20px; margin-top: 10px; }
#buzz .left { display: block; float: left; margin-left: 0px; margin-right: 20px; margin-bottom: 20px; margin-top: 10px; }
#buzz .right { text-align: right; clear: both; }

#buzz blockquote { 
margin-top: 20px;
font-style: italic;
display: block;
padding: 0 60px;
text-indent: 0px;
}
#buzz blockquote:before, blockquote:after {
color: #555;
display: block;
font-size: 600%;
width: 50px;
}
#buzz blockquote:before {
content: "“";
height: 0;
margin-left: -0.55em;
position: relative;
top: +20px;
}
#buzz blockquote:after {
content: "";
height: 5px;
margin-top: -70px;
margin-left: 580px;
}


/* PRODUCTHEADER */
#productheader { position: relative; overflow: hidden; width: 900px; margin: 20px auto; margin-top: -20px; text-align: center !important; height: auto; }
#productheader ul { display: inline; }
#productheader ul { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Verdana, sans-serif; }
#productheader ul { font-size: 18px; font-weight: 300; line-height: auto; }
#productheader ul li { display: inline; margin-left: 20px; margin-right: 20px; }
#productheader ul li a { color: #b6e3f2; float: center !important; padding: 0; text-decoration: none; }
#productheader ul li a:hover { color: #fff; }
#productheader ul li a:active { color: #999; }
#productheader.overview #productnav li#pn-overview a { color: #fff; } 
#productheader.userbuzz #productnav li#pn-userbuzz a { color: #fff; } 
#productheader.outputs #productnav li#pn-outputs a { color: #fff; } 
#productheader.controllers #productnav li#pn-controllers a { color: #fff; } 
#productheader.faq #productnav li#pn-faq a { color: #fff; } 


/* PIPED LINKS */
.piped { display: block; zoom: 1; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { float: left; display: inline; }
.piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

/*--- Global Footer ---*/
#globalfooter { width: 900px; color: #888; font-size: 12px; margin: 18px auto; padding-bottom: 36px; text-align: left !important; }
#globalfooter { font-family: "HelveticaNeue-Normal", "Helvetica Neue Normal", "Helvetica Neue", Arial, Verdana, sans-serif; }
#globalfooter h5 { font-size: 10px; line-height: normal; margin-bottom: +5px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
#globalfooter a { color: #b6e3f2; }
#globalfooter a:hover { color: #fff; text-decoration: none; }
#globalfooter p { margin-bottom: 1em; }
#globalfooter ul.piped a { padding: 0 0 0 1.5em; margin-left: 1.5em; border-left: 1px solid #888; }
#globalfooter .gf-links { float: right; margin: 0px 3px 9px 0; }
#globalfooter .gf-copyright { clear: both; width: 100%; border-top: 1px solid #888; padding-top: 9px; }
#globalfooter .gf-copyright a { padding: 0 10px; }
#globalfooter .gf-copyright p { float: left; margin-left: 3px; }
#globalfooter form { margin: 18px 10px; }

/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }