/*
Author: Linda Porasso
Author URI: http://avactis-store-styles.com
Tags: fixed width, left sidebar, two columns, valid XHTML, widgets
*/

/* begin Page */

body {
  margin: 0 auto;
  padding: 0;
  background-color: #000000;
}
html {
    scrollbar-base-color: #696969;
	scrollbar-track-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #3c3c3c;
	scrollbar-3dlight-color: #434343;
	scrollbar-darkshadow-color: #222222;
	scrollbar-shadow-color: #363636;
	scrollbar-arrow-color: #F9B025;
}
div.test {
    background-color: #FFFFFF;
    height:600px;
}
.Main {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.HeadLets {
  height: 81px;  
  margin: auto 0 ;
  position: relative;
  z-index: -100;
  padding-left: 339px;
}
.PageBackgroundSimpleGradient {
  background-image: url('images/Page-BgSimpleGradient.jpg');
  background-repeat: repeat-x;
  height: 1px;
}
.contentbot {
  background-color: #93B0B9;
  height: 10px;
}
.cleared {
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size:1px;
}
/* end Page */

/* begin Box, Sheet */
.Sheet {
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 900px;
}
.Sheet-body {
  position: relative;
  z-index: 0;
  margin: 0px;
}
.Sheet-cc {
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-image: url('images/Sheet-c.png');
}
.Sheet {
  margin-top: 10px !important;
}
/* end Box, Sheet */

/* begin Menu */
/* menu structure */
.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover, .artmenu a:active  {
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
}
.artmenu, .artmenu ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}
.artmenu li {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background:none;
}
.artmenu li:hover {
  z-index: 10000;
  white-space: normal;
}
.artmenu li li {
  float: none;
}
.artmenu ul {
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}
.artmenu li:hover>ul {
  visibility: visible;
  top: 100%;
}
.artmenu li li:hover>ul {
  top: 0;
  left: 100%;
}
.artmenu:after, .artmenu ul:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul {
  min-height: 0;
}
.artmenu ul {
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}
.artmenu ul ul {
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}
/* menu structure */
.nav {
  position: relative;
  margin: 0  auto;
  width: 900px;
  height: 28px;
  z-index: 100;
}
.artmenu {
  padding: 0px 0px 0px 0px;
}
.nav .l, .nav .r, .nav .r div {
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 28px;
}
.nav .l {
  left: 0;
  right: 0px;
}
.nav .r {
  right: 0;
  width: 0px;
}
.nav .r div {
  width: 900px;
  right: 0;
}
.nav .l, .nav .r div {
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/nav.png');
}
/* end Menu */

/* begin MenuItem */
.artmenu ul li {
  clear: both;
}
.artmenu a , .artmenu a span {
  height: 28px;
  display: block;
}
.artmenu a {
  cursor: pointer;
  text-decoration: none;
  margin-right: 3px;
  margin-left: 3px;
}
.artmenu a {
  background-image: url('images/item-left.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.artmenu a span {
  background-image: url('images/item-right.png');
  background-position: right top;
  background-repeat: no-repeat;
}
.artmenu a span span {
  font-family: Verdana, Geneva, Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #FFC860;
  padding: 0 11px;
  margin: 0 12px;
  line-height: 28px;
  text-align: center;
  background-image: url('images/item-center.png');
  background-position: left top;
  background-repeat: repeat-x;
}
.artmenu a:hover {
  background-position: left -28px;
}
.artmenu li:hover>a {
  background-position: left -28px;
}
.artmenu li:hover a span {
  background-position: right -28px;
}
.artmenu a:hover span {
  background-position: right -28px;
} 
.artmenu a:hover span span {
  color: #E804FC;
  background-position: left -28px;
}
.artmenu li:hover a span span {
  color: #E804FC;
  background-position: left -28px;
}
.artmenu a.active {
  background-position: left -56px;
}
.artmenu a.active span {
  background-position: right -56px;
}
.artmenu a.active span span {
  color: #9C60FF;
  background-position: left -56px;
}
/* end MenuItem */

/* begin Header */
div.Header {
  margin: 0 auto;
  position: relative;
  z-index:0;
  width: 900px;
  height: 164px;
}
div.Header-jpeg {
  position: absolute;
  z-index:-1;
  top: 0;
  left: 0;
  width: 900px;
  height: 164px;
  background-image: url('images/Header2.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
/* end Header */

/* begin ContentLayout */
.contentLayout {
  margin: 0px;
  padding: 0px;
  width: 900px;
  position: relative;
  border-bottom: 2px solid #ffffff;
  border-top: 1px solid #ffffff;
}
/* end ContentLayout */

/* begin Box, Block */
.Block {
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}
.Block-body {
  position: relative;
  z-index: 0;
  margin: 0px;
}
.Block {
  margin: 0px;
}
/* end Box, Block */

/* begin BlockHeader */
.BlockHeader {
  position: relative;
  overflow: hidden;
  height: 46px;
  z-index: 0;
  line-height: 30px;
  padding-top: 2px;
  padding-left: 0px;
  margin-bottom: 0px;
}
.BlockHeader-text {
  white-space : nowrap;
  color: #FFC860;
  font-family:"Good Times", Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 22px;
  text-align: left;
  line-height: 30px;
  padding-left: 10px;
  padding-top: 5px;
}
.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div {
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 30px;
}
.BlockHeader .l {
  left: 0;
  right: 0px;
}
.BlockHeader .r {
  right: 0;
  width: 0px;
}
.BlockHeader .r div {
  width: 900px;
  right: 0;
}
/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent {
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}
.BlockContent-body {
  position: relative;
  z-index: 0;
  margin: 7px 7px 15px 7px;
}
.BlockContent-body {
  color:#3e3e3e;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}
.BlockContent-body a:link {
  color: #9e61ff;
  font-family: Verdana, Geneva, Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}
.BlockContent-body a:visited, .BlockContent-body a.visited {
  color: #9e61ff;
  font-family: Verdana, Geneva, Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}
.BlockContent-body a:hover, .BlockContent-body a.hover {
  color: #7648c2;
  font-family: Verdana, Geneva, Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}
.BlockContent-body ul {
  list-style-type: none;
  color: #d8d8d8;
  margin:0;
  padding:0;
}
.BlockContent-body li {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  text-decoration: none;
}
.BlockContent-body ul li {
  padding:0px 0 0px 13px;
  background-image: url('images/BlockContentBullets.png');
  background-repeat:no-repeat;
  margin:0.5em 0 0.5em 0;
  line-height:1.2em;
}
/* end Box, BlockContent */

/* begin Box, Post */
/* Determines Padding around the Main Content section and the background  */
.Post {
  overflow: hidden;
  width: 100%;
  min-height: 925px;
  margin: 0;
  background-color: #e2dfdf;
  background-image: url(images/content-bk.gif);
  background-repeat: repeat-x;
  border-left: 2px solid #ffffff;
  position: relative;
  z-index: 0;
}
/* Ends Determines Padding around the Main Content section and the background  */
.Post-body {
  position: relative;
  z-index: 0;
  margin: 11px;
  }
/* end Box, Post */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #3e3e3e;
}
.PostContent {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
}
/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #3e3e3e;
}
/* Adds special style to an unvisited link. */
a:link {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #527985;
}
/* Adds special style to a visited link. */
a:visited, a.visited {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #527985;
}
/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #7648c2;
}
/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  color: #454545;
}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  color: #454545;
}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  color: #454545;
}
/* Finish Content headings Fonts & Colors  */

/* end PostContent */


/* begin PostQuote */
/* Start blockquote */
blockquote p {
  color:#3e3e3e;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-style: italic;
  font-weight: normal;
  text-align: left;
}
blockquote {
  border-color:#E2DFDF;
  border-width: 1px;
  border-style: dotted;

  margin:10px 10px 10px 50px;
  padding:5px 5px 5px 41px;

  background-color:#E2DFDF;

  background-image:url('images/PostQuote.png');
  background-position:left top;
  background-repeat:no-repeat;
}
/* Finish blockuote */
/* end PostQuote */

/* begin Footer */
.Footer {
  position:relative;
  z-index:0;
  overflow:hidden;
  width: 900px;
  margin: 5px auto 0px auto;
}
.Footer .Footer-inner {
  height:1%;
  position: relative;
  z-index: 0;
  padding: 8px;
  text-align: center;
}
.Footer .Footer-background {
  position:absolute;
  z-index:-1;
  width: 900px;
  height: 100px;
  bottom:0;
  left:0;
}
.Footer .Footer-text p {
  margin: 0;
}
.Footer .Footer-text {
  display:inline-block;
  color:#A8A8A8;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
}
.Footer .Footer-text a:link {
  text-decoration: none;
  color: #A6A6A6;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
}
.Footer .Footer-text a:visited {
  text-decoration: none;
  color: #9e61ff;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
}
.Footer .Footer-text a:hover {
  text-decoration: none;
  color: #e804fc;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover {
  font-family:Arial;
  font-size:10px;
  letter-spacing:normal;
  word-spacing:normal;
  font-style:normal;
  font-weight:normal;
  text-decoration:underline;
  color:#999999;
}
.page-footer {
  margin:1em;
  text-align:center;
  text-decoration:none;
  color:#999999;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .sidebar1 {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 224px;
}
/* end LayoutCell sidebar */

