/* 

Minibuzz - CSS File

*/
/*** GLOBAL  ***/
html,body {
height:100%;
min-height:100%
}

body {
font-family:Arial,Tahoma,Verdana;
font-size:12px;
margin:0 auto;
padding:0;
color:#656253;
line-height:20px;
background-color:#d8e2ee
}

* {
margin:0;
padding:0
}

:focus {
outline:/* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
none
}

.clr {
clear:both
}

form {
margin:0;
padding:0
}

hr {
border:0;
color:#f2f2f2;
background-color:#f2f2f2;
height:1px;
margin:5px 0;
padding:0
}

*+html hr {
margin:0 0 5px
}

hr.dotted {
background-image:url(../images/dotted-horizontal.gif)!important;
border:0;
background-repeat:repeat-x
}
.space {clear:both;_height:1px;}

/*** END OF GLOBAL  ***/
/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1,h2 {
margin:12px 0;
font-family:Arial,Verdana;
font-weight:400;
color:#3b8ac3
}

h3,h4,h5,h6 {
margin:8px 0;
font-family:Arial,Verdana;
font-weight:400;
color:#3b8ac3
}

h1 {
font-size:28px;
line-height:32px
}

h2 {
font-size:22px;
line-height:28px
}

h3 {
font-size:18px;
line-height:24px
}

h4 {
font-size:14px;
line-height:18px
}

h5,h6 {
font-size:13px;
line-height:15px
}

/* links */
a {
color:#3b8ac3;
text-decoration:none
}

a:hover {
color:#858585;
text-decoration:underline
}

a img {
border:none;
opacity:1
}

a img:hover {
opacity:.8;
filter:/* For IE8 and earlier */
alpha(opacity=80)
}

a img {
border:none
}

.imgleft {
float:left;
width:190px;
margin:5px;
margin-top:5px
}

.imgleft img {
width:180px
}

.imgborder {
padding:0;
margin:5px 0
}

.imgright {
clear:right;
float:right;
margin:0 0 0 25px;
max-width:210px;
padding:0;
text-align:center
}

.imgcenter {
margin:5px 0 10px;
display:block;
text-align:center
}

.imgIntro {
margin:5px 0 10px;
text-align:center
}

/* lists, blockquotes and paragraphs */
p,ul,ol,blockquote {
font-size:12px;
margin-bottom:20px
}

ul,ol {
margin:10px 0 20px 20px
}

li ol,li ul {
list-style:square;
margin-bottom:0;
margin-top:0
}

li ol {
list-style:decimal
}

blockquote {
font-size:12px;
margin:20px 0;
color:#6b6b6b;
padding:15px 20px 10px 35px;
background-image:none;
line-height:20px;
border-left:solid 5px #B9362E;
background-color:#f6f6f6
}

/* code */
code {
font-family:Verdana,Arial;
letter-spacing:1px;
margin:25px 0;
display:block;
font-size:.9em;
border-left:4px solid #e0e0e0;
padding:15px 10px
}

/*** END OF DEFAULT ELEMENT STYLES ***/
/*** CONTAINER ***/
#wrapper {
width:100%
}

#container {
width:940px;
margin:0 auto;
padding:0 30px;
background-color:#fff
}

/* TOP */
#top {height:92px;border-top:solid 2px #2157ae;padding:0}

#logo {width:300px;float:left;clear:left;margin-top: 5px;}

#logo h1,#logo h1 a,#logo h1 a:visited {
font-size:13px;
color:#7c7a6b;
margin-bottom:0;
line-height:1em
}

#logo h1 a:hover {
text-decoration:none
}

#logo .t1 {
color:#656253
}

#logo .desc {
color:#7c7a6b;
font-size:13px;
font-weight:700
}

#topnav {
float:right;
width:620px;
margin:0;
padding:20px 0 0 0;
}

#topsearch {
width:250px;
float:left;
padding:7px 0 0
}

