/* Start of CMSMS style sheet 'Black and Blue' */
body {
	padding: 0, 0em, 0, 0em;
	color: #333;
	margin: 0;
	font: 93% Helvetica, Verdana, Arial, sans-serif;
	background: #c8c8c7 url('images/bg.jpg') repeat-x;
	text-align: left; /* ie 5 center fix */
             
}

.wrapper {
	text-align: left; /* ie 5 center fix */
	width: 950px;
	background: #ffffff;
	margin: 30px auto;
	border: 8px solid #c8c8c7;
            font: 93% Helvetica, Verdana, Arial, sans-serif;
}

.content {
 height: 100%;
}

.top_wrapper {

}

.title_wrapper {
             height: 20px;
}

.top_nav {
	background: #111;
	color: #fff;
	padding: 8px 8px;
}

.top_nav ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

.top_nav li {
	display: inline;
	list-style: none;
}

.top_nav a:link, .top_nav a:visited  {
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
	padding: 8px 8px;
}	

.top_nav a:hover, .top_nav a:active {
	background: #c8c8c7;
	color: #000;
}

.logo {
  color: #000;
  padding: 55px 0 0 35px;
  font: bold 250% Verdana, Arial, Helvetica, sans-serif;
  float: left;
}

.footer {
	clear: both;
	background: #c8c8c7;
	color: #000;
	font: 80%/160% Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	text-align: center;
}

.l_col {
	padding: 10px;
	float: left;
	width: 160px;
}

.l_col li {
	list-style: none;
	border-bottom: 1px solid #eee;
}

.l_col ul {
	margin-left: 0px;
	padding-left: 0px;
	line-height: 1.6em;
}

.l_col a:link, .l_col a:visited {
	text-decoration: none;
	color: #0087c4;
	display: block;
}

.l_col a:hover, .l_col a:active {
	color: #000;
}

.r_col {
	padding: 25px;
	float: left;
	width: 700px;
	border-left: 1px solid #eee;
	font: 93% Verdana, Arial, sans-serif;
}

h1 {
	font-size: 150%;
	color: #009de4;
}

h2  {
	font-size: 130%;
	color:  #696969;
	height: .1em;
}

h3 {
	font-size: 120%;
	color: #696969;
}

h4 {
	font-size: 110%;
	text-align: left;
	color: #696969; 
	height: 1em;
	
}

.img_l {
	float: left;
	margin: 0 10px 7px 0;
	padding: 8px;
	border: 1px solid #bbb;
	background: #dedede;
}

.img_r {
	float: right;
             padding: 0 0 0 0;
             border: 5px solid #bbb;
             background: #dedede;
}

.header {
	background: #009de4 url('images/header_bg.gif') bottom repeat-x;
	height: 130px;
	text-align: right;
}

.header img {
	border: 0px;
	padding: 18px 5px 0 0;
}

.breadcrumb {
	text-align: left;
	padding: 5px 0 5px 15px;
	background: #c8c8c7;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

.breadcrumb a:link, .breadcrumb a:visited {
	text-decoration: none;
	color: #003;
}

.breadcrumb a:hover, .breadcrumb a:active {
	color: #300;
}

blockquote {
	color: #e1e1e1;
	padding: 10px;
	background: #0087c4 url('images/q_bg.gif') top repeat-x;
	border: 2px solid #999;
        text-align: center;
}

.block {
	background: #f1f1f1;
	border: 1px solid #e1e1e1;
	padding: 10px;
}

/* ====== ASTORE STYLES ====== */
.store_wrapper {
 width: 100%;
}

.featured_wrapper{
 width: 100%;
 display: inline;
}

.featured_summary {
 width: 33%;
 float: left;
 height: 350px;
}

.item_summary_wrapper {
             width: 520px;
}

.item_summary {
             font-size: 90%;
}

.store_menu {
	text-transform: lowercase;
             font-size: 90%;
}

.category_menu {
	text-transform: lowercase;
             font-size: 120%;
}

.category_menu li {
	list-style: none;
	border-bottom: 1px solid #eee;
}

.category_menu ul {
	margin-left: 0px;
	padding-left: 0px;
	line-height: 1.6em;
}

.category_menu a:link, .category_menu a:visited {
	text-decoration: none;
	color: #0087c4;
	display: block;
}


.category_menu a:hover, .category_menu a:active {
	color: #000;
}

.CategoryHdrText{
             background: #f1f1f1;
	border: 1px solid #e1e1e1;
             padding-left: 10px;
}
.DetailBox{
	
  font: 50%;
}
.input {
	background: #fafafa;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.input:hover {
	background: #f1f1f1;
}

.search {
             display: inline;
	width: 122px;
}

.searchbox {
	width: 125px;
}

.button {
	padding: 2px;
	background: #222;
	color: #fff;
}

.button:hover {
	background: #333;
	color: #fff;
}

.footer a {
  color: #fff;
}

.color {
  color: #fff;
}

/* relational links under content */
.left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

.prevnext {
  text-align: center;
  padding: 2em 0 1em 0;
}

.ads {
  text-align: center;
}







/* End of 'Black and Blue' */