/* begin LayoutCell */
.contentLayout .content {
  position: relative;  
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 675px;
}
/* end LayoutCell */
.navigation {
	display: block;
	text-align: center;
}

/*                                                                                  */
/*                     Special Cart Classes for this design                         */
/*                                                                                  */

/* overlapping divs with text in one side and button in the other */
div.welcomehome {
  position: relative;
  display: inline-block;
  width: 525px;
  height: 30px;
  padding: 5px 0px;
  margin-left: auto;
  margin-right: auto;   
}
div.whbut {
  position: absolute;
  width: 100px;
  height: 30px;
  left: 425px;
}
/* end Button */

/*                                                                                  */
/*                     Buttons that go with cart buttons too                        */
/*                                                                                  */

/* Search Form */
.search {   /* blue bar for search form and cart items */
  border-bottom: 1px solid #ffffff;
  background-color: #acd8e6;
  background-image: url('images/cartbk.gif');
  background-repeat: repeat-x;
  height: 35px;
  padding: 5px 0px 2px 10px;
}
.searchbox {
    position: absolute;
    display: inline;
    height: 30px;
}
.searchbox input {
    position: relative;
    top: 3px;
    width: 175px; 
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #ffffff;
    padding-top: 0px;
    text-align: left;
    cursor: text;
    background-color: #74aabb;
}
.searchbtn {    /* this div gives the search button the space inline with the text area */
    position: absolute;
    top: 0;
    padding: 0px;
    left: 185px;
}
/* Sign In Form Boxes */
#signcont {
    position: relative;
    text-align:left;
    width: 655px;
    margin-right:auto;
    margin-left:auto;
    }
#leftbox {
    position: relative;
    min-height: 250px;
    background-color: transparent;
}
#leftbox-l {
    position: relative;
    min-height: 450px;
    background-color: transparent;
}
#rightbox {
    position:absolute;
    top: 0;
    right: 0;
    width: 350px;
}
#orderbox-l {
    position: relative;
    min-height: 250px;
    background-color: transparent;
    padding-top: 20px;
}
#orderbox-r {
    position:absolute;
    top: 0;
    right: 0;
    width: 335px;
    padding-top: 15px;
}
#homehed {
    position: relative;
    width: 100%;
    display:inline;
    height: 30px;
}
div.home-l {
    position: relative;
    top: 10px;
    left: 0px;
    height: 30px;
    background-color: transparent;
}
div.home-r {
    position: absolute;
    top: 0px;
    right 0px;
    width: 98%;
    padding-left: 375px;
}
/* Main Cart Buttons in body and blocks */
.bluecontainer1 { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 98%;
    height: 25px;
}
/* REQUIRED BUTTON STYLES sliding door sprite: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}
button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
button span { 
	position: relative;
	display: block; 
	white-space: nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 17px 0 0; 
	margin-right:5px; 
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #3e3e3e;
	font-size: 12px; 
	text-align: center;
    font-weight: bold; 
	background: transparent url(images/button-sprite.png) no-repeat right -88px; 
}	
button.submitBtn span {
	padding: 6px 0 0 17px; 
	height:24px; 
	background: transparent url(images/button-sprite.png) no-repeat left top; 
	color:#000; 
}
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -133px; 
}	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -45px;
}
/* FROM: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */
/* HTML call <a class="button" href="#" onclick="this.blur();"><span>Bring world peace</span></a> */