#topsearch form p {
margin:0
}

*+html #topsearch {
padding:5px 0 0
}

/* ie 7 only */
* html #topsearch {
padding:5px 0 0
}

/* ie 6 only */
.inputbox {
border:solid 1px #c4c3ba;
padding:2px;
margin-right:3px;
vertical-align:middle;
width:150px;
font-family:Arial
}

.but {
border:solid 1px #363637;
font-family:Arial;
font-size:11px;
background-color:#000;
color:#fff;
padding:2px 10px;
cursor:pointer;
vertical-align:middle;
text-transform:uppercase;
border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}

a.but,a.but:hover {
text-decoration:none;
color:#fff;
padding:6px 10px!important
}

*+html .but {
padding:2px 3px 1px!important
}

/* ie 7 only */
* html .but {
padding:2px 3px 1px!important
}

/* ie 6 only */
/* HEADER */
#header {
height:350px;
clear:left;
margin:10px 0 0;
border-bottom:solid 1px #7c7a6b;
position:relative
}

#header-inner {
background-image:url(../images/dotted-horizontal.gif);
background-repeat:repeat-x;
background-position:bottom;
padding:35px 0 20px
}

#header-inner h1.pagetitle {
margin:0;
color:#444133;
font-size:36px
}

#slideshow ul {
margin:0;
padding:0;
list-style-type:none
}

#slideshow ul li {
margin:0;
padding:0;
list-style-type:none
}

/* CONTENT */
#content {
margin:20px 0 0 0;
background-image:url(../images/bg-content.gif);
background-repeat:repeat-y;
width:940px;
padding-bottom:20px;
}

#content-full {
margin:20px 0
}

#content-left {
width:650px;
float:left
}

#content-right {
width:290px;
float:left
}

#maintext {
padding:0 20px 20px 0
}

ul.inline {
list-style-type:none;
padding:0;
margin:0;
}

ul.inline li {
list-style-type:none;
padding:0;
margin:0 15px 0 0;
display:inline;
float:left;
width:200px;
height:310px;
overflow:hidden;
}

ul.inline li.nomargin {
margin:0
}

ul.inline h2 {
margin:10px 0 5px
}

ul.checklist {
list-style-type:none;
padding:0;
margin:0
}

ul.checklist li {
list-style-type:none;
padding:0 0 0 20px;
margin:0;
background-image:url(../images/checklist.gif);
background-repeat:no-repeat;
background-position:0 5px
}

* html ul.checklist li {
padding:0 0 0 30px!important
}

/* ie 6 only */
#sideright {
padding:0 0 0 30px
}

#sideright h2 {
margin-bottom:8px
}

#sideright ul {
list-style-type:none;
padding:0;
margin:0
}

#sideright ul li {
background-image:url(../images/arrowlist.gif);
background-repeat:no-repeat;
background-position:0 11px;
padding:5px 0 5px 20px
}

#sideright ul.newslist li {
list-style-type:none;
padding:5px 0 10px;
margin:0 0 5px;
background-image:url(../images/dotted-horizontal.gif);
background-repeat:repeat-x;
background-position:bottom;
line-height:20px
}

#sideright ul.newslist li.noline {
background-image:none;
padding-bottom:0;
margin-bottom:0
}

#sideright .box li {
width:230px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}

#sideright ul li a,#sideright ul li a:visited {
color:#656253
}

.box {
background-image:url(../images/dotted-horizontal.gif);
background-repeat:repeat-x;
background-position:bottom;
padding:0 0 18px;
margin:0 0 18px
}

.boxnoline {
background-image:none;
padding:0 0 18px;
margin:0 0 18px
}

.news-container .box {
background-image:none;
padding:0;
margin:0
}

#sideright blockquote {
margin:10px 0 0;
padding:0 0 0 30px;
background:none;
border:0;
background-image:url(../images/quote.gif);
background-repeat:no-repeat
}

.small {
color:#999;
font-size:11px
}

