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

@import "reset.css";
html { background-color:#E1E1E1; }
/* RESET */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }

/* Class for clearing floats */
.clear {clear:both; display:block; height:10px;}

body {font: 13px/1.5 Arial; background-color:#E1E1E1;}
h1, h2, h3, h4  {color:#2A2A2A;margin:10px 0px;letter-spacing:0.5px; border-bottom:solid 2px #5C9216}
h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:22px;}
h4 {font-size:18px; font-weight:bold; }
h5 {font-size:15px; margin-bottom:20px; }
h6 {font-size:12px;}
p {line-height:20px;margin-bottom:20px;} 
a {outline:none;}

h2 a {color:#2A2A2A; text-decoration:none;}
h2 a:hover {color:#B00;}

/* Page Elements */
#wrapper {width:900px;margin:0 auto; position:relative; height:auto !important; }
#container{width:900px;z-index:5; background-color:#FFFFFF; padding:0px 30px;
-webkit-box-shadow: 0px 0px 10px 5px rgba(102, 102, 102, 0.3);
-moz-box-shadow: 0px 0px 10px 5px rgba(102, 102, 102, 0.3);
box-shadow: 0px 0px 10px 5px rgba(102, 102, 102, 0.3); 
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px; }
#content{width:900px;margin:10px auto 0px; background-color:#FFFFFF; padding:0px 30px; overflow:auto; 
-webkit-box-shadow: 0px 0px 10px 5px rgba(102, 102, 102, 0.3);
-moz-box-shadow: 0px 0px 10px 5px rgba(102, 102, 102, 0.3);
box-shadow: 0px 0px 10px 5px rgba(102, 102, 102, 0.3);
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px; }
#content_top #target div img{ margin-bottom:10px;}

#target div .product-list {line-height:18px;list-style:outside url(../Images/square.png);display:block;margin-left:10px;}
#target div img {float:right; position:relative; }
#target div .resources {line-height:18px;list-style:outside url(../Images/square.jpg);display:block;margin-left:13px;}
#target div .resources li {border-bottom:solid 1px #888 }
#target div .resources a {text-decoration:none; color:#000; }
#target div a:hover { color:#B00; }

/* headers */
header { height:82px; /*background: top right url(../Images/bg-plus.jpg) no-repeat*/}
header img { margin-top:20px; }
#phone-contact { float:right; margin-top:25px; width:200px; font-size:11px; text-align:right; }
#phone-contact a { text-decoration:none; color:#BB0000; }

#pos-corp {float:right; position:relative; display:block; width:100px; top:-60px; right:0px; padding:10px; height:37px; background-color:#e3e3e3; }
#pos-corp #tab { position:relative; bottom:13px; margin:0 30%; }
#pos-corp #pos-links {margin:0; padding:0; text-align:center; }
#pos-corp #pos-links a {color:#666666; text-decoration:none }
#pos-corp #pos-links a:hover { color:#BB0000; text-decoration:underline; }

/*  Layout  */
.one_col{width:185px;float:left;}
.two_col{width:370px;float:left;margin:0 20px 20px 0}
.three_col{width:650px;float:left;margin:0 20px 20px 0}
.four_col{width:900px;float:left;}

.one_col_L{width:180px;float:left; margin:0 20px 20px 0}
.three_col_L{width:650px;float:right; margin:0; }
.four_col_L{width:900px;float:left;margin:0 20px 20px 0}

.one_col_C{width:260px;float:left; margin:0 40px 20px 0; }

#content_top .home_col{ width:270px; height:245px; float:left; margin-bottom:20px; margin-right:15px; background:transparent url(../Images/al_contact.jpg) no-repeat; text-align:center; padding:0px 10px }
#content_top .girl { background-image:url(../Images/al_partners.jpg); }
#content_top .phone { background:url(../Images/al_ipbx.jpg) no-repeat; }
#content_top .home_col h3 {color:#FFF; margin:7px 0px 15px 0px; text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); letter-spacing:-0.5px; border-bottom:none; }
#content_top .home_col ul { text-align:left; font-size:13px; list-style: url(../Images/disc-red.png) outside; padding-left:10px; line-height:20px }
#content_top .home_col ul li { color:#333 }
#content_top .home_col p { text-align:left; }

#content_top .button {background:transparent url(../Images/bg_button_a.gif) no-repeat scroll top right;color:#444; display:block; float:left; font:normal 12px arial, sans-serif; height:24px; margin:0 10px 0 0; padding-right:18px; text-decoration:none; }
#content_top .button:hover { background:transparent url(../Images/bg_button_a2.gif) no-repeat scroll top right; color:#222; }
#content_top .button span { background:transparent url(../Images/bg_button_span.gif) no-repeat; display:block; line-height:14px; padding:5px 0 5px 18px; }
#content_top .button span:hover { background:transparent url(../Images/bg_button_span2.gif) no-repeat;color:#222; }

.last{margin-right:0; }
.firstnav{-moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px;}
.learn{color:#EE1C29; font-weight:bold; background:transparent url(../Images/drop_righ.png) no-repeat scroll right 4px; display:block; width:90px; }
.learn:hover { color:#333;}
.box { border:10px solid #FFF;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; padding:10px}
.h200 {height:200px;}
.highlighted { color:#E33A41; }
.floatright { float:right; }
.floatleft { float:left; }
.block { margin-left:50px; }
.trired {background: url(../Images/triangle_downRed.png) no-repeat scroll left center #FFFFFF !important;}
.red { color: #FF0000 !important; }
.prod { font-weight: bold; }

#ajax { width: 555px; height:100%; padding: 10px 20px; overflow:auto; background-color:#DDD; display:none; }
#ajax2 { width: 555px; overflow:auto; display:none; }
#prod-cont ul { list-style:inside url(../Images/disc_arrow.jpg); color:#B00; }
.more {color:#666; line-height:20px; font-size:13px; }
.more:hover { color:#B00}
.moreRed { text-decoration:none; color:#5C9216; }
.moreRed:hover { color:#5D9816; text-decoration:underline; }

#content_top #gallery { margin-bottom:20px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px; }

#content_top #news { background:transparent url(../Images/bg-news.jpg) no-repeat; height:100px; }

/* Banner */
.ca_banner{position:relative;overflow:hidden;background:#f0f0f0;padding:0px;border:1px solid #fff;
	-moz-box-shadow:0px 0px 2px #aaa inset;}
.ca_slide{width:100%;height:100%;position:relative;overflow:hidden;}
.ca_zone{position:absolute;width:100%;}
.ca_wrap{position:relative;display:table-cell;vertical-align:middle;text-align:center;}
.ca_wrap img.ca_shown{display:inline !important;}
/* Custom styles of banner1 */
.ca_banner1{width:900px;height:300px; border:none;}
.ca_bg1{background:transparent url(../Images/bg2.jpg) no-repeat top left; }
.ca_banner1 .ca_zone1{top:0px;left:125px;}
.ca_banner1 .ca_wrap1{width:450px;height:300px;}
.ca_banner1 .ca_zone2{top:100px;left:240px;}
.ca_banner1 .ca_wrap2{width:450px;height:203px;}
.ca_banner1 .ca_zone3{top:32px;left:300px;}
.ca_banner1 .ca_wrap3{width:550px;height:60px;}

/* Footer */
footer{ height:50px; width:900px; padding:10px 30px; background:#333; color:#999;
-webkit-box-shadow: 0px 0px 10px 5px rgba(102, 102, 102, 0.3);
-moz-box-shadow: 0px 0px 10px 5px rgba(102, 102, 102, 0.3);
box-shadow: 0px 0px 10px 5px rgba(102, 102, 102, 0.3);
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px; }
footer p {display:block; width:800px; text-align:center; font-size:11px; font-weight:normal; }
footer ul#medias {float: right }
footer ul#medias li, footer ul#medias li a { float: left }
footer ul#medias li { list-style: none; margin-left: 20px }
footer ul#medias li a { display:block; width: 19px; height: 19px; text-decoration: none; cursor: pointer }
footer ul#medias li a.img1 { background:transparent url(../Images/facebook.jpg) no-repeat; }
footer ul#medias li a.img1:hover { background-position: 0 -19px; }
footer ul#medias li a.img2 { background-image:url(../Images/linkedin.jpg)}
footer ul#medias li a.img2:hover { background-position: 0 -19px; }
footer ul#medias li a.img3 { background-image:url(../Images/skype.jpg)}
footer ul#medias li a.img3:hover { background-position: 0 -19px; }
footer ul#medias li a.img4 { background-image:url(../Images/twiter.jpg)}
footer ul#medias li a.img4:hover { background-position: 0 -19px; }

footer #nav-bottom { float: left !important; display:block; margin:0 40px; }
footer #nav-bottom ul {  margin:0; padding:0; }
footer #nav-bottom ul li { list-style:none outside none; position:relative; float:left; display:block; border-right:#999 solid 1px; }
footer #nav-bottom ul li.first { border-left:#999 solid 1px; }
footer #nav-bottom ul li a { text-decoration:none; color:#999; padding:5px 20px; font-size:11px; }
footer #nav-bottom ul li a:hover { text-decoration:underline; color:#5A8E15; }

/* Special Tooltips */

.tooltip {color: #000000; outline: none;cursor: help; text-decoration: none;position: relative; }
.tooltip span {margin-left: -999em;position: absolute;}
.tooltip:hover span {border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); position: absolute; left: 4em; top: 3em; z-index: 99;margin-left: 0; width: 155px;font-size: 0.5em; color:#EEE}
.classic {padding: 0.8em 1em; background: #2A2A2A; border: 2px solid #B00; }

/* Styles for accordion */

#menu_v_prod { margin-top:20px; margin-right:20px;}
#accordion { width: 220px; float:left; }

#accordion div {width:175px; margin-left:10px; }
#accordion h6#open:hover { background:#FFFFFF url(../Images/triangle_downRed.png) no-repeat left center !important; }
#accordion h6:first-child { margin-top: 15px; }
#accordion h6 {font-size:14px;padding:4px 0px; border-bottom:1px solid #000;}
#accordion h6#open { margin-left:10px; background:#FFFFFF url(../Images/triangle-down.png) no-repeat left center; text-indent:20px; }
#accordion h6:hover {color:#F00;}
#accordion h6 a {text-decoration: none; color:#2A2A2A;}
#accordion h6 a.active { color:#E33A41; font-weight:bold }
#accordion div { background-color:#ebebeb; }
#accordion div ul li a.active { color:#F00; font-weight:bold; letter-spacing:-0.5px; }
#accordion div ul { display:block; list-style:none; border-bottom:#000 solid 1px; }
#accordion div ul li { padding:4px 0px 4px 10px;  }
#accordion div ul li a { text-decoration:none;color:#2A2A2A; font-size:13px;padding:4px 0px 4px 0px;}
#accordion div ul li a:hover {color:#F00;}
#accordion #open .load { display:block; background:#FFFFFF url(../Images/triangle-down.png) no-repeat left center; padding:0; }
#accordion h6#open .load:hover { color:#FF0000; background:#FFFFFF url(../Images/triangle_downRed.png) no-repeat left center; }
#accordion #open .load, #accordion #open .change { display:block; background:#FFFFFF url(../Images/triangle-down.png) no-repeat left center; }
#accordion #open .change { color:#BB0000; }
#accordion #open .change:hover { color:#000000; }
#accordion h6#open .select { color:#f00; background:#FFFFFF url(../Images/triangle_downRed.png) no-repeat left center; }
#accordion .content.open ul { border-bottom:#000 solid 1px }
#accordion h6 .prod:hover { color:#FF0000 }