/**********************************
*             Generic             *
**********************************/
a {text-decoration:none;color:#0072BC}
body {font-family:arial;font-size:13px;margin:0px;padding:0px;background:url(../images/outerbg.gif) repeat #999999}
h1, h2 {color:#333333}
h3 {color:#0072BC}
h1 {font-size:20px} h2 {font-size:16px} h3 {font-size:13px}
.italics {font-style:italic}
input, textarea, select {border:solid 1px #babec4;font-weight:normal}
.error {color:#FF0000}
img {border:none}
td {vertical-align:top}

/**********************************
*            Drop Down            *
**********************************/
#dropdown {height:60px;background:#000 url(../images/headBg.jpg) repeat-x;border-bottom:1px solid #000; width:400px; float:right;color:#FFFFFF}
#dropdown, #dropdown ul {padding:0px;margin:0px;list-style:none; line-height:23px; }
#dropdown li {float:left;position:relative;width:99px; line-height:55px; border-left:solid #666666 1px;}
#dropdown a {color:#FFFFFF;text-decoration:none; }
#dropdown li.over {background:#A6BFDD;cursor:pointer} /* main over */
#dropdown li.over ul {display:block}
#dropdown li.over a {color:#333333}

/* main */
.ddMain{height:60px;font-weight:bold;text-align:center;}

/* sub */
#dropdown li li {float:none;width:auto; line-height:25px;}
#dropdown li li a, #dropdown li.over li a {color:#333333; }
.ddSub {display:none;width:9.55em;position:absolute;top:60px;left:0;background-color:#A6BFDD; border:1px solid black;text-align:left;z-index:1000}
.ddSub a {margin-left:7px;margin-right:5px}
.ddSub li {width:100%;line-height:25px; height:25px; }
.ddSub li.subOver {background-color:#c9dcf2} /* sub over */
#dropdown li.over li.subOver a {color:#333333}
#dropdown li #prodSub {width:150px}
#dropdown #regSub { width:150px; margin-left:-52px;}

/**********************************
*             Tooltip             *
**********************************/
#dhtmltooltip{position: absolute;left: -300px;width: 150px;border: 1px solid black;padding: 2px;background-color: lightyellow;visibility: hidden;z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;}

/**********************************
*            Essential            *
**********************************/
#logoCell { float:left; width:362px; height:60px; background:#000 url(../images/headBg.jpg) repeat-x; border-bottom:1px solid #000;}
#main {width:762px;text-align:left;margin:auto;background-color:#CCCCCC;margin-top:10px;margin-bottom:0px}
#flagCell {position:absolute;margin-left:734px;top:10px;z-index:1000}

/**********************************
*             Index               *
**********************************/
#indexProducts {  z-index:999; display:block; height:inherit; margin:-50px 10px 20px 15px; position:relative; width:250px; }
#indexProducts .top{ background: url(../images/roundedTop.gif) no-repeat top; height:100px; padding:10px;}
#indexProducts .mid {padding:10px;  background:#FFFFFF url(../images/roundedMid.gif) bottom repeat-x;}
#indexProducts .bottom{  background: url(../images/roundedBot.gif) no-repeat top; height:10px; }
#indexProducts .tabMenu {}

#indexRightCell { float:right;  width:450px;}
#indexLeftCell { float:left; width:280px; }
#indexRightCell .cell .top{  background: url(../images/cellTop.gif) no-repeat top; height:10px;}
#indexRightCell .cell .mid{ padding:5px; background:#FFFFFF;}
#indexRightCell .cell .bot{ background: url(../images/cellBot.gif) no-repeat top; height:0px;}
#indexRightCell .cell { margin-bottom:20px;}
#indexRightCell .blog, #indexRightCell .blog h2 { color:#333333;}
#indexRightCell .blog a{ text-decoration:underline}

#contentCellHome {padding-left:0px;padding-top:10px}

/**********************************
*              Main               *
**********************************/
.contentCell {border-top:none;padding:20px;padding-bottom:0px;padding-top:20px}

.contentCellAdmin input {width:400px}
.contentCellAdmin textarea {width:600px}
.contentCellAdmin #btnAddEdit, .contentCellAdmin #btnCancel {width:auto}

#contentMain {width:60%;background-color:#FFFFFF}
#contentMain .contentHeading {padding:5px;border-bottom:1px solid #CCCCCC;background:transparent url(../images/headBg.jpg) repeat scroll center center;color:#FFFFFF;font-weight:bold}
.contentBox {background-color:#FFFFFF;padding:10px;margin-bottom:20px}
.desc {padding-bottom:10px}
.pros h3 {margin:4px 0px 0px 25px;background:url(../images/bg_tick_bullet.gif) left no-repeat;padding:5px 0px 2px 21px;color:#6475A3}
.pros p {margin:0px 0px 10px 46px;}
.contentCell h2 {font-weight:normal;border-bottom:1px solid #CCCCCC;padding-bottom:3px}
#contentCellPro strong {color:#4C3E28}
#contentCellFAQ, #contentCellAbout {text-align:justify}
#contentCellProduct #contentMain h2.jsShow {background:url(../images/downArrow.gif) left no-repeat;padding-left:10px}
#contentCellProduct .dark {background-color:#EFEFEF}
#contentCellProduct #longDesc h1 {font-size:15px}
#contentCellProduct #longDesc h2 {font-size:13px}
#contentCellProduct .sysreq .name {width:120px;font-weight:bold}
.contentCellProduct .contentContainer {padding:20px}
.contentCellProduct {margin-bottom:20px}



/**********************************
*         Category Page           *
**********************************/
.catHeader {font-weight:bold;font-size:16px;background-color:rgb(243, 244, 246);padding:5px;padding-left:15px;margin-top:20px}
.catTable {margin-bottom:10px}
.catTable td {vertical-align:middle;text-align:left}


/**********************************
*          Right Column           *
**********************************/
#contentRight {float:right;width:35%}
#contentRight #imageCell a img {padding-bottom:3px}
#contentRight #imageCell div#price {font-weight:bold;padding-top:5px;font-size:16px}
#contentRight #imageCell div#price span {font-size:14px}
#contentRight .rightCell {border:1px solid #c5c89f;background-color:#FFFFFF}
#contentRight div .heading {padding:5px;border-bottom:1px solid #CCCCCC;background:transparent url(../images/headBg.jpg) repeat scroll center center;color:#FFFFFF;font-weight:bold}
#contentRight div .content {padding:5px}

/**********************************
*              Footer             *
**********************************/
#footerCell {background-color:#F5F5F5;border:1px solid #DAD8D9;font-size:10.5px;font-style:normal;height:50px;padding-left:3px;padding-top:5px;}
/*#footerCell {border-top:1px solid #333333;height:60px;padding-top:20px;padding-left:3px;font-size:10.5px;font-style:normal;background-color:#E1E1E1}*/
* html #footerCell {height:55px;padding-left:5px;font-size:11px}
#footerCell p#copyright {color:#333333;font-size:11px;font-weight:bold}
#footerCell a {text-decoration:underline;font-size:10.5px;padding-left:1px;padding-right:1px}
* html #footerCell a {font-size:11px}
#footerCell #footerLogo {position:relative;float:right}



.tabber {display:block}
.tabberlive .tabbertabhide { display:none; }
.tabber { }
.tabbertab { border-top:#999999 solid 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
.tabberlive { margin-top:1em; }
ul.tabbernav { margin:0; padding: 3px 0;  font: bold 12px Verdana, sans-serif; }
ul.tabbernav li { list-style: none; margin: 0; display: inline; }
ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #FFFFFF; text-decoration: none; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; }
ul.tabbernav li a:link { color: #333333; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a { color: #000; background: #CCCCCC; border-color: #FFFFFF; }
ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; }
ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white; }
.tabberlive .tabbertab { border-top:#999999 solid 1px; padding:5px; border:none 0; background:#FFFFFF}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none; }
.tabberlive .tabbertab h3 { display:none; }
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 { }
.tabberlive#tab2 { }
.tabberlive#tab2 .tabbertab { height:200px; overflow:auto; }