/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

/*@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/lightbox.css';*/
@import 'bp-compressed.css';
@import 'suckerfish.css';

/* ------ Main Layout Styles ------- */

html {
height:100%;
}

body {
font-family: Helvetica, Arial, sans-serif;
background: #333333 url('../img/bg.gif') repeat-x top;
/**/
}

h1, h2, h3 ,h4 ,h5 ,h6 {
font-style: normal;
}


#contentfield h1 {
color: #ffffff;
font-size: 3em;
font-weight: normal;
padding-bottom: 1px;
line-height: 1.2em;
}

#column1 p.teaser,#flashmessage p.teaser {
font-size: 1.3em;
color: #ffffff;
line-height: 1.2em;
}

#column1 p {
color: #c1c1c1;
line-height: 1.2em;
margin: 1 0 8px;
}

#ie6 {
display:none;
}

#submit {
padding-top: 0px;
padding-bottom: 15px;
margin-left:75px;
}

.emailsignupfield {
font-family: "Helvetica Neue",Helvetica,arial, sans-serif;
color:white;
font-weight:bold;
font-size: 12px;
padding-left:2px;
background-color:#393939;
border:0 none;
color:#cccccc;
margin-top:10px;
padding:3px 5px;
}

#signuptextfields {
margin-top: 25px;
}

/* ----- Link Styles ------ */
a {
	color:#aaa;
	text-decoration:none;
}

a:hover, a:focus {
	color:#f2840a;
	text-decoration:none;
}

.submit input { 
	background: #00d1f7; 
	color: white; 
	border: none;
}


#page {
margin: 20px 0 0 30px;
clear: both;
background: #1a1a1a url('../img/footer-border.jpg') bottom right no-repeat;
height:492px;
}

a.logo {
display:block;
width:262px;
height:89px;
float:left;
}

#video {
width:560px;
float:left;
}

#video-main {
margin-top:16px;
height:312px;
margin-bottom:8px;
}

#video-row {
height:72px;
padding:8px 4px;
width:552px;
background:#171717 url('../img/videos.jpg') 442px 21px no-repeat;
}

#video-row img {
margin-right:8px;
float:left;
}

#content {
margin-left:24px;
margin-top:16px;
width:237px;
float:left;
}

.video-screen {
position: absolute;
z-index: 1;
}

#content p, #content ul {
color:#aaa;
font-size:.92em;
margin-bottom:20px;
}

#content p.big {
color:#fff;
font-size:1.1em;}

#content h1 {
margin:0px 0 20px 0;
padding:0;
color:#fff;
font-weight:normal;}

#content h4 {
margin:0px 0 10px 0;
padding:0;
color:#fff;
text-transform:uppercase;
font-size:1em;
font-weight:normal;}

#content a.pricetag {
margin:0 0 24px 0;
display:block;}

#content ul {
line-height:1.2em;}


/* ------ Header Styles ------- */

#header {
padding: 20px 0;
height:68px;
}

#navtop {
margin-top: 27px;
float: right;
font-weight: bold;
}

#navtop a {
padding: 5px 6px 5px 6px;
font-weight:normal;
}

#navtop a:hover, #navtop a:focus  {
/*background: url('../img/navtophoverstate.jpg') repeat-x ;*/
padding: 5px 6px 5px 6px;
} 

#mainnav {
background: url(../img/mainnav.jpg) bottom center no-repeat;
height: 46px;
width: 824px;
}

#mainnav a {
font-family: "Helvetica Neue";
padding: 12px 17px;
font-size: 1.1em;
display: block;
float: left;
height:23px;
text-align:center;
position:relative;
outline: none;
}

#mainnav a:hover, #mainnav a:focus  {
color: #f2840a;
background: url(../img/navhoverbutton_hover2.png) no-repeat center;
}

#mainnav a.selected:hover, #mainnav a.selected:focus  {
color: #f2840a;
background: url(../img/navhoverbutton_hover.png) no-repeat center;
}

