/* ===== Main Styles ===== */

blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6,
img, li, ol, p, select, span, td, textarea, th, ul {
    border-style: none;
    margin: 0;
    padding: 0;
}


body{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-image:url(/antwebsystemsimages/bgImg.jpg);
    font-size: 80%;
    color:#155392 !important;
    background-attachment:fixed;
}
p{
    text-indent:20px;
    text-align:left;
}
p:first-letter{
    font-size:larger;
}
a{
    color:#155392;
}
a:hover{
    color:black
}
.h1{
    font-size:125%;
}
.h2{
    font-size:120%;
}
.h3{
    font-size:115%;
}

.h3 #download{
    font-size:115%;
}

.h4{
    font-size:110%;
}
.h5{
    font-size:105%;
}
.body{
    width:950px;
    vertical-align:top;
}
/*===== header =====*/
.header{
    background-image:url(/antwebsystemsimages/bgImgHeader.jpg);
    width:950px;
    height:100px;
    text-align:left;
    vertical-align:top;
    z-index:0;
}
.content{
    background-image:url(/antwebsystemsimages/contentBg.jpg);
    width:950px;
}

.footer{
    background-image:url(/antwebsystemsimages/bottomBorder.jpg);
    vertical-align:middle;
    width:950px;
    height:80px;
    text-align:center;
    vertical-align:top;
    color:white;
}
.footer .power-by-ofbiz{
    float:left;
    margin-left:30px;
    margin-top:4px;
}
.footer-content{
    padding-top:40px;
    text-align:center;
    float:left;
}
.logo{
    width:173px;
    height:87px;
    padding-left:40px;
    z-index:1;
    padding-top: 5px;
}
/* ===== Menu ===== */
.top-menu-block{
    text-align:right;
    padding-right:10px;
    padding-bottom:0px;
    font-size:small;
    z-index:0;
    vertical-align:top;
    width:100%;
}
.top-menu-block-right{
    text-align:right;
    /*text-align:center\9;*/
    padding-bottom:0px;
    font-size:small;
    z-index:0;
    vertical-align:top;
    padding-right: 10px;
    padding-top: 3px;
}
.top-menu-block-right-bottom{
    margin-top: 35px;
    margin-right: 20px;
}
.top-menu{
    color:gray;
    padding-left:2px;
    padding-right:2px;
}
.top-menu:hover{
    color:black;
}
.lang{
    opacity:0.5;
}
.lang:hover{
    opacity:1;
}
/*===== content menu =====*/
.content-border{
    background-image:url(/antwebsystemsimages/topBorder.jpg);
    width:950px;
}
.content-menu-block{
    text-align:left;
    padding-top:10px;
    padding-bottom:5px;
    color:#155392;
    height: 20px;
    font-weight: 700;
    font-size: 9pt;
}
.menu-block-left{
    float: left;
    margin-left: 15px;
    margin-top: 3px;
}
.menu-block-right{
    float: right;
    margin-right: 15px;
}
.menu-cart-block-right {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}
.content-menu{
    color:#155392;
    padding-left:5px;
    padding-right:5px;
    text-decoration: none;
}
.content-menu:hover{
    color:white;
    padding-left:5px;
    padding-right:5px;
    text-decoration: none;
}
.sec-content-border{
    background-image:url(/antwebsystemsimages/sec_contentBorder.jpg);
    width:950px;
    height:10px;
}
.text-blue{
    color:#155392 !important;
    font-weight:bolder;
    font-size:larger;
    vertical-align: middle;
}
.text-bottom{
    vertical-align:bottom;
}

/* ===== table ===== */
table.basic-table{
	width:100%;
}
table.basic-table tr td.label{
	width:auto;
}

/* ===== Content Styles ===== */
.main{
    padding-left:5px;
    width:100%;
}
.home-main{
    float:left;
    padding-left:10px;
    padding-bottom:10px;
    width:655px;
    text-align:center;
}
.home-right{
    float: right;
    width:260px;
    padding-right:5px;
    text-align:center;
}
.home-right-contentBottomBg{
    background-image:url(/antwebsystemsimages/homeRightBgBottom.jpg);
    width:100%;
    height:300px;
}
.home-right-headerBg{
    background-image:url(/antwebsystemsimages/homeHeadRight.jpg);
    vertical-align:text-top;
    width:100%;
    height:35px;   
    color:white;
    text-align:center;
}
.home-right-header{
    font-size:120%;
    font-weight:bolder;
    padding-left:15px;
    padding-bottom:5px;
    padding-top:5px;
    text-align:left;
    width:100%;
}

