/* project: internet services template
   author: luka cvrk (www.solucija.com) */


/* default styles
   -------------- */
*
{
	line-height:150%;
}
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-size: 12px;
	color: #333333;
	
}

h1, h2, h3 {
	margin: 0;
}

h1 { font-size: 20px; margin-bottom:12px; margin-top:4px; font-weight:bold; color:#666666; }

h2 { font-size: 18px; }

h3 { }

p, ul, ol {
	margin-top: 0;
	text-align: justify;
}

ul, ol { }

blockquote { }

a:link
{
	color: #0000cc;
	text-decoration: none;
} 
a:visited {} 
a:hover { color: red; text-decoration: underline} 
a:active { color: red; text-decoration: underline} 

a.red:link { color: #FF0000; text-decoration: none} 
a.red:visited { color: #FF0000; text-decoration: none} 
a.red:hover { color: #606060; text-decoration: underline} 
a.red:active { color: #606060; text-decoration: underline} 

a.ameth:link { color: #400040; text-decoration: none} 
a.ameth:visited { color: #400040; text-decoration: none} 
a.ameth:hover { color: #FF3399; text-decoration: underline} 
a.ameth:active { color: #FF3399; text-decoration: underline} 

a img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr { display: none; }

form{ padding:0; margin:0;}

 

a.gotobuy
{
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 2px;
	color: #66cc33;
	padding-top: 2px;
	background-color: aliceblue;
	text-decoration: none;
	font-weight: bold;
}
a.gotobuy:hover
{
	color: #ffffff;
	background-color: #000066;
}
 

.image
{
	margin: 2px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.price_public
{
	text-decoration: line-through;
}


.dark
{
	color: #737373;
	background: inherit;
	font-weight: bold;
}


/* 表单---*/
input.search
{
	width: 292px;
	border: 0;
	background: #FFF url(input.gif) no-repeat;
	padding: 4px;
	color: #E0691A;
	font-weight: bold;
}

input.submit
{
	background: #E0691A url(submit.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

input.login
{
	width: 150px;
	border: none;
	padding: 4px;
}

/* layout
   ------ */

.content
{
	margin: 0 auto;
	width: 965px;
	padding: 5px;
}

.smallcontent
{
	margin: 0 auto;
	width: 700px;
	padding: 10px;
}

.smallcontent.left
{
	width:60%;
	
}
.smallcontent.right
{
	width:40%;
	
}
.introduction
{
	margin: 0 auto;
	width: 100%;
 
}

.introduction.left
{
	width:60%;
	
}
.introduction.right
{
	width:40%;
	
}



.smallcontent.right
{
}

.header
{
 
	margin: 2px 0;
	border-bottom: #999999 1px solid;
	height: 70px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 1px; 
	padding-top: 4px;
}
.subheader
{
	clear: both;
	background-color: #ffffcc;
	border-right: #ffcc33 1px solid;
	border-top: #ffcc33 1px solid;
	border-left: #ffcc33 1px solid;
	border-bottom: #ffcc33 1px solid;
}
.top_info
{
	float: right;
	width: 555px;
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #eee;
	background: #eee;
	color: #808080;
}

.top_info_left
{
	width: 200px;
	float: left;
}

.top_info_right
{
	float: right;
	width: 290px;
	padding: 0 0 0 35px;
	border-left: 1px solid #eee;
}



.bar
{
	font-size: 14px;
	height: 24px;
	margin: 0;
	text-align:left;
	width:auto;
	padding:0;

}
.bar ul
{
		text-align:left;
		display:inherit;
		margin:0px;
		padding:0px;
}

.bar li
{
	display:inline;
	margin: 0;
	float: left;
	padding-right: 8px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 5px;
}

 

.bar li a
{

	color: #0000cc;
	background: inherit;
	text-decoration: none;
	font-size: 14px;
}



.sub_bar
{
	clear: both;
	font-size:12px;
}
 
.sub_bar li
{
	display:inline;
	float: left;
	width:45px;
}

.sub_bar li.active
{
	color: #fff;
	background-color: #336600;

}

.sub_bar li a
{
	font-size:12px;
	color: #003300;
	text-decoration: none;
}

.sub_bar li.active a
{
 
}

 
.search_field
{
	background: #fff url(searchbg.gif) no-repeat right;
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 6px 0;
}

.grey
{
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form
{
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 20px;
}

.subheader
{
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0px 5px 1px;
	background: #A4A4A4;
	color: #fff;
}

/* left side
   --------- */

.left
{
	float: left;
	width: 65%;
	padding: 0 18px 10px 0;
}

.left h3
{
	clear: both;
	color: #006600;
	font-weight: normal;
	font-size: 14px;
	line-height: normal;
	font-style: normal;
	background-position: right top;
	background-attachment: scroll;
	background-repeat: no-repeat;
}
.left_side
{
	float: left;
	width: 178px;
	padding: 0 0 0 10px;
	margin: 10px 0;
}


.right_side
{
	float: right;
	width: 220px;
	background: #FFF url(dotted.gif) repeat-y;
	color: #414141;
	padding: 0 0 0 40px;
	margin: 10px 0;
}

.left_box
{
	margin: 0 0 18px 0;
	padding: 3px 0;
}


/* right side
   ---------- */

.right
{
	float: right;
	width: 32%;
	margin: 0 0 10px 0;
}

.right h3
{
	clear: both;
	color: #006600;
	font-weight: normal;
	font-size: 14px;
	line-height: normal;
	font-style: normal;
	background-position: right top;
	background-attachment: scroll;
	background-repeat: no-repeat;
}
.right h3 a
{
	color: #0000cc;
}
.light_box
{
background-color: #fff6ee;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-x-position: 0%;

background-y-position: 0%;

padding-top: 6px;

padding-right: 6px;

padding-bottom: 6px;

padding-left: 6px;

overflow-x: hidden;

overflow-y: hidden;

margin-bottom: 20px;
}

.right_articles
{
	color: #414141;
	padding: 8px;
	margin: 0px 0px 18px;
	background-position: 0% 0%;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	border-bottom-width: 1px;
	border-bottom-color: #336600;
}
.right_more
{

	color: #414141;
	padding: 8px;
	margin: 0 0 3px 0;
	text-align: right;
}
.right_more a
{

}
.right_articles a
{

}

.subNav
{
	float: left;
	width: 34.6%;
	margin: 0 0 10px 0;
}

.subNav h3
{
	background: #6C757A url(corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

.subNav_articles
{
	background: #f5f5f5;
	color: #414141;
	padding: 8px;
	margin: 0 0 3px 0;
}
.subNav_articles a
{
	color: #333333;
}



.image
{
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
   ------ */

.footer
{
	clear:both;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	width:100%;
		text-align: center;
	line-height: 1.8em;
	
}


.footer a
{
	color: #808080;
	background: #fff;
}

#bigbanner
{
	position: absolute;
	height: 300px;
	width: 120px;
	top: 300px;
	left: 890px;
}
         .list-item
{

	list-style-position: outside;
	list-style-type: decimal;
 
}
    .list-item li
{
	line-height: 1.6em;
	margin-top: 8px;
	margin-bottom: 8px;
	clear:both;
}
    .list- item li a { font-weight:normal; color:#003399; }
    
    
    .topicnav {list-style:none;padding:0px; margin:0px;}
.topicnav li { display:block; width:252px; height:24px; line-height:23px; text-align:left; white-space:nowrap; overflow:hidden; }
.topicnav li a { display:block; border-bottom:1px dashed #999; padding-left:8px; }
.topicnav li a:hover { border-bottom:1px dashed #999; }
.tuijian_nav {list-style:none;padding:0px; margin:0px;}
.tuijian_nav li { list-style:none;width:50%; padding-left:8px;  height:28px; line-height:23px; text-align:left; float:left; padding:0; margin:0}
.tuijian_nav li a {border-bottom:1px dashed #999;font-size:13px; font-weight:bold;}
.tuijian_nav li a:hover { border-bottom:1px dashed #999; }
.shoplist
{
	margin-bottom: 50px;
}
.shoplist h2
{
	font-weight: bold;
	color: #ff6633;
	font-size: 18px;
}
.shoplist ul
{
	padding-right: 0px;
	padding-left: 12px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	clear:both;
}
.shoplist li
{
	float: left;
	list-style-type: none;
	margin-right: 8px;

	display: block;
}
.shoplist li a
{
}

.pagelist A.fl { COLOR: #ffffff; BACKGROUND-COLOR: #3366ff }

.pagelist A { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; COLOR: #ffffff; LINE-HEIGHT: 22px; MARGIN-RIGHT: 1px; PADDING-TOP: 4px; TEXT-DECORATION: none }

.pagelist A:visited { COLOR: #ffffff }

.pagelist A:hover { COLOR: #ff6600; BACKGROUND-COLOR: #00ccff }

.pagelist A.fn { COLOR: #ffffff; BACKGROUND-COLOR: #006699 }

.pagelist A.pn { COLOR: #ffffff; BACKGROUND-COLOR: #009966 }

.pagelist { HEIGHT: 30px }

.pagelist A.pc { COLOR: #ffffff; BACKGROUND-COLOR: #006600 }
	a.tag1
{
	font-size: 14px;
	color: #ff6633;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
	margin-left: 4px;
	margin-right: 4px;

}
	a.tag2
{
	font-size: 12px;
	color: #ff3333;
	font-weight: bold;
		line-height: 22px;
	text-decoration: none;
		margin-left: 4px;
	margin-right: 4px;

}
	
		a.tag3
{
	font-size: 15px;
	color: #ff6699;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
	margin-left: 4px;
	margin-right: 4px;
}
	
		a.tag4
{
	font-size: 16px;
	color: #3333ee;
	font-weight: bold;
		line-height: 22px;
	text-decoration: none;
		margin-left: 4px;
	margin-right: 4px;

}
	
		a.tag5
{
	font-size: 12px;
	color: #006633;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
	margin-left: 4px;
	margin-right: 4px;

}
	
		a.tag6
{
	font-size: 22px;
	color: #9966ff;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	margin-left: 4px;
	margin-right: 4px;
}
	
			a.tag7
{
	font-size: 15px;
	color: #339900;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	margin-left: 4px;
	margin-right: 4px;
}
	
			a.tag8
{
	font-size: 16px;
	color: #6666ff;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	margin-left: 4px;
	margin-right: 4px;
}
.book_box{width:100px; padding:12px; float:left;}
.book_box .book_image{width:100px;vertical-align:top; height:130px; text-align:center;}
.book_box .book_name{width:100px; height:40px;text-align:center;}
 
 
 
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}
.btn1_mouseout {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn1_mouseover {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn2 {padding: 2 4 0 4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;}
.btn3_mouseout {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mouseover {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mousedown
{
BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid
}
.btn3_mouseup {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn_2k3 {
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid
}


 

a.btn_read { 
      background: transparent url(../img/btn/readright.gif) no-repeat scroll right top; 
      color: #0033cc; 
      display: block; 
      float: left; 
      height: 24px; 
      padding-right: 8px; 
      font: normal 12px sans-serif; 
      margin-right: 8px; 
      text-decoration: none; 
    } 
    a.btn_read span { 
      background: transparent url(../img/btn/readspan.gif) no-repeat; 
      display: block; 
      padding: 5px 1px 5px 8px; 
      line-height: 14px; 
    }

 
    
    
    a.btn_submit
{
	background: transparent url(../img/btn/submitright.gif) no-repeat scroll right top;
	color: #003333;
	display: block;
	float: left;
	height: 28px;
	padding-right: 18px;
	font: bold 14px sans-serif;
	margin-right: 18px;
	text-decoration: none;
} 
    a.btn_submit span { 
      background: transparent url(../img/btn/submitspan.gif) no-repeat; 
      display: block; 
      padding: 5px 1px 5px 18px; 
      line-height: 18px; 
      font-size:14px;
    }

a.btn_submit:hover { 
      background-position: right -28px; 
    } 
    a.btn_submit:hover span { 
      background-position: left -28px; 
    } 
    a.btn_submit:active { 
      background-position: right -56px; 
    } 
    a.btn_submit:active span { 
      background-position: left -56px; 
      padding: 6px 0 4px 19px; 
    }
    
    
.dashed 

{

background-color: transparent;

background-image: url(../images/xuxian_x.gif);

background-repeat: repeat-x;

background-attachment: scroll;

background-position: 0% 0%;

line-height: 1px;

height: 1px;

font-size: 0px;

}

.point

{

padding-right: 4px;

color: #1a66b3;

}

.clear {
    clear: both;
    height:1px;
    margin-top:-1px; 
    overflow:hidden;
}

.book_list_right
{
margin:0;
padding:0 0 8px 0;
}
.book_list_right .left
{
	float:left;
	width:20%;
}
.book_list_right .right
{
	float:left;
	width:75%;
}
.book_list_right h2
{
padding-left: 25px;
font-size: 14px;
color: #1a66b3;
margin-top: 30px;
}
.book_list_right h2 a
{
	font-size:14px;
}

.book_list_right p
{
	color:#333333;
	margin-bottom:4px;
}
.book_list_right p a
{
}
.book_list_right p.context
{
	padding:8px;
	border-color:#eeeeee;
	border-style:solid;
	border-width:1px;
	color:#666666;
}