@charset "utf-8";
:focus { outline: 0; }
a:active { outline: none; }

/* CSS Document */

/***  page elements  ***/
a {
  outline: none; }
.header {
    width: 1000px; height: 154px;
    margin: 0px auto; padding: 0;
    position: relative; }
.header#en {
	background: url(../images/en_header.jpg); }
.header#fr {
	background: url(../images/fr_header.jpg); }
.header#sp {
	background: url(../images/sp_header.jpg); }
body {
	background-color: #717171;
	margin: 0px; }
.ul1 {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 0px; }
.li1 {
	padding-bottom: 10px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: .8em; }
#main_holder {
	width: 1000px;
	background-image: url(../images/temp_mainBG.jpg);
	margin: 0 auto;
	position: relative; }
#sidebar_holder {
	width: 250px;
	float: left;
	top: 0px; right: 0px;
	position: relative; }
#sidebar_content {
	width: 180px;
	float: right;
	right: 10px;
	position: relative;
	margin: 0 auto;
	text-align: justify; }
#content_holder {
	width: 750px;
	float: left;
	position: relative; }
#content_content {
	width: 660px;
	float: right;
	position: relative;
	right: 70px;
	text-align: justify; }
#footer {
	width: 1000px; height: 116px;
	background-image: url(../images/footerBG.jpg);
	margin: 0px auto; padding: 0;
    position: relative; }
#footerLEFT {
	width: 450px;
	padding: 33px 0px 0px 50px;
	text-align: left;
	float: left; }
#footerRIGHT {
	width: 450px;
	padding: 33px 0px 0px 0px;
	text-align: right;
	float: left; }
#footerLINKS {
	padding-top: 30px;
	text-align: center; }
#contact_form {
	width: 460px;
	margin: 20px 0px 20px 0px; 
	background-color: #F1F1F1; }
#contact_form_header {
	width: 460px;
	height: 30px; 
	line-height: 30px;
	background-color: #DEDEDE; }
#content_form_content {
	width: 420px;
	}
#grid {
	width: 165px; height: 140px; float: left;
	font-size: 10px; }


#category-title {
	width: 660px;
	line-height: 16px;
	margin: 6px 0px 6px 0px;
	position: absolute;
	top: 0px; }
.prodCode {
	color: #FFF;
	margin-left: 10px;
	background-color: #008EC1;
	padding: 2px 4px 2px 4px; }

#img-shell {
	width: 250px;
	position: absolute;
	top: 40px; }
#img-big {
	width: 250px;
	height: 250px;
	background-color: #000; }
.img-small {
	margin-top: 10px;
	margin-right: 14px;
	border: 1px solid #BBB;
	/*-webkit-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .1); */}
#img-subopts {
	width: 250px;
	height: 28px;
	cursor: pointer;
	margin-bottom: 4px;
	text-align: center;
	line-height: 28px;
	background-color: #EDEDED;
	border: 1px solid #CCC; }
#img-subopts:hover {
	background-color: #09F;
	color: #FFF;
	border-color: #333; }
#img-subopts-off {
	width: 250px;
	height: 28px;
	cursor: pointer;
	margin-bottom: 4px;
	text-align: center;
	line-height: 28px;
	background-color: #EDEDED;
	border: 1px solid #CCC; }

.imgFull {
	width: 250px;
	position: absolute;
	top: 0px;
	z-index: 1001; }

#img-thumbs-shell {
	height: 124px;
	position: relative;
	left: -1px;
	margin-top: -155px;
	z-index: 1001; }
#img-thumbs {
	height: 120px;
	text-align: center;
	background-color: #EDEDED;
	border: 1px solid #CCC;	}
#img-thumbs-spacer {
	width: 250px;
	height: 4px;
	background-color: #FFF; }

#emfr {
	width: 242px;
	position: relative;
	left: -242px;
	margin-top: -229px;
	z-index: 1001;
	-webkit-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .5); }
#emfr-grid {
	width: 210px;
	position: relative;
	margin: 0 auto;
	text-align: left; }

#prod-info-shell {
	width: 390px;
	height: 330px;
	position: absolute;
	top: 40px;
	left: 270px; }
.prod-head {
	padding-bottom: 6px;
	cursor: pointer;
	margin-right: 20px;
	margin-bottom: -1px;
	margin-top: 0px;
	float: left; }
