@charset "utf-8";
/* CSS Document */

/*  
Theme Name: MSI Mainboard & Graphics Card Detial Page
Theme URI: http://www.msi.coom/mainboard/pd_no,http://www.msi.coom/mainboard/VGA/pd_no
Description: MSI Global BU Homepage
Version: 1.0.3
Author: Mei Lin

*/

.pd_brief { font-size:13px; line-height:20px; /*font-weight:bold;*/ margin-top:20px; clear:both; margin-bottom:15px; height:230px; }
.pd_brief ul { padding-left:15px; }
.pd_brief li { background:url(../../images/front/tip_g.gif) 5px no-repeat; padding-left:17px; }
.pd_brief h2 { }
.pd_brief h3 { margin-bottom:10px; }
.pd_brief h4 { }
.artical { }
.shareTools { }
.shareTools li { float:right; margin-right:2px; margin-top:5px; display:block; }
/*Gallery*/
.gallery_left { float:left; width:505px; }
.gallery_right { float:left; width:380px; overflow:hidden; padding-left:30px; _padding-left:30px; }
.mark_zoom, a.mark_gallery { display:block; height:32px; font-size:.85em; color:#000; background:url( ../../images/front/ic_pd_zoom.png) 0 0 no-repeat; padding-left:32px; }
.mark_zoom { width:120px; position:absolute; z-index:1; margin-top:420px; }
.mark_360 { width:80px; position:absolute; z-index:1; margin-top:420px; margin-left:230px;height:32px; font-size:.85em; color:#217dfe;display:block; text-align:center;}
.mark_demo { width:80px; position:absolute; z-index:1; margin-top:420px;margin-left:310px;height:32px; font-size:.85em; color:#217dfe;display:block; text-align:center;}
.mark_pd { width:80px; position:absolute; z-index:1; margin-top:420px;margin-left:150px;height:32px; font-size:.85em; color:#217dfe; display:block; text-align:center;}
a.mark_gallery { background-position:0 -32px; position:relative; float:right; }
a.mark_gallery:hover { background-position:0 -64px; color:#09F }
div.gallery_content { /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ display: none; width: 515px; height:445px; padding:0; margin:20px 0 0 0; float:left; }
div.gallery_content a, div.navigation a { text-decoration: none; color: #777; }
div.gallery_content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; }
div.navigation a.pageLink { height: 70px; line-height: 70px; }
div.controls { margin-top: 5px; height: 23px; }
div.controls a { padding: 5px; }
div.ss-controls { float:right; }
div.nav-controls { float: right; }
div.slideshow-container { position: relative; clear: both; width:515px; height: 445px; background:url(../../images/front/pd_gallery_bg.gif) no-repeat;/* This should be set to be at least the height of the largest image in the slideshow */ padding:10px;}
div.loader { position:absolute; background-image: url( ../../images/front/loading.gif); background-repeat: no-repeat; background-position: center; width:515px; height: 445px;/* This should be set to be at least the height of the largest image in the slideshow */ }
div.slideshow { display: block; width:515px; height:445px; }
div.slideshow dvi.image-wrapper { display: block; position: absolute; top: 0; left: 0; }
div.slideshow div.image-zoom { display: block; width: 515px; height: 445px; /* This should be set to be at least the height of the largest image in the slideshow */ line-height: 445px; /* This should be set to be at least the height of the largest image in the slideshow */ text-align:left; }
div.slideshow img { display:block; vertical-align: middle; position:absolute; top:10px; left:10px; }
div.download { float: right; margin-right:25px; margin-top:-15px; }
div.caption-container { position:absolute; clear:both; margin-top:435px; width:500px; text-align:right; }
div.caption-container a { color:#000; }
.image-caption { padding:0; margin:0; }
div.caption { }
div.image-title { display:none; font-size:13px; line-height:150%; color:#666; text-align:left; position:absolute; width:515px; top:10px; text-indent:15px; }
div.image-desc { }
div.navigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */ }
ul.thumbs { position:static; width:auto; height:auto; padding:0; background:none; }
ul.thumbs li { float:left; padding: 0; margin: 0; list-style: none; }
a.thumb { display:block; padding: 10px 4px 15px 4px; margin:0px; background:url(../../images/front/ga_bg2.gif) no-repeat; }
ul.thumbs li.selected a.thumb { background:url(../../images/front/ga_bg.gif) no-repeat; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: none; display: block; width:70px; }
div.pagination { clear: both; }
div.navigation div.top { margin-bottom: 12px; height: 20px; }
div.navigation div.bottom { margin-top: 12px; display:none; }
div.pagination a, div.pagination div.current, div.pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; }
div.pagination a:hover { background-color: #eee; text-decoration: none; }
div.pagination div.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }
div.navigation a.pageLink { display: block; position: relative; float: left; margin: 2px 0 2px 0px; width: 15px; background-position:center center; background-repeat:no-repeat; }
div.navigation a.pageLink:focus { outline: none; }
.jqzoom { border:1px solid black; float:left; position:relative; padding:0px; cursor:pointer; }
.jqzoom img { float:left; }
div.zoomdiv { z-index : 5000; position : absolute; float:left; margin-top:0px; margin-left:515px; width : 200px; height : 200px; background: #fff; border:1px solid #ededed; display:none; text-align: left; overflow: hidden; }
div.jqZoomPup { display:block; z-index : 1000; visibility : hidden; position : absolute; top:0px; left:0px; width : 100px; height : 100px; border: 1px solid #aaa; background: #ffffff url( ../../images/front/zoom.gif) 50% 100px no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); overflow:hidden; }
#pdMenu { background:url(../../images/front/pdMenu_bg.gif) no-repeat; clear:both; width:920px; height:35px; }
#pdMenu ul.tags { margin:0 15px; }
#pdMenu ul.tags li { float:left; height:35px; display: inline-block; }
#pdMenu ul.tags li a { display:inline-block; height:27px; background:url(../../images/front/arr_balck.gif) 7px 15px no-repeat; padding:8px 20px 0 20px;color:#333; }
#pdMenu ul.tags li.on { background:url(../../images/front/pdMenu_tagr.gif) right no-repeat; font-weight:bold; }
#pdMenu ul.tags li.on a { background:url(../../images/front/pdMenu_tagl.gif) left no-repeat; height:25px; padding:10px 20px 0 15px; color:#333; }
#pdMenu ul.tags_sub { position:absolute; margin-top:-5px; }
#pdMenu ul.tags_sub li { display:inline-block; float:left; }
#pdMenu ul.tags_sub li a { }
#pdMenu ul.tags_sub2 {position:absolute; margin-top:-3px; margin-left:20px; border:1px solid #CCC;z-index:100;}
#pdMenu ul.tags_sub2 li {display:block; background:url(../../images/front/pd_drBG.gif) repeat-x; height:30px; clear:both; width:100%;}
#pdMenu ul.tags_sub2 li a { background:none; padding:0 25px;margin-top:7px;}

.pd_Bigbanner { text-align:center; margin-top:25px; }

/*feature*/
.col4 {}
.col4 .featureBox {width:200px; margin-right:10px; }
.col4 .featureBox_last { width:200px;  }
.col3 {}
.col3 .featureBox {width:275px;margin-right:15px;}
.col3 .featureBox_last { width:265px; }
.featurePic { text-align:center; height:100px; overflow:hidden; display:block;}
.featureBox {background:url(../../images/front/feature_line_h.jpg) right bottom no-repeat;padding-right:20px; float:left; }
.featureBox_last {padding-right:0px; float:left;}

.pd_detail_note { padding:10px; margin:0 auto; margin-bottom:20px; background-color:#f0f2f9; color:#217dfe; width:850px; }
ul.spec_selector { list-style:none; clear:both;}
ul.spec_selector li { display:block; padding:10px; float:left; color:#999; }
ul.spec_selector li a { }
ul.spec_selector li a:visited { }
.speclist { border:1px solid #ccc;border-right:none; border-bottom:none; margin:0 auto 20px; width:870px;}
.speclist .title { border:none; }
.speclist th,.speclist td { padding:10px 20px; background:url(../../images/front/bg_td.jpg) top repeat-x;/*border-top:1px solid #fff;border-left:1px solid #fff;*/ border-right:1px solid #CCC; border-bottom:1px solid #CCC; line-height:140%; }
.speclist th { text-align:left; background:url(../../images/front/bg_th.jpg) repeat-x top #f2f2f2; }
.speclist th h2 { font-size:20px; }
.speclist td { color:#4c4c4c; }

.menubook { width:160px; height:45px; background:url(../../images/front/pdmenu_btn.gif) no-repeat; display:block; overflow:hidden; float:left; margin-right:15px; color:#333; text-align:center; line-height:1.2em; padding-top:10px; font-size:11px; margin-bottom:10px;}
.menubook h4 { margin-bottom:0; font-size:13px;color:#217dfe;}

.pd_detail_note2 {
	PADDING-BOTTOM: 10px; MARGIN: 0px auto 20px; PADDING-LEFT: 120px; WIDTH: 740px; PADDING-RIGHT: 10px; BACKGROUND: url(../../images/front/note.png) #f0f2f9 no-repeat left 50%; COLOR: #f00; PADDING-TOP: 10px
}