/*--------------------------------------------------------
  Main Style Sheet for Indespension b2c website.
  --------------------------------------------------------*/

/*----------------------
  Default mrc styles
  ----------------------*/
/* report levels/subtotals */
.s1    { color : #000000; background : #99cccc; font : 8pt verdana; border: 1px solid #700207; }
.s2    { color : #000000; background : #ccffcc; font : 8pt verdana; border: 1px solid #700207; }
.s3    { color : #000000; background : #ccccff; font : 8pt verdana; border: 1px solid #700207; }
.s4    { color : #000000; background : #33cccc; font : 8pt verdana; border: 1px solid #700207; }
.s5    { color : #000000; background : #66cc99; font : 8pt verdana; border: 1px solid #700207; }
.s6    { color : #000000; background : #cccccc; font : 8pt verdana; border: 1px solid #700207; }
.grand { color : #000000; background : #ccffff; font : 8pt verdana; border: 1px solid #700207; }

/* calendar */
.cal_label { color : #000000; background : #ffffff; font : bold 8pt verdana; text-align : left; vertical-align : top}
.cal_label_other {color: #999999; background : #ffffff; font : bold 8pt verdana; text-align : left; vertical-align : top}
.cal_event { color : #000000; background : #cfcfcf; font : 8pt verdana; text-align : left; vertical-align : top }
.cal_today { color : #ffffff; background : #700207; font : bold 8pt verdana; vertical-align : middle }
.cal_day   { color : #000000; background : #ffffff; font : 8pt verdana; text-align : left; vertical-align : top ; border: 1px solid #700207; }

/* error messages */
.errortext  {  COLOR: red; FONT-FAMILY: verdana, helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold}
.errortext1 {  COLOR: red; FONT-FAMILY: verdana; FONT-SIZE: 14px;}

div.ajaxboxclass {  
   border-bottom: 3px outset #aaaaaa;
   border-right:  5px outset #cccccc;
   border-top:    1px outset #bbbbbb;
   border-left:   1px outset #cccccc;
   background-color: #ffffff;
   padding: 10px 10px;
   overflow: hidden;
   z-index: 1;
}
div.ajaxboxinner { border: 1px solid #700207; }

/*----------------------
  Indespension styles
  ----------------------*/
* {
   padding: 0;
   margin: 0;
}
body {
   background-color: #fff;
   background-image: url(../img/background-gradient.jpg);
   background-repeat: repeat-x;
   font-family: Arial, Sans-serif;
   font-size: 10pt;
   color: #002991;
}

div#header {
   background-image: url(../img/logo.gif);
   background-position: center left;
   background-repeat: no-repeat;
   height: 90px;
   border-bottom: 1px solid black;
}
div#header a#ad-link,
div#header a#cad-link {
   display: block;
   position: absolute;
   left: 33%;
   top: 7px; 
}
div#header a#ad-link img,
div#header a#cad-link img {
   border: 0;
}
div#header div#forms {
   float: right;
   font-size: 10pt;
   width: 235px;
   margin-top: 25px;
   margin-right: 25px;
}
div#forms form {
   display: block;
   position: relative;
   height: 30px;
}
div#forms form label {
   float: left;
   margin-top: 2px;
}
div#forms form input {
   float: right;
   margin-top: 1px;
}
div#forms form input.submit {
   margin-top: 0px;
   background-color: #002991;
   color: white;
   font-weight: bold;
   font-family: Arial, Sans-serif;
   font-size: 11pt;
   border: 1px solid white;
   cursor: pointer;
}    
div#forms form input#search {
   font-size: 10pt;
   width: 120px;
}    
div#forms form a#basketButton {
   float: right;
   text-decoration: none;
   margin-top: 1px;
   background-color: #002991;
   color: white;
   font-weight: bold;
   font-family: Arial, Sans-serif;
   font-size: 11pt;
   border: 1px solid white;
   padding: 2px 3px;
}    
/*-------------------
  Navigation Menu
  -------------------*/
ul#navigation, ul#navigation ul {
   list-style-type: none;
}
ul#navigation {
   width: 200px;
   margin-left: 5px;
}
ul#navigation h1 {
   font-size: 16pt;
   color: #002991;
   margin-top: 5px;
}
ul#navigation h2 {
   font-size: 10pt;
}
ul#navigation img.menuToggle {
   border: 0;
}

