/*
-----------------------------------------------------
WEBY Store Style Sheet
Developer - Ronald Rogers
Company - WEBY Systems
Website - www.weby.com.au
Contact - weby@weby.com.au
-----------------------------------------------------*/


/*-- BASE LAYOUT FEATURES ---------------------------*/
body {
    margin: 0px 0px 0px 0px;
    background-color: #FFFEFB;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
  }

    a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    }
    a:link      { color: #B17F68; text-decoration: undeline; font-weight: normal;}
    a:visited   { color: #B17F68; text-decoration: undeline; font-weight: normal;}
    a:active    { color: #B17F68; text-decoration: undeline; font-weight: normal;}
    a:hover     { color: #972214; text-decoration: undeline; font-weight: normal;}
h1 {
    display:block;
    margin: 0px 0px 10px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight:normal;
    color: #972214;
    line-height:57px;
    background:#FFF1D4;
}
h2 {
    margin: 0px 0px 10px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight:normal;
    color: #972214;
    line-height:22px;
}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
    margin: 0px 0px 10px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight:normal;
    color: #972214;
    line-height:22px;
    text-decoration:none;
}
h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight:normal;
    color: #972214;
}
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight:normal;
    color: #972214;
}
h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #972214;
	}
.clearboth {clear:both;}
/*-- OUTSIDE CONTAINER CONTAIN ALL DIVS ---------------------------*/

#wrapper {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    width: 999px;
    }
#wrapperone {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 720px;
  \width: 720px;
  w\idth: 720px;
  background: #000000;
  
  }
#container {
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 999px;
    background-image: url('http://www.cognitive-edge.com/images/container-bg.gif') ;
    background-repeat:repeat-y;
    }  
#containerone {
 float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  text-align: center;
  width: 706px;
  \width: 706px;
  w\idth: 706px;
  background: #000000;
  border: 1px solid #666666;    
  }

/*-- BANNER DIV CONTAINS BANNER AT THE TOP OF THE PAGE--------------*/
#banner {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float:left;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    color: #760708;
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
    background-image: URL('http://www.cognitive-edge.com/images/header_bg.jpg');
    background-repeat: repeat-y;
    width: 100%;
    height: 122px;
   }
#search{
    margin: 84px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float:right;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    color: #760708;
    font-size: 9px;
    font-weight: Normal;
    line-height: 11px;
    width: 135px;
    height: 20px;
}
#search input{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 11px;
}
.searchbutton{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 2px;
 border:0px;
 background:transparent;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #972214;
 cursor:pointer;
   }
.bigsearchbutton{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border:0px;
 background:transparent;
 font-family: Georgia, Arial, Times, serif;
 font-size: 14px;
 color: #972214;
 cursor:pointer;
   }
   
/*-- MENU NAVIGAITION PANEL---------------------------*/
#navigation {
    float:left;
    position:relative;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align: left;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    color: #756666;
    font-size:12px;
    font-weight: normal;
    line-height: 41px;
    background-color:transparent;
}


#navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 222px; /* Width of Menu Items */
  }

#navigation ul li {
  position: relative;
  }
  
#navigation li ul {
 position: absolute;
  left: 222px; /* Set 1px less than menu width */
  top: 0 !important;
  display: none;
  }

/* Styles for Menu Items */
#navigation ul li a {
 display:block;
 width: 222px;
 line-height: 41px;
 background: url('http://www.cognitive-edge.com/images/cebutton.gif') top left no-repeat;
 text-indent:22px;
 font-size: 12px;
 font-weight: normal;
 font-family: Verdana, Arial, sans-serif;
 color: #756666;
 text-decoration: none;
 text-align: left;
 cursor: pointer;
 z-index:4000;
  }

#navigation ul li a:hover {
    display:block;
    width: 222px;
    line-height: 41px;
    color: #972214;
    background: url('http://www.cognitive-edge.com/images/cebutton.gif') 0 -41px no-repeat;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana, Arial, sans-serif;
    text-decoration: none;
    text-align: left;
    cursor: pointer; 
} /* Hover Styles */

