/* CSS Style Sheet for the ULVA Website */
/* Currently provides markup for home page only - need to add remaining styles */
/* Author: Marc Solomon, Last Date Modified: 2/19/07 */

/* HTML elements */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#CCCCCC;
font-size:0.85em;
margin: 0 auto;
}
h1{font-size:1.6em;}
h2{font-size:1.4em; border-bottom: 2px solid #000000; padding-left:35px; clear:left; background:url(../images/h2-logo.jpg) 0 50% no-repeat}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
h5{font-size:1.0em;}
h6{font-size:0.9em;}
hr {color:#000000;
background-color:#000000; 
border: 1px solid #000000;}
a {
color:#000000;
text-decoration:none;}
a:hover {text-decoration:underline;}

/* hide, skip and clear classes */
.hide {display:none;}
.skip {position: absolute; left: -1000em; width: 20em;}
.clear {clear: both;}
.red {color:#FF0000}
/* main content link styles */
.bodylink{
font-weight:bold;
text-decoration:underline;}
.bodylink:hover { color:#FF0000;}

/* RSS feed link styles */
.rss-link{
font-weight:bold;
text-decoration:underline;
background:url(../images/xml29x15.gif) 0 0 no-repeat;
padding-left:35px;}
.rss-link:hover { color:#FF0000;}

/* search results page link styles */
.searchlink{
font-weight:bold;
text-decoration:underline;}
.searchlink:hover { color:#FF0000;}

/* list styles for search results help page */
.searchtips li{margin-top: 10px;}

/* list styles for accessibility statement */
.access li{margin-top: 10px;}

/* list styles for about us page manufacturers */
#manuf ul {list-style-type: none;
margin: 0em 0em 0em 0em;
padding: 1em 1em 1em 1em;}
#manuf li {display:inline;}

/* product description text used for product pages */
.product-text {
float: right;
width: 435px;
padding: 0px 10px 0px 0px;}
/* product description text used for sales page */
.product-text-sale {
float: right;
width: 560px;
padding: 0px 5px 0px 5px;}
/* product description text used for adas product pages */
.product-adas-acc{
float: right;
width: 500px;
padding: 0px 5px 0px 5px;
}

/* banner/header container */ 
#header{
margin:0;
padding:0;
text-indent:-8000px;
overflow:hidden;
height:79px;
width: 768px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
background-image:url(../images/header.jpg);}
#header a{
display:block;
height: 94px; 
width: 768px;
background-image:url(../images/header.jpg);
background-position: 0 0;
background-repeat:no-repeat;}

/* e-commerce container (800# and cart link) */
#ecommerce-row{
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
background-color:#FFFFFF;
width: 764px;
font-size: 0.9em;
font-weight:bold;
padding: 2px 2px 2px 2px;}
div.ecommerce-row span.left {
float: left;
text-align: left;
width: 63%;}
div.ecommerce-row span.right {
float: right;
text-align: right;
width: 36%;}

/* main navigation container and list styles*/
#nav {
overflow: hidden;
background-color:#FFFF33;
width:768px;
font-weight:bold;
font-size: 95%;
border: 1px solid #000000;
padding: 5px 0px 5px 0px;}
#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 4px;
background-color:#FFFF33;}
#nav li {
border-left: 1px solid #000;
float: left;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;}

/* search and browse container */
#search-row{
overflow:hidden;
width: 768px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
background-color:#CCCCCC;
margin: 0px;
padding:  3px 0 0px 0;
font-weight:bold;
font-size: 85%;
height: 2.5em;}
div.search-row div.left {
float: left;
text-align: center;
width: 39%;}
div.search-row div.right {
float: right;
text-align: center;
width: 59%;}

