@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */

/*	-------------------------------------------------------------
	NOTIFICATIONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.warning p { padding: 10px 0 0 0; margin: 0; }
div.warning { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
div.warning { color: #9F6000; background-color: #FEEFB3; background-image: url("../../images/icons/warning.png"); }



/*	-------------------------------------------------------------
	COLORS SCHEME
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


	Blue: #5381ac
	Light Gray: #909090
	Dark Gray: #484747
	Borders: #efefef
	Grey Background: #d6d6d6


*/

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media screen, projection {

/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline; }

html { overflow-y: scroll; }

body { line-height: 1; }

ul,
ol { list-style-type:none; margin: 10px 0 13px 5px; padding:0; }

ul li,
ol li { line-height:1.7; margin: 0 0 2px 0; padding:0; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.rule { border-bottom: 1px solid #efefef; margin: 0 0 15px 0; padding: 15px 0 0 0; }
.break { border-bottom: 1px solid #efefef; margin: 15px 0 15px 0; }

.clearfix { display:inline-block; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* Hide from IE Mac \*/
	.clearfix { display:block; }
/* End hide from IE Mac */

.hide { display: none; }
.clear {clear:both;}
.alr { float: right; }
.all { float: left; margin: 0 10px 15px 10px; }

/*	-------------------------------------------------------------
	BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html { font-size: 100%; }

body {
	font: 12px/18px 'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #666;
	line-height: 1.7em;
	background: #d6d6d6 url("../../images/bg_body.png") no-repeat top center; }

/*	-------------------------------------------------------------
	LISTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.main-content ul li { font-size:0.9em; padding:0 0 0 23px; background: transparent url("../../images/list_bullet.gif") no-repeat 5px 5px; }

.main-content .pdf { background: url("../../images/icons/pdf_bullet.png") no-repeat 0 1px; }
.main-content .firmware { background: url("../../images/icons/firmware_bullet.png") no-repeat 0 1px; }
.main-content .software { background: url("../../images/icons/software_bullet.png") no-repeat 0 1px; }
.main-content .video { background: url("../../images/icons/video_bullet.png") no-repeat 0 1px; }
.main-content .support { background: url("../../images/icons/support_bullet.png") no-repeat 0 1px; }
.main-content .device { background: url("../../images/icons/device_bullet.png") no-repeat 0 1px; }
.main-content .wifi { background: url("../../images/icons/wifi_bullet.png") no-repeat 0 1px; }
.main-content .usb { background: url("../../images/icons/usb_bullet.png") no-repeat 0 1px; }
.main-content .pccard { background: url("../../images/icons/pccard_bullet.png") no-repeat 0 1px; }
.main-content .twitter { background: url("../../images/icons/twitter.png") no-repeat 0 1px; }
.main-content .facebook { background: url("../../images/icons/facebook.png") no-repeat 0 1px; }
.main-content .rss { background: url("../../images/icons/rss.png") no-repeat 0 1px; }
.main-content .url { background: url("../../images/icons/url_bullet.png") no-repeat 0 1px; }
.main-content .info { background: url("../../images/icons/info_bullet.png") no-repeat 0 1px; }
.main-content .warn { background: url("../../images/icons/warning_bullet.png") no-repeat 0 1px; }


/*	-------------------------------------------------------------
	LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a { color:#5381ac; margin: 0; outline: 0; } /* was #47add9 */
a, a:visited, a:active { text-decoration: none; }
a:hover { color: #484747; text-decoration: underline; }
.active { color: #484747; }

/* --------------------------------------------------------------
	IMAGES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

.border { padding:5px; border:1px solid #909090; margin: 5px 0; }
.inset { margin: 10px; }
.gallery { margin: 0 0 20px 0; }
	
/*	-------------------------------------------------------------
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

p { font-size:0.9em; margin:0 0 17px 0; line-height: 1.6em;}

blockquote { font-style: italic; color: #484747;  }

h1, h2, h3, h4, h5, h6 {
	font-family:'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #333;
	line-height: 100%; }

h1 { font-size:2.5em; color:#5381ac; font-weight: normal; margin: 0 0 10px 0; }


h2 {
	font-size:1.5em;
	color:#343434;
	font-weight: normal;
	margin: 20px 0 0 0;
	line-height: 1.5em; }

.smltitle { margin-top: 0; }

.c41 h2 { font-size: 1.45em; margin-top: 0px; }
.c42 h2 { font-size: 1.45em; margin-top: 0px; }
.c43 h2 { font-size: 1.45em; margin-top: 0px; }
.c44 h2 { font-size: 1.45em; margin-top: 0px; }
.c31 h2 { font-size: 1.45em; margin-top: 0px; }
.c32 h2 { font-size: 1.45em; margin-top: 0px; }
.c33 h2 { font-size: 1.45em; margin-top: 0px; }
.grid-left h2 { font-size: 1.45em; margin-top: 0px; }
.grid-right h2 { font-size: 1.45em; margin-top: 0px; }

h3 {
	font-size:1.3em;
	color:#5381ac;
	font-weight: normal;
	margin: 0 0 10px 0; }

h4 {
	font-size:1.1em;
	color:#484747;
	font-weight: normal;
	margin: 25px 0 10px 0; }

ul.nolist,
ol.nolist { margin:0 0 13px 5px; padding:0; }

ul.nolist img { padding-right: 10px; }

ul.nolist li,
ol.nolist li { list-style:none; background: none !important; }

/*	-------------------------------------------------------------
	GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.wrapper {
	position: relative;
	width:977px;
	margin: 0 auto; }

.header {
	position:relative;
	height: 80px;
	width: 977px;
	margin: 0 auto 0 auto; }

.content-top {
	width:977px;
	height:15px;
	margin:20px auto 0 auto;
	background: url("../../images/bg_content_top.png") no-repeat left bottom; }

.content {
	width:977px;
	padding:0;
	margin:0 auto;
	background: url("../../images/bg_content.png") repeat-y left top; }

.content-btm {
	width:977px;
	height:15px;
	margin:0 auto;
	padding:0;
	background: url("../../images/bg_content_btm.png") no-repeat left top; }

.content-header {
	position:relative;
	width: 977px;
	margin:25px auto 20px auto;
	text-align: center; }

.main-content {
	position: relative;
	width:913px;
	margin:0 auto;
	padding: 15px; }

.left, .right { float:left; width: 425px; }
.right { margin:0 0 0 50px; }

.grid-left { float:left; width: 430px; padding-right: 25px; }
.grid-right { float:right; width: 430px; padding-left: 25px; }
.bd { border-right: 1px solid #efefef; }

.sidebar { float:left; width: 200px; margin:0 35px 0 0; }

.indent { padding: 0 0 30px 90px; }
.indent h2 { margin-top: 0px; }

.col-left { float:left; width: 270px; padding-right: 10px; border-right: 1px solid #efefef; }

.col-right { float:right; width: 620px; }

.blocks { float: left; width: 205px; height: 110px; margin: 0 0 10px 0; position: relative; }
.blocks img { max-width: 125px;}
.product { width: 100%; text-align: center; position: absolute; bottom: 20px;  }
.label { display: block; width: 100%; bottom: 0; position: absolute; text-align: center; }

.c21 { float: left; width: 586px; border-right: 1px solid #efefef; padding: 0 25px 0 0; }
.c22 { float: right; width: 275px; padding: 20px 0 0 0; }

.c31, .c32, .c33 { float: left; width: 275px; border-right: 1px solid #efefef; margin: 10px 0 0 0; }

.c31 { margin: 0 10px 0 0; padding: 0 20px 0 0; }
.c32 { margin: 0 10px 0 10px; padding: 0 20px 0 0; }
.c33 { margin: 0 0 0 10px; border-right: none; }

.c41, .c42, .c43, .c44 { float: left; width: 215px; border-right: 1px solid #efefef; margin: 0; }
.c41 { margin: 0 5px 0 0; }
.c41 p { margin-right: 10px; }
.c42 p { margin-right: 10px; }
.c43 p { margin-right: 10px; }
.c44 p { margin-right: 10px; }
.c42, .c43 { margin: 0 5px 0 5px; }
.c44 { margin: 0 0 0 5px; border-right: none; }

.icons { text-align: center; padding-left: 25px; }
.iconnav img { padding: 5px 10px 5px 0; }
.iconnav p { margin-bottom: 0; }
/*	-------------------------------------------------------------
	INTERFACE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* HEADER */
.logo { padding: 38px 0 0 5px; }
.logo_anniversary { padding: 5px 0 0 10px; }

.header h1 a {
	font-family:'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#333;
	text-shadow: 1px 1px 0 #fff;
	position:absolute;
	top:43px;
	left:10px;
	margin:0;
	padding:0;
	height:41px; }

.header .nav {
	position:absolute;
	top:31px;
	right:25px;
	margin:0;
	padding:0; }

.header .nav li {
	position: relative;
	float:left;
	width:auto;
	padding:0 5px !important;
	background:transparent; }

.header .nav li a {
	font-family:'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	position: relative;
	display:block;
	color:#7a7a7b;
	font-size:1.4em;
	padding:15px 10px 10px 10px;
	text-shadow: 0 1px 0 #fff;
	background:transparent; }

.header .nav li a:hover { color:#5381ac; text-decoration: none; }

.header .nav li a.selected { color:#5381ac; }

.taglabel {
	color:#fff;
	padding:10px 13px;
	font-size:12px;
	font-weight: bold;
	margin:0 10px 0 0;
	background:#909090;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }

.btnlink { padding:15px 0 15px 5px; }
.btnlink a {
	color:#fff;
	padding:10px 13px;
	font-size:12px;
	font-weight: bold;
	margin:0 10px 0 0;
	background:#5381ac;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }
.btnlink a:hover { text-decoration: none; color:#fff; text-shadow: 0 1px 0 #000; background:#343434; }

.dlrlink { padding:15px 0 15px 5px; }
.dlrlink a {
	color:#fff;
	padding:10px 10px 10px 37px;
	font-size:12px;
	font-weight: bold;
	margin:0 10px 0 0;
	background: #5381ac url("../../images/icons/icon-dealers.png") no-repeat 9px 9px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }
.dlrlink a:hover { text-decoration: none; color:#fff; text-shadow: 0 1px 0 #000; background: #343434 url("../../images/icons/icon-dealers.png") no-repeat 9px 9px; }

.rprlink { padding:15px 0 15px 5px; }
.rprlink a {
	color:#fff;
	padding:10px 10px 10px 34px;
	font-size:12px;
	font-weight: bold;
	margin:0 10px 0 0;
	background: #5381ac url("../../images/icons/icon-repairs.png") no-repeat 11px 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }
.rprlink a:hover { text-decoration: none; color:#fff; text-shadow: 0 1px 0 #000; background: #343434 url("../../images/icons/icon-repairs.png") no-repeat 11px 10px; }

.manlink { padding:15px 0 15px 5px; }
.manlink a {
	color:#fff;
	padding:10px 10px 10px 28px;
	font-size:12px;
	font-weight: bold;
	background: #5381ac url("../../images/icons/icon-manuals.png") no-repeat 10px 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }
.manlink a:hover { text-decoration: none; color:#fff; text-shadow: 0 1px 0 #000; background: #343434 url("../../images/icons/icon-manuals.png") no-repeat 10px 10px; }

.tnlink { padding:15px 0 15px 5px; }
.tnlink a {
	color:#fff;
	padding:10px 10px 10px 29px;
	font-size:12px;
	font-weight: bold;
	background: #5381ac url("../../images/icons/icon-technotes.png") no-repeat 10px 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }
.tnlink a:hover { text-decoration: none; color:#fff; text-shadow: 0 1px 0 #000; background: #343434 url("../../images/icons/icon-technotes.png") no-repeat 10px 10px; }

.movlink { padding:15px 0 15px 5px; }
.movlink a {
	color:#fff;
	padding:10px 10px 10px 35px;
	font-size:12px;
	font-weight: bold;
	margin:0 10px 0 0;
	background: #5381ac url("../../images/icons/icon-movie.png") no-repeat 12px 9px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }
.movlink a:hover { text-decoration: none; color:#fff; text-shadow: 0 1px 0 #000; background: #343434 url("../../images/icons/icon-movie.png") no-repeat 12px 9px; }

.dllink { padding:15px 0 15px 5px; }
.dllink a {
	color:#fff;
	padding:10px 10px 10px 30px;
	font-size:12px;
	font-weight: bold;
	margin:0 10px 0 0;
	background: #5381ac url("../../images/icons/icon-download.png") no-repeat 10px 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }
.dllink a:hover { text-decoration: none; color:#fff; text-shadow: 0 1px 0 #000; background: #343434 url("../../images/icons/icon-download.png") no-repeat 10px 10px; }

/* MAIN CONTENT */

.main-content .title  { height: 100px; margin:0 0 20px 0; }

.title { background: transparent url("../../images/bg_title.png") no-repeat top left;}

.main-content .title h1  {
	font-family:'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size:3em;
	color:#343434;
	letter-spacing: -2px;
	margin:0;
	padding:0 0 0 0; }

.main-content .title h2  {
	font-family:'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size:16px;
	color:#5381ac;
	letter-spacing: -1px;
	margin:0;
	padding:0; }

.tags { position: absolute; top: 30px; right: 8px; height: 65px; }

.awards { position: absolute; top: 0px; right: 0px; height: 65px; }
.awards img { padding: 20px 0 0 15px; height: 65px; }
#awards img { padding-right: 10px; }

/* SIDEBAR */

ul.subnav {
	padding:0;
	margin:0 0 20px 0; }

ul.subnav li  {
	display:block;
	padding: 3px 0;
	background: none; }

ul.subnav li a {
	display:block;
	font-size: 1.1em;
	padding:12px 10px 3px 10px;
	text-align: left;
	border-top:1px solid #efefef;
	color: #919394; }

ul.subnav li a:hover, ul.subnav li a.selected {
	color: #5381ac; text-decoration: none; }

ul.subnav li:first-child a  {
	padding-top:0;
	display:block;
	border-top:0px solid #efefef; }

/*  FORMS  */

.form form {
	padding:0 0 0 0;
	margin:0 auto; }

.form div {
	float:left; }

.form label {
	font-size:11px;
	text-align: left;
	display: block;
	width: 100%;
	float:left;
	text-transform: uppercase;
	padding: 5px 0 0 0; }

.form input[type="text"] {
	font-family:'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #666;
	display:block;
	float: left;
	width:250px;
	height:23px;
	padding:6px 4px 0px 4px;
	font-size:1em;
	border:2px solid #ccc;}
	
.shortinput { width: 75px !important; margin-right: 20px !important; }

.form textarea {
	font-family:'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #666;
	display:block;
	width:250px;
	height:80px;
	padding:6px 4px 0px 4px;
	font-size:1em;
	border:2px solid #ccc;
	resize:none; }

.form button {
	display:block;
	float:left;
	height:31px;
	padding:0 5px;
	margin:21px 0 0 2px;
	border:1px solid #5381ac;
	font-size:12px;
	font-weight: bold;
	color:#fff;
	text-align:center;
	line-height:25px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	background:#5381ac; }

.form button:hover {
	color:#fff;
	cursor: pointer;
	text-shadow: 0 1px 0 #000;
	border:1px solid #343434;
	background:#343434; }

/* Nice looking steps */

#step { margin: 10px 0; padding: 0; }
#step li { padding: 3px 0 6px 110px; margin: 0 0 20px; list-style: none; }
#step span { font: bold 200%/100% 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; color: #666; }
#step p { margin-top: 10px; }
#step .item1 { background: url(../../images/step1.png) no-repeat; }
#step .item2 { background: url(../../images/step2.png) no-repeat; }
#step .item3 { background: url(../../images/step3.png) no-repeat; }
#step .item4 { background: url(../../images/step4.png) no-repeat; }

/*	-------------------------------------------------------------
	TABLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

table { border-collapse: collapse; border-spacing: 0; }
.table-a {
	width: 100%;
	height: auto;
	margin:0 0 40px 0;
	float:right; }
.table-a caption {
	font-family:'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size:20px;
	color: #333;
	margin:10px 0 0 0;
	padding:0;
	text-align: left; }
.table-a thead {
	height:30px;
	line-height: 30px; }
.table-a thead th {
	color:#666;
	text-align: left;
	text-transform: uppercase;
	font-size: 14px;
	padding:0 0 0 10px;
	border-bottom: 2px solid #e9e9e9; }
.table-a tbody { font-size:0.9em; background:#fcfcfc; }
tr.alt { background-color:#e9e9e9; }
.table-a td {
	padding:10px;
	color:#666;
	font-weight: normal;
	vertical-align: middle;}
.table-a td.left {
	width: auto;
	color:#333;
	font-weight: bold;
	padding:10px 10px 10px 15px; }
td { vertical-align: top; }
td img{	padding-right: 15px; float:right; }

/*	-------------------------------------------------------------
	FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.footer {
	margin:20px auto 20px auto;
	width: 969px;
	height: 40px;
	display: block;
	background: transparent url("../../images/bg_footer.png") no-repeat top left; }
.footer p { padding:0 0 0 30px; line-height: 40px; color: #343434; }
.footer a { color:#fff; }
.footer a:hover { text-decoration: none; color: #343434; }
.copy { float: right; padding-right: 30px; }

/*	-------------------------------------------------------------
	CLOSING STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

}