/* content */

#content { -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff; }
@-moz-document url-prefix() { .content { border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2;  } } /* FF2 */
#content { *border: 1px solid; *border-color: #e5e5e5 #dbdbdb #d2d2d2; } /* IEs */
#content:nth-child(1n) { border: none; } /* reset for smart browsers */
#content { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
#content { font-size: 12px; position: relative; margin: 0 auto; padding: 1px 1px 1px; width: 980px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff; *border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2; }

#content a { color:#2971a7; text-decoration:none; }
#content a:hover { text-decoration:underline; }

/*---- product header ----*/
#productheader { border:none;  }

/* productheader */
#productheader h2 a { text-indent: 0; width: 284; }
#productheader li a { text-shadow: #fff 0 1px 0; }
#productheader ul li a { margin-left: 24px; }

#overview #pn-overview a,
#design #pn-design a,
#features #pn-features a,
#performance #pn-performance a,
#whymac #pn-whymac a,
#environment #pn-environment a,
#specs #pn-specs a { color: #999 !important; cursor: default; }

/*main*/
.replaced {
	TEXT-ALIGN: left; TEXT-INDENT: -9999px; WIDTH: 10px; DISPLAY: block; HEIGHT: 10px; OVERFLOW: hidden
}
.new_badge {
	POSITION: absolute;	WIDTH: 105px; BACKGROUND: url(/products/wbim/images/flag-new.png) no-repeat 0px 0px; HEIGHT: 104px;	top:0px;	left:0px;
}
#article {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-TOP: 0px;
}
#productheader H1 A {
	WIDTH: 284px; BACKGROUND: url(/products/wbim/images/products_title.gif) no-repeat 0px 0px
}
#productnav {
	WIDTH: 400px; DISPLAY: inline; FLOAT: right
}
#productnav A {
	PADDING-BOTTOM: 0px; MARGIN-TOP: 1em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; COLOR: #ddd; MARGIN-LEFT: 30px; MARGIN-RIGHT: 8px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
#productnav A:hover {
	COLOR: #08c
}
#productnav A.downloadnow {
	POSITION: relative; TEXT-INDENT: -9999px; MARGIN: 0.7em 0px 0px 20px; OUTLINE-STYLE: none; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 0px; FLOAT: right; HEIGHT: 25px; OVERFLOW: hidden; TEXT-DECORATION: none; BEHAVIOR: url(/global/scripts/lib/iepngfix.htc)
}
#productnav A.downloadnow {
	BACKGROUND-IMAGE: url(/products/wbim/images/downloadnow.png); WIDTH: 108px; HEIGHT: 26px
}
#whatsnew #productnav A#pn-whats-new {
	COLOR: #999; CURSOR: default
}
#whatis #productnav A#pn-what-is {
	COLOR: #999; CURSOR: default
}
#features #productnav A#pn-features {
	COLOR: #999; CURSOR: default
}
#developer #productnav A#pn-developer {
	COLOR: #999; CURSOR: default
}
#download #productnav A#pn-download {
	COLOR: #999; CURSOR: default
}

