/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */
body {
  margin: 0;
  padding: 0;
}

#page-wrapper {
overflow:hidden;
}

#page {
}

/*
 * The skip navigation link will be completely hidden until a user tabs to the
 * link. See http://www.webaim.org/techniques/skipnav/
 */
#skip-link a,
#skip-link a:visited {
  position: absolute;
  display: block;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-align: center;
  background-color: #666;
  color: #fff;
}

#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  position: static;
  width: 100%;
  height: auto;
  padding: 2px 0 3px 0;
}

/*
 * Header
 */
 #head{
 margin:0 auto;
 padding:0;
 }
 
#header {
width:960px;
height:100px;
}

#header .section {

}

#logo  {
 /* float: left; 
  margin: 0;
  padding: 0;
}

#logo img {
  vertical-align: bottom;
}

#name-and-slogan  {
}

h1#site-name,
div#site-name  {
  margin: 0;
  font-size: 2em;
  line-height: 1.3em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan  {
}

.region-header  {
float:right;
height:100px;
overflow:hidden;
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
}

#main {
}

/*
 * Content
 */
#content {
}

#content .section {
}

#mission  {
}

.region-content-top  {
}

.breadcrumb  {
  padding-bottom: 0; 
}

h1.title, 
h2.title, 
h3.title  {
  margin: 0;
}

tr.even  {
   
}

tr.odd {
   
}

div.messages  {
}

div.status  {
}

div.warning,
tr.warning  {
   
}

div.error,
tr.error  {
}

.error  {
   
}

.warning  {
   
}

div.tabs  {
}

.help  {
  margin: 1em 0;
}

.more-help-link  {
  font-size: 0.85em;
  text-align: right;
}

#content-area  {
  padding: 10px 20px 20px 20px;
}

ul.links  {
  margin: 1em 0;
  padding: 0;
}

ul.links.inline {
  margin: 0;
  display: inline;
}

ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

.pager  {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a,
.pager strong.pager-current  {
  padding: 0.5em;
}

.feed-icons  {
  margin: 1em 0;
}

.more-link  {
  text-align: right; 
}

.region-content-bottom  {
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
.region-sidebar-first {
width:220px;
}

.region-sidebar-first .section {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
.region-sidebar-second {
}

.region-sidebar-second .section {
}

/*
 * Footer
 */
#footer {
background-color:#f7f7f7;
border-top: 2px solid #eee;
margin: 10px auto 0;
width: 960px;
text-align: center;
font-size:12px;
}

#footer .section {
}

#footer-message  {
}

.region-footer {
}

/*
 * Closure
 */
.region-page-closure  {
}

/*
 * Drupal boxes
 *
 * Wrapper for Comment form, Comment viewing options, Menu admin, and
 * Search results.
 */
.box  {
}

.box h2  {
}

.box .content  {
}

/*
 * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user. Must
 * not be used for focusable elements (such as links and form elements) as this
 * causes issues for keyboard only or voice recognition users. "!important" is
 * used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); 
  clip: rect(1px, 1px, 1px, 1px);
}

/***********************my stylesheet******************************************/
#views_slideshow_singleframe_main_slideshow-block_1{
  position:relative;
}

.views-slideshow-controls-bottom{
position:relative;
}

#views_slideshow_singleframe_pager_slideshow-block_1{
bottom: 15px;
height: 20px;
position: absolute;
right: 20px;
z-index: 999;
}

#banner{
clear:both;
margin:30px 0 0 0;
padding:0;
}

#banner .pager-item {
background-color:#000;
filter:alpha(opacity=80);
opacity:0.8;
-moz-opacity:0.8;
margin-left:5px;
}

#banner .pager-item  a{
color:#fff;
text-decoration:none;
text-align:center;
font-size:12px;
}

#banner .activeSlide{
background-color:#FF0000;
}

#banner .pager-item  a:hover{
color:#000;
}



/***************************************************************/
.menu {
font-size: 13px;
}

.menu a {
color:#C60100;
font-family: "微软雅黑";
font-weight: lighter;
}

ul li ul li {
font-size:12px;
}

ul li ul li ul li{
font-size:11px;
}

ul.links li.first {
border: none;
}

ul {

padding: 0;
}

ul li.leaf{
padding-left:26px;
}

ul ul li.leaf{
padding-left:10px;
}

ul ul li.leaf.last{

}

ol {
margin: 0.75em 0 1.25em;
padding: 0;
}

ol li, ul li {
margin: 0.4em 0 0.4em .5em; 
}

ul.menu, .item-list ul {
margin: 0.35em 0 0 -0.5em; 
padding: 0;
}

ul.menu ul, .item-list ul ul {
margin-left: 0em; 
}

ol li, ul li, ul .menu li, .item-list ul li, li.leaf {
margin: 0.15em 0 0.15em .5em; 
}

.block-content-inner .block-menu ul.menu li.active-trail, .block-menu_block ul.menu li.active-trail {
background:url(../../../../../sites/all/themes/polycom/css/images/left-menu-li-hover.png) no-repeat scroll 5px 17px;
background-color: #CC0066;
}

#wrapper #sidebar-left.block-content-inner ul .menu li, li.leaf {
background:url(../../../../../sites/all/themes/polycom/css/images/left-menu-li.png) no-repeat scroll 5px 17px transparent; 
overflow:hidden;
line-height:25px;
word-wrap:break-word;
padding-left:15px;

list-style-image:none;
list-style-type:none;
}

.block-content .menu li a.active {
color:red;
}