span.tblue,span.tblue a,span.tblue a:visited {
color:#b9362e!important;
font-weight:700
}

span.tblue2 {
color:#B9362E!important
}

/* FOOTER */
#footer {
padding:10px 40px 5px 60px;
width:900px;
background:#004469;
color:#FFF;
margin:0 auto;
}
#footer h6{
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	padding-left:8px;
}

#footer ul {margin:0 8px;padding:0;}
#footer li {list-style-type:none;margin:0;padding:0;}

#footer-text {
margin: 32px auto 0 auto;
text-align:center;
font-size:12px;
color:#fff;
}

#footer .box4{
display:block;
width:200px;
margin:0 10px;
float:left;
}
#footer .box4 a:link,#footer .box4 a:visited{
color:#FFF;
font-size:13px;
}
#footer .box4 h6 span {border-bottom:1px solid #fff;}
.prd_img_left{
width: 300px;
height: 365px;
float:left;
}
#prd-text {
width: 285px;
height:316px;
overflow:auto;
float:right;
clear:right;
}
#prd-text h1 {font-size:24px !important;}
.desc_html_comparison{
text-align:right;
width:260px;
float:right;
clear:right;
font-weight:bold;
font-size:15px;
margin-right:12px;
}
#carousel {
	margin: 0 4px;
	width: 300px;
	height: 315px;
	padding: 0;
	overflow: none;
}
#carousel ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
#carousel li {
	display: inline;
	float: left;
}
#carousel li img#gtop-prodimg {
	width:290px;height:290px;
	/* border-right:1px solid #d71921;border-left:1px solid #d71921; */
}
#prdimgnav {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
#prdimgnav li {
	display: inline;
	float: left;
}
.textholder {
	text-align: left;
	font-size: small;
	padding: 6px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}