#whatsnew #main {
	BACKGROUND: url(/products/wbim/images/whatsnew-hero-bg.png) repeat-x 0px 0px #fff;
}
/*
#main:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
}
*/
#main #header P {
	LINE-HEIGHT: 23px; MARGIN-TOP: 11px; COLOR: #666; FONT-SIZE: 16px; FONT-WEIGHT: normal
}
/*
#main .callout {
	BORDER-BOTTOM: #dcdcdc 1px solid; POSITION: relative; BORDER-LEFT: #dcdcdc 1px solid; PADDING-BOTTOM: 18px; PADDING-LEFT: 14px; WIDTH: 365px; PADDING-RIGHT: 15px; ZOOM: 1; MARGIN-BOTTOM: 18px; BACKGROUND: url(/products/wbim/images/callout-bg.gif) #f0f3f5 repeat-x left top; FLOAT: left; BORDER-TOP: #dcdcdc 2px solid; BORDER-RIGHT: #dcdcdc 1px solid; PADDING-TOP: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px
}
#main .callout:after {
	WIDTH: 0px; DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
}
#main .callout + P {
	CLEAR: left
}
#main .gallery.callout A.thumb {
	WIDTH: 87px
}
#main .callout A.thumb {
	BORDER-BOTTOM: #e5e5e5 1px solid; POSITION: relative; BORDER-LEFT: #e5e5e5 1px solid; PADDING-BOTTOM: 4px; MARGIN: 8px 10px 0px 8px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; DISPLAY: block; BACKGROUND: #000; FLOAT: left; BORDER-TOP: #e5e5e5 1px solid; BORDER-RIGHT: #e5e5e5 1px solid; PADDING-TOP: 4px
}
#main .callout A.thumb IMG {
	Z-INDEX: 2; POSITION: relative; MARGIN: 0px; FLOAT: left
}
#main .callout H3 {
	MARGIN-TOP: 0.3em; FONT: 16px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; MARGIN-LEFT: 137px
}
#main .callout P {
	LINE-HEIGHT: 1.3; WIDTH: auto !important; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 137px !important
}
#main .callout H3 + P {
	MARGIN-BOTTOM: 8px
}
#main .callout IMG.left {
	MARGIN-BOTTOM: 0px
}
#main .callout .enlarge {
	Z-INDEX: 4; POSITION: absolute; WIDTH: 22px; DISPLAY: block; BACKGROUND: url(/global/elements/buttons/icon-enlarge.png) no-repeat left top; HEIGHT: 21px; TOP: -12px; BEHAVIOR: url(/global/scripts/lib/iepngfix.htc); LEFT: -12px
}
#main .callout A.OverlayPanel + H3 {
	POSITION: static !important
}
#main .callout A.OverlayPanel + H3 + P {
	POSITION: static !important
}
*/
#nav.buckets {
	FLOAT: left; CLEAR: both; BORDER-TOP: #e5e5e5 1px solid; PADDING-TOP: 18px
}
#nav.buckets A {
	DISPLAY: block; MARGIN-BOTTOM: 32px; FLOAT: left; COLOR: #333; TEXT-DECORATION: none
}
#nav.buckets A:first-child {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; CLEAR: both; BORDER-LEFT-STYLE: none
}
#nav.buckets A .title {
	DISPLAY: block; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
#nav.buckets A:hover .title {
	COLOR: #08c
}
#nav.buckets A .description {
	DISPLAY: block; FONT-SIZE: 11px
}
#nav.buckets A IMG {
	BORDER-BOTTOM: #e5e5e5 1px solid; BORDER-LEFT: #e5e5e5 1px solid; BORDER-TOP: #e5e5e5 1px solid; BORDER-RIGHT: #e5e5e5 1px solid
}
.subarticle.img_right IMG {
	FLOAT: right; MARGIN-LEFT: 35px
}
.subarticle.img_left IMG {
	FLOAT: left; MARGIN-RIGHT: 35px
}
.subarticle.img_left P {
	MARGIN-LEFT: 489px
}
.subarticle.img_left H2 {
	MARGIN-LEFT: 489px
}
.subarticle.img_flushright IMG {
	Z-INDEX: 1; POSITION: relative; FLOAT: right; MARGIN-LEFT: 35px; MARGIN-RIGHT: -50px
}
.subarticle.img_flushright H2 {
	Z-INDEX: 2; POSITION: relative
}
.subarticle.img_flushright H3 {
	Z-INDEX: 2; POSITION: relative
}
.subarticle.img_flushright P {
	Z-INDEX: 2; POSITION: relative
}
.subarticle.img_flushleft IMG {
	Z-INDEX: 1; POSITION: relative; FLOAT: left; MARGIN-LEFT: -50px; MARGIN-RIGHT: 35px;
}
.subarticle.img_flushleft H2 {
	Z-INDEX: 2; POSITION: relative
}
.subarticle.img_flushleft H3 {
	Z-INDEX: 2; POSITION: relative
}
.subarticle.img_flushleft P {
	Z-INDEX: 2; POSITION: relative
}
#overview #main {
	/*FLOAT: left*/
}
#overview #main #header {
	MIN-HEIGHT: 430px;
	width:978px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	background: url(/products/wbim/images/overview-hero-bg.png) repeat-x 0px 100%;
}

