@charset "utf-8";

/* JOSHIN
---------------------------------------------*/

/* INDEX
---------------------------------------------*/

#jnavi {}

/* SELECT NAVI */

#jnavi {
	margin-top: 25px;;
	margin-bottom: 25px;}

#jnavi li {
	float: left;
	width: 231px;
	text-indent: -9999px;}

#jnavi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/:  50px;
	padding-top: 50px;
	background-image: url(../img/index/navi.jpg);}

.jnav02,
.jnav03,
.jnav04 {margin-right: 10px;}

.jnav01 a {background-position: 0 0;}
.jnav02 a {background-position: -231px 0;}
.jnav03 a {background-position: -462px 0;}
.jnav04 a {background-position: -693px 0;}

.jnav01 a:hover {background-position: 0 -50px;}
.jnav02 a:hover {background-position: -231px -50px;}
.jnav03 a:hover {background-position: -462px -50px;}
.jnav04 a:hover {background-position: -693px -50px;}

.jnav01 a.current {background-position: 0 -50px;}
.jnav02 a.current {background-position: -231px -50px;}
.jnav03 a.current {background-position: -462px -50px;}
.jnav04 a.current {background-position: -693px -50px;}

.joshin h3 {margin-bottom: 15px;}

.joshin .att {
	font-size: 12px;
	text-indent: 13px;
	margin-bottom: 15px;}

#joshinselect {margin-bottom: 40px;}


/* ACCORDION */

.jmenu .jttl span {
	position: relative;
	width: 962px;
	height: 60px;
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
	background-image: url(../img/index/acdn.jpg);}

.jmenu .jttl span em {display: none;}

#acdn01 span {background-position: 0 0;}
#acdn02 span {background-position: 0 -60px;}
#acdn03 span {background-position: 0 -120px;}
#acdn04 span {background-position: 0 -180px;}
#acdn05 span {background-position: 0 -240px;}

#acdn01 a:hover {background-position: -713px 0;}
#acdn02 a:hover {background-position: -713px -60px;}
#acdn03 a:hover {background-position: -713px -120px;}
#acdn04 a:hover {background-position: -713px -180px;}
#acdn05 a:hover {background-position: -713px -240px;}

#acdn01.active {background-position: -1426px 0;}
#acdn02.active {background-position: -1426px -60px;}
#acdn03.active {background-position: -1426px -120px;}
#acdn04.active {background-position: -1426px -180px;}
#acdn05.active {background-position: -1426px -240px;}

.statusicon {
	position: absolute;
	left: 69px; top: 23px;
	text-indent: 0;}

.acdn {
	padding-top: 25px;
	padding-bottom: 10px;}

.acdn ul {
	position: relative;
	width: 976px;}

.acdn ul li {
	float: left;
	display: block;
	width: 225px;
	height: 272px;
	margin-right: 19px;
	margin-bottom: 20px;}

/* SUPPORT */

#spnav {
	position: relative;
	width: 962px;}

#spnav li {
	float: left;
	width: 314px;
	margin-bottom: 10px;
	text-indent: -9999px;}

#spnav li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/:  81px;
	padding-top: 81px;
	background-image: url(../img/index/support.jpg);}

.spnav01,
.spnav02,
.spnav04,
.spnav05 {margin-right: 10px;}

.spnav01 a {background-position: 0 0;}
.spnav02 a {background-position: 0 -81px;}
.spnav03 a {background-position: 0 -162px;}
.spnav04 a {background-position: 0 -243px;}
.spnav05 a {background-position: 0 -324px;}
.spnav06 a {background-position: 0 -405px;}

.spnav01 a:hover {background-position: -314px 0;}
.spnav02 a:hover {background-position: -314px -81px;}
.spnav03 a:hover {background-position: -314px -162px;}
.spnav04 a:hover {background-position: -314px -243px;}
.spnav05 a:hover {background-position: -314px -324px;}
.spnav06 a:hover {background-position: -314px -405px;}

/* INDEX_COMMON */