#mainnav a div.popup {
	left: 						0;
	width: 						inherit;
	height:0px;
	margin:0 0 69px 0px;
	padding:20px 12px 0px 12px;
	z-index: 55;
	position: absolute;
	background:url(../img/popup_bg.png);
	bottom:-22px;
	display:block;
}

#mainnav a:hover div.popup, #mainnav a.sfhover div.popup {
	left: 						0;
	display:					block;
}

#mainnav a:hover div.popup, #mainnav li a:hover div.popup, #mainnav a.sfhover div.popup, #mainnav a.sfhover div.popup {
	left: 0;
	display:					block;
}

#exploretab {
float: left;

}

.selected {
background: url(../img/navhoverbutton.png) no-repeat bottom center;
color: #f2840a;
}

/* ------- Sidebar styles ------- */

#sidebar {
font-size: .85em;
}

/* ------ Footer Styles --------- */



#footer {
margin:3px 0 0 30px;
color:#393939;
font-size:0.92em;
clear:both;
padding-top: 10px;

}

.footer-right {
float: right;
color: #4d4d4d;
}

.footer-left {
float: left;
color: #808080;
}

.footer-left a {
color: #808080;
}

.footer-right a {
color: #4d4d4d;
}

#footer a:hover {
color:#f2840a;}

#footer p {
margin-bottom:0px;}

#footer ul {
margin:0px;}

#footer ul li {
float:left;
list-style-type:none;
margin-right:16px;}


/* ------ Home Div Styles ------- */

#homePhoto {
margin-bottom: 10px;
}

/* ------ Inner Div & Tool Styles ------*/



#column1 {
float: left;
width: 250px;
padding-right: 20px;
}

#productimage {
padding-top: 15px;
padding-bottom: 20px;
float: left;
}

#contentfield {
padding-left: 25px;
float: left;
padding-top: 15px;
}

#contentfield a {
color: #FFF;
}

#contentfield a:hover {
color: #f2840a;
}

#contentfield ul {
line-height:1.2em;
color: #AAAAAA;
font-size: 0.92em;
}

#column2 {
float: left;
width: 236px;
padding-left: 18px;
}

#columnWide {
float: left;
width: 480px;
padding-left: 18px;
}

#contact-scroller {
width:480px;
height:500px;
}

.inner-scroller {
width:774px;
overflow:auto;
height:325px;
}

#contactemailform {
margin: -15px 0px 10px 0px;
}

#imagesquares {
padding: 16px 13px 13px 16px;
margin-top: 23px;
height: 210px;
width: 210px;
background-color: #161616;
}

#shadowsquare {
float: left;
margin: 0px 4px 3px 0px;
background: url(../img/shadowsquare.jpg) no-repeat 4px 3px;
width: 100px;
height: 100px;
}

.last { 
margin: 0px;
}

.scroll-fade {
bottom:0px;
right:8px;
height:50px;
position:absolute;
width:100%;
z-index:1000;
background: url('../img/fade.png') bottom left repeat-x;
}

#contactus .scroll-fade {
right:39px;
}
.scroll-spacer {
width:100%;
height:50px;
clear:both;
}
.csw {width: 50px; height: 20px; background: #fff; overflow: hidden;}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: none; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 824px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 445px;
	clear: both;
	background: transparent;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	-moz-user-select: none; /* Stops the panels from highlighting/selecting, which I found problematic in Firefox. Also stops the CSS from validating though. Oh well. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	width: 824px; /* Also specified in  .stripViewer  above */
	height: 100%;
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
}

.stripNav { display: none }

ul#videos {
list-style-type:none;
margin:0;
}
.video-container {
height:72px;
width:442px;
overflow:hidden;
}

ul#videos li img {
margin:0 4px;
}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 137px;
    height: 72px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
    margin-left:5px;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
    margin-right:5px;
    margin-left:5px;
}


.jcarousel-prev {
width:8px;
height:72px;
background:url('../img/videos-l.jpg') left center no-repeat;
cursor:pointer;
float:left;
}

.jcarousel-prev-hover {
background:url('../img/videos-l-hov.jpg') left center no-repeat;
cursor:pointer;
height:72px;
width:8px;
}