.clear { /* generic container (i.e. div) for floating buttons */    
   overflow: hidden;    
   width: 100%;
}
a.button {    
   background: transparent url(images/button-sprite.png) no-repeat right -88px;       
   color: #3e3e3e;    
   display: block;    
   float: left;    
   font: normal 12px Verdana, Arial, Helvetica, Sans-Serif;
   text-align: center;
   font-weight: bold;    
   height: 25px;    
   margin-right: 5px;    
   padding-right: 17px; /* sliding doors padding */    
   text-decoration: none;

} 
a.button span  {    
   background: transparent url(images/button-sprite.png) no-repeat left top;    
   display: block;    
   line-height: 15px;    
   padding: 5px 0 5px 17px;
}
a.button:hover, a.button:active {    
   background-position: right -133px;    
   color: #000;    
   outline: none; /* hide dotted outline in Firefox */
}
a.button:hover span, a.button:active span {    
   background-position: 0 -45px;    
   padding: 5px 0 5px 17px; /* push text down 1px */
   outline: none; /* hide dotted outline in Firefox */
}
/* End Button */
/* Avactis Cart Items */
.cartitem {
    position: relative;
    top: 1px;
    left: 320px;
    width:50%;
    display:inline-block;
	font-family: Verdana;
	font-size: 12px;
    color: #486973;
	font-weight: normal;
    text-align: right;
    padding: 7px 0px 0px 0px;
    background: transparent; 
    overflow: visible;
    text-decoration: none !important;
}
.cartitem  a, .cartitem  a:link {
	font-family: Verdana;
	font-size: 12px;
    color: #486973;
    text-decoration: none;
	font-weight: bold;
}
.cartitem a:visited {
	font-family: Verdana;
	font-size: 12px;
    color: #486973;
    text-decoration: none;
	font-weight: bold;
}
.cartitem a:hover {
	font-family: Verdana;
	font-size: 12px;
    color: #486973;
    text-decoration: none;
	font-weight: bold;
}
.cartitem a:active {
	font-family: Verdana;
	font-size: 12px;
    color: #486973;
    text-decoration: none;
	font-weight: bold;
}
/* End Avactis Cart Items */

/* 
*  special css created to compensate and remove inline from the avactis default templates
 */

/* Body Content spacing between USMC logo (puts the space below content stuff below) */
.body-sp {
    padding-bottom: 30px;
}

/*
* These govern the headers and shaded areas in the Account sections of the cart *
*/

/* inline list */
.linelist {
    width: 100%;
    margin-left: 10px;
    margin-bottom: 2px;
}
.linelist ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 2px;
}
.linelist li {
    display: inline;
    text-align: left;
}
/* block list */
.blocklist {
    width: 100%;
    margin-left: 5px;
    border: 3px solid black;
}
.blocklist ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 2px;
}
.blocklist li {
    display: block;
    padding-top: 2px;    
}

/* darkest header background */
div.hed1 {
    vertical-align: middle; 
    padding: 0px 0px 0px 4px; 
    background-color: #5e9fb4;
    font-size: 13px; 
    font-weight: bold; 
    color: #ffffff;
}
.hed1 td, td.hed1 {
    vertical-align: middle; 
    padding: 0px 0px 0px 4px; 
    background-color: #5e9fb4;
    font-size: 13px; 
    font-weight: bold; 
    color: #ffffff;
}
/* lightest header background */
div.hed2 {
    height: 20px; 
    background-color: #acd8e6;
    font-size: 13px; 
    font-weight: bold; 
    color: #3e3e3e;
    padding: 5px 8px;
    text-align: left;
    border-top: 1px solid #486973;
    border-bottom: 1px solid #486973;
}

.hed2 td {
    height: 20px; 
    background-color: #acd8e6;
    font-size: 13px; 
    font-weight: bold; 
    color: #3e3e3e;
    padding: 5px 8px;
    text-align: left;
    border-top: 1px solid #486973;
    border-bottom: 1px solid #486973;
}

/* medium header background */
div.hed3 {
    height: 25px; 
    background-color: #72a5b5;
    color: #ffffff;
    border-top: 1px solid #486973;
    border-bottom: 1px solid #486973;
}
.hed3 td, td.hed3 {
    height: 25px; 
    background-color: #72a5b5;
    color: #ffffff;
    border-top: 1px solid #486973;
    border-bottom: 1px solid #486973;
}
/* lighter than medium */
div.hed4 {
    padding: 2px; 
    background-color: #90c3d3; 
    border-top: solid 1px #acd8e6; 
    font-weight: bold;
}
.hed4 td, td.hed4 {
    padding: 2px; 
    background-color: #90c3d3; 
    border-top: solid 1px #acd8e6; 
    font-weight: bold;
}
/*
* End These govern the headers and shaded areas in the Account sections of the cart *
*/

/* Thin very light border around all of the (content containers) if you want */
div.contcon {
    padding: 15px 15px 25px 15px;
    width: 95%;
    border 3px solid red;
}

/* Home page containers and tables */
 /* Start SignIn Box Tables */
.signin {
  border: 0;
  width: 100%;
}
.signin table, table.signin {
  border-collapse: collapse;
  border: 0;
  width: 100%;
}
.signin td {
  color:#e8e8e8;
  font-family: Verdana;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
}
.signin a:link, .signin a:visited {
  color: #9e61ff;
  text-decoration: none;
}
.signin a:hover {
  color: #e804fc;
  text-decoration: none;
}
/* End SignIn tables */

 /* Start SignIn Box 2 Tables this is useful if 2 color layout */