.home-right-subheaderBg{
    background-image:url(/antwebsystemsimages/homeSubRightHeader.jpg);
    width:240px;
    height:10px;  
    text-align:left;
}
.home-right-subHeader{
    width:240px;
    background-color:#91c7fc;
    color:#155392;
}
.home-right-subHeaderContent{
    color:#155392;
    padding:5px;
    width:100%;
}
.home-right-contentBg{
    background-color:#f7f8f8;
    width:240px;
}
.home-right-contentBgBottom{
    background-image:url(/antwebsystemsimages/homeRightContentBottom.jpg);
    width:240px;
    height:20px;
}
.home-right-content{
    padding:5px;
}
.home-right-Bottom{
    background-image:url(/antwebsystemsimages/homeRightBgBottom.jpg);
    width:260px;
    height:300px;
}
.apache{
    background-image:url(/antwebsystemsimages/apache.png);
    width:240px;
    height:250px;
}
.apache-content{
    padding:10px;
}
.header-orange{
    color:#f26522;
}
.center{
    text-align:center;
}
.left{
    text-align:left;
}
.right{
    text-align:right;
    float:right;
}
.top{
    vertical-align:top;
}
.indent1{
    padding-left:10px;
}
.indent2{
    padding-left:20px;
    line-height: 1.5em;
}
.indent3{
    padding-left:30px;
    line-height: 1.5em;
}
.link-white{
    color:white;
}
.link-white:hover{
    color:#155392;
}
.hidden {
    display: none;
}
#intro{
    padding:20px;
}
/*===== products =====*/
.product-block{
    padding:20px;
}
.product-block-left{
    padding:0 0 20px 20px;
    float:left;
    width: 85%;
}
.product-block-right{
    float: right;
    text-align:right;
    width: 12%;
}
.product-block-right a {
    color: #155392; 
}
.menu-selected{
    color:white;
    padding-left:5px;
    padding-right:5px;
    text-decoration: none;
}
.menu-selected:hover{
    color:white;
    padding-left:5px;
    padding-right:5px;
    text-decoration: none;
}
td.product-content{
    width:800px;
    padding: 10px;
}
.product-img{
    width:150px;
}
/*===== downloads =====*/
.download-block{
    padding:20px;
}
.contact-block{
    padding:20px;
}
.about-block{
    padding:20px;
}
.head-page{
    width:900px;
    height:100px;
}
.content-page{
    width:940px;
    text-align:left;
    text-indent: 10px;
}
.bottom-page{
    background-image:url(/antwebsystemsimages/bgFooter.jpg);
    width:940px;
    height:50px;
}
.product{
    background-image:url(/antwebsystemsimages/bgHeaderProduct.jpg);
    width:900px;
    height:50px;
}
.service{
    background-image:url(/antwebsystemsimages/bgHeaderService.jpg);
    width:900px;
    height:50px;
}
.contact{
    background-image:url(/antwebsystemsimages/bgHeaderContact.jpg);
    width:900px;
    height:50px;
}
.download{
    background-image:url(/antwebsystemsimages/bgHeaderDownload.jpg);
    width:900px;
    height:50px;
}
.about{
    background-image:url(/antwebsystemsimages/bgHeaderAbout.jpg);
    width:900px;
    height:50px;
}
.hosting{
    background-image:url(/antwebsystemsimages/bgHeaderHosting.jpg);
    width:900px;
    height:50px;
}
.training{
    background-image:url(/antwebsystemsimages/bgHeaderTraining.jpg);
    width:900px;
    height:50px;
}
.ofbiz{
    background-image:url(/antwebsystemsimages/bgHeaderOfbiz.jpg);
    width:900px;
    height:50px;
}
.shop{
    background-image:url(/antwebsystemsimages/bgHeaderShop.jpg);
    width:900px;
    height:50px;
    margin-bottom: 10px;
}
.blog{
    background-image:url(/antwebsystemsimages/bgHeaderBlog.jpg);
    width:900px;
    height:50px;
}
.myaccount{
    background-image:url(/antwebsystemsimages/bgHeaderMyAccount.jpg);
    width:900px;
    height:50px;
}
.signup-email{
    background-image:url(/antwebsystemsimages/bgHeaderSignupEmail.jpg);
    width:900px;
    height:50px;
}
.product h1, .service h1, .contact h1, .download h1, .about h1, .hosting h1, .training h1, .ofbiz h1, .shop h1, .blog h1, .myaccount h1, .signup-email h1{
    text-transform: uppercase;
    margin-top:9px;
    margin-left:80px;
    text-align: right;
    float: left;
}
/* ===== message ===== */
.content-messages {
   width:900px;
}
.content-messages p:first-child{
   /*border: 0.1em solid #999999;
   background-color: #a4c8ed;*/
   padding: 4px;
   height: 25px;
}