/* search and browse button styles */
.search-button{
color: #000;
background: #FFFF33;
border: 2px #FFFF33 outset;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;}
.browse-button{
color: #000;
background: #FFFF33;
border: 2px #FFFF33 outset;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;}

/* main content container */
#content{
overflow: hidden;
width:758px;
background-color:#FFFFFF;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding: 10px 5px 15px 5px;}


/* content list styles */
#content ul {
margin-left: 0.5em;
padding-left: 1em;}
#content li {
padding: 0 0 0.2em 0.5em;}

/* Miva Merchant generated pages content container*/
#miva {width: 700px;}

/* bottom/foot navigation container and list styles */ 
#foot {
overflow: hidden;
background-color:#FFFF33;
width:768px;
font-weight:bold;
font-size: 95%;
border: 1px solid #000000;
padding: 5px 0px 5px 0px;}
#foot ul {
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 4px;
background-color:#FFFF33;}
#foot li {
border-left: 1px solid #000;
float: left;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;}

/* validation, bbb and wcag buttons container*/
#valid{
background-color:#000000;
width:768px;
padding: 0px 1px 3px 1px;}
#valid ul {
list-style-type: none;
margin: 0;
padding: 0;}
#valid li {display:inline;}
/* copyright text container*/
#copyright{
width:768px;
padding: 5px 1px 3px 1px;
text-align:center;
font-size: 0.9em;
font-weight:bold;}


/*-------------------------------*/
/* -HOME PAGE markup and styles- */

/* left home content container */
#left-column-home{
overflow:hidden;
width:440px;
padding: 0px 0px 0px 5px;}

/* right home content container */
#right-column-home{
overflow:hidden;
float:right; /* allows for this content to be listed first in code */
width:300px;
padding: 0px 0px 0px 0px;}

/* home page headings */
#ulva-heading{font-size:1.4em; border-bottom: 2px solid #000000;  padding-left:35px; clear:left; background:url(../images/h2-logo.jpg) 0 50% no-repeat}
#news-heading{font-size:1.4em; border-bottom: none; padding-left:0px; background-image:none; clear:none;}
#hq-heading{font-size:1.25em; border-bottom: none; padding-left:0px; background-image:none; color:#FFFF33;}

/* welcome text container */
#welcome {padding: 0 10px 0 10px;}

/* featured products container */
#feature{width: 440px;}
div.feature span.left {
float: left;
width: 35%}
div.feature span.right {
float: right;
width: 64%;}

/* product description text used for featured products */
.product-feature-text {
float: right;
width: 230px;
padding: 0px 10px 0px 10px;}

/* featured products styles */
#description p{
padding: 0 0px 0 0px;
margin: 0;}
#description h4{
padding: 0;
margin: 0;}

/* home page welcome text container */
#welcome {
background-color:#CCCCCC;
background-repeat:repeat-x;
border: 2px outset #fff; 
padding: 5px 10px 5px 10px;
margin: 10px 10px 10px 10px;
width:280px;}
/*IE hack for container width*/
html>body #welcome {width:265px;} 

/*home page news container and list styles*/
#news{
background-color:#FFFF33;
border: 2px outset #fff;
padding: 5px 10px 5px 15px;
margin: 10px 10px 10px 10px;
width:280px;}
/*IE hack for container width*/
html>body #news {width:260px;} 
#news ul{
padding: 0px 0 10px 15px;
margin: 0px;
line-height: 1.5em;}
/*IE hack for container width*/
html>body #news ul{
padding: 0px 0 10px 10px;} 

/* get our newsletter button style and markup */
#signup {
text-indent:-8000px;
overflow:hidden;
height:50px;
width: 150px;
background-image:url(../images/newsletter.jpg);}
#signup a{
display:block;
height: 50px; 
width: 150px;
background-image:url(../images/newsletter.jpg);
background-position: 0 0;
background-repeat:no-repeat;}

/* home page super software container */
#super{
background-image:url(../images/super-gradient.jpg);
background-repeat:repeat-x;
border: 2px outset #fff;
padding: 5px 10px 10px 10px;
margin: 10px 10px 10px 10px;
width:285px;}
/*IE hack for container width*/
html>body #super {width:265px;}
#super ul {
list-style-type: none;
margin: 0;
padding: 0;}