/* Sub Menu Styles */    
#navigation li ul {
  border-top:1px dashed #756565;
}
#navigation li ul li a {
  display:block !important;
  width:222px !important;
  background: url('http://www.cognitive-edge.com/images/cesubbutton.gif') top left no-repeat !important;
  text-indent:22px !important;
  font-size: 12px !important;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;
  color: #756666 !important;
  text-decoration: none !important;
  text-align: left !important;
  cursor: pointer !important;

}
#navigation li ul li a:hover {
  display:block !important;
  width:222px !important;
  background: url('http://www.cognitive-edge.com/images/cesubbutton.gif') 0 -41px no-repeat !important;
  text-indent:22px !important;
  font-size: 12px !important;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;
  color: #756666 !important;
  text-decoration: none !important;
  text-align: left !important;
  cursor: pointer !important;
}


#navigation li:hover ul, #navigation li.over ul {
 display: block !important;
 left:222px !important;
 top:-1px !important;
 position: absolute;
z-index:4000;
}


/* Fix IE. Hide from IE Mac \*/
* html #navigation ul li {  float: left; height: 1% ; }
* html #navigation ul li a {  height: 1%; }
* html #navigation li:hover ul {  float: left; height: 1%  }
* html #navigation li.over ul {  float: left; height: 1% }
   
#navigationtop {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  float: left;
  text-align: left;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;  
  background-color: #ffffff;
  width: 755px;
  \width: 755px;
  w\idth: 755px;
  }


.shopmenu {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
  float: left;
  text-align: left;
  font-weight: Normal;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  overflow: hidden;
  background: transperant;
  }
.shopmenu a, .shopmenu a:link, .shopmenu a:active, .shopmenu a:visited{
  margin: 0px 0px 0px 0px;
  padding: 0px 8px 2px 8px;
  font-family: Verdana, Arial, sans-serif;
  float: left;
  width:70px;
  color: #666666;
  text-decoration: none;
  text-align:center;
  font-size: 12px;
  line-height:16px;
  font-weight: Normal;
  }
.shopmenu a:hover{
  margin: 0px 0px 0px 0px;
  padding: 0px 8px 2px 8px;
  font-family: Verdana, Arial, sans-serif;
  float: left;
  width:70px;
  color: #972214;
  text-decoration: none;
  text-align:center;
  font-size: 12px;
  line-height:16px;
  font-weight: Normal;
  }
.checkout {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
  display:block;
  text-align: left;    
  font-size: 10px;
  font-weight: normal;
  overflow: hidden;
  background: transperant;
  }
.checkout a, .checkout a:link, .checkout a:active, .checkout a:visited{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, sans-serif;
  display:block;
  float: right;
  color: #666666;
  text-decoration: none;
  font-weight: Normal;
  font-size: 10px;
  line-height:14px;
  border-bottom: 1px dashed #222222;
  }
 .checkout a:hover{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, sans-serif;
  display:block;
  background: #000000;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 11px;
  line-height:14px;
  font-weight: Normal;
  border-bottom: 1px dashed #222222;
  }
#left {
    float: left;
    left:0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 222px;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-size:11px;
    font-weight: normal;
    border-top: 5px solid #972214;
    background-color: transparent;
    }

.leftbar{
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    color: #756666;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 10px;
    font-style:italic;
    }

.leftbar h2  {
    float: left;
    display:block;
    width:215px;
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 0px;
    font-weight:normal;
    line-height:18px;
    background-image: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-indent:10px;
    color: #972214;
    font-weight: bold;
    background-image:url('http://www.cognitive-edge.com/images/bg_headers.jpg');
    background-repeat:repeat-y;
}

.leftbar p{
    padding: 0px 5px 0px 5px;
    color: #756666;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-style:italic;
    }
.leftbar ul{
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 20px;
}
.leftbar ul li{
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   list-style-image:url('http://www.cognitive-edge.com/images/listbuttons.png');
}
.lcolumn{
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:220px;
    overflow:hidden;
}
.accred a, .accred a:hover{
  display:block !important;
  width:222px !important;
  background: url('http://www.cognitive-edge.com/images/cesubbutton.gif') 0 -41px no-repeat !important;
  text-indent:22px !important;
  font-size: 12px !important;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;
  color: #972214 !important;
  text-decoration: none !important;
  text-align: left !important;
  cursor: pointer !important;
}
/*-- Content part of the page---------------------------*/