.errorMessage p:first-child{
    color: red;
}
.eventMessage p:first-child{
    color: blue;
}

/* scroller */
marquee { background-color: #eeeeee; width: 650px; padding: 0x; height: 35px; vertical-align: middle; }
marquee img { border: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; vertical-align: middle; padding-top: 5px; padding-right: 20px; }
marquee img:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; }
/***********************************************
Screens (legacy style)
***********************************************/
/*
div.screenlet {
    width: 900px;
    background-color: #FFFFFF;
    height: auto !important;
    height: 1%;
    margin-bottom: 1em;
    margin-top: 1em;
    clear:both;
}*/
div.login-screenlet{
    width: 300px;
}
/*
div.screenlet h3:first-child{
    background-color: #a4c8ed;
    color: #ffffff;
    height: 5%; /* IE fix
    min-height: 1.5em;
    border: 0.1em solid #999999;
}*/

div.screenlet-body {
    background-color: #eeeeee;
    height: auto !important;
    height: 1%;
    padding: 0.4em;
    border: thin solid #ccc;
    display:block;

}

div.screenlet-body-collapse {
    background-color: #eeeeee;
    height: auto !important;
    height: 1%;
    padding: 0.4em;
    margin-top: -12.75px;
    /*border: 2px solid #eee;*/

    display:block;

}

div.screenlet-body-contactwidth {
    background-color: #fff;
    height: auto !important;
    height: 1%;
    padding: 0.4em;
    width: 880px;
    display:block;

}

div.no-padding {
    padding: 0;
    border: none;
}

.screenlet-title-bar {
    background-color: #0286ce;
    color: #ffffff;
    height: 5%; /* IE fix */
    min-height: 1.5em;
}

.screenlet-title-bar .h1,
.screenlet-title-bar .h2,
.screenlet-title-bar .h3,
.screenlet-title-bar h1,
.screenlet-title-bar h2,
.screenlet-title-bar h3 {
    background: none;
    color: #ffffff;
    font-weight: bold;
    padding: 0.1em 0.5em 0.2em 0.5em;
    margin:0px;
}

.screenlet-title-bar ul {
    display: inline; /* IE Fix */
}

.screenlet-title-bar ul li {
    background: none;
    color: #ffffff;
    float: right;
    font-size: 1em;
    font-weight: bold;
    padding: 0.8em 0.5em 0.2em 0.5em;
    margin:0;
}

.screenlet-title-bar ul h1,
.screenlet-title-bar ul h2,
.screenlet-title-bar ul h3,
.screenlet-title-bar ul .h1,
.screenlet-title-bar ul .h2,
.screenlet-title-bar ul .h3 {
    border-left: none;
    float: left;
    padding: 0.8em 0.5em 0.2em 0.5em;
}

.left .screenlet-title-bar ul h1,
.left .screenlet-title-bar ul h2,
.left .screenlet-title-bar ul h3,
.left .screenlet-title-bar ul .h1,
.left .screenlet-title-bar ul .h2,
.left .screenlet-title-bar ul .h3 {
    border-left: none;
    float: left;
    padding: 0.5em 0.5em 0.2em 0.5em;
}

.screenlet-title-bar .h1 { font-size: 1.6em; }
.screenlet-title-bar .h2 { font-size: 1.3em; }
.screenlet-title-bar .h3,
.screenlet-title-bar .head4 {
    font-size: 1.1em;
}

.screenlet-title-bar .h3 a {
    color: #fff;
    display: inline;
}

.screenlet-title-bar ul a {
    color: #fff;
    display: block;
}

.screenlet-title-bar ul a:visited {
    color: #fff;
}

.screenlet-title-bar ul a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.screenlet-title-bar ul .disabled {
    color: #CCCCCC;
}

.screenlet-title-bar ul .collapsed,
.screenlet-title-bar ul .collapsed:hover {
    background: url(/images/expand.gif) no-repeat center center;
    min-height: 1.1em;
    min-width: 1.1em;
}

.screenlet-title-bar ul .expanded,
.screenlet-title-bar ul .expanded:hover {
    background: url(/images/collapse.gif) no-repeat center center;
    min-height: 1.1em;
    min-width: 1.1em;
}

.screenlet-title-bar ul .collapsed a,
.screenlet-title-bar ul .expanded a { 
    cursor: default;
}

.login-screenlet {
    min-width: 25em;
    width: 25%;
}

.login-screenlet .screenlet-title-bar {
    text-align: center;
}
/*NOTE .clear deprecated, clear floats automatically using .clearfix instead of using extra div */
.clear {
    clear: both;
    height: 0;
    visibility: hidden;
}
.group-label {
    font-weight: 700;
}
.tooltip {
    float: left;
}
.required {
    float: left;
}
.group-label {
    border-bottom: 0.2em solid #dddddd;
}
ol {
    list-style-type: decimal;
    padding-left: 50px;
}
ul {
    list-style-type: circle;
    padding-left: 50px;
}

/* Slide */
div.main-img {
	
}
div.slide {
    width: 300px;
    height: 100px;
    margin-top: -80px;
    margin-bottom:0px\9;
    margin-right:330px;
    padding-left: 20px;
    position: relative;
    z-index:999;
}
div.slide div.customers div.pointer div{
	width: 300px;
    margin-left:10px;
}
div.slide div.customers div.pointer div a img {
	width: 100px;
}
/* ===== Customer page ===== */
#customer-page{
    width:880px;
    margin-left: 30px;
    clear: both;
}
#customer-page .screenlet{
    padding-top:10px;
}
#customer-page .screenlet div.left{
    width: 50%;
    float: left;
}
#customer-page .screenlet div.right{
    width: 50%;
    float: right;
}
#customer-page .screenlet h3{
    background-color: #0286ce;
    text-align: left;
    text-indent: 10px;
    padding: 5px;
}
#customer-page .screenlet fieldset.left{
    float: left;
    width: 50%;
}
#customer-page .screenlet fieldset.right{
    float: right;
    width: 50%;
}
#customer-page .screenlet fieldset h3 {
    text-align: center;
}
#customer-page .screenlet fieldset div label {
    width: 50%;
    float: left;
    text-align: right;
    padding: 10px;
}
#customer-page .screenlet fieldset div input {
    float: left;
}
#customer-page .screenlet h2 {
background:#0286ce;
color:#fff;
margin-left:0px;
margin-bottom:0px;
width: 880px;
}
#customer-page .screenlet h3{
background:#0286ce;
color:#fff;
margin-left:0px;
margin-bottom:0px;
}
/*Sign Up for Email*/
#signup-email{
width:880px;
margin-left: 30px;
margin-top: 20px;
}
#signup-email .screenlet{
width:500px;
}
/* ===== login ===== */
#login-page {
    width: 500px;
}
#login-page .screenlet{
    width: 500px;
    background-color: #eee;
}
/***********************************************
Clear Fix
***********************************************/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%;}
.clearfix {display: block;}

/* ===== drop down menu ===== */
/*body {font-family:arial; font-size:11px;}*/
.clear {clear:both}
/* remove the list style */
#nav {
    margin:0;
    padding:0;
    list-style:none;
    text-align: left;
}  
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:left;
        display:block;
        width:100px;
        background: #96c3ed;
        position:relative;
        z-index:500;
        margin:0 1px;
	text-align: left;
    }
    #nav li:first-child{
        width:170px;
    }
    #nav li:first-child a:hover{
        text-decoration: underline;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block;
        padding:3px;
        font-weight:700;
        text-decoration:none;
        color:#fff;
        text-align:left;
        color:#fff;
    }
 
    #nav li a:hover {
        color: #155392;
    }
    #nav li ul {
        background-color:#96c3ed;
        padding-left: 2px;
    }
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#155392;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute;
            left:0;
            display:none;
            margin:0 0 0 -1px;
            padding:0;
            list-style:none;
        }
         
        #nav ul li {
            width:100px;
            float:left;
            border-top:1px solid #fff;
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block; 
            height:15px;
            padding: 5px;
            color:#fff;
        }
         
        #nav ul a:hover {
            text-decoration:underline; 
        }
        #nav li ul li a {
            background: #96c3ed;
        }
	#nav li ul li a:hover {
            background: #65a9e7;
        }
 	#nav li ul li:first-child {
	    width: 100px;
	    margin-top: 5px;	
	}
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}