/* jaws headquarters button markup and styles */ 
#jaws {
text-indent:-8000px;
overflow:hidden;
height:100px;
width: 150px;
background-image:url(../images/jaws-home.jpg);}
#jaws a{
display:block;
height: 100px; 
width: 150px;
background-image:url(../images/jaws-home.jpg);
background-position: 0 0;
background-repeat:no-repeat;}

/* Window-Eyes headquarters button markup and styles */ 
#we {
text-indent:-8000px;
overflow:hidden;
height:58px;
width: 150px;
background-image:url(../images/we-home1.jpg);}
#we a{
display:block;
height: 58px; 
width: 150px;
background-image:url(../images/we-home1.jpg);
background-position: 0 0;
background-repeat:no-repeat;}

/* dns headquarters button markup and styles */ 
#dns {
text-indent:-8000px;
overflow:hidden;
height:150px;
width: 150px;
background-image:url(../images/dns-home.jpg);}
#dns a{
display:block;
height: 150px; 
width: 150px;
background-image:url(../images/dns-home.jpg);
background-position: 0 0;
background-repeat:no-repeat;}

/* zoomtext headquarters button markup and styles */ 
#zt {
text-indent:-8000px;
overflow:hidden;
height:150px;
width: 150px;
background-image:url(../images/zoomtext-home.jpg);}
#zt a{
display:block;
height: 150px; 
width: 150px;
background-image:url(../images/zoomtext-home.jpg);
background-position: 0 0;
background-repeat:no-repeat;}

/* wynn headquarters button markup and styles */ 
#wynn {
text-indent:-8000px;
overflow:hidden;
height:200px;
width: 150px;
background-image:url(../images/wynn-home.gif);}
#wynn a{
display:block;
height: 200px; 
width: 150px;
background-image:url(../images/wynn-home.gif);
background-position: 0 0;
background-repeat:no-repeat;}

/* -------------End HOME PAGE--------------- */

