@charset "utf-8";

/* ================ html ================ */
body {background:#f2f4f4; font:12px/1.7 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#666;}
strong {font-weight:bold;}
A:link, A:visited, A:active {text-decoration:none;}
A:hover {text-decoration:none;}
A:link {color:#777;}
A:visited {color:#333;}
A:active, A:hover {color:#65bbec;}


/* ================ layout ================ */
#container {position:relative; margin:0 auto; padding:35px 0; width:952px;}
#header {clear:both; margin:-5px 0 20px; height:62px;}
#header h1 {float:left; display:block; width:301px; height:62px; background:url(../images/common/mainNav.gif) no-repeat;}
h6 {position:absolute; top:8px; right:15px; font-size:0.9em; font-weight:bold; color:#000; z-index:100;}
#content {position:relative; margin-bottom:12px; font-size:0.9em;}
#content ul {margin:15px 0 15px 10px;}
#content ul li {list-style:url(../images/common/ico-dot.gif);}
#content h3 {margin-bottom:15px; background-repeat:no-repeat;}
.row01, .row02, .row03, .row04 {position:absolute;}
.row01 {font-weight:bold; line-height:18px;}
body #content dl.note {clear:both; margin:0; font-size:0.9em; color:#aaa;}
body #content dl.note dd {float:left;}
body #content dl.note dd.num {width:15px;}
#footer {position:relative; padding:15px 45px 10px; width:860px; background:#fff; border:1px solid #e1e1e1;}
#footer .fLeft {padding-top:33px;}
#footer .fRight {text-align:right;}
#footer .ftNav a {color:#777; font-size:0.9em;}
#footer .ftNav a:hover {color:#333;}
#footer h5, #footer span.fLeft h5 a {color:#63bfed;}
#footer .share {padding-top:8px; font-size:0.9em;}
#footer .copy {padding-top:14px; font-size:0.8em; color:#b5b5b5;}
#footer .ft-lb, #footer .ft-rb {position:absolute; background:url(../images/common/footer-corner.gif) no-repeat; width:4px; height:4px;}
#footer .ft-lb {left:-1px; bottom:-1px; _bottom:-2x; background-position:0 0;}
#footer .ft-rb {right:-1px; bottom:-1px; _bottom:-2x; background-position:-4px 0;}

/* ================ Navigator ================ */
#mainNav {float:left; height:62px;}
#mainNav li {float:left;}
#mainNav a {display:block; background:url(../images/common/mainNav.gif) no-repeat; height:62px;}
#mainNav .nav01 a {width:77px; background-position:-301px 0;}
#mainNav .nav02 a {width:83px; background-position:-378px 0;}
#mainNav .nav03 a {width:95px; background-position:-461px 0;}
#mainNav .nav04 a {width:93px; background-position:-556px 0;}
#mainNav .nav05 a {width:106px; background-position:-649px 0;}
#mainNav .nav06 a {width:108px; background-position:-755px 0;}
#mainNav .nav07 a {width:89px; background-position:-863px 0;}
body#home #mainNav .nav01 a,
#mainNav .nav01 a:hover, #mainNav .nav01 a:active {background-position:-301px -62px;}
body#design #mainNav .nav02 a,
#mainNav .nav02 a:hover, #mainNav .nav02 a:active {background-position:-378px -62px;}
body#efficiency #mainNav .nav03 a,
#mainNav .nav03 a:hover, #mainNav .nav03 a:active {background-position:-461px -62px;}
body#entertainment #mainNav .nav04 a,
#mainNav .nav04 a:hover, #mainNav .nav04 a:active {background-position:-556px -62px;}
body#speed #mainNav .nav05 a,
#mainNav .nav05 a:hover, #mainNav .nav05 a:active {background-position:-649px -62px;}
body#specs #mainNav .nav06 a,
#mainNav .nav06 a:hover, #mainNav .nav06 a:active {background-position:-755px -62px;}
body#downloads #mainNav .nav07 a,
#mainNav .nav07 a:hover, #mainNav .nav07 a:active {background-position:-863px -62px;}
#breadNav {margin:0 0 0 30px; height:24px; line-height:1; font-family:Arial, Helvetica;}
#breadNav li {float:left;}
#breadNav li a {float:left; margin-left:3px; padding-left:10px;}
#breadNav a {background:url(../images/common/ico-arrow.gif) no-repeat 0 5px;}
#breadNav a.focus {color:#999;}
#breadNav a.first {background:none;}

/* ================ Button ================ */
a.btn-digg, a.btn-del, a.btn-reddit, a.btn-fb, a.btn-twitter, a.btn-plurk {margin-left:3px; padding:2px 0 0 10x; color:#1e5b7e;cursor:pointer;}

a.btn-over:hover {	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* Moz + FF */
	opacity:0.8; /* Support CSS3(FF 1.5) */
}

/* ================ Element ================ */
.fLeft {float:left;}
.fRight {float:right;}
.hide {font-size:0; line-height:0; color:#fff; text-indent:-5000px;}
.clear {clear:both; font-size:0; line-height:0;}

/* ===== Home ===== */
body#home #content ul {margin:0;}
body#home #content ul li {list-style:none;}
body#home dl {float:left; display:block; margin-top:5px;}
body#home A:link {color:#666;}
body#home A:visited {color:#666;}
body#home A:active, body#home A:hover {color:#666;}
a.btn-block {cursor:pointer;}
body#home .b1 {padding:35px 10px 0 11px; width:212px; height:106px; background:url(../images/home/exceptional-battery-life.jpg) no-repeat;}
body#home .b2 {margin-left:5px; margin-right:5px; padding:35px 102px 0 11px; width:120px; height:106px; background:url(../images/home/ultra-thin-form-factor.jpg) no-repeat;}
body#home .b3 {padding:70px 16px 0 27px; width:190px; height:71px; background:url(../images/home/the-design.jpg) no-repeat; color:#fff; margin-right:5px;}

/* ===== Design ===== */
body#design #content h2 {height:1666px; background:url(../images/design/benq-ulv-design-key-visuval.jpg) no-repeat;}
body#design .row01 {top:115px; left:200px; width:360px; font-size:1.1em; color:#fff;}
body#design a.btn-gallery {display:block; margin-top:28px; width:81px; height:24px; background:url(../images/design/btn-gallery.gif) no-repeat; text-align:center; color:#fff; font-weight:500;}
body#design .row02 {padding:20px 0 0 520px; top:415px; left:20px; height:503px; background:url(../images/design/benq-ulv-joybook.jpg) no-repeat 0 0;}
body#design .row02 p, body#design .row02 ul {width:355px;}
body#design .row02 .p1 {background:url(../images/design/ingenious-design-with-swep-edges-s35.jpg) no-repeat;}
body#design .row02 .p2 {background:url(../images/design/rich-blue.jpg) no-repeat;}
body#design .row02 .p3 {background:url(../images/design/simple-black.jpg) no-repeat;}
body#design .row03 {top:880px; left:45px; width:860px;}
body#design .row03 p {width:440px;}
body#design .row03 .pitL, body#design .row03 .pitC, body#design .row03 .pitR {float:left; margin-top:35px; width:270px; height:168px;}
body#design .row03 .pitL {background:url(../images/design/svelte-beauties-keyvisual-left.jpg);}
body#design .row03 .pitC {margin-left:20px; margin-right:20px; background:url(../images/design/svelte-beauties-keyvisual-center.jpg);}
body#design .row03 .pitR {background:url(../images/design/svelte-beauties-keyvisual-right.jpg);}
body#design .row04 {top:1250px; left:45px; width:906px; height:376px; background:url(../images/design/interior-design.jpg) no-repeat 100% 18px;}
body#design .row04 p, body#design .row04 ul {width:340px;}
body#design .row04 .p1 {background:url(../images/design/flip-top-keyboard-s43.jpg) no-repeat;}
body#design .row04 .p2 {background:url(../images/design/gapless-touchpad.jpg) no-repeat;}
body#design .row04 .p3 {background:url(../images/design/decent-hinge-design.jpg) no-repeat;}
body#design .col-three dl {float:left; margin-top:0px; width:126px;}
body#design .col-three dt {margin-bottom:5px; height:98px;}
body#design .col-three dd {margin-left:10px;}
body#design .col-three a {display:block; width:100%; height:100%;}
body#design .sub-title {height:24px; background-image:url(../images/design/design-subtitle.gif);}
body#design .row02 .sub-title {background-position:0 0;}
body#design .row03 .sub-title {background-position:0 -24px;}
body#design .row04 .sub-title {background-position:0 -48px;}

/* ===== Efficiency ===== */
body#efficiency #content h2 {height:983px; background:url(../images/efficiency/benq-ulv-efficiency-key-visual.jpg) no-repeat;}
body#efficiency .row01 {top:372px; left:412px; width:530px;}
body#efficiency .row02 {top:457px; left:412px; width:508px;}
body#efficiency .row03 {padding:90px 437px 0 0; top:637px; left:47px; width:423px;  height:188px; background:url(../images/efficiency/long-lasting.jpg) no-repeat 100% 0;}
body#efficiency dl.note {height:16px;}
body#efficiency .sub-title {height:24px; background-image:url(../images/efficiency/efficiency-subtitle.gif);}
body#efficiency .row02 .sub-title {background-position:0 0;}
body#efficiency .row03 .sub-title {background-position:0 -24px;}

/* ===== Entertainment ===== */
body#entertainment #content h2 {height:1316px; background:url(../images/entertainment/benq-ulv-entertainment-key-visual.jpg) no-repeat;}
body#entertainment .row01 {top:335px; left:570px; width:345px;}
body#entertainment .row02 {padding:0 540px 0 0; top:494px; left:70px; width:310px; background:url(../images/entertainment/theatrical-vision.jpg) no-repeat 100% 0;}
body#entertainment .row02 .screen1, body#entertainment .row02 .screen2 {padding-top:113px; height:1px; color:#999;}
body#entertainment .row02 .screen1 {float:left; width:160px; background:url(../images/entertainment/16-9-hi-res-screen.jpg) no-repeat 0 7px;}
body#entertainment .row02 .screen2 {float:right; width:142px; background:url(../images/entertainment/16-10-screen.jpg) no-repeat 0 0;}
body#entertainment .row03 {padding:0 0 0 553px; top:918px; left:1px; width:353px; height:313px;  background:url(../images/entertainment/srs.jpg) no-repeat 0 20px;}
body#entertainment .row03 .audio {margin-top:20px; width:354px; height:147px; background:url(../images/entertainment/audio-delight.jpg) no-repeat;}
body#entertainment .sub-title {height:24px; background-image:url(../images/entertainment/entertainment-subtitle.gif);}
body#entertainment .row02 .sub-title {background-position:0 0;}
body#entertainment .row03 .sub-title {background-position:0 -24px;}

/* ===== Speed ===== */
body#speed  #content h2 {height:1118px; background:url(../images/speed/benq-ulv-speed-key-visual.jpg) no-repeat;}
body#speed .row01 {top:97px; left:84px; width:620px;}
body#speed .row02 {padding:0 175px 188px 0; top:165px; left:84px; width:633px; background:url(../images/speed/benq-ulv-esata-enabled.jpg) no-repeat 0 120px;}
body#speed .row03 {margin-right:486px; padding:0 50px 430px 37px; top:464px; left:47px; width:365px; background:url(../images/speed/benq-ulv-ample-capacity.jpg) no-repeat 0 100%;}
body#speed .row04 {top:464px; right:3px; padding:0 57px 0 0; width:393px; height:653px; background:url(../images/speed/benq-ulv-hotkey-triggered-program-dj.jpg) no-repeat 0 100%;}
body#speed .sub-title {height:24px; background-image:url(../images/speed/speed-subtitle.gif);}
body#speed .row02 .sub-title {background-position:0 0;}
body#speed .row03 .sub-title {background-position:0 -24px;}
body#speed .row04 .sub-title {background-position:0 -48px;}

/* ===== Specs ===== */
#product {margin-bottom:8px; padding-left:220px; _padding-left:190px; height:91px; background:url(../images/specs/product-bg.gif) no-repeat; font-size:0.9em;}
#product a {float:left; display:block; margin:0 30px; padding-top:68px; *padding-bottom:4px; _padding-bottom:0; height:23px; background-position:center top; background-repeat:no-repeat; color:#333;}
#product a span {padding-bottom:7px;}
#product a:hover span, #product a.focus span {background:url(../images/specs/ico-focus.gif) no-repeat center bottom; color:#478ce1;}
#product a:visited {color:#666;}
a.btn-s35 {background-image:url(../images/specs/s35/benq-ulv-joybook-s35.jpg);}
a.btn-s43 {background-image:url(../images/specs/s43/benq-ulv-joybook-s43.jpg);}
body#specs #content {padding:22px 32px 48px; height:884px; background:url(../images/specs/content-bg.gif) no-repeat;}
body#specs .b1, body#specs .b2, body#specs .b3 {float:left; border-top:1px solid #ccc;}
body#specs .b1 {width:260px;}
body#specs .b2 {margin:0 20px; width:285px;}
body#specs .b3 {width:290px;}
body#specs dl {margin:10px 0;}
body#specs dl dt {margin-bottom:4px; font-weight:bold; color:#333;}
body#specs dl dd {line-height:1.5;}
body#specs dd.copy2 {margin-top:10px;}
body#specs .ports {margin-top:15px; border-top:1px dashed #ccc;}
body#specs h5 {margin-top:5px; font-weight:bold; color:#000;}
body.s35 .p1, body.s35 .p2 {float:left; display:block; margin:0 0 30px 80px; width:336px; height:125px; background-repeat:no-repeat;}
body.s35 .p1 {_margin-left:40px; background-image:url(../images/specs/s35/benq-ulv-joybook-s35-io-ports-left.jpg);}
body.s35 .p2 {background-image:url(../images/specs/s35/benq-ulv-joybook-s35-io-ports-right.jpg);}
body.s43 .p1, body.s43 .p2, body.s43 .p3 {float:left; display:block; margin:24px 0 30px; width:287px; height:139px; background-image:url(../images/specs/s43/benq-ulv-joybook-s43-io-ports.jpg); background-repeat:no-repeat;}
body.s43 .p1 {margin-left:10px; background-position:0 0;}
body.s43 .p2 {background-position:-286px 0;}
body.s43 .p3 {background-position:-573px 0;}
body#specs dl.note {color:#999; font-size:1em;}
body#specs .note a {text-decoration:underline;}
body#specs h2 {margin-bottom:18px; height:24px; background-image:url(../images/specs/specs-title.gif); background-repeat:no-repeat}
body.s35 h2 {background-position:0 0;}
body.s43 h2 {background-position:0 -24px;}

/* ===== Downloads ===== */
body#downloads #content {padding:40px 30px 0; height:400px; background:url(../images/download/content-bg.gif) no-repeat; line-height:1.8;}
.subNav {margin-bottom:11px; padding-top:4px; width:314px; height:26px; background:url(../images/download/subNav-bg.gif) no-repeat; text-align:center;}
.subNav a {margin:0 10px; color:#999;}
.subNav a:visited {color:#999;}
.subNav a.focus {color:#333;}
.subNav a:active, .subNav a:hover {color:#65bbec;}
a.btn-dl {
	padding:3px 0 5px; *padding-top:5px;
	background-repeat:no-repeat;
	background-position:0 0; *background-position:0 5px; _background-position:0 5px;
	font-size:1.1em;
}
a.btn-dl span {
	margin-left:10px;
	padding:3px 10px 5px 0;
	background-position:100% 0;
}
a.btn-dl:link {color:#fff;}
a.btn-dl:visited {color:#fff;}
a.btn-dl:hover {color:#eee;}
a.btn-wp, a.btn-wp span {background-image:url(../images/download/btn-dl-wp.gif);}
a.btn-photo, a.btn-photo span {background-image:url(../images/download/btn-dl-photo.gif);}
/* Wallpaper */
.wp-lily, .wp-airplane {width:416px; height:64px; text-align:center;}
.wp-lily {float:left; padding-top:295px; background:url(../images/download/wallpapers/benq-ulv-wallpapers-lily.jpg) no-repeat;}
.wp-airplane {float:right; padding-top:295px; background:url(../images/download/wallpapers/benq-ulv-wallpapers-airplane.jpg) no-repeat;}
/* Screensaver */
.screensaver {margin-bottom:10px; padding-top:9px; width:100%; height:282px; background:url(../images/download/screensaver/screensaver-bg.jpg) no-repeat center 0; text-align:center;}
/* Product Photos */
body#downloads .row {clear:both; margin-left:105px;}
.photo {position:relative; float:left; margin:10px 25px; *margin-bottom:0; width:168px; text-align:center;}
.photo img {width:168px; height:126px; border:1px solid #ececec;}
.photo .dl {margin-top:5px; *margin-top:2px; background:url(../images/download/btn-dl-photo.gif) no-repeat center top; width:100%; height:24px; font-size:1.1em;}
.photo .dl a:link {color:#fff;}
.photo .dl a:visited {color:#fff;}
.photo .dl a:hover {color:#eee;}