.jumptxt {
	font-weight: bold;
	font-size: 12px;
	color: #8c0000;}

.jumptxt img {vertical-align: middle;}

.selecttbl {
	width: 100%;
	margin-top: 3px;
	border-collapse: collapse;}

.selecttbl thead th.boxCaption {
	padding: 12px 15px;
	color: #333;
	text-align: left;
	background-color: #feeeb7;
}

.selecttbl thead th.boxCaption h3 {
	font-size: 18px;
	margin-bottom: 3px;
	line-height: 1.2em;
	letter-spacing: 0.1em;
}

.selecttbl thead th.boxCaption h3 span {
	display: block;
	font-size: 14px;
}

.selecttbl thead th.boxCaption p {
	font-weight: normal;
	line-height: 1.5em;
}

.selecttbl th,
.selecttbl td {
	font-size: 11px;
	vertical-align: middle;
	border: 1px solid #fff;}

.selecttbl thead th,
.selecttbl tfoot th {
	color: #fff;
	text-align: center;
	background-color: #fff;}

.selecttbl th.tha,
.selecttbl th.thp,
.selecttbl th.thk {
	padding: 8px 0;}

.selecttbl th.tha {background-color: #1b305b;} 
.selecttbl th.thp {background-color: #165e84;} 
.selecttbl th.thk {background-color: #517ea5;} 

.selecttbl tbody th {
	color: #fff;
	font-weight: normal;
	text-align: right;
	padding: 15px 6px;}

.selecttbl tbody .blue01 {background-color: #e1ecf4;}
.selecttbl tbody .blue02 {background-color: #f7fbfc;}

.selecttbl tbody td {
	width: 68px;
	height: 2.8em;
	text-align: center;
	line-height: 1.2em;}

.selecttbl tbody td a {
	display: block;
	color: #000;
	text-decoration: none;}

.selecttbl tbody td a:hover {
	color: #d90000;
	text-decoration: underline;}

.selecttbl tbody td em {font-size: 16px;}
.selecttbl tbody td span {font-size: 11px;}

.select02 th.prd,
.select03 th.prd {
	font-weight: normal;
	line-height: 1.3em;
	letter-spacing: 0.05em;
}

.select02 th.prd span,
.select03 th.prd span {
	display: block;
}

.boxDevice,
.boxWeight {
	position: relative;
}

.boxDevice span.imgTable,
.boxWeight span.imgTable {
	position: absolute;
	display: block;
	width: 249px;
	height: 148px;
	z-index: 1000;
}

.boxDevice span.imgTable {
	left: 320px;
	bottom: 150px;
}

.boxWeight span.imgTable {
	left: 442px;
	bottom: 30px;
}


/* INDEX02 */

.select02 {
	margin-bottom: 1.5em;}

.select02 tbody th {
	background-color: #00661a;}

/* INDEX03 */

.select03 {
	margin-bottom: 4.5em;}

.select03 thead th.prd {background: url(../img/index/bg_th.jpg) center bottom no-repeat;}

.select03 tbody th {
	background-color: #4c6600;}

/* INDEX04 */

.selecttbl thead th.prd {
	vertical-align: middle;
	}

.selecttbl thead th.prd a {
	display: block;
	width: 100%;
	color: #000;
	font-weight: bold;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	padding: 15px 0;
	background-color: #efefef;
}

.selecttbl thead th.prd a:hover  {background-color: #f9efb3;}

/*
.select04 thead th.prd a:hover {background: url(../img/bg_doubleth_blank_o.jpg) center center no-repeat;}
.select04 thead th.prdnone {background: url(../img/bg_doubleth.png) center center no-repeat;}
*/

.selecttbl thead th.prd a span {
	display: block;
}

.select04 tbody th {
	background-color: #006669;}

.select04 tbody td {
	padding: 15px 0 !important;
	font-weight: bold;
	font-size: 10px !important;
	line-height: 1.5em !important;
}

.att04 {
	margin: 12px 0 1em 5px;}

.att04 li {
	display: inline-block;
	font-size: 11px;
}

div.boxType {
	margin-bottom: 1.5em;
	padding: 12px 18px 10px 18px;
	color: #333;
	text-align: left;
	background-color: #feeeb7;
}

div.boxType h3 {
	font-size: 18px;
	letter-spacing: 0.1em;
	margin-bottom: 0;
}

div.boxType h3 span {
	font-size: 14px;
	margin-left: 3px;
}



/* DETAIL_COMMON */

#msgbox {
	padding-top: 10px;
	padding-left: 8px;}

#msgbox .msg {margin-bottom: 25px;}

#msgbox p {line-height: 2em;}

#msgbox p span {font-size: 12px;}

#prtxt {
	padding-left: 8px;
	padding-bottom: 20px;}

#prtxt p {line-height: 2em;}
#prtxt p span {font-size: 12px;}

.productimg {
	margin-bottom: 32px;}

.btndownload {
	text-align: center;
	margin: 30px 0 45px 0;}

.btndownload img {
	margin: 0 10px;
}

#merit h3,
#performance h3 {margin-bottom: 32px;}

#merit ul {margin-left: 14px;}

#merit ul li {
	margin-bottom: 1.5em;
	padding-left: 16px;
	padding-right: 10px;
	background: url(../img/icn_merit.gif) left top no-repeat;}

#merit ul li span {
	font-size: 11px;}

#purpose h3 {margin-bottom: 32px;}

#purpose ul li {
	margin-bottom: 1.5em;
	padding-left: 16px;
	padding-right: 10px;
	padding-bottom: 1em;
	line-height: 1.8em;
	border-bottom: 1px solid #ccc;}

#spec h3 {margin-bottom: 25px;}

.spectbl {
	width: 100%;
	border-collapse: collapse;}

.spectbl th,
.spectbl td {
	vertical-align: middle;
	padding: 8px 12px;
	border: 1px solid #fff;}

#spec01 {margin-bottom: 10px;}
#spec02,
#spec03 {margin-bottom: 30px;}

#spec01 th {
	color: #fff;
	font-weight: normal;
	background: url(../img/active/bg_th.jpg) left bottom repeat-x;}

.spectbl th.type {width: 176px;}

#spec02 .ctrl {line-height: 106px;}
#spec02 .ctrl img {float: right;}


.spectbl tbody .blue01 {background-color: #e1ecf4;}
.spectbl tbody .blue02 {background-color: #f7fbfc;}

.spec_att {
	font-size: 12px;
	margin-left: 3px;
	margin-bottom: 15px;}

#related h3 {margin-bottom: 32px;}

#related ul {
	position: relative;
	width: 735px;}

#related li {
	float: left;
	display: block;
	width: 225px;
	height: 272px;
	margin-right: 19px;
	margin-bottom: 20px;}

#performance {
	padding-bottom: 50px;}


/* ACTIVE01 */

/* ACTIVE02 */

/* ACTIVE03 */

/* ACTIVE04 */

#spec03 img {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;}

#spec03 td strong {
	display: block;
	font-size: 12px;
	margin-left: 1px;
	margin-bottom: 10px;}

#spec03 td .grbox {
	width: 390px;
	text-align: center;}

/* ACTIVE05 */

#msgbox .thumb {
	margin-top: 1.5em;
	margin-bottom: 50px;}

#msgbox .thumb .rimg {
	float: right;
	margin-left: 30px;}

#msgbox .thumb .download {
	text-align: right;
	margin-top: 2em;}

.noise {text-align: center;}

.noise li {
	float: left;
	width: 350px;
	height: 340px;
	font-size: 12px;
	text-align: center;}

.noise li img {
	display: block;
	margin: 0 auto 10px auto;}

#purpose img {margin-bottom: 10px;}

.pp05_txt {margin-bottom: 40px;}

/* STAGE FEED FOWORED */

.sff .msg {
	margin-bottom: 30px;
	margin-left: 8px;}

.sff p {
	margin-bottom: 1em;
	margin-left: 8px;}

.sff .graph li {
	float: left;
	display: block;
	width: 344px;
	font-weight: bold;
	margin-bottom: 45px;
	text-align: center;}

.sff .graph .left {margin-right: 16px;}

.sff .graph li img {
	text-align: center;
	margin-bottom: 10px;}

.sff dl {
	text-align: center;
	padding-top: 25px;}

.sff dl dt {margin-bottom: 25px;}

.sff dl dd {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 40px;}

/* HAKEI */

.hakei .msg {
	margin-bottom: 20px;
	margin-left: 8px;}

.hakei p {margin-left: 8px;}

.hakei dl {
	text-align: center;
	padding-top: 25px;}

.hakei dl dt {margin-bottom: 25px;}

.hakei dl dd {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 40px;}

/* PASSIVE_COMMON */

#passivelink h4.ttl_passive_sub {
	margin-top: 40px;
	margin-bottom: -15px;
}

#passivelink ul {
	position: relative;
	width: 735px;
	margin-top: 30px;}

#passivelink li {
	float: left;
	display: block;
	width: 225px;
	height: 221px;
	margin-right: 19px;
	margin-bottom: 16px;}

#passivelink .txtAir {
	padding: 15px 20px 10px 20px;
	font-size: 1.15em;
	border: 2px solid #003168;
}

.productbox {margin-top: 30px;}

.productbox h4 {margin-bottom: 40px;}

.productbox dl {float: left;}

.productbox dl dt,
.productbox dl dd {
	text-align: center;}

.productbox dl dt {margin-bottom: 10px;}

.productbox dl dd {
	font-size: 12px;}

.productbox dl dd.label {margin-bottom: 10px;}

.productbox dl dd.data {
	margin-bottom: 25px;
	font-weight: bold;}

.productbox dl dd img {margin: 0 3px;}

.productbox .txt {
	float: right;
	margin-bottom: 25px;}

.productbox .txt p {
	line-height: 2em;
	margin-bottom: 1em;}

.productbox .txt ul {margin-bottom: 1em;}

.productbox .txt ul li {font-size: 11px;}

/* PASSIVE01 */

.p01 .btndownload {
	position: relative;
	margin-top: 10px;}

.p01 .productbox dl {width: 402px;}
.p01 .productbox .txt {width: 278px;}

.productbox .txt .subimg {
	text-align: center;
	font-size: 12px;}

