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


/* begin hide from ie5 \*/
* html #container {height:1%;}
/* hide end */


*{padding:0px; margin:0px; outline:none}
body {background:#eee ;font-family:Verdana, Geneva, sans-serif;font-size:11px;font-weight:normal;line-height:1.4em;margin:0;padding:0; color:#000;}
#wrapper{width:772px; position:relative; margin:0px auto; border:solid 1px #ccc; overflow:hidden;}
#wrapper object{ font-size:0px;}


/* header */
#wrapper #header #quickLinks form{float:left;}
#wrapper #header #quickLinks{height:28px; padding:0 10px; border-bottom:1px dotted #999; line-height:18px;}
#wrapper #header #quickLinks input{width:130px; margin:0 3px;}
#wrapper #header #quickLinks fieldset{ display:inline; margin:0 5px 0 2px; border:none;}
#wrapper #header #quickLinks select{width:175px; margin:0 3px;}
#wrapper #header #quickLinks a{color:#000; text-decoration:none;}
#wrapper #header #quickLinks a:hover{color:#FF1100; text-decoration:underline;}
#wrapper #header #logoContainer{height:68px;background:#fff; position:relative;}
#wrapper #header #logoContainer img{ position:absolute; right:1px; top:5px;  }
#wrapper #header #logo{ background:#fff url(../assets/images/logo.jpg) left top no-repeat; height:68px; width:248px; display:inline-block;}



/* top menu */
#topMenu  { position:relative; height:32px; background:#000; z-index:90000000;   }
#topMenu ul {  list-style:none; }
#topMenu ul li {line-height:32px; height:32px; float:left; list-style:none; font-size:11px; font-weight:bold; }
#topMenu ul li a { color:#ecebeb; text-decoration: none! important; display:block; line-height:32px; padding:0 15px; text-transform:uppercase; cursor:pointer; }
#topMenu ul li li a { text-transform:capitalize; font-size:11px; color:#000 !important; border-bottom:1px solid #ccc; }
#topMenu ul li:hover { position:relative; }
#topMenu ul ul { position:absolute; top:32px; left:-100000px; width:170px; background:#f5f5f5; border:1px solid #ccc; border-width:0 1px 1px ;  }

#topMenu ul ul li {width:170px; line-height:24px; height:24px; border:1px solid #f5f5f5; border-width:1px 0}
#topMenu ul ul li a {width:140px; line-height:24px; height:24px; display:block; white-space:nowrap;}
#topMenu ul ul li a:hover {color:#FFF !important;}
#topMenu ul ul li:hover {background:#dc2a28; border:1px solid #ccc; border-width:1px 0; color:#FFF !important;}
#topMenu ul li:hover ul li ul { left:150px; !important}
#topMenu ul li ul li ul { left:-1100000px; top:5px; display:none !important; /*border: 1px solid #9F0;*/}
#topMenu ul li:hover ul { left:-1px; !important; }
#topMenu ul li ul li:hover ul { display:block !important; border-width:1px; }

#topMenu ul ul ul{width:300px !important; border-bottom:1px solid #ccc; overflow:hidden; }
#topMenu ul ul ul li { width:300px !important;}
#topMenu ul ul ul li a {width:300px !important; }




#wrapper #header #topMenu ul#extraLink{display:inline-block; right:0px; top:0px; position:absolute; background:#d72a26 !important ;}
#wrapper #header #topMenu ul#extraLink a:hover, #topMenu ul#extraLink li:hover a, #topMenu  ul#extraLink li.active a, #topMenu  ul#extraLink li a.active{ color:#000 !important }
#wrapper #header #topMenu  ul#extraLink a:hover{color:#000 !important;}

#container{background:#ccc; padding:0px 11px;}
#content{ clear:both;}
.whiteBG{ background:#FFF; padding:10px 10px;}
.posRel{ position:relative;}




#wrapper #container #banner{margin:10px 1px; text-align:center; background:#000; float:left; display:inline; height:200px; width:749px;}
#wrapper #container #banner2{margin:5px 1px; text-align:center; background:transparent; float:left; display:inline; height:0px; width:749px; font-size:0px;}
#footer{ font-size:11px; background:#FFF; color:#000; padding:0 0 10px; clear:both;}
#footer #footerLinks{ background:#ccc; padding:5px 0; margin:5px 0;text-align:center; font-size:10px;}
#footer #footerLinks a{ color:#333; text-decoration:none;}
#footer #footerLinks a:hover{ color:#333; text-decoration:underline;}
#wrapper #footer .whitebox{ background:#f7f7f7;  padding:25px;}
#wrapper #footer .copyRight{ text-align:center;}
#footer #support a{ color:#F00;}





#footer a{ color:#000;}
#footer a:hover{ color:#f00; text-decoration:none;}

/* Ajax Search */
#ajaxSearch_form { color: #444; width: auto; }



#ajaxSearch_input { background:#fafaf8; border:1px solid #bebebe; /*height:14px;*/ width:128px; color:#999999; padding:1px 2px;}

#ajaxSearch_submit { display: inline; width:31px !important; border:none; color:#666666; background:#FFFFFF; display:none;}

#ajaxSearch_output { border: 1px solid #444; padding: 10px; background: #fff; display: none; height: auto; vertical-align: top; }

.AS_ajax_result { color: #444; margin-bottom: 3px; }

.AS_ajax_resultLink { text-decoration: underline; }

.AS_ajax_resultDescription { color: #555; }

.AS_ajax_more { color: #555; }

.ajaxSearch_paging { }

.ajaxSearch_resultExtract{border-bottom:1px solid #CCCCCC;margin:0 0 15px;padding:0 0 15px;}

.ajaxSearch_resultExtract p {font-size:11px;margin:0;}

.ajaxSearch_result span {font-size:12px;}

.ajaxSearch_result a {color:#275b9d; font-weight:bold; font-size:12px; display:block; line-height:20px }

.ajaxSearch_resultsInfo p { margin:10px 0 0 0}

/* slider */
#slider2{ position:relative; clear:both;	margin-bottom:10px;}

/* Product // Showcase (Landing) */
.showcase-landing { position:relative; margin-bottom:15px; height:60px; background:#fff ; text-align:center; }
.showcase-landing .showcase-logos { width:750px; padding:4px 0px 0; margin:0 auto; overflow:hidden; }
.showcase-landing img { vertical-align:middle; margin:0 10px; }

.showcase-landing .arrow-left{position:absolute;left:2px; top:20px; width:14px;height:25px;cursor:pointer;background:url(../assets/images/gallery/btn_prev.gif) no-repeat; }
.showcase-landing .arrow-right{position:absolute;right:2px; top:20px; width:15px;height:25px;cursor:pointer;background:url(../assets/images/gallery/btn_next.gif) no-repeat; }

.showcase-landing .arrow-left.disabled {background:url(../assets/images/gallery/btn_prev.gif) no-repeat;}
.showcase-landing .arrow-right.disabled {background:url(../assets/images/gallery/btn_next.gif) no-repeat;}

.showcase-landing p{ white-space:nowrap;}

/*home page formating*/

#container #content #mainFeatures{ margin-bottom:20px;}
#container #content #mainFeatures h2{ width:191px; padding:5px; line-height:14px; font-size:12px; color:#fff; background:#999;}
#container #content #mainFeatures #bundleTicket{ /*display:inline-block;*/ float:left; display:inline; margin-right:11px; }
#container #content #mainFeatures #ppcSoftware{ /*display:inline-block;*/ float:left; display:inline; margin-right:11px; }
#container #content #mainFeatures #appsDemo{ /*display:inline-block;*/ float:left; display:inline;  }
#container #content #mainFeatures .whitebox{ background:#f7f7f7; width:242px; /*margin-right:16px;*/ padding:20px 0; height:130px; position:relative;}
#container #content #mainFeatures .whitebox span{ font-weight:bold; padding:0 20px;}
#container #content #mainFeatures .whitebox a{ position:absolute; right:5px; bottom:8px; font-weight:bold; color:#000;}
#container #content #mainFeatures .last{ margin-right:0px;}

#container #content #mainFeatures ul{padding:2px 0 0 36px; list-style-image:url(../assets/images/bullet.jpg);}
#container #content .calloutBox ul{padding:2px 0 0 20px; list-style-image:url(../assets/images/bullet.jpg);}


#container #content #mainFeatures img{ margin-right:6px; margin-bottom:15px;}
#container #content #mainFeatures img.last{ margin-right:0px;}
#container #content .calloutBox{ clear:both; margin:10px 0;}
#container #content .calloutBox h2{ width:65%; padding:5px; line-height:14px; font-size:12px; color:#fff; background:#999; margin-top:10px;}
#container #content .calloutBox .whitebox{ background:#f7f7f7;  padding:20px; }
#container #content .calloutBox .whitebox span{ font-weight:bold; padding:0 20px;}

#container #content ul#usefulLinks { list-style:none; padding-left:0px;}
#container #content ul#usefulLinks li{ float:left; width:215px; background:url(../assets/images/bullet.jpg) no-repeat left center; list-style:none; padding-left:20px; display:inline;}
#container #content ul#usefulLinks li a{ color:#000;}
#container #content ul#usefulLinks li a:hover{ text-decoration:none;}


/*************************** Support */
.data-table{ width:100%; text-align:center;}

.data-table thead th { background:#888; color:#fff; text-transform:uppercase; padding-top:2px; padding-bottom:2px; }
.data-table tbody th { border:1px solid #ccc; border-top:0; }
.data-table tbody td { background:#fff9e0; border:1px solid #ccc; border-top:0; border-left:0; width:130px; }
.data-table tbody td.platinum {background:#ffe093;}
.data-table tbody th,
.data-table tbody td { padding-top:5px; padding-bottom:5px; }
.notice { margin:20px 0; }

.data-table .group-name{ background:#ccc; text-transform:none; padding-top:4px; padding-bottom:4px; font-size:13px;}
.data-table thead.group-name th { background:#ccc; text-transform:none; padding-top:4px; padding-bottom:4px; font-size:13px; }
.data-table thead.group-name th.platinum {background:#ffa438;}
.data-table thead.filler th { background:#fff; line-height:5px !important; height:5px; }
.data-table thead.filler th.platinum {background:#ffa438;}



/*forms */
.forms label{ float:left; width:200px;}
.forms input.radio{border:medium none; float:none; height:15px; margin:0 10px 3px 0; padding:0; vertical-align:middle; width:15px;}
.forms p{float:left; margin:5px !important; position:relative; width:90%;}
.forms select{border:1px solid #C5C5C5; color:#666666; font-size:13px; font-weight:normal; margin:0; width:194px;}
.forms  input{border:1px solid #C5C5C5; color:#000000; font-size:11px; font-weight:normal; height:16px; margin:0; padding:2px; width:190px;}
.forms textarea{border:1px solid #C5C5C5; color:#000000; font-size:11px; font-weight:normal; height:100px; line-height:16px; margin:10px 0 0; overflow:auto; padding:2px; width:99%;}

.red-star {color:#CC0000;}
input.file {height:21px !important;}
.forms input.submit {background-attachment:scroll; background-color:#000; border:1px solid #2983C0; color:#FFF; font-weight:bold; height:24px;line-height:14px; padding: 4px; width:100px;}
.errors{ width:390px; color:#F00;}





.whiteBG h1{ height:16px;  padding:10px 20px; background:#999; color:#FFF; font-weight:normal; font-size:16px; margin-bottom:10px;}

.whiteBG h2{  padding:10px 0px;  color:#cc3333; font-weight:bold; font-size:14px; line-height:20px;}
.whiteBG h2 a{  color:#cc3333; }

.whiteBG ul { padding:0 0 0 15px;}
.whiteBG ul li{ margin-bottom:10px;}
.whiteBG ul li a{ text-decoration:underline;}
.whiteBG ul li a:hover{ text-decoration:none; color:#F00;}
.whiteBG p{ margin:5px 0 10px 0;}
.whiteBG a{ color:#000;}
.whiteBG a{ text-decoration:none;}
.whiteBG a.btn{background-color:#000; border:1px solid #2983C0; color:#FFFFFF; font-weight:bold; height:24px; line-height:14px; padding:4px; width:100px;}
#container #content .row{ clear:both; padding:0 0 5px; border-bottom:1px solid #ccc; margin-bottom:8px;  }
.whiteBG .button-submit{background-color:#000; border:1px solid #2983C0; color:#fff; font-weight:bold; height:24px; line-height:14px; padding:4px;
width:100px;}

.ac{ text-align:center;}

/*services page formating*/
.col-4{ width:50%; float:left; display:inline; }
.col-4 p{ margin-bottom:10px; border-bottom:1px dotted #b3afaf; padding:0 0 10px 0;}
.col-5{ width:40%; float:right; display:inline; padding:10px;  background:#dedede;}



/*Blog */
.help-links{ height:95px; margin:10px 0;  padding:10px; border:1px solid #ccc;  background:url(../assets/images/blog-bg.gif) repeat-x; overflow:hidden;}
.help-links h2{  padding:5px 0px;  }
.help-left{ float:left; width:445px}
.help-right{  float:right; width:150px}
.help-right a:hover{ color:#FF0000;}
.help-left p.introtext{ height:33px; overflow:hidden;}
.clear{clear:both;}


/*feature page formating*/
#container #content .row{ clear:both; padding:0 0 24px; border-bottom:1px solid #ccc;  }
#container #content  .last{  border-bottom:none;  }
.col-1, .col-2, .col-3 { width:30%; float:left; display:inline; padding:10px 0 0 20px;}
#container #content .row ul{ padding:10px 0 7px 15px;}
#container #content .row a{ color:#d92a27; padding-left:14px; font-size:10px; text-decoration:underline;}
#container #content .row a:hover{ text-decoration:none;}

/*contact us*/
.contact{ position:relative;}
#address{ text-indent:-5000px; background:url(../assets/images/address.jpg) no-repeat center center; width:324px; height:241px; position:absolute; right:0px; top:134px;}

#apps-edition{ position:absolute; top:70px; right:0px;}
img{border:none;}