/*一些全局样式，仅供参考*/
.tabnav,.tabctrl,.tabpage{zoom:1;margin:0;}
.tabnav em,tabctrl b{cursor:pointer;}
.tabpage *{cursor:default;font-weight:normal}
.tableftno,.tabrightno,.tabprevno,.tabnextno{cursor:default!important}
.tabprocess{height:5px;overflow:hidden;}
.tabdel{position:relative;top:-2px;left:2px;font:12px Arial!important;margin:0 0 0 2px}
.tabscroll{*background:#f5f5f5;*height:26px}
.tabscroll *{margin:0 0 0 5px;}
.tabbtn kbd{font:14px/24px "微软雅黑"}

/*Tab选项卡效果默认样式*/
.kandyTabs{margin:24px 0;padding:2px;border-radius:5px;zoom:1}
.kandyTabs .tabtitle{padding:0;line-height:24px;overflow:hidden;margin:0 0 -1px;position:relative;z-index:1;zoom:1}
.kandyTabs .tabtitle .tabbtn{color:#fff;margin:0 2px 0 0;padding:0 6px;float:left;background:#004469;border:1px solid #004469;border-radius:5px 5px 0 0;white-space:nowrap;cursor: pointer;}
.kandyTabs .tabtitle .tabcur{background:#FFF;border-bottom:1px solid #FFF;font-weight:bold;color:#d71921;}
.kandyTabs .tabbody{padding:5px;background:#FFF;border:1px solid #004469;overflow:hidden;zoom:1;margin:0;border-radius:0 5px 5px 5px}
.kandyTabs .tabbody .tabcont{background:#FFF;padding:8px 2px;}
.kandyTabs .tabbody .tabroll .tabcont{}

/*fold折叠效果默认样式*/
.kandyFold{overflow:hidden;zoom:1}
.kandyFold .tabbtn{border-top:1px solid #DDD;display:block;margin:-1px 0 0;padding:0 10px;line-height:24px;background:#FFF;zoom:1}
.kandyFold .tabcur{background:#FFF;border-bottom:1px dashed #FFF;font-weight:bold;color:#d71921;}
.kandyFold .tabon{background:#FFF;font-weight:bold}
.kandyFold .tabcont{display:block;margin:0;padding:5px;}
.kandyFold ul{margin-top:0px;list-style-type:none;}

/*Slide幻灯片效果默认样式*/
.kandySlide{position:relative;zoom:1;border-radius:5px;}
.kandySlide .tabtitle{position:absolute;bottom:8px;right:8px;z-index:10;}
.kandySlide .tabtitle .tabbtn{float:left;background:#000;color:#FFF;padding:0 4px;font:bold 12px/16px Arial;margin:0 0 0 5px;filter:alpha(opacity=50);opacity:.5;border-radius:8px}
.kandySlide .tabtitle kbd{font:bold 12px/16px Arial;}
.kandySlide .tabtitle .tabcur{background:#F30;padding:0 6px;filter:alpha(opacity=70);opacity:.7;font-size:13px}
.kandySlide .tabbody{overflow:hidden;zoom:1;}
.kandySlide .tabcont img{vertical-align:text-bottom;display:block;background:#FFF url(http://www.gtop-tech.com/readyscript/pc2-template/RTM-011-GlobalTop/css/loading.gif) center no-repeat;border-radius:5px}

/*Loop多列循环（旋转木马）效果默认样式*/
.kandyLoop{position:relative;zoom:1;border:1px solid #DDD;padding:2px;background:#EEE;border-radius:5px}
.kandyLoop .tabtitle{float:right;padding:3px 5px 5px;}
.kandyLoop .tabtitle .tabbtn{margin:0 0 0 5px;font-size:10px;display:inline-block;width:8px;height:8px;overflow:hidden;text-indent:-30px;background:#CCC;border-radius:4px;zoom:1}
.kandyLoop .tabtitle .tabcur{background:#F30}
.kandyLoop .tabbody{border:1px solid #DDD;background:#FFF;clear:both;border-radius:5px;*overflow:hidden;zoom:1}
.kandyLoop .tabcont{zoom:1}
.kandyLoop .tabcont img{vertical-align:text-bottom;background:#FFF url(http://www.gtop-tech.com/readyscript/pc2-template/RTM-011-GlobalTop/css/loading.gif) center no-repeat;_display:inline;}

/*StepTab/Guide步骤表单/向导效果默认样式*/
.kandyStep{margin:0;padding:2px;border:1px solid #DDD;background:#f5f5f5;overflow:hidden;zoom:1;border-radius:5px}
.kandyStep .tabtitle{margin:0 0 2px;padding:0;line-height:30px;border:1px solid #DDD;height:30px;background:#e5e5e5;overflow:hidden;border-radius:5px 5px 0 0;}
.kandyStep .tabtitle .tabbtn{display:inline-block;border-left:1px solid #DDD;margin:0 0 0 -1px;text-align:center;height:30px;overflow:hidden}
.kandyStep .tabtitle .tabcur{color:#F30;background:#f9f9f9;font-weight:bold;}
.kandyStep .tabtitle .tabok{font-weight:bold;color:#393;background:#fff}
.kandyStep .tabbody{border:1px solid #ddd;background:#fff;border-bottom:none;}
.kandyStep .tabnav{text-align:center;padding:15px 0;border:1px solid #ddd;border-top:1px dashed #ddd;background:#f9f9f9;border-radius:0 0 5px 5px;}
.kandyStep .tabnav em{margin:0 5px;border:1px solid #F30;padding:5px;color:#fff;background:#F60;border-radius:5px;}
.kandyStep .tabnav .tabprevno,
.kandyStep .tabnav .tabnextno{background:#999;border-color:#666}
.kandyStep .tabpage{display:none}
#map{width:600px;height:300px;}
#prd-tab ul,#prd-tab li{margin:0;padding;0}
li span.fl-date{float:right;color:#666;font-size:11px;text-align:left;width:72px;}
.listtext{margin-left:5px;}