.prod-opts-on {
	background-image: url(../images/prod-info-tab.jpg);
	background-position: center bottom;
	background-repeat: no-repeat; }
.prod-opts-off {
	background-image: none; }
#prod-head-tab {
	width: 9px;
	height: 6px;
	position: absolute;
	left: 10px;
	top: 16px;
	background-image: url(../images/prod-info-tab.jpg);
	background-position: bottom;
	background-repeat: no-repeat; }	
#prod-details {
	width: 388px;
	height: 288px;
	border: 1px solid #BBB;
	border-bottom: 0px;
	background-image: url(../images/bg_prodinfo.gif);
	background-position: top;
	background-repeat: repeat-x;
	overflow-x: hidden;
	overflow-y: auto; }
.prod-info {
	width: 94%;
	position: relative;
	padding-top: 10px;
	margin: 0 auto; }
#prod-files {
	width: 390px;
	height: 60px;
	background: rgb(122,122,122); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhN2E3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODI4MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(122,122,122,1) 0%, rgba(102,102,102,1) 13%, rgba(44,44,44,1) 49%, rgba(17,17,17,1) 53%, rgba(40,40,40,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,122,122,1)), color-stop(13%,rgba(102,102,102,1)), color-stop(49%,rgba(44,44,44,1)), color-stop(53%,rgba(17,17,17,1)), color-stop(100%,rgba(40,40,40,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(122,122,122,1) 0%,rgba(102,102,102,1) 13%,rgba(44,44,44,1) 49%,rgba(17,17,17,1) 53%,rgba(40,40,40,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(122,122,122,1) 0%,rgba(102,102,102,1) 13%,rgba(44,44,44,1) 49%,rgba(17,17,17,1) 53%,rgba(40,40,40,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(122,122,122,1) 0%,rgba(102,102,102,1) 13%,rgba(44,44,44,1) 49%,rgba(17,17,17,1) 53%,rgba(40,40,40,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(122,122,122,1) 0%,rgba(102,102,102,1) 13%,rgba(44,44,44,1) 49%,rgba(17,17,17,1) 53%,rgba(40,40,40,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#282828',GradientType=0 ); /* IE6-8 */ }
#prod-support {
	width: 128px;
	height: 44px;
	text-align: center;
	padding-top: 14px;
	cursor: pointer;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #505050;
	border-right: 1px solid #000;
	float: left; }
#prod-support:hover {
	background: rgba(200,0,0,.2); }
#prod-support2 {
	width: 128px;
	height: 44px;
	text-align: center;
	padding-top: 14px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #505050;
	border-right: 1px solid #000;
	float: left; }




#content_display_holder {
	width: 380px;
	float: left; }
#content_display_content_holder {
	width: 378px; height: 360px;
	border-right: 1px solid #BBB;
	border-left: 1px solid #BBB;
	border-bottom: solid 1px #BBB;
	background-image: url(../images/bg_prodinfo.gif);
	background-position: top;
	background-repeat: repeat-x;
	overflow: auto; }
.content_display_content {
	width: 338px;
	text-align: justify;
	margin-top: 10px; }
#addimg {
	text-align: center;
	width: 264px;
	margin: 0px 0px 4px 0px; }
#noaddimg {
	text-align: center;
	width: 264px;
	height: 100px;
	line-height: 80px; }
#clear {
	clear: both; }
#prodsup1 {
	width: 300px;
	background-color: #F00; }
#launchTitle {
	width: 524px; padding: 4px;
	float: left; margin-top: 10px }
#launchTitle2 {
	width: 524px; padding: 4px;
	float: left; }
#launchDate {
	width: 120px; padding: 4px;
	font-size: 10px; font-weight: bold;
	float: left; text-align: right; margin-top: 10px }
#launchDate2 {
	width: 120px; padding: 4px;
	font-size: 10px; font-weight: bold;
	text-align: right; float: right; }
#launchStoryHeader {
	width: 660px;
	background-color: #008EC1;
	color: #FFF; }
#launchDisplay {
	width: 652px; padding: 4px; }
#divider {
	width: 660px; height: 10px; 
	border-bottom: 1px dotted #CCC; }

/***  fonts  ***/
.font { font-family: Verdana, Geneva, sans-serif; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.redDark { color: #800000; }
.redLight { color: #D70000; }
.grey { color: #666; }
.light-grey { color: #CCC; }
.white { color: #FFF; }
.size10 { font-size: 10px; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.mainFont {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000; }
.smallFont {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000; }
.smallFontLight {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF; }
.linkFontSmallDark {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none; }
.linkFontSmallDark:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #F00;
	text-decoration: none; }
.linkFontSmallLight {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none; }
.linkFontSmallLight:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #F00;
	text-decoration: none; }
.linkMain {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none; }
.linkMain:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #008EC1;
	text-decoration: none; }
.linkSideNav {
	color: #000;
	text-decoration: none; }
.linkSideNav:hover {
	color: #F00;
	text-decoration: none; }

/***  navigation elements  ***/
#searchForm {
	width: 176px;
	height: 30px;
	border: 1px solid #CCC;
	margin: 0 auto;
	margin-top: 10px; }
#searchField {
	width: 146px;
	height: 30px;
	float: left;
	background-color: #FFF; }
#searchBox {
	border: 0px;
	margin: 5px 0px 0px 0px;
	padding-left: 5px;
	height: 20px; }
#searchButton {
	width: 30px;
	height: 30px;
	float: left;
	cursor: pointer;
	background-color: #FFF; }
#prodDropDown {
	padding-top: 20px;
	width: 176px; }

/***  main navigation  ***/
.header li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
.header li, .header a { height: 154px; display: block; }
.pane1#fr { left: 0; width: 413px; }
.pane1#en { left: 0; width: 411px; }
.pane1#sp { left: 0; width: 424px; }
.pane2#fr { left: 414px; width: 89px; }
.pane2#en { left: 412px; width: 80px; }
.pane2#sp { left: 425px; width: 82px; }
.pane2:hover#fr { background: transparent url(../images/fr_header.jpg) -414px -154px no-repeat; }
.pane2:hover#en { background: transparent url(../images/en_header.jpg) -412px -154px no-repeat; }
.pane2:hover#sp { background: transparent url(../images/sp_header.jpg) -425px -154px no-repeat; }
.pane3#fr { left: 503px; width: 98px; }
.pane3#en { left: 492px; width: 100px; }
.pane3#sp { left: 507px; width: 111px; }
.pane3:hover#fr { background: transparent url(../images/fr_header.jpg) -503px -154px no-repeat; }
.pane3:hover#en { background: transparent url(../images/en_header.jpg) -492px -154px no-repeat; }
.pane3:hover#sp { background: transparent url(../images/sp_header.jpg) -507px -154px no-repeat; }
.pane4#fr { left: 601px; width: 121px; }
.pane4#en { left: 593px; width: 106px; }
.pane4#sp { left: 618px; width: 82px; }
.pane4:hover#fr { background: transparent url(../images/fr_header.jpg) -601px -154px no-repeat; }
.pane4:hover#en { background: transparent url(../images/en_header.jpg) -593px -154px no-repeat; }
.pane4:hover#sp { background: transparent url(../images/sp_header.jpg) -618px -154px no-repeat; }
.pane5#fr { left: 722px; width: 98px; }
.pane5#en { left: 700px; width: 118px; }
.pane5#sp { left: 700px; width: 104px; }
.pane5:hover#fr { background: transparent url(../images/fr_header.jpg) -722px -154px no-repeat; }
.pane5:hover#en { background: transparent url(../images/en_header.jpg) -700px -154px no-repeat; }
.pane5:hover#sp { background: transparent url(../images/sp_header.jpg) -700px -154px no-repeat; }
.pane6#fr { left: 820px; width: 93px; }
.pane6#en { left: 818px; width: 99px; }
.pane6#sp { left: 804px; width: 99px; }
.pane6:hover#fr { background: transparent url(../images/fr_header.jpg) -820px -154px no-repeat; }
.pane6:hover#en { background: transparent url(../images/en_header.jpg) -818px -154px no-repeat; }
.pane6:hover#sp { background: transparent url(../images/sp_header.jpg) -804px -154px no-repeat; }
.pane7#fr { left: 913px; width: 87px; }
.pane7#en { left: 917px; width: 83px; }
.pane7#sp { left: 903px; width: 97px; }

/***  product info nav  ***/
.fr_content_display_header1 {
	width: 380px; height: 20px;
	background-image: url(../images/fr_bg_prodinfo_nav1.gif);
	background-repeat: no-repeat;
	background-position: bottom; }
.fr_content_display_header2 {
	width: 380px; height: 20px;
	background-image: url(../images/fr_bg_prodinfo_nav2.gif);
	background-repeat: no-repeat;
	background-position: bottom; }
.en_content_display_header1 {
	width: 380px; height: 20px;
	background-image: url(../images/en_bg_prodinfo_nav1.gif);
	background-repeat: no-repeat;
	background-position: bottom; }
.en_content_display_header2 {
	width: 380px; height: 20px;
	background-image: url(../images/en_bg_prodinfo_nav2.gif);
	background-repeat: no-repeat;
	background-position: bottom; }
.sp_content_display_header1 {
	width: 380px; height: 20px;
	background-image: url(../images/sp_bg_prodinfo_nav1.gif);
	background-repeat: no-repeat;
	background-position: bottom; }
.sp_content_display_header2 {
	width: 380px; height: 20px;
	background-image: url(../images/sp_bg_prodinfo_nav2.gif);
	background-repeat: no-repeat;
	background-position: bottom; }

/***  admin page stuff  ***/
#admin_login_form {
	width: 400px;
	margin: 0 auto;
	top: 86px;
	position: relative; }