ol li {
padding: 0 0 .3em;
margin-left: 2em;
background-image: none;
list-style-type: decimal; 
}

ul li.expanded {
background: transparent url(../../../../../sites/all/themes/polycom/images/cut.png) no-repeat 11px 13px; 
padding-left: 26px;
padding-top: 10px;
}

ul li.collapsed {
background: transparent url(../../../../../sites/all/themes/polycom/images/add.png) no-repeat 11px 11px; 
overflow:hidden;
line-height:33px;
word-wrap:break-word;
padding-left:26px;
list-style-image:none;
list-style-type:none;
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
display: block;
}

ul.inline li, ul.links li {
background: none;
margin: 0;
padding: 0 1em 0 0; 
}

ol.task-list {
margin-left: 0; 
list-style-type: none;
list-style-image: none;
}

ol.task-list li {
padding: 0.5em 1em 0.5em 2em; 
}

ol.task-list li.active {
background: transparent url(../../../../../sites/all/themes/polycom/css/images/task-list.png) no-repeat 3px 50%; 
}

ol.task-list li.done {
background: transparent url(../../../../../sites/all/themes/misc/watchdog-ok.png) no-repeat 0px 50%; 
}

ol.task-list li.active {
margin-right: 1em; 
}

fieldset {
border: 1px solid #bbb;
}

fieldset ul.clear-block li {
margin: 0;
padding: 0;
background-image: none;
}

#user-login-form {
text-align: center;
}

#user-login-form ul {
text-align: left; 
}

ul.links li, ul.inline li {
background-image: none;
}

.links li {
margin: 0;
padding: 0;
}

.tabs li {
margin: 0;
padding: 0;
background-image: none;
}

ul.primary li a {
background-color: #e6e6e6;
border-color: #BBBBBB;
border-style: solid solid none;
border-width: 1px;
height: auto;
margin-right: 0.5em;
padding: 0 1em;
text-decoration: none;
}

ul.primary li a:hover {
background-color: #f4f4f4;
}

li.expanded {
list-style-image:none;
list-style-type:none;
margin:0.15em 0 0.15em 0.5em;
padding:0 0 0.2em 1.5em;
}

div.links ul.links a {
background-repeat: no-repeat;
padding-left: 20px;
}

div.links ul.links li.comment_forbidden a {
padding:0;
margin:0;
}

div.links ul.links li.comment_forbidden {
padding:0;
margin:0;
}

div.links ul.links li.comment_forbidden span {
background-repeat: no-repeat;
padding-left: 20px;
padding-right:20px;
}

div.links ul.links li.comment_add a {
background-image: url(../../../../../sites/all/themes/polycom/css/images/commentadd.gif);
}

div.links ul.links li.comment_comments a {
background-image: url(../../../../../sites/all/themes/polycom/css/images/comments.gif);
}

div.links ul.links li.comment_edit a {
background-image: url(../../../../../sites/all/themes/polycom/css/images/commentedit.gif);
}

div.links ul.links li.comment_delete a {
background-image: url(../../../../../sites/all/themes/polycom/css/images/commentdelete.gif);
}

div.links ul.links li.comment_reply a {
background-image: url(../../../../../sites/all/themes/polycom/css/images/commentadd.gif);
}

div.links ul.links li.node_read_more a {
background-image: url(../../../../../sites/all/themes/polycom/css/images/readmore.gif);
float:right;
}

div.links ul.links li.blog_usernames_blog a {
background-image: url(../../../../../sites/all/themes/polycom/css/images/user.gif);
}

div.links ul.links li.comment_forbidden span {
background-image:url(../../../../../sites/all/themes/polycom/css/images/lock.gif);
}

div.links ul.links li.upload_attachments a {
background-image: url(../../../../../sites/all/themes/polycom/css/images/photo.gif);
}

div.links ul.links li.book_printer a{
background-image:url(../../../../../sites/all/themes/polycom/css/images/print.gif);
}

div.links ul.links li.book_add_child a{
background-image:url(../../../../../sites/all/themes/polycom/css/images/add.gif);
}

ul.pager li.pager-current {
background-color:#005a8c;
color:#FFFFFF;
padding-left:4px;
padding-right:4px;
padding-top:1px;
padding-bottom:1px;
}

.item-list .pager li {
padding:0px;
}

.item-list .pager li a{
padding-left:4px;
padding-right:4px;
padding-top:1px;
padding-bottom:1px;
background-color: #f4f4f4;;
}

.item-list .pager li a:hover {
background-color:#005a8c;
color:#FFFFFF;
}

#breadcrumb {
background-color:#F8F8F8;
padding: 5px 20px;
border-bottom:1px solid #ccc;
line-height:21px;
}

#breadcrumb a {
color:#000000;
}

#products-wrap{
border:1px solid #F0EFF0;
width:240px;
margin:15px auto;
padding:0;
text-align:center;
}



#product{
height: 130px;
margin: 0 auto;
padding: 0;
text-align: center;
width: 150px;
border:1px solid #F0EFF0;
}

span #mytitle{
color:#111;
font-weight:normal;

}

.view-content #products{
    border:1px solid #f0eff0 ;
    font-family: 微软雅黑;
    font-size: 11px;
    height: 150px;
    margin: 2px 6px;
    text-align: center;
    width: 150px;
}

#main-wrapper #content .section #content-area .content {
font-family:"微软雅黑";
font-size:14px;
line-height:22px;
color:#434343;
}
#product{
height: 990px;
margin: 0 auto;
padding: 0;
text-align: center;
width: 150px;
}

/***********************my stylesheet******************************************/