﻿#Main {
    /* background: #000 url(Images/AXO_Bkgd.jpg) no-repeat fixed top center; */
    /* background-image: url(../../Images/Axo/AXO_Bkgd.jpg);  */
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-position: top center;
    margin:0;
    background-color:#2A300E;
    color: #FFFFFF;
    font: normal normal normal 10px "Verdana", Times, serif;
    /*line-height:120%; */
    text-align:left;
    height:100%;
}
.MainBody {
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-position: top center;
    margin:0;
    background-color:#2A300E;
    color: #FFFFFF;
    font: normal normal normal 10px "Verdana", Times, serif;
    /*line-height:120%; */
    text-align:left;
    height:100%;
}

.fieldset {	
	margin:1em 0;
	padding:1em;
	border:1px solid #434412;
	width: 100%;
}

.headerTitle  /* Header of WebContent */
{ 
	color:#C4EF2C;
	font-weight:bold;
	font-size:12px; 
	font-family:Verdana;
	line-height:18px;
	padding-top: 20px;
	height:18px;
	}
	
.boldTitle     /* Bold of all title  */
{ 
	color:#C4EF2C;
	font-weight:bold;
	font-size:11px; 
	font-family:Verdana;
	}

 /* Link  Title of WebContent  */	
a.NewsTitleLink:link { color:#C4EF2C;	font-weight:bold;	font-size:12px;font-family:Verdana; text-decoration: none;}
a.NewsTitleLink:hover { color:#C4EF2C;	font-weight:bold;	font-size:12px;font-family:Verdana; text-decoration: underline; }	

/* */
.ProductTitle {
    color :#FFFFFF;
	font-weight:bold;
	font-size:11px; 
	font-family:Verdana;
	text-align:center;
}

/* Web Content General Link   
a:link {  font-size:11px;font-family:Verdana; color: #FFFFFF; text-decoration: underline; }
a:visited {  font-size:11px;font-family:Verdana; color: #FFFFFF; text-decoration: underline;  }
a:active { font-size:11px;font-family:Verdana;  color: #FFFFFF; text-decoration: none;}
a:hover {  font-size:11px;font-family:Verdana; color: #FFFFFF; text-decoration: none; }    */


/* General link in whole website  */
a.MainLink:link {  font-size:11px;font-family:Verdana; color: #C4EF2C; text-decoration: underline; }
a.MainLink:visited {  font-size:11px;font-family:Verdana; color: #C4EF2C; text-decoration: underline;  }
a.MainLink:active { font-size:11px;font-family:Verdana;  color: #C4EF2C; text-decoration: underline;}
a.MainLink:hover {  font-size:11px;font-family:Verdana; color: #C4EF2C; text-decoration: none; }


/* Alternative link in whole website  */
a.SubLink:link {  font-size:11px;font-family:Verdana; color: #FFFFFF; text-decoration: none; }
a.SubLink:visited {  font-size:11px;font-family:Verdana; color: #FFFFFF; text-decoration: none;  }
a.SubLink:active { font-size:11px;font-family:Verdana;  color: #FFFFFF; text-decoration: none;}
a.SubLink:hover {  font-size:11px;font-family:Verdana; color: #FFFFFF; text-decoration: underline; }


/*  Title of pages */
.h1 {    
    color:#FFFFFF;
	font-weight:bold;
	font-size:16px;font-family:Verdana;
	line-height:16px;
	/* width:700px; */
	height:30px;
	/*border:1px solid #76824A;padding:1px 5px;
	/* background:url(../../images/Zyxel/globalh2bg.gif) 0 0 repeat-x; */
    }
    
.breadlink {position:fixed ;
                font-family:Arial, Helvetica, sans-serif;
                width:713px;
                text-align:left;
                padding-top:5px;
                font-size:7pt;
                display:inline;
                color:#C4EF2C;}
.breadlink a {color:#C4EF2C;text-decoration:none;}
.breadlink a:hover {color:#C4EF2C;text-decoration:underline;}


 /*ProductDetail.aspx    */
.new {          
       font-weight:bold;
       font-style:italic; 
       font-size:12px;
       color:#CC0000; 
}

.foot {position:fixed ;width:713px;text-align:center;padding:10px 0;font-size:12px;}
.footlink {position:fixed ;
                font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
                text-align:center;
                padding:0px 10px;
                font-size:7pt;
                display:inline;
                color:#C4EF2C;}
.footlink a {color:#C4EF2C;text-decoration:none;}
.footlink a:hover {color:#C4EF2C;text-decoration:underline;}

.checkoutTop {
  border-color:#76824A;
  background-color:#888B46;
  height: 20px;
  font-size:9px;
  border-style:solid;
  border-width:1px;
  background:url(../../Images/Axo/AXO_bg_button.jpg) 0 0 repeat-x;
  color: #FFFFFF;
  text-align:center;
}
 
 /* WebContent Image    */  
.imgborder   
{
 padding: 5px 5px 5px 5px;
}



/* End of non-anchor hover selectors */

/* Styling for Expand */


/*
 SKIN -------------------------------------------------------------------------------------------------------------------
*/

.txtbox1 {
    border:1px solid #76824A;
    font: normal normal normal 7pt "Verdana", Times, serif;
    background-color:#B4B36A;
    color:#000000;
    height:16px;
}

.txtbox2 {
    border:1px solid #7D8357;
    font: normal normal normal 7pt "Verdana";
    background-color:#000102;
    color:#6D7F1C;
    height:16px;
    width:100px;
}

.txtboxside {
    border:1px solid #BEBC7D;
    font: normal normal normal 7pt "Verdana";
    background-color:#555627;
    color:#CCCCCC;
    height:16px;
}

.txtgray {
    border:1px solid #BEBC7D;
    font: normal normal normal 7pt "Verdana";
    background-color:#555627;
    color:#999999;
    height:16px;
}

.button {
  border: 1px solid #76824A;
    color: #FFFFFF;
  background-color:#888B46;
      height: 20px;
      font-size:10px;
      background:url(../../Images/Axo/AXO_bg_button.jpg) 0 0 repeat-x;
    text-align: center;
}

.view {
    font: normal normal normal 9px "Verdana";
    color:#FFFFFF;
    text-align:left;
    line-height:18px;
    border-color:#414212;
}

.DetailviewHeader {
    background-color:#1C1F00;
    color:#C4EF2C;
	font-weight:bold;
	font-size:10px; 
	font-family:Verdana;
	line-height:20px;
	text-align:left;
	padding: 0 5px 0 5px;
	border-left: solid 1px #414212;
	border-right: solid 1px #414212;
 }

.gridviewHeader {
    background-color:#1C1F00;
    color:#C4EF2C;
	font-weight:bold;
	font-size:10px; 
	font-family:Verdana;
	line-height:20px;
	text-align:center;
	padding: 0 5px 0 5px;
	border-left: solid 1px #414212;
	border-right: solid 1px #414212;
 }
 
 .gridRow {  
 padding: 0 0 0 5px
 }
 
.gridAlternat {
   background-color:#1C1F00;
   padding: 0 0 0 5px
} 

.dataList{
 padding: 0 10px 0 10px
}

.DropDownList {
    border:1px solid #979659;
    font: normal normal normal 7pt "Verdana";
    background-color:#B4B36A;
    color:#000000;
    height:20px;
}

#Mainmenu .item {
	padding:2px 7px;
	border-width:1px 0 0 1px; 
	border-style:solid; 
	border-color:#434412;
	background-color:#1B1E00; 
	color:#C4EF2C; 
	text-align: left;
	border-top: solid 1px #414212;
	border-bottom: solid 1px #414212;
}

#Mainmenu .selected {
	background-color:#2A300E; 
	color:#C4EF2C;
}
#Mainmenu .hover {
	color:#C4EF2C; 
	background-color:#2A300E;
}


/*
  Menu and Left hand column for the site -------------------------------------------------------------
*/
#closeTab {  /*float:left;*/ text-align:left; margin-right:10px;}
#closeTab #menu1 a span { padding-right:5px; padding-left:0px; color:#fff; font:11px verdana; }
#closeTab #menu2 a span { padding-right:5px; padding-left:0px; color:#fff; font:11px verdana; }
#left_column {
  float:left;
  /*position:relative;*/
 
  background-color:#bedba4;
 
}
#left_column {}
#menuBox {}
#menu h3 {
	padding:5px;
	padding-left:15px;
	margin:0px;
	margin-bottom:5px;
	white-space:nowrap;
	color:#0c2e82;
	font-size:14px;
}

ul#main_menu {
	color: #333;
	margin: 0; padding: 0;


}

ul#main_menu li {
	list-style: none;
	margin: 0;
	padding: 0;	
	font-size:12px;
}
ul#main_menu li div {
	color: #333;
	text-decoration:none;
	/*padding:10px;
	padding-left:25px;	
	padding-right:5px;*/
	width:180px;
	display:block;
	border-top:1px solid #ccc;
	/*border-bottom:1px solid #fff;*/
}

ul#main_menu li a {
	color: #333;
	text-decoration:none;
	/*padding:10px;
	padding-left:25px;	
	padding-right:5px;*/
	width:180px;
	display:block;
	border-top:1px solid #ccc;
	/*border-bottom:1px solid #fff;*/
	line-height:25px;
	text-indent:25px;
}
ul#main_menu li.logout a {
	color: #fff;
	text-decoration:none;
	font-weight:bold;
	/*padding:10px;
	padding-left:25px;	
	padding-right:5px;*/
	width:180px;
	display:block;
	border-top:1px solid #ccc;
	/*border-bottom:1px solid #fff;*/
	background-color:#34ad21;
	line-height:25px;
	text-indent:25px;
}
ul#main_menu li.logout a:hover {
	
	/*border-top: 1px solid #999;*/
	/*border-bottom: 1px solid #fff;*/
	color: #333;
}
ul#main_menu li a:hover {
	background-color:#34ad21;
	/*border-top: 1px solid #999;*/
	/*border-bottom: 1px solid #fff;*/
	color: #fff;
}
ul#main_menu .selected {
	/*background-color: #333;*/
	/*border-bottom: 1px solid #999;*/
	color: #333;	
	font-weight:bold;
}
/* IF there is a drop down here then we need an arrow */
ul#main_menu .down {
	background-image: url(../../images/template/arrowDown.gif);
	background-repeat:no-repeat;
	background-position:155px;
	line-height:25px;
	text-indent:25px;
}

ul#main_menu .down:hover {
	background-image: url(../../images/template/arrowDown.gif);
	background-repeat:no-repeat;
	background-position:155px;
	
}
/* When the drop down is open */
ul#main_menu .down_open {
	background-image: url(../../images/template/arrowDown.gif);
	background-repeat:no-repeat;
	background-position:155px;
	/*background-color: #999;*/
	/*border-top: 1px solid #999;*/
	/*border-bottom: 1px solid #7d786c;*/
	color: #333;
	font-weight:bold;
}
/* When the drop down is selected */
ul#main_menu .down_selected {
	background-image: url(../../images/template/arrowDown.gif);
	background-repeat:no-repeat;
	background-position:155px;
	/*background-color: #999;*/
	/*border-bottom: 1px solid #5a5548;*/
	color: #333;	
	font-weight:bold;
}