/* -----------headings with logos----------- */
#cctv {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:115px; padding-top:95px;clear:left; background:url(../images/cctv-animated.gif) 0 50% no-repeat}
#hardware {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:115px; padding-top:95px;clear:left; background:url(../images/hardware-animated.gif) 0 50% no-repeat}
#software {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:115px; padding-top:95px;clear:left; background:url(../images/software-animated.gif) 0 50% no-repeat}
#tutorial {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:115px; padding-top:95px;clear:left; background:url(../images/tutorials.gif) 0 50% no-repeat}
#accessories {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:115px; padding-top:95px;clear:left; background:url(../images/accessories-animated.gif) 0 50% no-repeat}
#computers {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:115px; padding-top:95px;clear:left; background:url(../images/computers-animated.gif) 0 50% no-repeat}
#ash {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:75px;clear:left; background: url(../images/ash-logo.jpg) no-repeat right}
#assist {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:50px;clear:left; background: url(../images/assistvision-logo.gif) no-repeat  right}
#clarity {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:35px;clear:left; background: url(../images/clarity-logo.jpg) no-repeat right}
#evs {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:15px;clear:left; background: url(../images/evs-logo.gif) no-repeat right}
#humanware {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:40px;clear:left; background: url(../images/humanware-logo.gif) no-repeat right}
#magnisight {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:65px;clear:left; background: url(../images/magnisight-logo.jpg) no-repeat right}
#optelec {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:55px;clear:left; background: url(../images/optelec-logo.gif) no-repeat right}
#other {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:0px;clear:left; background: none;}
#envision {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:70px;clear:left; background: url(../images/envision-logo.gif) no-repeat right}
#alva  {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:60px;clear:left; background: url(../images/alva-logo.jpg) no-repeat right}
#freedomscientific  {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:45px;clear:left; background: url(../images/freedomscientific-logo.jpg) no-repeat right}
#enabling {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:45px;clear:left; background: url(../images/enabling-logo.gif) no-repeat right}
#sony {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:20px;clear:left; background: url(../images/sony-logo.jpg) no-repeat right}
#duxbury {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:45px;clear:left; background: url(../images/duxbury-logo.gif) no-repeat right}
#dancingdots {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:50px;clear:left; background: url(../images/dancingdots-logo.gif) no-repeat right}
#inspiration {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:50px;clear:left; background: url(../images/inspiration-logo.gif) no-repeat right}
#marvelsoft {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:80px;clear:left; background: url(../images/marvelsoft-logo.gif) no-repeat right}
#aisquared {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:70px;clear:left; background: url(../images/ZT_Authorized_Dealer_banner.jpg) no-repeat right}
#gwmicro {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:10px;clear:left; background: url(../images/gwmicro-logo.gif) no-repeat right}
#scansoft {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:80px;clear:left; background: url(../images/nuance-logo152x97.jpg) no-repeat right}
#adas {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:40px;clear:left; background: url(../images/adas-logo.gif) no-repeat right}
#star {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:20px;clear:left; background: url(../images/star-logo.gif) no-repeat right}
#executive {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 75px;clear:left; background: url(../images/executive-logo.gif) no-repeat right}
#ott {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 35px;clear:left; background: url(../images/ott-logo.jpg) no-repeat right}
#verilux {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 35px;clear:left; background: url(../images/verilux-logo.jpg) no-repeat right}
#tripp {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 55px;clear:left; background: url(../images/tripp-logo.gif) no-repeat right}
#apc {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 25px;clear:left; background: url(../images/apc-logo.gif) no-repeat right}
#bigkeys {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 40px;clear:left; background: url(../images/bigkeys-logo.gif) no-repeat right}
#datacal {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 45px;clear:left; background: url(../images/datacal-logo.gif) no-repeat right}
#ergoguys {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 50px;clear:left; background: url(../images/ergoguys-logo.gif) no-repeat right}
#infogrip {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 50px;clear:left; background: url(../images/infogrip-logo.jpg) no-repeat right}
#kensington {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 40px;clear:left; background: url(../images/kensington-logo.gif) no-repeat right}
#microsoft {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 25px;clear:left; background: url(../images/microsoft-logo.gif) no-repeat right}
#kelly {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 75px;clear:left; background: url(../images/kelly-logo.gif) no-repeat right}
#viziflex {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 30px;clear:left; background: url(../images/viziflex-logo.gif) no-repeat right}
#gn {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 20px;clear:left; background: url(../images/gn-logo148x47.gif) no-repeat right}
#plantronics {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top: 20px;clear:left; background: url(../images/plantronics-logo.gif) no-repeat right}
#vxi {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:35px;clear:left; background: url(../images/vxi-logo.jpg) no-repeat right}
#logitech{font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:45px;clear:left; background: url(../images/logitech-logo.gif) no-repeat right}
#hentermath{font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:45px;clear:left; background: url(../images/henter-math-logo.jpg) no-repeat right}
#hp{font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:75px;clear:left; background: url(../images/hp-logo.jpg) no-repeat right}
#TT{font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:35px;clear:left; background: url(../images/TandT-logo160x107.jpg) no-repeat right}
#metro{font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:75px;clear:left; background: url(../images/metroplex-logo261x97.jpg) no-repeat right}
#andrea{font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:15px;clear:left; background: url(../images/andrea-logo125x34.gif) no-repeat right}
#acoustic {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:55px;clear:left; background: url(../images/acoustic-magic-logo213x78.gif) no-repeat right}
#grisoft {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:50px;clear:left; background: url(../images/AVGLogo165x98.jpg) no-repeat right}
#symantec {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:50px;clear:left; background: url(../images/symantec-logo200x66.jpg) no-repeat right}
#ist {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:40px;clear:left; background: url(../images/insync-buddy-logo223x81.jpg) no-repeat right}
#foci {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:80px;clear:left; background: url(../images/foci200x91.jpg) no-repeat right}
#sendero{font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:90px;clear:left; background: url(../images/sendero-logo186x110.jpg) no-repeat right}
#viewplus {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:20px;clear:left; background: url(../images/viewplus-logo164x37.jpg) no-repeat right}
#william-sound {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:30px;clear:left; background: url(../images/william-sound-logo200x45.jpg) no-repeat right}
#knfb {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:65px;clear:left; background: url(../images/knfbReadingLogo286x83.jpg) no-repeat right}
#kurzweil {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:50px;clear:left; background: url(../images/kurzweil-systems-logo200x64.gif) no-repeat right}
#code-factory {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:40px;clear:left; background: url(../images/code-factory200x58.jpg) no-repeat right}
#abisee {font-size:1.4em; border-bottom: 2px solid #000000; padding-left:0px; padding-top:21px;clear:left; background: url(../images/abiseelogo350x41.jpg) no-repeat right}