.signin2 {
  border: 0;
  width: 100%;
}
.signin2 table, table.signin2 {
  border-collapse: collapse;
  border: 0;
  width: 100%;
}
.signin2 td {
  color:#3e3e3e;
  font-family: Verdana;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  vertical-align: top;
}
.signin2 a:link {
  color: #3e3e3e;
  font-weight: bold;
  text-decoration: none;
}
.signin a:visited {
  color: #9e61ff;
  font-weight: bold;
  text-decoration: none;
}
.signin2 a:hover {
  color: #e804fc;
  font-weight: bold;
  text-decoration: none;
}
.signin2 a:active {
  color: #3e3e3e;
  font-weight: bold;
  text-decoration: none;
}
/* End SignIn tables */

/* Signin Box inside (signin container) */
#signin-con {
    max-width: 200px;
}
#signin-con div {
    color:#e8e8e8;
    padding: 2px 5px;
}

/* End Signin Box inside */

/* input area for signin area */
input.txt, input.password {
    font-family: Verdana, Arial, sans-serif;
    color: #ffffff;
    font-size: 12px;
    background-color: #74aabb;
    border: 2px inset #89c8dc;
    padding: 2px;    
}
input.stxt {
    font-family: Verdana, Arial, sans-serif;
    color: #ffffff;
    font-size: 12px;
    background-color: #74aabb;
    border: 2px inset #89c8dc;
    padding: 2px;
}
input.Error {
    color: #ffffff;
    font-size: 12px;
    background-color: #74aabb;
    border: 2px inset #ff0000;
    padding: 2px;
    text-align: left;
    width: 200px;
}
div.Required {
    color: #ff0000;
    text-align: left;
}
input.btn {
    clear: both;
    border: 2px outset #89c8dc; 
    font-family: Verdana, Arial, sans-serif;
    color: #ffffff;
    font-size: 12px; 
    font-weight: bold;
    background-color: #74aabb;
}
form div {
    clear: left;
    margin: 0;
    padding: 0;
    padding-top: 5px;
}
form div label  {
    float: left;    
    padding-left: 10px;
    padding-top: 5px;
    width: 22%;
    font-weight: normal;   
}
input, textarea, select {
    margin: 0;
    overflow: auto;
    color: #ffffff;
    background-color: #7eaabb;
    border: 2px inset #89c8dc;
    padding: 2px;    
}

input[type="checkbox"],
input[type="radio"]  {
    border: 0;
    background-color: transparent;
}

/* payment module indent */
.payindent {
    padding-left: 14px;
}

/*                                                                                  */
/*                End Special Cart Classes for this design                          */
/*                                                                                  */

/*                                                                                  */
/*                           Shopping Cart Styles                                   */
/*                                                                                  */

/*
 * Category Styles BEGIN ... defines category names and link colors
 */
.CategoryName {
    font-family: Verdana;
    color: #3e3e3e;
    font-size: 13px;
    font-weight: bold;
}
.CategoryName a {
    color: #527985;
}
.CategoryName a:hover {
    color: #7648c2;
} 
.CategoryDescription {
    color: #3e3e3e;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 0px;
}
/*
 * Category Styles END
 */

/* Page Title Style */
.page-title {
    font-family: Verdana;
    color: #3e3e3e;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding: 5px 0px 4px 12px;
}
div.PageTitle {
    font-family: Verdana;
    color: #3e3e3e;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding: 5px 0px 15px 0px;
}
/* Seperator */ 
hr {
   height: 1px;
   background-color: #5e9fb4;
}   
hr.separator {
   height: 1px;
   background-color: #5e9fb4;
}
.box  {
  padding: 14px;
  border: 1px solid #74aabb;  
}
img.about-us {
    float: right;
    margin: 0px 10px 5px 10px;
    width: 200px;
    height: 200px;
    border: 0px;
}
/*                                                */
/*    Contact Us Page                             */    
/*                                                */
div#contact-us {
    padding: 10px; 
    line-height: 20px;
}
div#contact-us img {
    float: left;
    margin: 0px 20px 10px 0px;
    width: 200px;
    height: 200px;
    border: 0px;
}
div#contact-us div.Title {
    margin-top: 10px;
    font-weight: bold;
}
div#contact-us div.Text {
    line-height: 14px;
    font-weight: normal;
}
div#contact-us div.Label {
    float: left;
    font-weight: normal;
    width: 55px;
    margin-top: 4px;
}
div#contact-us input {
    margin: 2px;
    width: 380px;
    padding: 3px;
}
div#contact-us input[type="submit"]{
    width: 50px;
}
div#contact-us textarea {
    margin: 2px;
    padding: 3px;
    width: 435px;
    height: 200px;
}