#overview #main #header:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: '.'
}
#overview #main H2.replaced {
	WIDTH: 311px; MARGIN-BOTTOM: 9px; BACKGROUND: url(/products/wbim/images/overview-title.png) no-repeat 0px 100%; HEIGHT: 86px; MARGIN-LEFT: 70px; PADDING-TOP: 80px
}
#overview #main P.header_desc {
	WIDTH: 335px; MARGIN-LEFT: 70px
}
#overview #main a#download-wbim.image_button { background: none; border: none; padding: 0; -moz-border-radius: 0; }
#overview #main #slideshow {
	POSITION: absolute; WIDTH: 570px; HEIGHT: 469px; TOP: 26px; RIGHT: 0px
}
#overview #main #slideshow IMG {
	POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 0px
}
#overview #main #slideshow #slideshow-swap {
	POSITION: relative
}
#overview #main #slideshow #slideshow-swap IMG {
	DISPLAY: block
}
#overview #main #slideshow .slideshow-nav {
	POSITION: absolute; TEXT-ALIGN: center; WIDTH: 592px; BOTTOM: 26px; RIGHT: 0px
}
#overview #main #slideshow .slideshow-nav LI {
	DISPLAY: inline
}
#overview #main #slideshow .slideshow-nav A {
	TEXT-INDENT: -9999px; WIDTH: 8px; DISPLAY: inline-block; BACKGROUND: url(/global/elements/slider/dot20070414.png) no-repeat; HEIGHT: 8px; OVERFLOW: hidden
}
#overview #main #slideshow .slideshow-nav A:hover {
	BACKGROUND-POSITION: 0px -8px
}
#overview #main #slideshow .slideshow-nav A.active {
	BACKGROUND-POSITION: 0px -16px
}
#overview #main #header A#download-wbim {
	PADDING-BOTTOM: 9px; PADDING-LEFT: 14px; WIDTH: 307px; PADDING-RIGHT: 14px; DISPLAY: block; FLOAT: left; PADDING-TOP: 12px; }