.productbox .txt .subimg img {
	display: block;
	margin: 5px auto;}


/* PASSIVE02 */

.p02 .productbox dl {width: 370px;}
.p02 .productbox .txt {width: 322px;}

.p02 .boxOption {
	margin-top: 40px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.p02 .boxOption h4 {
	margin-bottom: 1em;
	padding-left: 10px;
	font-size: 1.3em;
	border-left: 8px solid #003366;
}

.p02 .boxOption .imgOption {
	float: right;
	width: 250px;
	margin-top: -15px;
	text-align: center;
}

.p02 .boxOption .txtOption {
	float: left;
	width: 420px;
}

.p02 .boxOption .txtOption p {
	margin-bottom: 1em;
}

.p02 .boxOption table {
	width: 100%;
	border-collapse: collapse;
}

.p02 .boxOption table th,
.p02 .boxOption table td {
	padding: 1em 0.5em;
	border: 1px solid #ccc;
}

.p02 .boxOption table th {
	background-color: #efefef;
}

/* PASSIVE03 */

.txtPassive03 {
	margin-top: 20px;
	padding: 15px 20px 10px 20px;
	border: 2px solid #b80000;
}

.txtPassive03 p small {
	line-height: 1.8em;
}

.p03 .productbox dl {width: 370px;}
.p03 .productbox .txt {width: 340px;}

/* SPRING_COMMON */

#secphoto {margin-top: 30px;}

#secphoto li {
	float: left;
	display: block;
	width: 320px;
	font-weight: bold;
	text-align: center;
	margin-right: 24px;}

#secphoto li dt {margin-bottom: 10px;}

/* SPRING01 */

.k01 #msgbox .center {
	margin-top: 40px;
	font-weight: bold;
	font-size: 12px;}

.k01 #msgbox .center img {display: block;}

/* SPRING02 */

/* SPRING03 */

.k03 #msgbox .center {
	margin-top: 40px;
	font-weight: bold;
	font-size: 12px;}

.k03 #msgbox .center img {display: block;}

/* OPTION01 */

.op02 .spectbl {margin-top: 20px;}

#blockphoto {
	text-align: center;
	width: 650px;
	margin: 0 auto;}

#blockphoto li {
	float: left;
	display: block;
	width: 206px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-right: 10px;}

#blockphoto li img {margin-bottom: 5px;}

/* OPTION02 */

/* OPTION03 */

/* OPTION04 */

.sahbox {
	position: relative;
	height: 250px;}

.sahbox dl dt {
	font-size: 12px;
	font-weight: bold;
	text-align: left;}

.sahbox dl dd {
	font-size: 12px;
	text-align: left;
	padding-left: 8px;}

.sahbox span {
	position: absolute;
	right: 0; top: -25px;}

.op04 .btndownload {
	position: relative;
	margin-top: 10px;}

.op04 h5 {
	font-size: 14px;
	font-weight: bold;}

.op04 .spectbl {margin-bottom: 40px;}

.op04 .spectbl td,
.op04 .spectbl th {text-align: center;}

.op04 .spectbl th {
	color: #fff;
	width: 25%;
	font-weight: normal;
	background: url(../img/active/bg_th.jpg) left bottom repeat-x;}

.op04 .att {
	font-size: 12px;
	margin-top: 1.5em;
	margin-bottom: 40px;}

.op04 .productbox .center {margin-bottom: 20px;}

/* OPTION05 */

.op05 #merit {margin-top: 60px;}

.op05 .option {margin-top: 25px;}

/* OPTION06 */

.op06 #performance {margin-top: 60px;}