#nav2 {
    margin:0;
    padding:0;
    list-style:none;
    text-align: left;
}
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav2 li {
    float:left;
    display:block;
    width:auto;
    background: #96c3ed ;
    position:relative;
    z-index:500;
    margin:0 1px;
    text-align: left;
}
#nav2 li:first-child a:hover{
    text-decoration: underline;
}
/* this is the parent menu */
#nav2 li a {
    display:block;
    font-weight:700;
    text-decoration:none;
    text-align:left;
}
#nav2 li a:hover {
    color: #155392;
}
#nav2 li ul {
    background-color:#96c3ed;
    padding-left: 2px;
}
/* you can make a different style for default selected value */
#nav2 a.selected {
    color:#155392;
}
/* submenu, it's hidden by default */
#nav2 ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
}
#nav2 ul li {
    width:100px;
    float:left;
    border-top:1px solid #fff;
}
/* display block will make the link fill the whole area of LI */
#nav2 ul a {
    display:block; 
    height:15px;
    padding: 5px;
    color:#fff;
}
#nav2 ul a:hover {
    text-decoration:underline; 
}
#nav2 li ul li a {
    background: #96c3ed;
}
#nav2 li ul li a:hover {
        background: #65a9e7;
    }
#nav2 li ul li:first-child {
    width: 100px;
    margin-top: 5px;    
}
#nav2 li ul li.ofbiz {
    width: 85px;
    margin-top: 5px;
    height: 22px;
}
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav2 ul {
    margin:0 0 0 -2px;
}

/*Button style*/

