@import "/Protected/CSS/globals.css"; 
html{font-size:72%; line-height: 1.25em}
a{color:#EB8500}
h2{font-size: 1.2em} 
body h3{font-size: 1.1em}
h2, h2 a{color:#666; }
h3, h3 a{color: #EA7125}
.subpage h3, .subpage h3 a{color: #00539f}
h3.articleTitle{font-size: 1.2em}
.subpage h3{margin-top: 15px; float:left; width:100%;}
body{background:#666; font-family:Verdana, Arial, Helvetica, sans-serif}
.contentContainer{border-left:1px solid #EB8500; border-right:1px solid #EB8500; background:#fff; width:998px; margin:auto; clear:both; min-height:600px}
#nav{background:url(/SP/Home/Files/images/SP-Menu-BG.png) repeat-x bottom}
.contentContainer h2{padding:6px 8px; margin: 0}
.contentContainer h2, .contentContainer h2 a{color: #666}
.column2 h2 {border-bottom: 1px solid #bfbfbf; text-transform: uppercase; }
.BNP-HOMEPAGE-BLOCK, .column4, #bottomnav, #partners, .HomepageDigitalEdition, .subpage .column2{background:#fff; margin-bottom:10px}
.column12 h2 {border-bottom: 1px solid #bfbfbf; text-transform: uppercase;}
.pageHead #nav{padding:0 125px 0 128px; width:747px}
#nav li li a, #nav li li p{color:#10569C !important}
#nav li:hover, #nav li.sfhover{background:   #EA7125}
#nav > li{border-right: 1px #fff solid;}
#nav > li.first{border-left: 1px #fff solid;}
#nav li:hover a, #nav li.sfhover a{color:#fff}
#nav li:hover li, #nav li.sfhover li{background:#F2F2F2; border-color:#fff; border-style:solid; border-width:1px 2px; color:#fff}
#nav li:hover li:hover, #nav li.sfhover li.sfhover{border:none; color:#fff}
#nav li:hover li:hover a, #nav li.sfhover li.sfhover a{color:#fff}
#nav a{color:#fff}


#bottomnav li{color:#666; font-weight:bold}
#bottomnav li li{font-weight:normal}
#bottomnav{border-top:1px solid #9f9f9f}
#bottomnav a{color:#666}
#minimenu a{ color: #fff}
.vertical .articleRotationNavContainer h2{border: none}
.News-Widget h2{ border-bottom:1px solid #bfbfbf; text-transform: uppercase;}
.News-Widget h3 {color:#bfbfbf}

.BNP-EVENTS *{color:#BF2020}
#advertorials h3, #advertorials a{color:#c31111}
.CURRENT-ISSUE ul{width: 240px; padding-left: 20px; margin-right: 5px}
#topbar{background:url(/SP/Home/Files/images/SP-Header2012.jpg) no-repeat 0 0}
#topbar.directory{background:url(/RFFR/Home/Files/images/RFFR-Directory-Header-1000px.jpg) no-repeat 0 0}
#topbar h1 a, #topbar{height:125px !important}
#bottomBar{background:url(/SP/Home/Files/images/SP-Footer.jpg) 0 0 no-repeat}
#bottomBar.directory{background:url(/RFFR/Home/Files/images/RFFR-Directory-Footer-1000px.jpg) no-repeat 0 0; height:46px}
#topbar img, #topbar object, #topbar embed { display: block; margin: 0 auto; position: static; }
.advertisement { width: 728px; height: 90px; position: absolute; left: 230px; top: 15px; }
.vertical .articleRotator{width:300px; height:300px;}
.articleRotatorContainer.vertical{ height:300px; width:590px}
.vertical div.articleRotator div.articleRotatorItems img, .vertical div.articleRotator div.articleRotatorItems a{ width:300px; height:300px}
.vertical .articleRotationNavContainer{width:280px;  height:298px}
.vertical .articleRotationNavContainer h2 a{line-height: 17px}
.vertical .articleRotationNavContainer h2 a, .vertical .articleRotationNavContainer h2 a:hover, .vertical .articleRotationNavContainer h2 a:visited {color: #e55302}
#adcolumn img{padding:0 0 10px; margin:auto; display:block}

div >div.DIRECTORIES-BREADCRUMBS p{width:600px}
.BNP-ARTICLE h3{margin:0px 5px}
.Article-Index-Item{border-top:#ccc dashed 1px}
.BNP-ARTICLE-IMAGE, .BNP-ARTICLE img{float:left}
.contentContainer h2{padding:6px 6px 10px}
.BNP-HOMEPAGE-BLOCK, .column3, #bottomnav, #partners, .HomepageDigitalEdition, .subpage .column2{margin-bottom:10px}
.HomepageDigitalEdition{padding:10px; width:auto}
.pageHead{width:1000px; margin:0 auto}
#topbar{width:1000px; height:125px; margin:0 auto; position:relative; clear:right}
.News-Widget, .News-Widget h3{border: 0}

.copyright, .copyright a{color: #fff}


.column2{width:775px; position:relative; padding:0 20px 15px; float: left}
.column11{width:610px; position:relative; padding:15px 20px; float: left}
.column12{width:300px; position:relative; padding:15px 20px 0; float: left}
.subpage .column2{width:780px; margin:15px 0 10px 10px; padding:0 10px 10px; float: left}
.column3{width: 185px; float: left; margin-top: 15px; }
.column4{width: 160px; float: left; margin: 5px 0 0; padding: 10px 0}

.column21{width:300px; float:left; overflow:hidden; margin-top: 10px; padding: 0 15px} 
.column22{width:400px; float:left;  overflow:hidden; margin-top: 10px; padding: 0 15px}
.column23{padding: 5px; clear: both; border-top: 1px solid #bfbfbf; margin: 0 20px;}
.column231, .column232, .column233{width: 305px !important; padding: 5px; float: left; border-top: 1px solid #bfbfbf;}
.column231 .BNP-HOMEPAGE-BLOCK, .column232 .BNP-HOMEPAGE-BLOCK, .column233 .BNP-HOMEPAGE-BLOCK {width: 305px !important;}
.column24{padding: 10px; clear: both; border-top: 1px solid #bfbfbf;}

.BNP-HOMEPAGE-BLOCK ol{padding: 10px}
.column23 .BNP-HOMEPAGE-BLOCK{float: left; width: 185px; height: 320px; color: #727272; }
.column23 .BNP-HOMEPAGE-BLOCK .info a { font-weight: bold; float: right; font-size: 1.1em; padding-right: 10px; }

#bdjform1 { text-align: left !important; font-size: 1.3em !important; }

.staticFooter #bottomnav>ul{margin:15px 0}
.staticFooter #bottomnav p{margin:0}

#sp-contain{position:absolute; left:50px; top:50px; width:300px; height:320px; z-index:1000; overflow:hidden}
#sp-floating{width:300px; height:320px}

.subpage .column23{ margin: 0; padding: 0}
.subpage .column23 h2, .subpage .column23 h3, .subpage .column23 p{ float: none; width: auto; clear: none; padding: 0; margin: 0}
a.BNP-RSS-Icon{background: url(/Protected/Files/RSS.png); width: 18px; height: 18px; right: 5px; top: 5px}

ul.articleTools{ border-top-style: solid; border-bottom-style: solid}

.BNP-IMAGE{ min-width: 0; text-align: left; clear: both; margin-top:10px;}
.BNP-IMAGE p{color: #000;  font-size: .9em; padding-bottom: 10px; border-bottom: 1px dotted #999; font-style:normal;  }
.BNP-ARTICLES-DECK{color: #EB8500; font-style: normal}
.BNP-IMAGE *{padding-left: 0; padding-right: 0}

#contactpage div, #contactpage h3{clear: left; border-top: 1px solid #999; padding-top: 10px; margin-top: 10px; font-size: auto}
#contactpage img{float: left}
#searchBox{background-position: 0 -136px; width: 225px; height: 33px padding-left: 55px}
/*For Comic page */
.scrollable {float:left}
a.browse {background:url(/FM/Home/Files/images/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px}
a.right { background-position: 0 -30px; clear:right; margin-right: 9px}
a.right:hover{ background-position:-30px -30px}
a.right:active 	{ background-position:-60px -30px} 
a.left{ margin-left: 9px} 
a.left:hover{ background-position:-30px 0}
a.left:active{ background-position:-60px 0}
a.down{ background-position: 0 -30px}
a.down:hover{ background-position:-30px -30px}
a.down:active{ background-position:-60px -30px} 
a.disabled {visibility:hidden !important} 	
.scrollable{position:relative; overflow:hidden; width:680px; height:135px; border:1px solid #ccc; background:url(/img/global/gradient/h300.png) repeat-x; margin-bottom: 10px}
.scrollable .items{width:20000em; position:absolute; clear:both}
.scrollable strong{ text-align: center; margin-top: 5px; display: block}
.scrollable a{display: block; width: 108px; float: left; margin: 5px 5px 5px 21px; height: 118px; overflow: hidden}
.items div{float:left; width:680px}
.scrollable img{ margin: 1px; display:block;  background-color:#fff; padding:2px; border:1px solid #ccc; width:100px; height:75px; -moz-border-radius:4px; -webkit-border-radius:4px}
.scrollable .active{ position:relative; cursor:default}
.scrollable .active img{ border: 2px solid #000; margin: 0}
#image_wrap img{margin: auto; display: block; padding: 0}
#image_wrap{height: 500px}
#Equipment_Focus #image_wrap, #Attachment_Focus #image_wrap{height: 310px; width: 670px; margin: auto; padding: 5px; border: 1px solid #ccc; border-bottom: none}
#bodycopies{height: 100px; overflow: auto; position: relative; margin: 0  auto 10px; padding: 10px 5px 5px; border: 1px solid #ccc; width: 670px; border-top: none }
#bodycopies div{position:absolute; z-index: 0; background: #fff; min-height: 100px; display: none; width: 655px}
#bodycopies .currentCap{z-index: 100; display: block}

#DIRECTORIES-TOC-MIDDLE{
	width: 700px;
	padding: 10px;
	height: 175px;
	margin: 0 auto 15px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#DIRECTORIES-TOC-MIDDLE-LONG{
	width: 700px;
	padding: 10px;
	height: 245px;
	margin: 0 auto 15px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.bottomAlign{
	background: url(/Protected/Files/TOC-Detail-BtmAlign.jpg) no-repeat center top #d1d1bd;
	zoom: 100%;
}
div.midAlign{
	background: url(/Protected/Files/TOC-Detail-MidAlign.jpg) no-repeat center top #d1d1bd;
	zoom: 100%;
}
div.midAlignLong{
	background: url(/Protected/Files/TOC-Detail-MidAlignLong.jpg) no-repeat center top #d1d1bd;
	zoom: 100%;
}

#DIRECTORIES-TOC-MIDDLE p{
	
	float: left;
	font-weight: bold;
	color: #746767;
	font-size: 13px;
	height: 35px;
	margin: 30px 0 0;
}
#DIRECTORIES-TOC-MIDDLE p.browseby{
	float: left;
	font-weight: bold;
	
	color: #b73737;
	margin: 50px 0 0 5px;
	width: 90px;
	margin-right: 5px;
}
#DIRECTORIES-TOC-MIDDLE-LONG p{
	
	float: left;
	font-weight: bold;
	color: #746767;
	font-size: 13px;
	height: 35px;
	margin: 30px 0 0;
}
#DIRECTORIES-TOC-MIDDLE-LONG p.browseby{
	float: left;
	font-weight: bold;
	color: #b73737;
	margin: 50px 0 0 5px;
	width: 90px;
	margin-right: 5px;
}
#DIRECTORIES-TOC-MIDDLE-XLONG p{
	
	float: left;
	font-weight: bold;
	color: #746767;
	font-size: 13px;
	height: 35px;
	margin: 30px 0 0;
}

.browsetype{
	float: left;
	width: 100px;
	
}
.bottomAlign p.browseby{
	color: #746767;
}

.compProdLineList, .prodLineList, .categorieslist{
	float: left;
	width: 210px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.compProdLineList{
	height: 80px;
}
.prodLineList{
	height: 70px;
	margin-top: 10px;
	width: 205px;
}

.compbrowse{
	font-weight: bold;
	color: #746767;
	margin-left: 200px;
	font-size: 1.1em;
	margin-top: -45px;
	margin-bottom: 45px;
}
#DIRECTORIES-TOC-MIDDLE a.compBrowseLink{
	font-size: 13px;
	clear: both;
	margin-left: 125px;
}
#DIRECTORIES-TOC-MIDDLE-LONG a.compBrowseLink{
	font-size: 13px;
	clear: both;
	margin-left: 125px;
}

.compbrowse a{
	color: #746767;
}
.categorieslist{
	width: 245px;
	float: left;
	padding: 0;
	height: 125px;
	margin-top: 10px;
}
	
.categorieslist li{
	list-style: none;
	margin-bottom: 5px;
	
}
.categorieslist li a{
	text-transform: uppercase;
	
}
#DIRECTORIES-TOC-MIDDLE a{
	font-weight: bold;
	text-decoration: none;
	color: #746767;
}
#DIRECTORIES-TOC-MIDDLE a:hover{
	text-decoration: underline;
}
#DIRECTORIES-TOC-MIDDLE #viewallcategories{
	float: right;
	width: 55px;
	height: 135px;
	color: #b73737;
	line-height: 108px;
}
#DIRECTORIES-TOC-MIDDLE-LONG a{
	font-weight: bold;
	text-decoration: none;
	color: #746767;
}
#DIRECTORIES-TOC-MIDDLE-LONG a:hover{
	text-decoration: underline;
}
#DIRECTORIES-TOC-MIDDLE-LONG #viewallcategories{
	float: right;
	width: 55px;
	height: 135px;
	color: #b73737;
	line-height: 108px;
}

#sp-contain{
	position: absolute; 
	left:50px; 
	top: 50px; 
	width: 468px; 
	height: 350px; 
	z-index: 1000; 
	overflow: hidden;
	
}
#sp-floating{
	width: 468px;
	height: 350px;
}
.column2{
	position: relative;
}

/* 2010 Media Kit Styling */
#mkpage {color:#292929; font-size:1em;}
#mkpage p.title{margin-left:0; margin-top:0; color:#ffffff; background-color:#666666;border:1px solid #DBDAD6; padding:6px;font-size:1.2em; font-weight:bold;}
#mkvideos{border-color: #ff7f00; margin-bottom:20px;}
#mkpage h2{font-size: 14px; color: #ffffff;}
#mkpage a{color: #00539F;}
#mkpage em{color: #ff7f00;}
#mkpage p, #mkpage ul{margin:20px 20px 20px 178px;}

/*Homepage Videoplayer*/
#bcvideo-border {position:relative; width:280px; height:360px; padding-top:6px; background:url(http://files.bnpmedia.com/SP/Home/Files/images/VideoPlayerBackground-280x360.jpg) no-repeat; margin:auto; text-align:left; }
#bcvideo-box-still-img { height:150px; }
#bcvideo-box { top:10px; left:10px; }
#bcvideo-box-playarrow-img { margin-top:32px; }
#bcvideo-box-thumb { margin-top:0px; }
#bcvideo-box-thumb div img { height:50px; width:73px; padding:0px; margin:0px; }