.prop {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: transperant;
  height: 400px;
  width: 0px;
  }

/*-- Content part of the page---------------------------*/
#center {
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 443px;
    border-top: 5px solid #666666;
    background-color: transparent;
    }
#centerwide {
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    text-align: left;
    width: 765px;
    border-top: 5px solid #666666;
    background-color: transparent;
    }
#centerreg {
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background-color: transparent;
    }

.content hr{
margin: 0px 20px 10px 20px;
border-top: 1px dashed #666666;
color: #FFFFFF;
background-color: #FFFFFF;
height: 0px;
width: 95%;
text-align: center;
}
.content {
    margin: 0px 0px 0px 0px;
    padding: 0px 1px 0px 1px;
    color: #756666;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    }
.content h1, .content h2, .content h3, .content h4, .content h5, .content blockquote{
    padding: 0px 20px 0px 20px;
    }


.content p{
    padding: 0px 20px 0px 20px;
    color: #756666;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    }
.content ul{
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 60px;
}
.content ul li{
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   list-style-image:url('http://www.cognitive-edge.com/images/listbuttons.png');
}

.contenttable {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  float:left;
  background-color: #FFFFFF;
  color: #222222;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  vertical-align: top;
  }

.contenttablehead {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #FFFFFF;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  line-height: 25px;
  font-weight: bold;
  vertical-align: bottom;
  }
.contenttablerule {
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 0px;
  }
.contenttable p{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #222222;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
      }

.contenttable a { }
.contenttable a:link  { color: #222222; text-decoration: none; font-weight: bold;border-bottom: 0px;}
.contenttable a:visited { color: #222222; text-decoration: none; font-weight: bold;border-bottom: 0px;}
.contenttable a:active { color: #222222; text-decoration: none; font-weight: bold;border-bottom: 0px;}
.contenttable a:hover { color: #222222; text-decoration: underline; font-weight: bold;border-bottom: 0px;}



.contentsubtext {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  line-height: 12px;
  }

 .contenttitle {
    float:left;
    font-family:  verdana, sans-serif;
    font-weight:Bold;
    color: #666666;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 5px;
    font-size: 16px;
    line-height: 30px;
    }
 .contenttitle p {
    float:left;
    font-family:  verdana, sans-serif;
    font-weight:Bold;
    color: #666666;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 5px;
    font-size: 16px;
    line-height: 30px;
    }

.categoryfilter{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  float:right;
  color: #cccccc;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
}
.categoryfilter input{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float:right;
  color: #cccccc;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
}

/*-- Right Panel part of the page---------------------------*/
#right {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
  text-align: left;  
  width: 125px;
  font-size: 11px;
  line-height:14px;  
  background-color: #000000;
  overflow: hidden;
    }
.rightbar{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
.rightbar h2 {
  color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height:20px;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
    letter-spacing: 0px;
  }
.rightbarlinks {
  color: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height:16px;
  font-weight: bold;
  overflow: hidden;
  }
  
.rightbar a      { }
.rightbar a:link  {color: #FFFFFF; text-decoration: none; font-size: 12px; line-height:16px; padding: 0px 0px 0px 0px;}
.rightbar a:visited  {color: #FFFFFF; text-decoration: none; font-size: 12px; line-height:16px; padding: 0px 0px 0px 0px;}
.rightbar a:active  {color: #FFFFFF; text-decoration: none; font-size: 12px; line-height:16px; padding: 0px 0px 0px 0px;}
.rightbar a:hover  {color: #CC0000; text-decoration: none; font-size: 12px; line-height:16px; padding: 0px 0px 0px 0px; font-weight: bold;}


/*-- Footer part of the page---------------------------*/
.footer {
    clear:both;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #999999;
    text-decoration:none;
    width: 999px;
    height: 50px;
    background-color:#FFFEFB;
    border-top:1px dashed #756565;
}
.footer a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #999999;
    text-decoration:none;
}
.powered {
    float:right;
 }

.contacttable {
  background-color: #000000;
  font-size: 12px;
  font-weight: bold;
}