html,body{height: 100%;}
body{font: 10px Arial; color: #ffffff; text-align:center; background: #0d1114; height: 100%;}

/* Mass Reset */
* {outline: none;}
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 0; padding: 0;}
form label {cursor: pointer;}
img{border: 0;}
a{color: #ffffff; text-decoration: underline;}
a:hover{ color: #ccc;}
h1 {display: block; height: 35px; background-repeat: no-repeat; background-position: 23px 0; font-size: 23px; font-weight: bold; color: #ffffff; }
h1 span{display: none;}

sup,sub {font-size: 9px; height: 0;	line-height: 1;	vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup {bottom: .8ex;}
sub {top: .5ex;}

.clearer{clear: both; height: 0; line-height: 0; font-size: 0;}
.fixer{display: none;}



/*LAYOUT*/
#wrap{background: url(../images/bg_wrap.gif) no-repeat 50% 0 ; height: 100%;}
#container{width: 770px; text-align:left; margin:0 auto;}

/*HEADER*/
#header{}

/*Identities*/
#identites {height: 76px; }
#identites #leftIdentity{float: left;}
#identites #rightIdentity{float: right; margin-right: 33px;}

/*Navigation*/
#navigation {height: 43px;}
#navigation ul{margin: 0; list-style-type: none; }
#navigation li{display: inline;}
#navigation span {display: none;}
#navigation a{display: block; float: left; height: 43px; line-height: 43px; text-align: center; background-repeat: no-repeat;}
#navigation a:hover, #navigation .selected a {background-position: 100% 0;}
#navigation .nav_item01{width: 104px; background: url(../images/nav_item01.gif);}
#navigation .nav_item02{width: 140px; background: url(../images/nav_item02.gif);}


/*Navigation Footer*/
#navigationFooter {height: 33px; width:100%;} /*padding-right: 17px; float: right;*/
#navigationFooter ul{margin: 0; list-style-type: none; }
#navigationFooter li{display: inline;}
#navigationFooter span {display: none;}
#navigationFooter a{display: block; float: left; height: 33px; line-height: 33px; text-align: center; background-repeat: no-repeat;}
#navigationFooter a:hover, #navigation .selected a {background-position: 100% 0;}


#navigationFooter .navFooter_item01{width: 122px; background: url(../images/navFooter_item01.gif);}
#navigationFooter .info_navFooter_item01{width: 122px; height:33px;  background: url(../images/info_navFooter_item01.gif) 0 50%  no-repeat; float: left;}

#navigationFooter .right{float: right; margin-right: 18px;}

#navigationFooter .navFooter_item02{width: 167px; background: url(../images/navFooter_item02.gif);}
#navigationFooter .info_navFooter_item02{width: 153px; height:33px;  background: url(../images/info_navFooter_item02.gif) 100% 50%  no-repeat; float: left;}

#navigationFooter .navFooter_item03{width: 137px; background: url(../images/navFooter_item03.gif);}
#navigationFooter .info_navFooter_item03{width: 163px; height:33px;  background: url(../images/info_navFooter_item03.gif) 100% 50%  no-repeat; float: left;}



/*Delimiter*/
.delimiter{width:643px; height: 1px; overflow: hidden; background: url(../images/bg_delimiter.gif) no-repeat; position: relative; left: -55px;}
.delimiterBlank{background: none;}

/*Delimiter Footer*/
.delimiterFooter{width:643px; height: 1px; overflow: hidden; background: url(../images/bg_delimiterFooter.gif) no-repeat; position: relative; margin:0 auto;} /*right: -165px;*/


/*CONTENT*/
#content{margin: 30px 0px 0px 0px;}
.panelHolder{background: url(../images/bg_panelHolder.jpg) no-repeat; width: 242px; height: 123px; border: 1px solid #212427; margin: 5px; float: left;}
.firstcolPanelHolder{margin-left: 0 !important;}
.photo{float:left;}
.info{float:left;}
.title{height: 50px; width: 110px; margin: 17px 5px 0px 11px;}
.title span{font: 12px Arial; font-weight: bold;}
.date{}
.date span{font: 12px Arial; font-weight: bold; font-style:italic;}

/*Companion Products*/
.panelCompanion{width: 368px; border: 1px solid #212427; margin: 5px; float: left; background: url(../images/bg_panelHolder.jpg) repeat-x; }
.panelCompanion a{height: 123px; display: block; background-repeat: no-repeat;}
.panelCompanion a:hover {background-position: 100% 0;}
.panelCompanion .title{height: 50px; width: 240px; margin: 17px 5px 0px 11px;}

/*Motozone*/

.panelHolderMotozone{width: 368px; border: 1px solid #212427; margin: 5px; float: left;}
.panelHolderMotozone a{height: 123px; display: block; background-repeat: no-repeat;}
.panelHolderMotozone a:hover {background-position: 100% 0;}


.btnDownload span {display: none;}
.btnDownload a{display: block; background: url(../images/btn_download.gif) no-repeat; width: 120px; height: 43px; line-height: 43px; text-align: center;}
.btnDownload a:hover {background-position: 100% 0;}


.btnMotoinfo {float: left; margin-left: 9px;}
.btnMotoinfo span {display: none;}
.btnMotoinfo a{display: block; background: url(../images/btn_motoinfo.gif) no-repeat; width: 80px; height: 25px; line-height: 25px; text-align: center;}
.btnMotoinfo a:hover {background-position: 50% 0;}

.btnPRtoolkit {float: left;}
.btnPRtoolkit span {display: none;}
.btnPRtoolkit a{display: block; background: url(../images/btn_prToolkit.gif) no-repeat; width: 80px; height: 25px; line-height: 25px; text-align: center;}
.btnPRtoolkit a:hover {background-position: 50% 0;}

.btnExtras {float: left;}
.btnExtras span {display: none;}
.btnExtras a{display: block; background: url(../images/btn_extras.gif) no-repeat; width: 80px; height: 25px; line-height: 25px; text-align: center;}
.btnExtras a:hover {background-position: 50% 0;}

.inactive a{background-position: 100% 0;}
.inactive a:hover {background-position: 100% 0;}
.inactive a{cursor: default;}



.spacer{clear: both; height:20px;}
.titlePRtoolkit{background-image: url(../images/title_motoinfoPRtoolkits.gif);}
.titleSheets{background-image: url(../images/title_motoinfoSheets.gif);}
.titleMotozone{background-image: url(../images/title_motoinfoMotozone.gif);}
.titleIMR{background-image: url(../images/title_IMR.gif);}
.titleCompanion{background-image: url(../images/title_Companion.gif);}

/*HOME*/
#home{width: 269px; height: 395px; text-align:left; margin:0 auto; background: url(../images/bg_home.gif) repeat-x;}
.titleHome{background: url(../images/title_selectArea.gif) 50% 40px no-repeat; height: 64px;}

#navigationHome {}
#navigationHome ul{margin: 0; list-style-type: none; }
#navigationHome li{display: block;}
#navigationHome a{display: block; width: 269px; height: 57px; line-height: 57px; text-align: center; background: url(../images/bg_navHome.png) no-repeat;}
#navigationHome a:hover {background-position: 100% 0;}
#navigationHome span{background-repeat:no-repeat; background-position: 50% 50%; height: 57px; line-height: 57px; display: block; text-indent: -10000px; cursor: pointer;}
#navigationHome .navHome_item01{background-image: url(../images/navHome_item01.gif);}
#navigationHome .navHome_item02{background-image: url(../images/navHome_item02.gif);}
#navigationHome .navHome_item03{background-image: url(../images/navHome_item03.gif);}
#navigationHome .navHome_item04{background-image: url(../images/navHome_item04.gif);}
#navigationHome .navHome_item05{background-image: url(../images/navHome_item05.gif);}
#navigationHome .navHome_item06{background-image: url(../images/navHome_item06.gif);}

#navigationHome ul li {position: relative;}
#navigationHome li ul {position: absolute; left: 0; top: 57px; display: none;}
#navigationHome li:hover ul, #navigationHome li.over ul {display: block;}

/*Sub Navigation*/
#sub a{display: block; width: 269px; height: 40px; line-height: 40px; text-align: center; background: url(../images/bg_navHomeSub.jpg) no-repeat;}
#sub a:hover {background-position: 100% 0;}
#sub span{background-repeat:no-repeat; background-position: 50% 50%; height: 40px; line-height: 40px; display: block; text-indent: -10000px; cursor: pointer;}
#sub .navHome_item04_Sub_item01 {background-image: url(../images/navHome_item04_Sub_item01.gif);}
#sub .navHome_item04_Sub_item02 {background-image: url(../images/navHome_item04_Sub_item02.gif);}
#sub .navHome_item04_Sub_item03 {background-image: url(../images/navHome_item04_Sub_item03.gif);}

/*Preloader*/

#preloader{display: none;}

/*Footer*/
#footer{padding-top:50px;width:400px;text-align:center;margin:0 auto;color:#999;}


/*Browse All*/
#wrapBrowseAll {width: 245px; height: 22px; background: url(../images/bg_wrapBrowseAll.gif) 0 0 no-repeat; margin-left: 508px; display: block; position: absolute; z-index: 999;}
#wrapBrowseAll .titleBrowseAll{background-position: 12px 50%; background-repeat: no-repeat; width: 245px;  display: block; text-indent: -10000px; height: 22px; }
#wrapBrowseAll .titleBrowseAllPhones {background-image: url(../images/title_browseAllMotoinfoSheets-phones.gif); }
#wrapBrowseAll #wrapBrowseAllPanel{width: 245px; height: 350px; background: url(../images/bg_wrapBrowseAllPanel.gif) 0 0 no-repeat; visibility: hidden;}
#wrapBrowseAll #wrapBrowseAllPanel dl {max-width:230px; font-size: 10px; margin: 0;}
#wrapBrowseAll #wrapBrowseAllPanel dl dt{float: left; width: 84%;  background: url(../images/bg_fileItem.gif) no-repeat 0 0; display: block; margin: 0 0 0 0; line-height: 17px; height: 17px; overflow: hidden;} 
#wrapBrowseAll #wrapBrowseAllPanel dl .hover{background: url(../images/bg_fileItem-hover.gif) no-repeat 0 0;}
#wrapBrowseAll #wrapBrowseAllPanel dl dt a{text-decoration: none; display: block; padding: 0 0 0 6px;}
#wrapBrowseAll #wrapBrowseAllPanel dl dt a:hover{text-decoration: underline;}
#wrapBrowseAll #wrapBrowseAllPanel dl dd{float: left; width: 30px; display: block; padding:  0; margin: 0 0 0 0; line-height: 16px; height: 16px;}
#wrapBrowseAll #wrapBrowseAllPanel .buttonViewDownload{width:30px; height:16px; background:url(../images/btn_viewDownload.gif) no-repeat 0 0; cursor:pointer; display: block; float: left; text-indent: -1000px;}
#wrapBrowseAll #wrapBrowseAllPanel .buttonViewDownload:hover{background-position: 100% 0 ;}
#wrapBrowseAll #wrapBrowseAllPanel .buttonViewDownload span{display: none;}


/*Browse All*/
#wrapBrowseAllLong {width: 371px; height: 22px; background: url(../images/bg_wrapBrowseAllLong.gif) 0 0 no-repeat; margin-left: 380px; display: block; position: absolute; z-index: 999;}
#wrapBrowseAllLong .titleBrowseAll{background-position: 12px 50%; background-repeat: no-repeat; width: 371px;  display: block; text-indent: -10000px; height: 22px; }
#wrapBrowseAllLong .titleBrowseAllCompanion {background-image: url(../images/title_browseAllCompanion.gif); }
#wrapBrowseAllLong #wrapBrowseAllPanel {width: 371px; height: 350px; background: url(../images/bg_wrapBrowseAllLongPanel.gif) 0 0 no-repeat; visibility: hidden;} /*visibility: hidden;*/
#wrapBrowseAllLong #wrapBrowseAllPanel dl {max-width:355px; font-size: 10px; margin: 0;}
#wrapBrowseAllLong #wrapBrowseAllPanel dl dt{float: left; width: 53%;  background: url(../images/bg_fileItemLong.gif) no-repeat 0 0; display: block; margin: 0 0 0 0; line-height: 17px; height: 17px; overflow: hidden;} 
#wrapBrowseAllLong #wrapBrowseAllPanel dl .hover{}
#wrapBrowseAllLong #wrapBrowseAllPanel dl dt {text-decoration: none; display: block; padding: 0 0 0 6px;}
#wrapBrowseAllLong #wrapBrowseAllPanel dl dd{float: left; width: 148px; display: block; padding:  0; margin: 0 0 0 0; line-height: 16px; height: 16px; background: url(../images/bg_wrapBrowseAllLongButtons.gif) 0 0 no-repeat;}
#wrapBrowseAllLong #wrapBrowseAllPanel dl dd ul{margin-left: 4px; }
#wrapBrowseAllLong #wrapBrowseAllPanel dl dd ul .inactive a{text-decoration: none; cursor: default; color: #a6d2e9;}
#wrapBrowseAllLong #wrapBrowseAllPanel dl dd ul .inactive a:hover{color: #a6d2e9;}
#wrapBrowseAllLong #wrapBrowseAllPanel dl dd ul li{display: inline;}
#wrapBrowseAllLong #wrapBrowseAllPanel dl dd ul li a{font-size: 9px; background: url(../images/bullet_browseAll.gif) no-repeat 0 50%; padding: 0 0 0 6px; }



#wrapBrowseAllLong #wrapBrowseAllPanel .buttonViewDownload{width:30px; height:16px; background:url(../images/btn_viewDownload.gif) no-repeat 0 0; cursor:pointer; display: block; float: left; text-indent: -1000px;}
#wrapBrowseAllLong #wrapBrowseAllPanel .buttonViewDownload:hover{background-position: 100% 0 ;}
#wrapBrowseAllLong #wrapBrowseAllPanel .buttonViewDownload span{display: none;}



/*Scroll Pane*/
#wrapScrollPane{padding: 10px 10px; }
#scrollPane {overflow: auto; height: 333px; width: 100%; }

/*init Scroll Pane*/
.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa;}
.jScrollPaneDrag {position: absolute; background: #666;	cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;	bottom: 0; left: 0;	overflow: hidden;}
a.jScrollArrowUp {display: block; position: absolute; z-index: 1;	top: 0;	right: 0; text-indent: -2000px; overflow: hidden; height: 9px;}
a.jScrollArrowUp:hover {}
a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0;	right: 0; text-indent: -2000px;	overflow: hidden; height: 9px;}
a.jScrollArrowDown:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{}

/*customize Scroll Pane*/
.jScrollPaneTrack {background: url(../images/jScroll_track.gif) repeat-y;}
.jScrollPaneDrag {background: url(../images/jScroll_drag_middle.gif) no-repeat 0 50%;}
.jScrollPaneDragTop {background: url(../images/jScroll_drag_top.gif) no-repeat; height: 4px;}
.jScrollPaneDragBottom {background: url(../images/jScroll_drag_bottom.gif) no-repeat;height: 4px;}
a.jScrollArrowUp {height: 17px;background: url(../images/jScroll_arrow_up.gif) no-repeat 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -20px;}
a.jScrollArrowDown {height: 17px;background: url(../images/jScroll_arrow_down.gif) no-repeat 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -20px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -40px;}