.op06 .option {margin-top: 25px;}

.op06 img {
	margin-left: auto;
	margin-right: auto;}


/* SUPPORT01 */

.sp01 .productimg {text-align: center;}

/* SUPPORT02 */

.sp02 .productimg {text-align: center;}

/* SUPPORT03 */

.sp03 #msgbox p {margin-bottom: 1em;}

.sp03 #merit {margin-top: 30px;}

/* SUPPORT04 */

.sp04 #msgbox p {margin-bottom: 1em;}

.sp04 #grphoto {
	margin-bottom: 30px;}

.sp04 #grphoto {margin-top: 30px;}

.sp04 #grphoto li {
	float: left;
	display: block;
	width: 351px;
	font-weight: bold;
	text-align: center;}

.sp04 #grphoto li dt {margin-bottom: 10px;}

.sp04 #grphoto li dd {padding-left: 10px;}

/* ST-X */

.stx #msgbox p {
	margin-right: 2em;
	margin-bottom: 1em;}

.stx #eyepoint {margin: 40px 0;}

.stx #eyepoint dl {float: left;}
.stx #eyepoint dl dd {padding: 1.5em 1.5em 0 1em;}

.stx .eye01 {
	width: 310px;
	margin-right: 60px;}

.stx .eye02 {width: 320px;}

.stx .center strong {
	display: block;
	margin-top: 1em;}

/* 20140414 */

h5.clear {margin-bottom: 1em;}

.ptbl {
	width: 100%;
	border-collapse: collapse;}

.ptbl th,
.ptbl td {
	vertical-align: middle;
	padding: 8px 6px;
	border: 1px solid #fff;}

.ptbl th.type,
.ptbl tbody th {padding: 8px 12px;}

.ptbl thead th {
	color: #fff;
	font-weight: normal;
	background: url(../img/active/bg_th.jpg) left bottom repeat-x;}

.ptbl.doubleTh thead th {
	background: url(../img/bg_doubleth.png) left center repeat-x;}

.ptbl.doubleTh thead th small {
	display: block;
	line-height: 1.3em;
	margin-bottom: 0.75em;
}

.ptbl.doubleTh thead th small:last-child {
	margin-bottom: 0;
}

.ptbl th.type {width: 156px;}
.ptbl th.type.typeCdhTh {width: 170px;}

.ptbl tbody .blue01 {background-color: #e1ecf4;}
.ptbl tbody .blue02 {background-color: #f7fbfc;}

.ptbl tbody th {background-color: #cae7e1;}
.ptbl tbody td {text-align: center;}

.mt20 {margin-top: 20px;}
.mt50 {margin-top: 50px;}

.patt {margin: 1em 0 1em 3px;}
.att {margin-top: 1em;}

.patt li,
.att {
	font-size: smaller;}

#stxsize {margin-top: 1em;}

#stxsize .left {float:left; width: 68px;}
#stxsize .right {float:right; width: 430px;}

.stxsize {
	width: 100%;
	border-collapse: collapse;}

.stxsize th,
.stxsize td {
	text-align: center;
	padding: 8px;
	border: 1px solid #ccc;}

.stxsize thead th {
	color: #fff;
	background-color: #666;}

.stxsize thead th.type {width: 75px;}

.stxsize tbody th {
	background-color: #eee;}

#stxsizetbl span {
	display: block;
	text-align: right;
	font-size: smaller;}

/* VIDEO */

.videoList {
	margin-top: 40px;
}

.videoList h3 {
	margin-bottom: 25px;
}

.videoList ul li {
	margin-bottom: 30px;
}

.videoList ul li a {
	transition: all  0.3s ease;
}

.videoList ul li a:hover {
	opacity: 0.6;
}

/* VIDEO DETAIL */

.boxYoutube {
	margin-top: 40px;}

.youtubeList,
.youtubeList02 {
	position: relative;
	width: 1100px;
	margin-top: 0px;
}

.youtubeList02 {
}

.youtubeList li {
	float: left;
	width: 308px;
	height: 215px;
	margin-right: 9px;
}

.youtubeList02 li {
	display: inline-block;
	width: 475px;
	height: 320px;
	margin-right: 10px;
}

.boxYoutube li dl {
	text-align: center;
	font-weight: bold;
}

.boxYoutube li dl dt {
	margin-bottom: 0.8em;
}

p.beforeafter {
	text-align: center;
	margin-bottom: 6em;
}

p.btnBack {
	text-align: center;
	margin-bottom: 40px;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}