ul#navigation a {
   text-decoration: none;
}
ul#navigation a:hover {
   text-decoration: underline;
}
ul#navigation li li a,
ul#navigation li li a:active,
ul#navigation li li a:link,
ul#navigation li li a:visited {
   display: block;
   margin-left: 10px;
   padding-top: 3px;
   padding-bottom: 6px;
   color: #002991;
   font-size: 10pt;
   border-bottom: 1px solid black;
}
ul#navigation li li a.selected,
ul#navigation li li a.selected:active,
ul#navigation li li a.selected:link,
ul#navigation li li a.selected:visited {
   color: #6985d4;
   font-weight: bold;
}
ul#navigation li li li a.selected,
ul#navigation li li li a.selected:active,
ul#navigation li li li a.selected:link,
ul#navigation li li li a.selected:visited {
   background-image: url(../img/arrow-transparent.gif);
   background-position: center left;
   background-repeat: no-repeat;
}
ul#navigation li li li a {
   display: block;
   padding-left: 20px;        
}
ul#navigation li li li a:hover {
   background-image: url(../img/arrow-transparent.gif);
   background-position: center left;
   background-repeat: no-repeat;
}
ul#navigation li li ul {
   display: none;
}

div#content {
   position: absolute;
   left: 220px;
   top: 110px;
}
div#footer {
   width: 100%;
   border-top: 1px solid black;
   margin-top: 10px;
   text-align: right;
}
div#footer a {
   float: right;
   padding-right: 20px;
}


/*-----------------
  Forms
 ------------------*/
fieldset {
   border: 0;
}
input.submit {
   background-color: #002991;
   color: white;
   border: 1px solid white;
}
input, textarea {
   background-color: #fff;
   color: #002991;
   border: 1px solid #002991;
}
div#sort-buttons {
   height: 30px;
}
div#sort-buttons form {
   float: left;
   margin-right: 10px;
}
div#sort-buttons form input, input.button, a.button {
   border: 1px solid #ffffff;
   background-color: #002991;
   color: #ffffff;
   cursor: pointer;
}
a.button {
   padding: 1px 5px;
   text-decoration: none;
}

/*-----------------
  Tables
 ------------------*/
table {
   margin: 1px 0px 1px 0px;
   padding: 1px 1px 1px 1px;   
}
th {
   background-color: #002991;
   color: #ffffff;
   padding: 2px 5px 2px 5px;
}

td {
   border-bottom: 1px solid #d8dbea;
   padding: 2px 5px 2px 5px;
}
td ul {
   list-style-type: disc;
   margin: 10px 0px 10px 20px;
}
td a.details {
   display: block;
   height: 115px;
   text-decoration: none;
   background-image: url(../img/ButtonRed.gif);
   background-repeat: no-repeat;
   background-position: center;
}
td a.details:hover {
   text-decoration: underline;
   background-image: url(../img/ButtonGreen.gif);
}
span.breadcrumb,
span.breadcrumb a,
span.breadcrumb a:link,
span.breadcrumb a:visited,
span.breadcrumb a:hover,
span.breadcrumb a:active
 {
    font-size: 11pt;
    color: #002991;
}

table.items td h1 {
    font-size: 16pt;
    font-weight: normal;
}

/*----------------------
  Sidebar Menu
  Credits: Dynamic Drive CSS Library 
  URL: http://www.dynamicdrive.com/style/ 
  ----------------------*/
div.sidebarmenu { 
   position: relative;
   z-index: 2000;
   width: 190px;
}
div#content { z-index: 1000; }

.sidebarmenu ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 180px; /* Main Menu Item widths */
   border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li { position: relative; }

/* Top level menu links style */
.sidebarmenu ul li a {
   display: block;
   overflow: auto; /*force hasLayout in IE7 */
   text-decoration: none;
   padding-top: 3px;
   padding-bottom: 6px;
   color: #002991;
   font-size: 10pt;
   border-bottom: 1px solid black;
   margin-left: 15px;
}

.sidebarmenu ul li ul a,
.sidebarmenu ul li ul a:link, 
.sidebarmenu ul li ul a:visited,
.sidebarmenu ul li ul a:active {
   background-color: #e0e0e0;
   margin-left: 0px;  
   border-right: 1px solid white;
   border-bottom: 1px solid white;
   padding-left: 15px;
   opacity: 0.95;
   filter: alpha(opacity=95);
}

.sidebarmenu ul li a:hover{
   background-color: #c0c0c0;
}

/*Sub level menu items */
.sidebarmenu ul li ul {
   position: absolute;
   width: 170px; /*Sub Menu Items width */
   top: 0;
   visibility: hidden;
}

.sidebarmenu ul li a.subfolderstyle {
   background-image: url(../img/arrow-transparent.gif);
   background-position: center right;
   background-repeat: no-repeat;
}
.sidebarmenu ul li ul li a.subfolderstyle{
   background-image: none;
}
.sidebarmenu ul li ul a:hover,
.sidebarmenu ul li ul li a.subfolderstyle:hover {
   background-image: url(../img/arrow-transparent.gif);
   background-position: center left;
   background-repeat: no-repeat;
}
 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */