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

*{
 margin:0;
 padding:0;
}

body{
font-family:Lucida Grande, Arial, Helvetica, sans-serif;
font-size:12px;
background:url(img/background.png) repeat-x;
padding:0;
margin:0;
}
p{
margin:8px 0px;
}
ul{
padding:0;
margin:0;
margin-left:25px;
}
ol{
padding:0;
margin:0;
margin-left:25px;
}
ol li{
padding-bottom:15px;
}
a:focus {
outline: none;
}

a img{
border:none;
}
a{
color:#330033;
text-decoration:none;
border:none;
}
a:hover{
color:#330033;
text-decoration:none;
border-bottom:dotted 1px;
}
#wrapper{
width:955px;
margin:0 auto;
padding:30px;
}
#header{
position:relative;
height:96px;
padding-bottom:5px;
}
#header #logo{
/*background:url(img/logo.png) no-repeat;*/
width:290px;
height:81px;
margin-top:15px;
float:left;
display:block;
}
#header #logo:hover{
border:none;
}
#header #top-banner{
float:left;
padding:3px 0px 0px 25px;
}
ul#menu{
padding:0;
margin:0;
position:relative;
width:955px;
background:url(img/bgmenu.png);
height:38px;
}
ul#menu li{
float:left;
list-style:none;
padding:0;
margin:0;
padding:9px;
height:20px;
display:block;
}
ul#menu li:hover{
/*background:url(bgmenu.png) 0 42px;*/
background:#140014;
}
ul#menu li a{
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
border-bottom:none;
}
ul#menu li a:hover{
border-bottom:dotted 1px;
}
ul#menu li#search{
width:240px;
padding-left:40px;
padding-right:28px;
}
ul#menu li#search input{
display:block;
float:left;
}
ul#menu li#search #text{
width:170px;
height:16px;
border:solid 1px #FFFFFF;
font-family:Lucida Grande, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:1px;
}
#main{
position:relative;
padding-top:10px;
}
#main #submenu{
background:url(img/bgsubmenu.png) #F7F7F7 repeat-x;
width:168px;
border:solid #CCCCCC 1px;
font-size:11px;
margin-bottom:20px;
float:left;
}
#submenu h2.title{
font-size:13px;
color:#660066;
padding:8px 0px;
margin:0px;
text-transform:uppercase;
padding-left:10px;
font-family: Arial, Helvetica, sans-serif;
}
#submenu h2.title a{
color:#660066;
}
#submenu h2.title a:hover{
color:#333333;
border-bottom:dotted 1px;
}
ul.submenu{
list-style:none;
margin:0;
padding:0 0 5px 0;
}
ul.submenu li{
margin:0;
}
ul.submenu li a{
color:#333333;
padding:1px 0px 1px 10px;
width:158px;
display:block;
}
ul.submenu li a:hover{
background-color:#330033;
text-decoration:none;
border:none;
color:#FFFFFF;
}
#main #content{
float:left;
padding:0 0 20px 24px;
width:760px;
height:600px;
height:auto !important;
min-height:600px;
}
.breadcrumb{
padding-bottom:20px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
}
.breadcrumb, .breadcrumb a{
color:#666666;
}
.breadcrumb a{
border-bottom:none;
}
.breadcrumb a:hover{
border-bottom:dotted 1px;
}
.current{
font-weight:bold;
}
#content #main-banner{
padding-bottom:18px;
}
#content h2.title{
font-size:13px;
color:#660066;
padding-bottom:18px;
margin:0;
font-family: Arial, Helvetica, sans-serif;
}
#home-products{
width:760px;
height:120px;
float:left;
padding-bottom:18px;
}
#home-products .product{
width:220px;
height:100px;
background: url(img/box.png) #F0F0F0;