/*
 * Breadcrumb Styles BEGIN
 */
.Breadcrumb {
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: transparent;
    font-family: Verdana;
    color: #3e3e3e;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}
.Breadcrumb a {
    color: #486973;
    text-decoration: none;
} 
.Breadcrumb a:visited {
    color: #486973;
    text-decoration: none;
}
.Breadcrumb a:hover {
    color: #7648c2;
    text-decoration: none;
}
/*
 * Breadcrumb Styles END
 */
 
 /*
 * Product Styles BEGIN
 */
.ProductName{
    font-family: Tahoma, Verdana;
    color: #3e3e3e;
    font-size: 13px;
    font-weight: bold;
}
.ProductName a{
    color: #3e3e3e;
    text-decoration: none;
}.ProductName a:hover{
    color: #7648c2;
    text-decoration: none;
}.ProductDescription{
    font-family: Tahoma, Verdana;
    color: #3e3e3e;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
}.ProductPrice{
    font-family: Tahoma, Verdana;
    color: #3e3e3e;
    font-size: 13px;
    font-weight: bold;
}.ProductStockMessage{
    font-family: Tahoma, Verdana;
    color: #3e3e3e;
    font-size: 12px;
    font-weight: bold;
	padding: 5px;
}.ProductOptionsTitle{
    font-family: Tahoma, Verdana;
    color: #3e3e3e;
    font-size: 13px;
    font-weight: bold;
}.ProductOptions{
    font-family: Tahoma, Verdana;
    color: #3e3e3e; 
    font-size: 13px;  
    font-weight: normal;
    text-align: left;
}
.ProductOptions input,
.ProductOptions textarea,
.ProductOptions select{
    border: 1px inset #89c8dc; 
    font-family: Verdana, Arial, sans-serif;
    color: #ffffff;
    font-size: 12px;
    background-color: #7eaabb;
}

.ProductOptions input[type="checkbox"],
.ProductOptions input[type="radio"] {
    border: 0;
    background-color: #74aabb;
}
/*
 * Product Styles END
 */
 
/*
 * Product List Styles BEGIN
 */
.ProductList{
    padding: 0px;
    margin: 2px;
    width: 100%;
    vertical-align: top;
}
.ProductList table td{
    vertical-align: top;
}
.ProductList .Empty{
    padding: 30px 0px 40px 0px;
    font-family: Verdana;
    color: #3e3e3e;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
/* the following styles are inherited from Category Styles */
.ProductList .CategoryName{
}
.ProductList .CategoryDescription{
    padding-top: 6px;
}
/* the following styles are inherited from Product Styles */
.ProductList .ProductName{
    padding-top: 7px;
    padding-bottom: 10px;
    text-align: center;
}
.ProductList .ProductDescription{
    padding: 10px;
}
.ProductList .ProductPrice{
    padding: 5px;
    text-align: center;
}
/*
 * Product List Styles END
 */

/*
 * Product Images Styles BEGIN
 */
.ProductImages {
    padding: 10px;
    margin: 0px;
    width: auto;
    font-family: Verdana;
    font-size: 12px;
    color: #79bacd;
    font-weight: normal;
    background-color: transparent;
}
.ProductImages th {
	padding: 10px;
	background-color: transparent;
}
.ProductImages img, .ProductImages div{
	padding: 10px;
	border: 2px solid #74aabb;
}
.ProductImages img:hover{
	padding: 10px;
	border: 2px solid #74aabb;
    cursor: pointer;
}
/*
 * Product Images Styles END
 */
/*
 * Related Products Styles BEGIN
 */
.RelatedProducts {
    padding: 10px;
    margin: 2px;
    width: 100%;
    border: 2px solid #74aabb;
    font-family: Verdana;
    font-size: 12px;
    color: #3e3e3e;
    font-weight: normal;
    background-color: transparent;
    text-align: left;
}
.RelatedProducts TH{
	padding: 10px;
	background-color: transparent;
}
.RelatedProducts IMG{
	padding: 10px;
	border: 2px solid #74aabb;
}
.RelatedProducts IMG:hover{
	padding: 10px;
	border: 2px solid #74aabb;
}
.RelatedProducts A{
    font-family: Verdana;
    font-size: 12px;
    color: #3e3e3e;
    font-weight: normal;
	text-decoration: none;
}
.RelatedProducts A:hover{
    font-family: Verdana;
    font-size: 12px;
    color: #7648c2;
    font-weight: normal;
	text-decoration: underline;
}
/*
 * Related Products Styles END
 */
 
/* Store Closed Style */
.StoreClosedText {
    font-family: Verdana;
    color: #3e3e3e;
    font-size: 16px;
    font-weight: bold;
    padding: 100px 0px 100px 0px;
}
/*
 * Paginator Dropdown Styles BEGIN
 */
.PaginatorDropdown {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: Verdana;
    color: #3e3e3e;
    font-size: 11px; 
    background-color: transparent;
    border: 1px solid #74aabb;
    text-align: left;
}
.PaginatorDropdown select {
}
/*
 * Paginator Dropdown Styles END
 *//*
 * Paginator Styles BEGIN
 */
.Paginator {
    padding: 5px;
    margin: 0;
    width: 100%;
    font-family: Verdana;
    color: #3e3e3e;
    font-size: 11px; 
    background-color: transparent;
    text-align: left;
}
.Paginator a {
    color: #3e3e3e;
    text-decoration: none;
}
.Paginator a:hover {
    color: #7648c2;
    text-decoration: none;
}
/*
 * Paginator Styles END
 */

 /*
 * Search Result Styles BEGIN
 */
.SearchResult {
    padding: 0px;
    margin: 2px;
    width: 100%;
    background-color: transparent;
}.SearchResult .Empty{
    padding: 30px 0px 40px 0px;
    text-align: left;
    font-family: Verdana; 
    color: #3e3e3e;
    font-size: 12px;
    font-weight: bold;
}.SearchResult .Highight {
    background-color: #9e61ff;
    color: #3e3e3e;
}.SearchResult .ProductName {
    padding: 0px;
    padding-bottom: 5px;
    text-align: left;
}/* the following styles are inherited from Product Styles */
.SearchResult .ProductName a{
}.SearchResult .ProductName a:hover{
    color: #7648c2;
}.SearchResult .ProductDescription {
}.SearchResult .ProductDescription a {
    color: #3e3e3e;
    text-decoration: none;
}.SearchResult .ProductDescription a:hover {
    color: #7648c2;
}.SearchResult .ProductNumber {
    font-family: Verdana;
    color: #3e3e3e;
    font-size: 11px;
    font-weight: bold;
}
/*
 * Search Result Styles END
*/

/*
 * NavigationBar Styles BEGIN
 */
.NavigationBar {
    padding: 0px;
    margin: 2px;
    width: 230px;
    background-color: transparent;
}
.NavigationBar table td {
    font-family: Verdana;
    color: #e8e8e8;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    text-align: left;
	padding: 10px 
}
.NavigationBar table td.Empty {
    padding: 10px;
    font-weight: bold;
    text-align: center;
}
.NavigationBar table td.LevelDefault{
    padding: 3px 0px 3px 50px;
}.NavigationBar table td.LevelDefault a{
    color: #ffc860;
    text-decoration: none;
}.NavigationBar table td.LevelDefault a:hover{
    color: #e804fc;
}.NavigationBar table td.Level1{
    background-image: url('images/BlockContainerBullets.png');
    background-repeat: no-repeat;  
    background-position: left; 
    padding: 3px 0px 3px 10px;
    font-weight: bold;
    margin: 0;
}.NavigationBar table td.Level1 a{
    color: #ffc860;
    text-decoration: none;
}.NavigationBar table td.Level1 a:hover{
    color: #e804fc;
}.NavigationBar table td.Level2{
    padding: 3px 0px 3px 30px;
}.NavigationBar table td.Level2 a{
    color: #ffc860;
    text-decoration: none;
}
.NavigationBar table td.Level2 a:hover{
    color: #e804fc;
}.NavigationBar table td.Selected{
    background-color: #373737;
    border: 1px solid #262626;
    width: 200px;
}.NavigationBar table td.Selected a{
    color: #9e61ff;
    text-decoration: none;
}.NavigationBar table td.Selected a:hover{
    color: #e804fc;
}
/*
 * NavigationBar Styles END
 */
/*
 * Subcategories List Styles BEGIN
 */
.Subcategories{
    padding: 0px;
    margin: 2px;
    width: 100%;
    background-color: transparent;
    vertical-align: top;
    text-align: center;
}/* the following styles are inherited from .CategoryName */
.Subcategories .CategoryName{
    padding: 2px;
}.Subcategories .CategoryName a{
}.Subcategories .CategoryName a:hover{
}
/*
 * Subcategories List Styles END
 */

/* End Categories Navigation */
 
/*
 * Checkout Styles BEGIN
 */
.Checkout {
    padding: 0px;
    margin: 2px;
    width: 100%;
    background-color: transparent;
    font-family: Verdana;
    color: #3e3e3e;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
.Checkout .Title {
    padding: 12px 0px 5px 15px;
    font-family: Verdana;
    color: #3e3e3e;
    font-size: 13px;
    font-weight: bold; 
    text-align:left;
}
.Checkout .Block {
    padding: 15px;
    border: 1px solid #74aabb;
}
.Checkout .ColumnTitle {
    white-space: nowrap;    
    font-size: 13px;
    color: #3e3e3e;
    font-weight: bold;
}
.Checkout .ColumnValue {
}
.Checkout .TotalLabel {
    white-space: nowrap;
    padding-right: 7px;
    font-weight: bold;
}
.Checkout .TotalValue {
    font-weight: bold;
}
.Checkout .Left {
    text-align:left;
}
.Checkout .Right {
    text-align:right;
}
.Checkout .Center {
    text-align:center;
}
.Checkout input.Normal,
.Checkout textarea.Normal,
.Checkout select.Normal {
}
.Checkout input.Error ,
.Checkout textarea.Error,
.Checkout select.Error {
    padding: 15px;
    color: red;
    text-align: left;
    line-height: 20px;
    border: 1px solid red;
}
.Checkout select.Short {
    width: 200px;
}
.Checkout .Required {
    padding: 15px;
    color: red;
    text-align: left;
    line-height: 20px;
}
.Checkout .Error {
    padding: 15px;
    color: red;
    text-align: left;
    line-height: 20px;
}
.Checkout .Errors {
    padding: 15px;
    color: red;
    text-align: left;
    line-height: 20px;
}
.Checkout .Empty {
    padding: 30px 0px 40px 0px;
    font-family: Tahoma, Verdana;
    color: #C63983;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.Checkout .ImpossibleToComputeShippingCost {
    padding: 20px;
    color: #C63983;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.CurrencyNotAppropriateForActivePaymentModules {
    padding: 20px;
    color: #C63983;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
/* <!-- checkout/navgation/default/item-clickable.tpl borders --> */
.checkoutnav {
    margin: 0px 2px 0px 2px; 
    padding: 0px 2px 0px 2px; 
    border: 1px solid #74aabb;
}
.checkoutnav2 {
    margin: 0px 2px 0px 2px; 
    padding: 0px 2px 0px 2px; 
    border: 1px solid #74aabb;
}

/*
 * Checkout Styles END
 */
 
.OrderInfo .field {
    text-align: right;
    background: transparent;
    color: #3e3e3e;
}
.OrderInfo .value {
    color: #74aabb;
    text-align: left;
}
.OrderInfo .products_header {
    color: #3e3e3e;
    font-weight: bold;
    background: transparent;
}
.OrderInvoice {
    color: #3e3e3e;
    font-size: 12px;
}
.OrderInvoice .products_header {
    color: #3e3e3e;
    font-weight: bold;
    background: transparent;
}
.OrderInvoice .field {
    font-weight: bold;
    text-align: right;
}
.OrderInvoice .value {
    color: #74aabb;
    text-align: left;
}
.OrderInvoice .group_header {
    color: #3e3e3e;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
.OrderInvoice .price_field {
    font-weight: normal;
    text-align: right;
    color: #3e3e3e;
}
.OrderInvoice .price_value {
    font-weight: bold;
    color: #74aabb;
    text-align: left;
}
/* ======== http://www.hedgerwow.com/360/dhtml/css-inline-block-layout.php ====*/
/* ===========inline list in a block ... example of html on home.php ========= */
ul.item-list {
	width:80%;
	padding:12px;
	margin: 0;
	padding:0;
	list-style-type:none;
	text-align:left;
	font-size:0;/*eliminate the extra white-space between .item-list*/
}
ul.item-list li {	
	width: 125px;
	margin:0 0 12px 0;
	text-align:left;
	vertical-align:text-bottom;
	font-size: 12px;

	display:-moz-inline-stack;/*Firefox need this to simulate display:inline-block*/

    display:inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/

	

    _overflow:hidden;/*fix IE6 to expanded content*/
	zoom:1;/*trigger hasLayout*/
	*display:inline;/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
}
ul.item-list li div.bd {
	font-size: 12px;
	position:relative;/*firefox need this unless contents within are not clickable or selectable*/
	margin:3px 6px 3px 6px;
	padding:5px;
	
	zoom:1;/*Ie need this to get the border renderred*/
}
/*
customized theme style
*/
ul.item-list li div.bd {
	background: transparent;
}
ul.item-list li div.bd p {
	display:block;
	margin:0 0 15px 0;
	text-decoration:none;
	font-style:normal;
}
/************************************************************************************/
/*                           /End Shopping Cart Styles                              */
/************************************************************************************/