
/*-Salinger CSS-*/

* { margin: 0px; padding: 0px; }
body { background-color: #FFF; font-family: Arial, sans-serif; text-align:center; font-size: 11px; color: #999; }

img { border: none; behavior:	url("pngfix/pngbehavior.htc"); }
.clear { clear: both; }
.clear1 { clear: both; height:1px; overflow:hidden; }

h1 { font-size:24px; font-weight:100; color:#FFF; background-color:#999; text-align:left; padding:11px 16px 11px 16px; }

a { color: #4173bc; text-decoration:none; }

#wrapper { position: relative; width:980px; min-height:100%; background-image: url(images/wrapper_bg.png); background-repeat:repeat-y; margin-left: auto;  margin-right: auto; text-align: center; }

/*Head*/

#head { position:relative; width:980px; height:70px; text-align:left; }
#head .salinger { position:absolute; right:25px; top:25px; }

.mmenu { width:678px; padding-top:15px; padding-left:15px; }
.mmenu li { display:inline; float:left; }
.mmenu li a { font-size:14px; color:#999; padding:15px; display:block; float:left; }
.mmenu li a:hover { color:#ff6666; font-size:16px; }
.mmenu li.selected a { color:#f66; background-color:#fff; }
.mmenu li.selected a:hover { color:#f66; background-color:#fff; }
.mmenu li.fr { float:right; }

.indexbanner img { display:block; }

/*Content*/

#content { width:980px; overflow:auto; padding-top:16px; padding-bottom:30px; }
#content2 { width:980px; overflow:auto; padding-top:0px; padding-bottom:30px; }

.location { text-align:right; font-size:10px; margin-bottom:10px; }
.location a { color:#999; }
.location a:hover { text-decoration:underline; }

.maincontent { width:678px; float:left; overflow:auto; }
.maincontent .content_banner1 { float:right; margin-bottom:20px; }
.maincontent .content_banner1 img { display:block; } 
.maincontent .content_banner2 { clear:both; }
.maincontent .content_banner2 img { display:block; } 

.index_news { float:left; width:374px; background-image:url(images/corner1.gif); background-repeat:no-repeat; background-position:100% 100%; text-align: left; margin-bottom:20px; }
.index_news p { font-size:14px; margin-bottom:20px; }
.index_news p a { color:#999; }
.index_news p a:hover { text-decoration:underline; }
.index_news p.next { font-size:9px; text-align:right; padding-right:15px; margin-bottom:12px; }
.index_news p.next a { background-image:url(images/bullet.gif); background-repeat:no-repeat; background-position:100% 50%; padding-right:10px; }

.product_list { text-align:left; overflow:auto; clear:both; margin-top:10px; }
.product_list .fixx { padding-left:0px; }

.product { width:129px; float:left; text-align:center; padding-left:8px; margin-bottom:1px; }
.product a { color:#999; display:block; }
.product a img { border:1px solid #999; }
.product a:hover { color:#F66; }
.product a:hover img { border-color:#F66; }

.product_detail { text-align:left; }
.product_detail img { border:1px solid #999; }
.product_detail p { padding:3px; margin-top:10px; font-size:14px; }
.product_detail .spec { width:300px; font-size:14px; margin-top:20px; }
.product_detail .spec[class] div { text-align:right; padding:5px 15px 5px 15px; overflow:auto; }
* html .product_detail .spec div { text-align:right; padding:5px 15px 5px 15px; height:10px; }
.product_detail .spec div.caption { background-color:#999; color:#FFF; }
.product_detail .spec div span { float:left; }
.product_detail .spec .tech[class] { text-align:left; overflow:auto; }
* html .product_detail .spec .tech { text-align:left; height:10px; }
.product_detail .spec .tech img { border:none; float:left; }
.product_detail .price { text-align:right; margin-bottom:10px; }
.product_detail .price span { background-color:#999; color:#FFF; padding:5px 10px 5px 10px; }
.product_detail .price span span { padding:0px; padding-left:70px; }

.textpage { text-align:left; }
.textpage img { border:1px solid #999; }
.textpage p { padding:3px; margin-top:10px; font-size:14px; }

/*spec popup*/
body.specpopup {padding:20px;}
.specpopupimages {position:absolute;right:20px;padding-bottom:20px;}
.specpopupimages img {padding:5px;}
.specpopuptext {text-align:left;float:left;width:397px;}
.specpopuptext div {width:300px; background-color:#999; color:#FFF;padding:5px 15px 5px 15px;}


/*Sidecontent*/

.sidecontent { width:277px; float:left; margin-left:25px; }
.sidecontent .sidebanner { margin-bottom:20px; }
.sidecontent .sidebanner img { display:block; margin-left:auto; }
.sidecontent .sidebanner2 { margin-bottom:20px; width:100%; text-align:right; }
.sidecontent .sidebanner2 img { display:block; margin-left:auto; }

.newsletter { background-image:url(images/corner2.gif); background-repeat:no-repeat; text-align:left; padding:10px 0px 20px 20px; }
.newsletter .title { font-size:14px; margin-bottom:10px; }
.newsletter div { text-align:right; clear:both; margin-bottom:2px; overflow:auto; }
.newsletter label { font-size:12px;display:block; float:left; line-height:26px; width:118px; text-align:left; text-indent:30px; }
.newsletter label span { color:#F66; font-weight:bold; font-size:12px; }
.newsletter .txt { border:0px; width:131px; height:21px; padding:5px 0px 0px 5px; background-image:url(images/newsletter_field.gif); color:#999; font-family: Arial, sans-serif; font-size:12px; }
.newsletter .btn { border:0px; width:136px; height:26px; background-color:#999; color:#FFF; font-family: Arial, sans-serif; font-size:12px; text-align:right; padding-right:15px; margin-top:5px; cursor:pointer; }
.newsletter .remove { margin-top:5px; font-size:10px; }
.newsletter .remove a { color:#999; }
.newsletter .remove a:hover { text-decoration:underline; }

.newsletter2 { text-align:left; padding:0px 0px 5px 0px; }
.newsletter2 .title { font-size:14px; margin-bottom:5px; line-height:14px; }
.newsletter2 .notice { font-size:12px; font-weight:bold; padding-left:30px; color:#666; margin-bottom:5px; line-height:14px; }
.newsletter2 div { margin:0px; padding:0px; text-align:right; clear:both; margin-bottom:2px; overflow:auto; width:250px; }
.newsletter2 label { font-size:12px;display:block; float:left; line-height:26px; width:100px; text-align:left; text-indent:30px; }
.newsletter2 label span { color:#F66; font-weight:bold; font-size:12px; }
.newsletter2 .txt { border:0px; width:131px; height:21px; padding:5px 0px 0px 5px; background-image:url(images/newsletter_field.gif); color:#999; font-family: Arial, sans-serif; font-size:12px; }
.newsletter2 .btn { border:0px; width:136px; height:26px; background-color:#999; color:#FFF; font-family: Arial, sans-serif; font-size:12px; text-align:right; padding-right:15px; margin-top:5px; cursor:pointer; }
.newsletter2 .remove { margin-top:5px; font-size:10px; }
.newsletter2 .remove a { color:#999; }
.newsletter2 .remove a:hover { text-decoration:underline; }

.product_menu { width:180px; text-align:left; margin-left:80px; margin-top:55px; margin-bottom:20px; }
.product_menu li { list-style:none; font-size:14px; }
.product_menu li span { border-bottom:1px solid #CCC; display:block; padding:5px 0px 2px 2px; margin-bottom:5px;  }
.product_menu li ul { margin-left:20px; }
.product_menu li ul li { text-align:right; font-size:11px; }
.product_menu li ul li a { display:block; height:14px; line-height:14px; color:#999; }
.product_menu li ul li.selected a { color:#F66; }
.product_menu li ul li.selected a:hover { color:#F66; background:#FFF; }
.product_menu li ul li a:hover { background-color:#999999; color:#FFF; }
.product_menu li ul li span { border:0px; width:130px; display:inline; float:left; text-align:left; padding:0px; margin:0px; cursor:pointer; }

.tech img {padding-right:5px;padding-bottom:5px;}

.sidenews { text-align:left; padding-left:80px; margin-bottom:50px; margin-top:55px; }
.sidenews li { list-style:none; margin-bottom:20px; }
.sidenews li a { font-size:12px; color:#999; display:block; }
.sidenews li a:hover { background-color:#999; color:#FFF; }
.sidenews li.selected a { color:#ff6666; }
.sidenews li.selected a:hover { background-color:#FFF; color:#999; }

.partners { text-align:right; padding-right:8px; }

/*Footer*/

#footer { width:980px; height:30px; border-top:1px solid #ccc; }
#footer img { vertical-align:middle; }
#footer ul li { display:inline; float:left; margin:10px 20px 10px 20px; color:#777; font-size:9px; }
#footer ul li.fr { float:right }
#footer a { color:#777; }
#footer a:hover { text-decoration:underline; }

