/*General*/
body
{
   background-color: #FFFFFF;
   font-family:Arial, Helvetica, sans-serif;
	color:#000000;
   font-size:11px;
   background:#CAC8CB url(../images/bg.gif) repeat-x scroll 0 0;
   margin-top:0px;
}
table{
}
td
{
}
th
{
   
}
a
{
   font-size:11px;
   font-weight:bold;
   color:#3F4348;
   padding:2px;
}
a:hover{
   color:#FFFFFF;
   background-color:#3F4348;
   text-decoration:none;
}
form
{
   margin: 0px;
}
/*Divs*/
div.container
{  
   min-height:900px;
   height: auto !important;
   height:400px;
   border-bottom:16px solid #DAD8DB;
   border-left:8px solid #DAD8DB;
   border-right:8px solid #DAD8DB;
   background-color:#826493;
   margin:0 auto;
   padding:20px 20px 5px;
   padding-top:4px;
   text-align:left;
   width:970px;
}
#popcontainer{
   width:90%;
   padding-top:10px;
}

div.footer
{
   background-color:white;
   border-top: 2px solid #C0C0C0;
   clear: both;
}
.customlogo{
display:none;
}
div.logo
{
background:#826493 url(../images/nas_logo.jpg) no-repeat scroll 0 0;
display:block;
height:110px;
text-indent:-9999em;
width:642px;
color:white;
text-decoration:underline;
}

div.categories
{
   margin-top:10px;
   background-color:#E8E3EB;
   padding: 10px;
   padding-right:5px;
   padding-bottom:5px;
   float: left;
   width: 68%;
   max-width: 68%;
   border-right: 1px solid #C0C0C0;
   min-height: 588px;
   height: auto !important;
}


div.menu
{
   margin-top:10px;
   background-color:#B8A1C7;
   padding: 10px;
   padding-right:5px;
   position: relative;
   float: right;
   width: 250px;
   text-align:left;
   min-height: 565px;
   border-left: 1px solid #C0C0C0;
}
div.products
{
   background-color:#E8E3EB;
   padding: 10px;
   float: left;
   width: 71%;
   max-width: 68%;
   border-right: 2px solid #C0C0C0;
   min-height: 315px;
   height: auto !important;
   min-height: 315px;
}
div.cart
{
   padding: 10px;
   padding-right:5px;
   background-color:#B8A1C7;
   position: relative;
   float: right;
   width: 250px;
   min-height: 315px;
   height:auto;
   text-align:center;
}

div.cart p
{
   margin:4px;
   padding:4px;
   background-color:#826493;
   border:15px solid #511A77;
   color:white;
   font-size:16px;
   font-weight:bold;
   text-align:center;
}

div.category
{
   float: left;
   height: 170px;
   width: 150px;
}
div.basket
{
   padding: 10px;
   font-size:11px;
}
div.details
{
   padding: 10px;
}
div.bulkaddress
{
   padding: 10px;
   text-align:left;
}
div.addresslist
{
   height: 95%;
   width: 100%;
   overflow: auto;
}
div.techsupport
{
   margin-top:10px;
   padding:20px;
   background-color:#E8E3EB;
   text-align: left;
   font-size: 14px;
   width:800px;
}
.techsupport div
{
   width:800px;
   overflow:auto;
}
#header{
   font-size:12px;
   text-align:left;
   font-weight:bold;
}

/*Text*/
.smalltext
{
   font-size:90%;
}
.boldtext
{
   font-weight: bold;
}
.redtext
{
   color: #ff0000; 
   font-weight: bold;
}
.errortext
{
   color: #fff; 
   font-weight: bold;
   font-size: 10pt;
}
.fairwaytitle
{
   z-index:999;
   font-size: 20px;
   padding-top: 25px;
}
.cdltitle
{
   display: none;
   height: 0px;
}
.cdlwoltitle
{
   display: none;
   height: 0px;
}
.custtitle
{
   font-size: 20px;
   padding-top: 25px;
}
/*Table*/
.prodimage
{
   background-color:#E8E3EB;
   border: 3px double #C0C0C0;
}
.prodtitle{
   font-size:11px;
   font-weight:bold;
   padding-left:15px;
}
.prodinfo
{
   width:50%;
   
}

.prodname
{
   padding-left:10px;
   font-size:12px;
   font-weight:bold;
}

.cartitemname
{
   width: 75%;
   font-size:11px;
}
.cartitemqty
{
   width: 25%;

}
table.category
{
   border: 1px solid #000000;
   height: 160px;
   width: 140px;
}
.basketitemname
{
   font-size:12px;
   text-align:left;
}
.basketitemqty
{
   text-align: center;
   width: 25%;
   font-size:12px;
   text-align:left;
}
.basketitemoptions
{
   text-align: center;
   width: 15%;
   font-size:12px;
}
.details1
{
   width: 25%;
}
.details2
{
   width: 75%;
}
.details3
{
   width: 10%;
}
.address1
{
   vertical-align: top;
   width: 34%;
}
.address2
{
   border: 3px solid #C0C0C0;
   
   height: 400px;
   
}
/*Images*/
img.category
{
   border: none;
   max-width: 110px;
   max-height: 110px;
   width: expression(this.width > 110 ? 110: true);
   height: expression(this.height > 110 ? 110: true);
}