#overview #main #header A#download-wbim:hover {
	TEXT-DECORATION: none
}
#overview #main #header A#download-wbim .title {
	MARGIN-TOP: 15px; WIDTH: 98px; MARGIN-BOTTOM: 6px; BACKGROUND: url(/products/wbim/images/button-download-title-20090602.png) no-repeat 0px 0px; HEIGHT: 24px
}
#overview #main #header A#download-wbim SPAN {
	COLOR: #000; FONT-SIZE: 14px
}
#overview #main #header A#download-wbim .highlight {
	PADDING-RIGHT: 25px; BACKGROUND: url(/products/wbim/images/button-download-arrow.png) no-repeat 100% 50%; COLOR: #08c; FONT-SIZE: 19px
}
#overview #main #header A#download-wbim IMG {
	FLOAT: left; MARGIN-RIGHT: 15px
}
#overview #main #header A#download-wbim .block {
	MARGIN-TOP: 5px; DISPLAY: block
}
#overview #buckets {
	FLOAT: left;
	BORDER-TOP: #e3e3e4 1px solid;
	width:100%;
	margin-top: 0px;
	margin-bottom: 0px;
	top:0px;
}
#overview #buckets:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
}
#overview #buckets H2 {
	MARGIN: 9px 0px; FONT-SIZE: 26px; FONT-WEIGHT: normal
}
#overview #story {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 690px; PADDING-RIGHT: 38px; BACKGROUND: url(/products/wbim/images/overview-buckets-divider.png) no-repeat 100% 50%; FLOAT: left; PADDING-TOP: 20px
}
#overview #story IMG.left {
	MARGIN-BOTTOM: 0px
}
#overview #story H2 {
	MARGIN: 36px 0px 12px; color:#000;
}
#overview #features {
	PADDING-BOTTOM: 0px;
	WIDTH: 211px;
	FLOAT: right;
	PADDING-TOP: 42px;
	position: absolute;
	right: 20px;
}
#whatsnew #main #header {
	TEXT-ALIGN: center; HEIGHT: 450px; PADDING-TOP: 27px
}
#whatsnew #main #header H2 {
	MARGIN: 0px auto; WIDTH: 464px; BACKGROUND: url(/products/wbim/images/whatsnew-title.png) no-repeat 0px 0px; HEIGHT: 43px
}
#whatsnew #main #nav.buckets {
	MARGIN: 0px 24px; WIDTH: 932px
}
#whatsnew #nav.buckets A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 29px; WIDTH: 123px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#whatsnew #main #article .subarticle {
	MARGIN-BOTTOM: 3em; FLOAT: left
}
/*create by killua on 2010-11-08*/
#whatsnew #main #article {
	background: url(/products/wbim/images/article-bg.png) repeat-x 0px 0px;
	border-top: ;
	clear: both;
	float: left;
	padding-bottom: 18px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 46px;
	width: 880px;
}
#whatsnew #main #article .subarticle {
	background: transparent none repeat scroll 0% 0%;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 100%;
}
#whatsnew #main #article H2 {
	FONT-SIZE: 22px; FONT-WEIGHT: normal
}
#whatsnew #main #article .subarticle H2 {
	MARGIN-BOTTOM: 9px; PADDING-TOP: 9px
}
/* end */
#whatis #main {
	BACKGROUND: url(/products/wbim/images/whatis-hero-bg.gif) repeat-x 0px 0px #fff;
}
#whatis #main #header {
	PADDING-TOP: 27px
}
#whatis #main #header H2.replaced {
	MARGIN-TOP: 82px; WIDTH: 300px; BACKGROUND: url(/products/wbim/images/whatis-title.png) no-repeat 0px 100%; HEIGHT: 40px; MARGIN-LEFT: 50px
}
#whatis #main #header P {
	LINE-HEIGHT: 1.3; WIDTH: 310px; MARGIN-LEFT: 50px
}
#whatis #main #header IMG {
	FLOAT: right
}
#whatis #main #article
{
	PADDING-BOTTOM: 18px; PADDING-LEFT: 50px;
	WIDTH: 880px; 
	PADDING-RIGHT: 50px; 
	BACKGROUND: url(/products/wbim/images/article-bg.png) repeat-x 0px 0px; FLOAT: left; height:300px;
 	CLEAR: both; 
	BORDER-TOP: #e5e5e5 1px solid; 
	PADDING-TOP: 46px;
}
#whatis #article .subarticle {
	BORDER-BOTTOM-STYLE: none; 
	PADDING-BOTTOM: 0px; 
	BORDER-RIGHT-STYLE: none; 
	PADDING-LEFT: 0px; 
	WIDTH: 100%; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP-STYLE: none; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	BORDER-LEFT-STYLE: none; 
	PADDING-TOP: 0px;
}
/*
#whatis #nav.buckets {
	MARGIN: 0px 24px; PADDING-LEFT: 60px; WIDTH: 872px
}
#whatis #nav.buckets A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 123px; PADDING-RIGHT: 0px; MARGIN-LEFT: 73px; PADDING-TOP: 0px
}
#whatis #nav.buckets A:first-child {
	MARGIN-LEFT: 55px
}
*/
#features IMG.reflection {
	MARGIN-BOTTOM: 0px !important
}
#features #main #header H2.replaced {
	MARGIN: 0px auto; WIDTH: 100%; BACKGROUND: url(/products/wbim/images/features-title.png) no-repeat 50% 100%; HEIGHT: 37px; PADDING-TOP: 37px
}
#features #main #header P {
	TEXT-ALIGN: center
}
#features #main #nav {
	BORDER-BOTTOM: #e5e4e4 1px solid; BORDER-LEFT: #e5e4e4 1px solid; PADDING-BOTTOM: 30px; BACKGROUND-COLOR: #fdfdfd; MARGIN: 0px 50px 18px; PADDING-LEFT: 45px; WIDTH: 790px; PADDING-RIGHT: 45px; FLOAT: left; BORDER-TOP: #e5e4e4 1px solid; BORDER-RIGHT: #e5e4e4 1px solid; PADDING-TOP: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px
}
#features #main #nav A {
	DISPLAY: block; COLOR: #252525; FONT-SIZE: 11px
}
#features #main
{
	background:#fff;
}
#features .new {
	PADDING-RIGHT: 25px; BACKGROUND: url(/products/wbim/images/badge_new.gif) no-repeat 100% 50%
}
#features #main #article {
	BORDER-BOTTOM-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-TOP-STYLE: none; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	BORDER-LEFT-STYLE: none;
	padding-left:50px;
}
#features #main #article .section {
	POSITION: relative; PADDING-BOTTOM: 54px; PADDING-LEFT: 0px; WIDTH: 880px; PADDING-RIGHT: 0px; FLOAT: left; CLEAR: both; BORDER-TOP: #e5e4e4 1px solid; PADDING-TOP: 18px
}
#features #main #article .section .header {
	POSITION: relative; WIDTH: 880px; FLOAT: left
}
#features #main #article .section .header A {
	FLOAT: right
}
#features #main #article .section .header A.scrollToAnchor {
	POSITION: absolute; TOP: 0px; RIGHT: 0px
}
#features #main #article .section A.hidden {
	POSITION: absolute; TOP: 0px; LEFT: 0px
}
#features #main #article .section .column {
	WIDTH: 267px; MARGIN-LEFT: 40px
}
#features #main #article .section H3 {
	COLOR: #252525
}
#features #main #article .section H3.new {
	DISPLAY: inline
}
#features #main #article .section .column IMG {
	MARGIN-BOTTOM: 18px
}
#features #article .section .column IMG.with_shadow {
	POSITION: relative; MARGIN-LEFT: -10px; MARGIN-RIGHT: -10px
}
/* dwonload */
#download #main {
	MIN-HEIGHT: 569px;
	background:#fff;
}
#download #main #header {
	/*MARGIN-TOP: 80px;*/
	PADDING-TOP: 80px;
}
#download #main #header H2.replaced {
	WIDTH: 320px; MARGIN-BOTTOM: 0px; BACKGROUND: url(/products/wbim/images/download-title.png) no-repeat 0px 100%; FLOAT: left; HEIGHT: 35px; MARGIN-LEFT: 80px
}
#download #main #header P {
	LINE-HEIGHT: 1.5; WIDTH: 300px; FLOAT: left; MARGIN-LEFT: 80px; CLEAR: left; FONT-SIZE: 21px; MARGIN-TOP: 10px;
}
#download #main #header H2 {
	Z-INDEX: 2; POSITION: relative
}
#download #main #header IMG {
	Z-INDEX: 1; POSITION: absolute; TOP: 15px; RIGHT: 0px
}
#download #main #article {
	WIDTH: 220px;
	CLEAR: left;
	HEIGHT: 400px;
	margin-left: 100px;
	background:none;
	BORDER-TOP: 0px;
	float:left;
	padding: 0px;
}
#download #main #article li {
	margin-top: 15px;
}
#download #download-frame {
	HEIGHT: 385px
}
/* thankyou */
#thankyou #main {
	BACKGROUND: url(/products/wbim/images/content-bg-thankyou.png) #fff repeat-x 0px 100%; 
	MIN-HEIGHT: 569px;
	background:#fff;
}
#thankyou #main #header {
	padding-top: 60px;
}
#thankyou #main #header H2.replaced {
	MARGIN-BOTTOM: 36px; 
	BACKGROUND: url(/products/wbim/images/thankyou-title.png) no-repeat 0px 100%;
	HEIGHT: 82px;
	Z-INDEX: 2; 
	POSITION: relative;
	WIDTH: 380px; 
	MARGIN-LEFT: 500px;
}
#thankyou #main #article {
	Z-INDEX: 2; 
	POSITION: relative; 
	WIDTH: 380px; 
	MARGIN-LEFT: 500px; 
	background:none; 
	border:none;
}
#thankyou #main #header IMG {
	Z-INDEX: 1; POSITION: relative; MARGIN: -10px -47px 20px 0px; FLOAT: left
}
#thankyou #article H2 {
	LINE-HEIGHT: 1.2; COLOR: #666; FONT-SIZE: 21px; FONT-WEIGHT: normal
}
#thankyou #article H3 {
	MARGIN-LEFT: 108px
}
#thankyou #article P {
	MARGIN-LEFT: 108px
}
#thankyou #article IMG {
	FLOAT: left
}