/* layout */

body{margin: 0; padding: 0 10px; background: url(images/pattern.gif);}

* { margin:0;}#wrapper{margin:0; padding: 10px 34px 0 16px; width: 880px !important;width /**/:930px;background:  #fff url(images/shadow_newb.gif) repeat-y; height: auto; border-bottom: 1px solid #dedede; }



#header{background:url(images/lineround2b.gif) no-repeat 214px 55px; height:130px;  margin: 0; }

#news{float: left; }

#footer{clear: both; }



#header img.logo{width: 204px; height: 127px;  margin: 0; padding: 0; } 

#news{width: 190px !important; width /**/:200px; margin-left:10px;}  

#main, #main_home{width: 440px !important; width /**/: 400px; margin: 0 10px; float: left;  }

#products{width: 178px !important; width /**/: 180px; background:  #f2f2f2 ; border-left:1px solid #dedede; border-right:1px solid #dedede; float: left;  padding: 10px 0; margin: 0;}





/*general */

body{font : 62.5%/1.4 'Lucida Grande', Verdana, sans-serif;color : #666;}

ul{ padding: 0;  margin: 0; list-style: none;  }

li{list-style:none; padding: 5px 0;}

li.inpost {list-style:circle inside; padding: 5px 0;}

h1,h2,h3{margin: 0;color: #333366;font-family: Arial, Helvetica, sans-serif;}

h1{font-size: 1.3em;}

h2{font-size: 1.2em;}

h3{font-size: 1em;}p{margin: .5em 0;padding: 3px 0;}

img{margin: 0;background: #fff;}

.display a img{padding: 6px;text-decoration: none;background: #fff;border: 1px solid #CCCCFF;}

small {	font-family: Arial, Helvetica, Sans-Serif;	font-size: 0.9em;	line-height: 1.5em;	}a{text-decoration:none;}

font.popup { font-family: Arial, Helvetica, Sans-Serif;	font-size: 1.2em;	line-height: 1.5em;	}a{text-decoration:none;}

a img{ border: none;}

address{font-style: normal;padding: 10px;width: 193px !important;width /**/: 215px;background: #FFF3F7;border: 1px solid #dedede ; }



/*classes */

.clear{clear:both;}

.alignright {float: right;}

.alignleft {float: left;}

.displaytop{width:180px; background:url(images/producttop2.gif) no-repeat top left; height: 10px;margin-top:10px; padding: 0; float: left;  }

a.pdf, .news_sidebar a.pdf {display: block; background: transparent url(images/pdf.gif) no-repeat left center; height:16px; padding-left: 24px;}

.current-cat a{color: #990000; border: none; }

.categories ul li{margin: 0;padding: 10px 0;font-size: 1.1em;}

a.flexenabled{display: block;margin-top: 30px;background: none;height: auto;padding-left: 10px;}

a.flexsupport{text-align: right;}

/* resellers page */
.reseller{margin-bottom:10px; padding: 5px 0; }
.reseller h3{font-weight:bold; float;right;}
.reseller .resellerLogo{float:left; width: 116px; height:50px; margin-right:30px; padding:0;}

/* navigation */

#nav{position: relative; left: 214px; top: -50px; font-size: 1.1em; height: 30px; width: 650px;}

#nav ul {	list-style: none;	line-height: 1em;	padding: 0;	font-weight: bold;	margin: 0 0 1em 0;}

#nav a {	display: block;	color: #6699FF ;	padding: 0.22em .3em;}

#nav a.daddy {background: url(images/arrow3.gif) center right no-repeat;}

#nav li {text-align: center;	float: left;	margin:0;	padding:0;	background: #fff; width: 6.5em;/*width: 5.8em;*/}

#nav li ul {text-align: left;	position: absolute;	left: -999em;height: auto;	width: 15em;font-weight: normal;	border: solid #dedede;	border-width: 0.2em;margin: 0;}

#nav li li {text-align: left;padding-right: .5em;width: 14em;}

#nav li ul a {width: auto;}#nav li ul ul {margin: -1.75em 0 0 14em;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

#nav li:hover, #nav li.sfhover, #nav li a:hover {color: #990000;}



/* news items */

#news h2, #news .news_sidebar h3, .news_label h3, .page h2{border-bottom: 1px solid #f5f5f5;  padding:.3em 1em; margin: 20px 0; font : 1.2em/1.4 'Lucida Grande', Verdana, sans-serif; background: url(images/pattern3.gif) repeat-x;color : #666;}

#news a.newscat{ text-align: right; display: block; background: url(images/readall.gif) no-repeat top right; padding: 0 32px;height: 16px;margin: 20px 0;font-size: 1em;color: #333366;font-family: verdana;}

#news a:hover.newscat {color: #990000;}

#news .news_item {font-family: "Times New Roman", Times, serif; border-bottom: 1px solid #f5f5f5; margin: 0; padding:0 0 5px 10px;color: #666699; }

#news .news_sidebar p, #news .news_sidebar a, #news .news_sidebar ul, .news_label, li.red_arrow{margin-left: 10px; }

.news_sidebar a, .red_arrow{background: url(images/bullet_go.gif) no-repeat left center;  display: block; padding-left: 24px; /*height: 16px;*/}

#news .news_item small{background:transparent url(images/triangle_final.gif) no-repeat ;display: block;margin: 5px 0;padding-left: 35px;color:#666;font-family:"Times New Roman", Times, serif;font-size: 1.1em;}

#news .news_item h2{margin: 0;padding: 5px 0 10px 10px;color: #CC3333;font-size: 11px;font-weight: normal;border: none;background:none;}

#news .news_item a, .news_sidebar a{color: #990000;text-decoration:underline;}

#news .news_item a:hover, .news_sidebar a:hover{color: #333366;}

#news .news_item h3{background:transparent url(images/triangle.gif) no-repeat left;margin: 0;padding: 4px 0 2px 30px;height: 20px;color: #CC3333;font-size: 1.1em;}

#news .news_item p{margin: 0;padding: 1em .5em;}

#news .news_item ul{margin-left: 8px;}

#news .news_item ul li{margin:0;padding: 5px ;line-height: 1.2em;}

#news  ul.archive{display:block; padding-left: 10px;}

#news ul.archive li a{display:block; background:url(images/triangle_final.gif) no-repeat left center; height: 20px; padding: 5px 0 0 30px; color: #990000; }

#news ul.archive li a:hover{color:#003366;}



/* main text */

#main, #main_home{color: #666; font-size:1.1em; text-align:justify;  }

#main p, #main_home p{line-height: 2em;padding: 10px 20px 10px 10px;}

#main_home p{padding: 10px 20px 20px 10px;} 

#main a, #main_home a, .page a, .entrytext a{color: #990000;border-bottom: 1px dashed;text-decoration: none;}

#main a:hover, #main_home a:hover, .page a:hover, .entrytext a:hover{border-bottom-style:none;color: #dd0000;}





/*products */

#products .product{ padding-bottom: 10px;}

#products .product p{margin:0; padding: 0; }

#products .product h2{text-align: center; color: #666699; margin: 0;padding-bottom: 5px; font-weight: normal; }

#products .product a img{padding: 8px;text-decoration: none;background: #fff;border: 1px dotted #CCCCFF;}

#products .product a:hover img{border-color: #3333CC;}



/* footer */

#footer{   color: #ccc; }

#footer p{padding:10px 0; display: block; width: 650px;margin-left: 100px; }

#footer a{text-decoration:underline; color: #999;}

#footer a:hover{color: #990033;}



/* Begin Images */

img.centered {display: block;margin-left: auto;margin-right: auto;text-align:center; /* for IE5, IE5.5 */}

img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}

img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}

/* End Images */



/*single posts*/

.single{margin: 23px 0;padding: 2px 10px;width: 550px !important;width /**/: 570px;float: left;height: auto;text-align:justify;color: #666666;}

.single h2, .page h2{margin: 0; padding-left: 0; font-size: 1.3em;font-weight: bold;color: #336699; }

.single h3, .page h3{margin: 10px 0;padding: 0;color: #003366;font-weight:normal;font-size: 1.1em;}

.entrytext .navigation a, .archivetext a{color: #990000;border: none;text-decoration: none;}

.entrytext .navigation a:hover, .archivetext a:hover{color: #dd0000; }

.page{margin: 0 0 0 210px;padding: 20px 10px 50px 10px;width: 550px !important;width /**/: 570px;height: auto;text-align:justify;color: #666666;font-size: 1.1em;}
.entry{margin: 0;padding: .2em;line-height: 1.4em;}

.entry ul{margin: 0;padding: 0 23px;}

.entry ul li{margin: 0;padding: 2px 0;}

.postmetadata {text-align: center;}

.alt {margin: 20px 0 ;background-color: #f8f8f8;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

.navigation {display: block;text-align: center;margin: 15px 0 20px 0;height: 20px;padding: 0;}

.admin{text-align: center;line-height: 1.5em;}

.admin a{color: #999999;}

.admin a:hover{color:#666666;}

.left_col{margin: 0;padding: 0;}

.post h2{margin: 0;padding: 2px 5px 10px 5px;}

.entrytext, .archivetext{padding: 0;line-height: 1.7em;}

h2.pagetitle{margin-bottom: 20px;}

.leftpanel, .rightpanel{margin:10px 0;padding: 2px 3px 2px 10px;width /**/: 240px;border: 1px solid #C6C3C6;background: #f7f3f7;text-align:left;}

.leftpanel{float: left;}

.rightpanel{float: right;}

.leftpanel h2, .rightpanel h2{background:transparent url(images/triangle_p.gif) no-repeat left; height: 20px;color: #CC3333;font-size: 1.1em; display:block; font-weight: bold; margin-top: 10px;padding: 0 0 10px 30px;}

.leftpanel ul li, .rightpanel ul li, .entrytext li{margin: 0;padding: 4px 10px;line-height: 1.6em;color:#333; list-style:disc inside;}

.entrytext li{color:#666; padding: 5px 30px;}

#ending{margin-left:13px;background: url(images/bottom_bg.gif) no-repeat ;height:20px;}'

/*support form */

form {
   margin:20px 0; padding: 0;width: 200px;text-align:left;
}

form.login, form.register, form.reminder {
    margin-left: 10px;float: left; width: 200px;
}

input.button {
    margin-top: .2em;
}/*form.register{margin-right: 25px;float:right;}*/

fieldset {
    margin: 0 auto;padding: 0 10px;width: 170px !important;width /**/:190px;border: #ccc 1px solid;
}

legend {
    font-size: 1.2em;font-family:"Courier New", Courier, monospace;font-weight: bold;color: #666699;padding-bottom:3px;
}

input.button {
    margin-left: 10px;width: 150px;background: url(images/button.png) no-repeat 0 3px; height: 32px; border: none; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; color: #666699; 
    font-weight: bold; margin-bottom: 10px;
}

input.button:hover{color: #990000;}

input.text{display:block;margin: 0;padding: 2px 5px;width: 150px;}

input.text.test{display:inline;margin: 0;padding: 2px 5px;width: 150px;}

form span{margin-left: 2px;color:#990000;}

ul.loginlink{margin: 70px 60px;padding: 10px;width: 180px;border: 1px solid #dedede; float: left;}

.loginlink li{padding: 5px;text-align: right;}

.loginlink li a{text-decoration: underline;border: none;}

.category {border-top: 1px solid #f2f2f2; border-bottom:1px solid #dedede;margin-bottom: 20px; padding-bottom: 5px;}

.category h2{ margin:0; padding: 2px 5px; }

.category small{color: #999; margin: 10px 0; display: block; text-align:right;}

.category span.more{ font-size: .9em; text-decoration:none; }

.catslist{color: #ccc;}

.catslist a{color: #ccc; text-decoration: underline; border: none;}

.catslist a:hover{color:#666;}

ul.latest li a{text-decoration: underline; padding-left: 10px; display: block; margin-bottom: 8px; color: #990000;}

.latest li a:hover{ color: #003366;}



/* user profile plugin */

#extra{width: 300px;margin-top: 10px;}


/* Tooltips */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:30em;
    border:1px solid #000;
    background-color:#f4fead; color:#000;
    text-align: left}