/* Sortable tables */
table.sortable{
   background-color:#C0C0C0;
   padding:2px;
}
table.sortable thead {
    font-weight: bold;
    cursor: pointer;
}
table.sortable th {
   font-weight: normal;
   padding-right:10px;
   background-color:#E8E3EB;
   color:#000066;
   font-size:11px;
}
table.sortable td {
    padding-left:10px;
    padding-right:10px;
    font-size:11px;
    background-color:#FFFFFF;
}
table.sortable .editBox {
    
    height:28px;
    size:2;
}
/* Dropdowns */
select.HQselect
{
   width: 250px;
}
select.serviceselect
{
   width: 250px;
}

table.product{
   font-size:95%;
}

table.orderSummary{
   margin:10px;
   margin-top:30px;
   background-color:#3F4348;
   
}

table.orderSummary th{
   padding-left:5px;
   background-color:#E8E3EB;
   color:#3F4348;
   font-size:11px;
}

table.orderSummary td{
   background-color:#FFFFFF;
   color:#3F4348;
   font-size:11px;
   padding:2px;
   padding-left:5px;
}

table.orderInput{
   background-color:#3F4348;
   width:99%;
}

table.orderInput th{
   padding-left:5px;
   background-color:#E8E3EB;
   text-align:left;
   color:#3F4348;
   font-size:11px;
}

table.orderInput td{
   background-color:#FFFFFF;
   color:#3F4348;
   font-size:11px;
   padding:2px;
   padding-left:5px;
}

table.bulkAddress{
   width:100%;
}

table.bulkAddress th{
   color:#000066;
   font-size:11px;
}

table.bulkAddress td{
   
   font-size:11px;
}

table.bulkAddressHead{
   width:100%;
   background-color:#E8E3EB;
   border:1px solid #C0C0C0;
   
}

table.bulkAddressHead th{
   background-color:#E8E3EB;
   color:#000066;
   font-size:11px;
   text-align:left;
}

table.bulkAddress td{
   
   font-size:11px;
}

table.reports {
   background-color: #3F4348;
}

table.reports td {
   background-color:white;
   color:#3F4348;
}
table.reports th {
   background-color: #511A77;
   color:white;
   text-align:left;
}
table.reports th a {
   color:white;
}
table.reports th a:hover {
   background-color:white;
   color:#3F4348;
}

input.mybutton
    {
         padding-left:15px;
         padding-right:15px;
         padding-top:2px;
         padding-bottom:2px;
         font-size:11px;
         font-weight:bold;
         border-style:double;
         font-family:Verdana,sans-serif;
         border-width:3px;
         cursor:pointer;
         color :white;
         background-color :#511A77;
         border-color :#3F4348;
    }
    input.mybutton:hover
    {

       background-color:#E8E3EB;
       color:#3F4348;

       border-color:#3F4348;
    }
    
    input.mybuttonHov
    {
       padding-left:15px;
       padding-right:15px;
       padding-top:2px;
       padding-bottom:2px;
       font-size:11px;
       font-family:Verdana,sans-serif;
       font-weight:bold;
       border-style:double;
       border-width:3px;
       cursor:pointer;
       color:#3F4348;
       background-color:#E8E3EB;
       border-color:#3F4348;
    }
    
    .mybutton
    {
         text-decoration:none;
         padding-left:15px;
         padding-right:15px;
         padding-top:4px;
         padding-bottom:4px;
         font-size:11px;
         font-weight:bold;
         border-style:double;
         font-family:Verdana,sans-serif;
         border-width:3px;
         cursor:pointer;
         color :white;
         background-color :#511A77;
         border-color :#3F4348;
    }
    .mybutton:hover
    {

       background-color:#E8E3EB;
       color:#3F4348;

       border-color:#3F4348;
    }
    
    .mybuttonHov
    {
       padding-left:15px;
       padding-right:15px;
       padding-top:2px;
       padding-bottom:2px;
       font-size:11px;
       font-family:Verdana,sans-serif;
       font-weight:bold;
       border-style:double;
       border-width:3px;
       cursor:pointer;
       color:#3F4348;
       background-color:#E8E3EB;
       border-color:#3F4348;
    }

table.iconmenu{
   margin-bottom:5px;
   padding-top:15px;
}



table.iconmenu td a img{
display:none;
}

table.iconmenu td a {
   vertical-align: middle;
   text-decoration:none;
   cursor:pointer;
}


table.iconmenu td a div.link{
   vertical-align: middle;
   background-color:#3F4348;
   color:white;
   font-weight:bold;
   width:95%;
   padding:10px;
   cursor:pointer;
}


table.iconmenu td a:hover div.link{
   background-color:#E8E3EB;
   color:#3F4348;
}

table.iconmenu td
{
   font-size: 90%;
   vertical-align: middle;
}
/* Noticeboard */
div.noticeboard
{   
   height: 200px;
   width: 210px;
   overflow: auto;
}