#admin_login {
	width: 500px; height: 260px;
	background-image: url(../images/admin_login.jpg);
	background-position: top;
	position: relative; margin: 0 auto; }
#admin_logout {
	width: 700px; margin: auto; padding-top: 10px;
	position: relative; text-align: right; }
#admin_nav {
	width: 698px; height: 20px;
	text-align: center; line-height: 20px;
	background-color: #F1F1F1;
	border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; }
#admin_holder {
	width: 700px;
	background-color: #FFF;
	margin: 0 auto;
	position: relative; }
#admin_header {
	width: 700px; height: 86px;
	background-image: url(../images/header_admin.jpg);
	background-position: top; }
#admin_content_holder {
	width: 698px;
	position: relative; padding-top: 10px;
	background-color: #FFF;
	border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; }
#admin_content {
	width: 660px;
	position: relative;
	left: 20px; }
#admin20 {
	width: 20px;
	float: left;
	position: relative; }
#admin110 {
	width: 110px;
	float: left;
	margin-bottom: 20px;
	text-align: left;
	position: relative; }
#admin210 {
	width: 210px;
	float: left;
	margin-bottom: 20px;
	text-align: left;
	position: relative; }
#adminProdLeft {
	width: 264px;
	float: left; }
#adminProdRight {
	text-align: center;
	width: 396px;
	float: left;
	height: 360px; }
#adminProdImg {
	margin-bottom: 10px; }
#adminProdName {
	text-align: left;
	margin-bottom: 6px; }
#adminNav {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px; font-weight: bold;
	margin-bottom: 10px; }
#adminProd {
	width: 132px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	float: left; margin-bottom: 6px; }
#adminProd2 {
	width: 396px;
	margin-bottom: 10px; }

/*                                                     **
**    F E A T U R E D  P R O D U C T S  S L I D E R    **    
**                                                     */
#container { width:660px; height: 218px; margin:0 auto; position:relative; z-index:0; }
#slides { position: absolute; left: 0px; z-index: 100; }
#slides .next,#slides .prev { position: absolute; top: 115px; left: -1px; width: 5px; height: 7px; display: block; z-index: 101; }
.slides_container {	width: 688px; height: 228px; overflow: hidden; position: relative; }
#slides .next { left: 655px; }
.pagination { margin: 16px auto 0; width: 100px; }
.pagination ol,ul { list-style:none; }
.pagination li { float: left; margin: 0 1px; }
.pagination li a { display: block; width: 12px; height: 0; padding-top: 12px; background-image: url(../images/featured/pagination.png); background-position: 0 0; float: left; overflow: hidden; }
.pagination li.current a { background-position: 0 -12px; }
#containerFooter { width: 660px; height: 16px; margin: 0 auto; background: url(../images/featured/footer.jpg) no-repeat; margin-bottom: 40px; }

/*                               **
**    L Y T E  B O X  C O D E    **
**                               */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.blue { background-color: #000000; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.blue { border: 3px solid #0053A1; }
#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
#lbDetailsContainer.blue { border: 3px solid #0053A1; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat; }
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(../images/prev_blue.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(../images/next_blue.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
#lbDetailsData { padding: 0 10px; }
#lbDetailsData.blue { color: #012A4F; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.blue { background: url(../images/close_blue.png) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.blue { background: url(../images/play_blue.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.blue { background: url(../images/pause_blue.png) no-repeat; }