button.button1 { background:none repeat 0 50%; border:0 none; cursor:pointer;  font-size:10px; height:20px !important; overflow:visible; width:auto; vertical-align: top; margin-left:5px\9;}
button.button1 span { background:url(/antwebsystemsimages/button1_border_left.gif) no-repeat  left top !important; display:block; height:20px !important; margin:0; }
button.button1 span span { background:url(/antwebsystemsimages/button1_border_right.gif) no-repeat  right top !important; display:block; height:20px !important; padding:0 5px; }
button.button1 span span span { font-size:10px; background:url(/antwebsystemsimages/button1.gif) repeat-x  left top !important; color:#FFFFFF; display:block; font-weight:700; line-height:normal; overflow:hidden !important; padding-top:4px; text-align:center; white-space:nowrap; }
button.button1:hover {
    border:none;
    background:none;
}
/*button.button1 #ieminiprodaddtocart {width:110px\9;}
button.button1 #ieaddtocart {width:60px\9;}
button.button1 #ietellafriend {width:70px\9;}
button.button1 #ienewaddress {width:65px\9;}
button.button1 #ieupdate {width:40px\9;}
button.button1 #iecontinueshoppingshowcart {width:105px\9;}*/

button.button2 { background:none repeat 0 50%; border:0 none; cursor:pointer;  font-size:10px; height:25px !important; overflow:visible; width:auto; }
button.button2 span { background:url(/antwebsystemsimages/button2_border_left.gif) no-repeat  left top !important; display:block; height:25px !important; margin:0; }
button.button2 span span { background:url(/antwebsystemsimages/button2_border_right.gif) no-repeat  right top !important; display:block; height:25px !important; padding:0 8px; }
button.button2 span span span { font-size:10px; background:url(/antwebsystemsimages/button2.gif) repeat-x  left top !important; color:#FFFFFF; display:block; font-weight:700; line-height:normal; overflow:hidden !important; padding-top:5px; text-align:center; white-space:nowrap; }
button.button2:hover {
    border:none;
    background:none;
}
/*button.button2 #iecontinueshopping {width:105px\9;}
button.button2 #iedetail {width:30px\9;}
button.button2 #iebuttonbackshopping {width:120px\9;}
button.button2 #iebuttoncontinuereview {width:150px\9;}
button.button2 .iebuttonsubmitorder {width:160px\9;}*/

button.button3 { background:none repeat 0 50%; border:0 none; cursor:pointer;  font-size:10px; height:25px !important; overflow:visible; width:auto; }
button.button3 span { background:url(/antwebsystemsimages/button4_border_left.png) no-repeat  left top !important; display:block; height:25px !important; margin:0; }
button.button3 span span { background:url(/antwebsystemsimages/button4_border_right.png) no-repeat  right top !important; display:block; height:25px !important; padding:0 8px; }
button.button3 span span span { font-size:10px; background:url(/antwebsystemsimages/button4.png) repeat-x  left top !important; color:#FFFFFF; display:block; font-weight:700; line-height:normal; padding-top:5px; text-align:center; white-space:nowrap; }
button.button3:hover {
    border:none;
    background:none;
}

/*Show cart style*/
.showcart-icon {
    float:left;
    margin-left:-30px;
    margin-top:-7px;
    background-image: url(/antwebsystemsimages/cart.gif);
    height: 28px;
    width: 28px;
}
/* ======================== */
/* ===== Table Styles ===== */
/* ======================== */
.basic-table {
/*color: #000000;*/
width: 100%;
}

form .basic-table,.screenlet-body .basic-table {
margin-bottom: 0;
}

.basic-table tr td { /* Style for all cells */
vertical-align: middle;
padding-top:5px;
padding-bottom:5px;
}

.basic-table tr .label,.basic-table tr .group-label {
/* field labels for forms */
padding-right: 1.5em;
white-space: nowrap;
width: 1%;
}

.basic-table tr .group-label { /* "header" for field label groups */
font-size: 1.2em;
}

.basic-table tr.header-row,
.basic-table tr.header-row-2 {
background:url(/antwebsystemsimages/bkgd_subheader.gif) repeat-x bottom;
text-transform:uppercase;
}

.basic-table tr th,.basic-table .header-row {
font-weight: bold;
text-align: left;
}

.basic-table .header-row td {
border-bottom: 0.1em solid #000000;
}

.basic-table .header-row td a {
color: #000000;
}

.basic-table .alternate-row { /* Alternating row style */
background-color:#dfdfdf;
}

.basic-table .selected {
background: #FFFCCF;
}

.basic-table .alternate-rowSelected {
background: #FFF55F;
}

.basic-table .Validate { /*Style use by alt-row-style on list*/
background: #A0D5F7;
}

.basic-table .alternate-rowValidate {
/*Style use by alt-row-style on list*/
background: #72A8F2;
}

.basic-table .Warn { /*Style use by alt-row-style on list*/
background: #f55C5C;
}

.basic-table .alternate-rowWarn { /*Style use by alt-row-style on list*/
background: #FC7455;
}

.basic-table tr .button-col { /* button column style - for the small
collection of buttons used in lists */
vertical-align: top;
}

.basic-table tr .button-col a {
background:transparent url(/antwebsystemsimages/ptrn_button.gif) repeat-x scroll left center;
border:2px solid #DDDDDD;
color:#333333;
float:left;
font-weight:bold;
margin:0 0.1em;
padding:0.1em 0.4em;
text-transform:uppercase;
white-space:nowrap;
}

.basic-table tr .smallSubmit,.basic-table tr .smallSubmit:visited {
background-color: #ffffff;
border: #999999 solid 0.1em;
color: #000099;
font-size: 1em;
font-weight: bold;
margin: 0.2em;
padding: 0.1em 0.2em 0.1em 0.2em;
white-space: nowrap;
}

.basic-table tr .button-col a:hover,.basic-table tr .button-col a:active,.basic-table tr .smallSubmit:hover,.basic-table tr .smallSubmit:active {
_color: #ff0000;
text-decoration: none;
background:transparent url(/antwebsystemsimages/ptrn_button_hover.gif) repeat-x scroll left center;
}

.basic-table .collapsed {
visibility: collapse;
}
/* ===== Table decorator - Hover bar ===== */
.hover-bar tr:hover {
    background-color: #cccccc;
    cursor: default;
}

.hover-bar .header-row:hover,.hover-bar tr th:hover {
    background-color: #ffffff;
    color: #000000;
}
/* Pager */
.nav-pager {
background-color: #9F9F9F;
padding:2px 20px;
height:23px;
}

.nav-pager select{
background-color: #ACABA9;
margin-left:10px;
border:none;
height: auto;
margin-top: 0;
}

.nav-pager ul {
display: inline; /* IE Fix */
}

.nav-pager ul li {
float: left;
line-height: 1.8em;
margin: 0px 3px;
color:#333333;
font-size:12px;
}

.nav-pager ul li.nav-displaying {
float: right;
}

.nav-pager ul li a {
display: block;
text-indent:-2000px;
}

.nav-pager ul li span {
visibility:hidden;
display: block;
}

.nav-pager ul .nav-first a:hover {
background: url(/antwebsystemsimages/navigation.png) no-repeat 0px -46px;
}
.nav-pager ul .nav-previous a:hover {
background: url(/antwebsystemsimages/navigation.png) no-repeat -23px -46px;
}
.nav-pager ul .nav-next a:hover {
background: url(/antwebsystemsimages/navigation.png) no-repeat -46px -46px;
}
.nav-pager ul .nav-last a:hover {
background: url(/antwebsystemsimages/navigation.png) no-repeat -69px -46px;
}

.nav-pager ul .nav-first a {
background: url(/antwebsystemsimages/navigation.png) no-repeat 0px -23px;
}
.nav-pager ul .nav-previous a {
background: url(/antwebsystemsimages/navigation.png) no-repeat -23px -23px;
}
.nav-pager ul .nav-next a {
background: url(/antwebsystemsimages/navigation.png) no-repeat -46px -23px;
}
.nav-pager ul .nav-last a {
background: url(/antwebsystemsimages/navigation.png) no-repeat -69px -23px;
}
.nav-pager ul .nav-first-disabled {
background: url(/antwebsystemsimages/navigation.png) no-repeat 0px 0px;
}
.nav-pager ul .nav-previous-disabled {
background: url(/antwebsystemsimages/navigation.png) no-repeat -23px 0px;
}
.nav-pager ul .nav-next-disabled {
background: url(/antwebsystemsimages/navigation.png) no-repeat -46px 0px;
}
.nav-pager ul .nav-last-disabled {
background: url(/antwebsystemsimages/navigation.png) no-repeat -69px 0px;
}

.nav-pager ul .nav-first a,
.nav-pager ul .nav-previous a,
.nav-pager ul .nav-next a,
.nav-pager ul .nav-last a,
.nav-pager ul .nav-first-disabled,
.nav-pager ul .nav-previous-disabled,
.nav-pager ul .nav-next-disabled,
.nav-pager ul .nav-last-disabled {
width: 23px;
height:23px;
}

.nav-pager ul .nav-pagesize {
padding: 0 30px 0 30px;
}
.message-box-link {
    float:right;
    margin-top:-20px;
    margin-right:10px;
}

button.buttonaddtocart { 
	background:none repeat 0 50%; 
	border:0 none; 
	cursor:pointer;  
	font-size:10px; 
	height:20px !important; 
	overflow:visible; 
	width:auto; 
	vertical-align: top; 
	margin-left:5px\9;
}
button.buttonaddtocart span { 
	background:url(/antwebsystemsimages/button1_1_border_left.png) no-repeat  left top !important; 
	display:block; 
	height:20px !important; 
	margin:0;
}
button.buttonaddtocart span span { 
	background:url(/antwebsystemsimages/button1_1_border_right.png) no-repeat  right top !important; 
	display:block; 
	height:20px !important; 
	padding:0 5px;
	/*padding-top:5px;
	padding-right:0px;
	padding-bottom:5px;
	padding-left:5px;*/
	#margin-right:-7px;
}
button.buttonaddtocart span span span { 
	font-size:10px; 
	background:url(/antwebsystemsimages/button1_1.png) repeat-x  left top !important; 
	color:#FFFFFF; 
	display:block; 
	font-weight:700; 
	line-height:normal; 
	overflow:hidden !important; 
	padding-top:4px; 
	text-align:center; 
	white-space:nowrap;
    width:auto;
	#width:70px;
}
button.buttonaddtocart:hover {
    border:none;
    background:none;
}
.google-plus-top {
    float: right;
    padding: 5px;
    margin: 5px 34px 0 0;
}
.google-plus-bottom {
    float: right;
    padding: 5px;
    margin: 12px 34px -24px 0;
}
.linkedIn-share {
float: left;
padding: 10px;
}
.google-one-ck {
float: left;
padding: 10px;
}
.twitter-share {
float: left;
padding: 10px;
}
a.downloadAvailable {
color: black !important; 
text-decoration: none !important;
}