/* ----------- end headings with logos----------- */

/* web form styles for contact and newsletter signup */
label
{width: 12em;
font-weight: bold;
margin: 10px 0.5em 10px 10px;
clear: both;}
.newsletter
{width: 4em;
float: left;
text-align: right;
margin: 10px 0.5em 10px 5px;
clear: both;}
.input-box{
margin-left: 10px;
margin-bottom: 10px;
margin-top: 0px;
border: #000000 solid 1px;}
.checkbox{/*margin-top: 10px;*/}
.dropdown-box{
margin-left: 10px;
margin-bottom: 10px;
margin-top: 0px;}
.text-area{
margin-left: 10px;
margin-bottom: 10px;
margin-top: 0px;
border: #000000 solid 1px;}
.newsletter-submit-button{
margin-left:10px;
margin-top: 10px;
clear: both;
color: #000;
background: #FFFF33;
border: 2px #000000 solid;
font-weight:bold;}
.contact-submit-button{
margin-left:175px;
margin-top:20px;
clear: both;
color: #000;
background: #FFFF33;
border: 2px #000000 solid;
font-weight:bold;}
.contact-form{
margin-left:10px;}
.reset-button{
margin-top:20px;
color: #000;
background: #FFFF33;
border: 2px #000000 solid;
font-weight:bold;}
fieldset{
border: #000000 solid 1px;
width: 85%;}
fieldset.disability{
border: #000000 solid 1px;
width: 50%;
margin-left:10px;}
.newsletter-submit{
border: #000000 solid 1px;
width: 400px;}
.newsletter-submit-home{
border: #000000 solid 1px;
width: 275px;}
.input-box-home{
margin-left: 10px;
margin-bottom: 10px;
margin-top: 0px;
border: #000000 solid 1px;
width: 75%;}
legend{
background: #FFFF33;
border: #000000 solid 2px;
padding: 1px 10px} 
/* --------end web form styles--------- */

/* -------myReader product page images formating---- */
div.myfigure {
float: left;
margin: 0.5em;
margin-left: 30px;
padding: 0.5em;}
div.myfigure p {
text-align: center;
text-indent: 0px;}
div.clearfigure {
float: left;
margin: 0.5em;
margin-left: 30px;
padding: 0.5em;}
div.clearfigure p {
text-align: center;
text-indent: 0px;}

/* style for trekker image */
.trekker-image {
padding: 0px 10px 5px 0px;
float:left;}

/* style for validation and copyright footer */

#leftcontent {
  float:left;
  width:60%;
  text-align: left;
  padding: 5px 0 0px 5px;
  background-color:#000000;
  color:#FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:1.1em;
  }

#rightcontent {
float:right;
padding: 5px 5px 0px 0px;
background-color:#000000;
}