float:left;
padding:10px;
}
#home-products .product.pad{
margin-right:20px;
}
#home-products .product h3{
margin:0;
padding:0;
font-size:11px;
color:#330033;
font-weight:bold;
}
#home-products .product a{
border-bottom:dotted 1px;
}
#home-products .product a:hover{
border-bottom:none;
text-decoration:none;
}
#home-products .product a.image{
border-bottom:none;
}
#home-products .product .description{
padding-top:10px;
margin:0;
float:left;
position:absolute;
}
#home-products .product .description .img{
width:100px;
height:75px;
float:left;
}
#home-products .product .description .text{
padding-left:10px;
float:left;
font-size:11px;
color:#000000;
width:110px;
height:75px;
}
#feed,#main-feed{
width:500px;
float:left;
}
#main-feed .img{
height:120px;
width:240px;
float:left;
text-align:center;
margin:0px 20px 25px 0px;
}
#main-feed h4{
padding:0;
margin:0;
}
#content .content .left #feed{
padding-bottom:20px;
border-bottom:1px solid #999999;
}
#feed #feed-img{
width:238px;
height:98px;
padding:10px 0px;
border:solid #CCCCCC 1px;
float:left;
text-align:center;
}
#feed #feed-description{
float:left;
padding-left:20px;
width:240px;
height:120px;
}
#feed #feed-description p{
line-height:15px;
font-size:11px;
margin:0;
margin-top:5px;
}
#feed #feed-description h3{
margin:0;
padding:0;
font-size:13px;
color:#330033;
}
#blog-chat{
height:180px;
width:240px;
float:left;
padding-left:20px;
}
#blog-chat a:hover{
border:none;
}
#blog-chat .img{
display:block;
}
#blog-chat .pad{
margin-bottom:20px;
}
#content .content .left{
width:502px;
line-height:18px;
}
#content .content .left .item{
clear:both;
float:left;
width:502px;
padding-bottom:10px;
}
#content .content .left .item h3{
margin:0px 0px 10px 0px;
font-size:12px;
color:#333333;
}
#content .content .left .item .item-container{
height:75px;
}
#content .content .left .item .item-container .img{
width:100px;
height:75px;
float:left;
text-align:center;
}
#content .content .left .item .item-container .description{
float:right;
width:380px;
}
#content .content .right{
width:240px;
line-height:18px;
}
#content .content .right #blog-chat{
padding:0px;
}
#content .content .right .description{
font-size:11px;
padding:10px 0px;
}
#content .content .right .description .title{
font-weight:bold;
display:block;
}
.feed{
float:left;
width:500px;
padding-top:20px;
}
.feed h3{
font-size:13px;
margin:0;
padding:0;
clear:both;
}
.feed .date, #feed .date{
font-size:11px;
display:block;
}
.feed p{
margin:0px;
padding:0px;
}
.promotion{
float:left;
width:500px;
padding-bottom:30px;
}
.promotion .img{
height:120px;
width:240px;
text-align:center;
float:left;
}
.promotion .description{
width:240px;
float:right;
}
.promotion .description p{
line-height:16px;
}
.promotion .description h3{
margin:0;
padding:0;
font-size:13px;
}
#contact-container, #product-container{
width:502px;
height:400px;
}
#contact-container #contact-left, #product-container #product-left{
width:242px;
float:left;
}
#contact-container #contact-right, #product-container #product-right{
width:241px;
float:right;
}
#contact-container #contact-right .img, #product-container #product-left .img{
width:238px;
height:118px;
border:solid 1px #999;
text-align:center;
}
#product-container #product-left ul.small-images{
padding:0;
margin:0;
list-style:none;
}
#product-container #product-left a#view-gallery{
display:block;
clear:both;
color:#330033;
padding-top:10px;
border:solid 1px #FFF;
width:70px;
}
#product-container #product-left a#view-gallery:hover{
border-bottom:dotted 1px #303;
}
#gallery a:hover{
border:none;
}
#product-container #product-left ul.small-images li{
padding:0;
margin:15px 27px 0px 0px;
float:left;
border:solid 1px #999;
width:60px;
height:60px;
}
#product-container #product-left ul.small-images li.last{
margin:15px 0px 0px 0px;
}
#product-container #product-right h4{
margin:0;
padding:0;
margin-bottom:10px;
}
#product-container #product-right span{
display:block;
}
#product-container #product-right #features .title{
width:105px;
float:left;
}
#product-container #product-right #features .description{
float:left;
}
#contact-container #contact-left .contact-box{
width:240px;
border:solid 1px #9A9A9A;
height:30px;
margin-top:10px;
}
#contact-container #contact-left .contact-box.textarea{
height:90px;
margin-top:10px;
}
#contact-container #contact-left .contact-box label{
display:block;
width:90px;
height:18px;
padding:6px;
float:left;
}
#contact-container #contact-left .contact-box input{
float:left;
width:120px;
margin-top:4px;
font-family:Lucida Grande, Arial, Helvetica, sans-serif;
font-size:12px;
border:solid 1px #FFFFFF;
}
#contact-container #contact-left .contact-box textarea{
margin:1px 6px;
width:220px;
clear:both;
display:block;
height:50px;
font-family:Lucida Grande, Arial, Helvetica, sans-serif;
font-size:12px;
border:solid 1px #FFFFFF;
}
#contact-container #contact-left #submit{
text-align:right;
padding-top:10px;
}
#products{
height:400px;
height:auto !important;
min-height:400px;
}
#products h3{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
margin-bottom:10px;
font-weight:normal;
clear:both;
}
#products .product{
float:left;
width:100px;
height:120px;
height:auto !important;
min-height:120px;
padding:0px 30px 20px 0px;
}
#products .product.no-pad{
padding:0px 0px 20px 0px;
}
#products .product h4{
font-family:Lucida Grande, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
font-weight:bold;
}
#products .product span{
font-size:11px;
}
#products .product .img{
width:100px;
height:75px;
text-align:center;
margin-top:10px;
}
#products .product .img a:hover{
border:none;
}
#footer{
width:933px;
height:38px;
position:relative;
background-color:#F9F9F9;
font-size:11px;
border:#CCCCCC solid 1px;
padding:15px 10px;
color:#333333;
}
#footer ul.links{
margin:0;
padding:0;
padding-bottom:27px;
list-style:none;
}
#footer ul.links li{
float:left;
height:30px;
padding-right:20px;
}
#footer ul.links li a{
color:#999999;
display:block;
border-bottom:none;
}
#footer ul.links li a:hover{
border-bottom:dotted 1px;
}
#copyright{
width:445px;
float:left;
}
#search-results .result{
border-bottom:dotted 1px #666666;
padding:10px;
}
#cse-search-results iframe{
width:750px;
}
#search-results .first{border-top:dotted 1px #666666;}
#search-results .gray{background:#EEEEEE;}
#search-results .white{background:#FFFFFF;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}