.jcarousel-next {
width:8px;
height:72px;
cursor:pointer;
background:url('../img/videos-r.jpg') right center no-repeat;
float:right;
}

.jcarousel-next-hover {
background:url('../img/videos-r-hov.jpg') right center no-repeat;
cursor:pointer;
height:72px;
width:8px;
}

.specs {
font-size: 0.80em;
text-transform: uppercase;
clear: both;
}

.secondary-pages {
width:824px;
height:429px;
position:absolute;
margin:8px 0px;
border-top:1px solid #393939;
border-bottom:1px solid #393939;
top:192px;
z-index:100;
background:url('../img/secondary-page-overlay.png') repeat;}

#contactus label.generic {
clear:both;
float:left;
width:100px;
margin-right:5px;
padding-top:16px;
color:#C1C1C1;
}

#contactus .field {
float:left;
width:332px;
color:#1A1A1A;
border:0px;
background-color:#393939;
margin-top: 15px;
padding:3px 5px;
}
label.error {
background-color:#FF5E1C;
color:#FFFFFF;
font-weight:bold;
border:0px;
left:51%;
padding:3px 6px;
position:fixed;
top:207px;
width:340px;
}

#flashmessage .error {
background-color:#FF5E1C;
color:#FFFFFF;
font-weight:bold;
border:0px;
padding:3px 6px;
}

#flashmessage .success {
background-color:#54B500;
color:#FFFFFF;
font-weight:bold;
border:0px;
padding:3px 6px;
}

label.error.checked {
background:transparent url(../img/check-small.png) no-repeat scroll right center;
color:#FFFFFF;
float:left;
font-weight:normal;
height:22px;
padding:2px 0 2px 4px;
position:static;
width:16px;
border:0px;
margin-bottom:0px;
margin-top:15px;
}

#contactus #columnWide {

margin-top:-50px;
}

#contactus textarea {
height:80px;
float:left;
color:#1A1A1A;
border:0px;}


#contactus input.submit {
background: url('../img/button-bg.png') right top no-repeat !important;
color:#fff;
text-shadow:#1A1A1A 1px 1px 1px;
font-size:13px;
padding:4px 10px 4px 5px;
height:30px;
float:right;
width:auto;
margin:8px 8px 0 0;
cursor:pointer;
border:0px;
}

#contactus input.subscribe {
background: url('../img/button-bg.png') right top no-repeat !important;
color:#fff;
text-shadow:#1A1A1A 1px 1px 1px;
font-size:13px;
padding:4px 10px 4px 5px;
height:30px;
float:left;
width:auto;
margin:8px 8px 0 0;
cursor:pointer;
border:0px;
}



#checkmark {
left:-60px;
position:relative;
top:-46px;
}

#flashmessage {
margin-left:105px;
margin-right:25px;}

.sp-close {
background:url('../img/closesquare.jpg') top right no-repeat;
height:25px;
width:25px;
position:absolute;
right:0px;
top:0px;
cursor:pointer;
}

.highlight {
	background-color: #E2D405;
	color: #333;
	padding: 2px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}

#column1 h4 {
	color: #FFF;
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 10px;
	padding: 0;
	text-transform: uppercase;
}

#recaptcha-wrapper {
clear:both;
height:130px;
margin-left:105px;
padding-top:10px;
width:320px;}

.orange {
	color: #f2840a;
	font-weight: bold;
	}
	
.excerpttag, .excerpt {
	color: #C1C1C1;
	line-height: 1.2em;
	font-style: italic; 
	}


/* ------ Press Room Styles ------*/

#pressroomheader {
background: url("../img/headerslice.png") repeat-x 0 0;
height: 152px;
}



#sash {position:absolute;top:0;left:0;background:url('../img/sash.png') top left no-repeat;width:207px;height:166px;display:block;}

#mainnav #navnew {
	position: relative;
	top: -10px;
	left: 750px;
	width: 50px;
	height: 25px;
	background: url('../img/new.png');
	display: block;
	z-index: 10000;
}