ul#main_menu ul {
	color: #333;
	margin: 0; padding: 0;	
	/*border-bottom:1px solid #999;*/
	
}
ul#main_menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;	
	
}
ul#main_menu ul li a {
	color: #333;
	text-decoration:none;
	/*padding:10px;
	padding-left:25px;	
	padding-right:5px;*/
	width:180px;
	display:block;
	border:0;
	background-color:#e8e8e8;
	/*border-top:1px solid #ccc;*/
	font-size:11px;
	line-height:25px;
	text-indent:25px;
}
ul#main_menu ul li a:hover {
	color: #333;
	background-color: #ccc;	
	border:0;
	/*border-top:1px solid #ccc;*/
	font-weight:normal;		
}
ul#main_menu ul li .submenu-down {
	color: #333;
	background-color: #7e755c;
}


/*
 AJAX -------------------------------------------------------------------------------------------------------------------
*/
/* xp theme 
tab-line.gif – Used to underline the header 
tab-right – The right side of the inactive tab 
tab-left – The left side (outer) of the inactive tab 
tab – The inner portion (tab) of the inactive tab 
tab-right-hover – The right side of the hover tab 
tab-left-hover – The left side (outer) of the hover tab 
tab-hover – The inner portion (tab) of the hover tab 
tab-right-active – The right side of the active tab 
tab-left-active – The left side (outer) of the active tab 
tab-active – The inner portion (tab) of the active tab 
*/

.CustomTabStyle .ajax__tab_header {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background-color:#2A300E;
    height:21px;
    width:150px;
}
.CustomTabStyle .ajax__tab_outer {padding-right:4px;background:url(../../Images/Axo/tab_right.jpg) no-repeat right;height:21px;}
.CustomTabStyle .ajax__tab_inner {padding-left:3px;background:url(../../Images/Axo/tab_left.jpg) no-repeat;}
.CustomTabStyle .ajax__tab_tab {height:13px;padding:4px;margin:0;padding-right:4px;background:url(../../Images/Axo/AXO_bg_button.jpg) repeat-x;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;}
.CustomTabStyle .ajax__tab_body {
    border:1px solid #434412;
    border-top:0;
    padding:8px;
    background-color:#1B1E00;}

