/*-----------------------------------------------
Website Managers Design Team
Based on: Stopdesign Base Styles - Author: Douglas Bowman
----------------------------------------------- */

/* Page Structure
----------------------------------------------- */
body {
 	border-top: 0px; 	
	background-color: #8393CA;
  margin:0;
  padding:0;
  font:small Verdana,Sans-serif;
  line-height:1.6em;
  /*text-align:center;*/
  }

#MainContainer {
  position: absolute;
	width: 760px;
	left: 50%;
	margin-left: -380px;
	background-color: White;
  /*background:#000 url("bg_col_smx_shade.gif") repeat; 
  width:750px;
  margin:0 auto;
  border:solid #fff;
  border-width:0 1px;
  text-align:left;
  border-color:#124;
  color:#333;*/
  }

#Content {
  float:left;
  width:750px;
  }
/* Overcome stupid 3px margin bug in IE/Win floats, 
   which fixes a lot of things, including disapearing company nav,
   randomly appearing text, and wrappers pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #Content, * html #Content2, * html #Content3 {
    margin-right:-3px;
    }

#Main{
  float:right;
  width:540px;
  border: 0px dotted #000;
  padding-right: 10px;
  }

/* CompleteMail Page Special format */
#CompletedMailPage #MainContainer {
  background-image:none;
  background:#fff;
  }

/* Delivery Page Special format */
#DeliveryError, #CheckoutError {
	margin: 0px;
	padding: 0px;
}

/* General Text Format
----------------------------------------------- */ 
p {
	font: 9pt/17pt Verdana,Sans-serif; 
	margin-top: 0px; 
	text-align: justify;
}

p.P1, p.P2, p.P3, p.P4, p.P5, p.P6, p.P7 {
	margin: 0px; 
} 

.Error{
	color:#f00;
	font-weight:bold;
  }

.RequiredField {
  font: 9pt/17pt Verdana,Sans-serif;
  color: red;
  } 

/* Links

a, .subnav a:visited {
  color:#358;
  text-decoration:none;
  border-bottom:1px dotted #469;
  }
  
a:visited {
  color:#677;
  border-color:#899;  
  }
  
a:hover, .subnav a:hover {
  color:#933;
  border-color:#b55;
  border-bottom-style:solid;
  }
  
a img{
  border-width:0px;
  }  
  ----------------------------------------------- */

/* Headings
----------------------------------------------- */
h1 a{
  border-width:0;
  }
  
h2 {
  margin:1.25em 0 .25em;
  font:140%/1.5em Verdana,Sans-serif;
  }

  
h2, h2 a, h2 a:visited {
  color:#000080;
  border-width:0;
  }  
  
h2 a:hover {
  color:#000080;
  text-decoration:none;
  }
  
h3 {
  margin:.25em 0 .25em;
  font:110%/1.5em Verdana,Sans-serif;
  font-weight:bold;
  }
  
h3 a {
  border-width:0;
  }
  
h4 {
  margin:1em 0 .25em;
  font:125% Verdana,Sans-serif;
  color:#000080;
  }

/* Forms
----------------------------------------------- */ 
input.Button{
  padding:0px;
  border:2px solid #69c;
  border-color:#998 #665 #665 #998;
  color:#333;
  background:#ccb;
  font:bold 100% Verdana,Sans-serif;
  }
  
input.Button:hover{
  color:#963;
  background:#eed;
  cursor:pointer;
  }
input.Button:active {  
  border-color:#666 #999 #999 #666;
  background:#ccc;
  color:#000;
  }
input.Text, select {
  margin:1px 0;
  font:12px/1.2em Monaco,Monospace;
  background:#fff;
  border:1px solid #ccc;
  border-color:#aaa #eee #ccc #aaa;
  color:#333;
}

input.Button:active {
  border-color:#669 #69c #69c #369;
  background:#ccc;
  color:#000;
  }
 
input.Button:hover {
  color:#963;
  background:#eed;
  cursor:pointer;
  }

/* Header Section
----------------------------------------------- */
div#Header {
  background-color:#234;
  float:left;
  width:100%;
  }
  
#Logo {
  float:left;
  }  
  
#ShopName {  
  background-color:#234;	
  margin:40px 0px 10px 0px;
  text-align:center;
  }

#ShopName h1{  
  background-color:#234;
  margin:0;
  font:205%/1.4em Verdana,Sans-serif;
  color:#888;
  }
  
 * html #Header {
    margin-bottom:-11px;
    }
  
#NavBarTop {
	position: relative;
	text-align: right;
	margin-top: -45px;
	width: 100%;
	float: right;
}
#NavBarTop li {
   display: inline;
	list-style-type: none;
	padding-left: 20px;
  }
  
#NavBarTop a, #NavBarTop a:hover {
font-size: 10px;
font-weight: bold;
	color: #000080;
	text-decoration: none; 
}
#NavBarTop a:hover {
	text-decoration: underline; 
}
/* MainNavBarTop Section
----------------------------------------------- 
#NavBarTop {
  background-color:#fff;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  border:solid #ddd;
  border-width:1px 0;
  }
  
#NavBarTop {
  background-position:0 -70px;
  }
  
#NavBarTop ul {
  margin:0;
  padding:0 20px;
  list-style:none;
  font-size:85%;
  text-transform:lowercase;
  }
  
#NavBarTop li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  }
  
#NavBarTop a{
  display:block;
  padding:4px 10px;
  border:solid #ddd;
  border-width:0 1px 0 0;
  color:#68a;
  text-decoration:none;
  white-space:nowrap;
  }
  
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html 
* html #NavBarTop a {
  width:1%;
  }
  
#NavBarTop a:hover {
  color:#000;
  }
  
#NavBarTop a:hover {
  background-repeat:no-repeat;
  }
  
#NavBarTop #h {
  border-left-width:1px;
  }
    
#NavBarTop {
  background-color:#000;
  background-image:url("bg_hdr_driveby2.jpg");
  border-color:#135;
  }
  
#NavBarTop a {
  border-color:#135;
  color:#7ac;
  }
  
#NavBarTop a:hover {
  color:#fff;
  background-color:#123;
  }
*/
/* Footer
----------------------------------------------- */
#Footer {
  padding-top:0;
  font-size:85%;
  } 
  
#Footer p {
  margin:0;
  padding:10px 20px;
  border-top:1px solid #ccc;
  text-align:center;
  line-height:1.6em;
  background:#135;
  border-color:#124;
  color:#479; 
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #Footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
  
#Footer a, #Footer a:visited {
  color:#69a;
  border-color:#479;
  }
#Footer a:hover {
  color:#8bc;
  border-color:#479;
  }

/* Left Navigational Bar
----------------------------------------------- */
#NavBarLeft{
  margin-top:-8px;
  float:left;
  width:184px;
  border: 0px dotted #469;
  background-repeat:no-repeat;
  background-position:21px 19px;  
  font-size:85%;
  line-height:1.6em;
  }
  
#NavBarLeft2 { padding:0 20px;}

/* Category List In the Left Navigational Bar
----------------------------------------------- */  
#CategoryTree {
  font-size: 9px;
  text-align: left;
  }

#CategoryTree ul {
  margin:0px;
  padding-left: 0px;
  list-style:none;
  
  }

#CategoryTree li {
	float: none;
	margin: 0px 0px;
	padding: 0;
	line-height: 150%;
	text-indent: 0;
	vertical-align: bottom;
}
  
#CategoryTree li a.Open {  
  text-decoration:none;
  font-weight: bold;  
 }

#CategoryTree li a.Closed { text-decoration:none;}

#CategoryTree li a.Selected {  
  text-decoration:none;  
  font-weight: bold;  
  color: #c00;
 }
 
#CategoryTree li span {  
  padding-left: 12px;
  padding-bottom: 0px;
  background-position: 0px 3px;
  background-repeat: no-repeat;
 }
 
#CategoryTree li span.Open, #CategoryTree li span.Selected { background-image: url("CatOpen.gif");}

#CategoryTree li span.Closed { background-image: url("CatClosed.gif");}

/* Categories is indented according to their level */
#CategoryTree li.Level1 { padding:0 0px;}

#CategoryTree li.Level2 { padding:0 5px;}

#CategoryTree li.Level3 { padding:0 10px;}

#CategoryTree li.Level4 { padding:0 15px;}

#CategoryTree li.Level5 { padding:0 20px;}

#CategoryTree li.Level6 { padding:0 25px;}

/* Products
----------------------------------------------- */  
.ProductImage {
  display: none;
} 

.ProductName {
  display: none;
}

.ProductNameLink { 
display: block;
margin: 0px;
}

.ProductShortDesc { display: none;}

.ProductLongDesc { 
display: block;

}

.ProductPrice { float: right;}

.ProductCartLink { float: right;}

.ProductCheckoutLink { display: none;}

.ProductDetails { float: left;}

#ProductPage .ProductImage { 
  display: inline;
  float: right;
}

#ProductDetails{
  padding-top: 100px;
}

/* Define the width and height of Product image in Product Page*/
#ProductPage .ProductImage img { 
  width: 150px;
  height: 120px;
}

#ProductPage .ProductNameLink { display: none;}

#ProductPage .ProductShortDesc { display: none;}

#ProductPage .ProductLongDesc { display: inline;}

#ProductPage P.ProductPrice {
  display: block;
  float: none;
  margin-top: 10px; 
  text-align: justify;
  }

#ProductPage .ProductCartLink { 
  display: inline;
  float: none;
  }

#ProductPage .ProductCheckoutLink {
  display: inline;
  float: none; 
  }

#ProductPage .ProductDetails { float: left;}

#HomePage .ProductImage { 
  display: inline;
  float: right;
}

#HomePage .ProductImage img { 
  width: 150px;
  height: 120px;
}

#HomePage .ProductNameLink { display: none;}

#HomePage .ProductShortDesc { display: none;}

#HomePage .ProductLongDesc { display: inline;}

#HomePage .ProductPrice {
  display: block;
  float: none;
  margin-top: 10px; 
  text-align: justify;
  }

#HomePage .ProductCartLink { 
  margin-top: 0px; 	
  display: inline;
  float: none;
  }

#HomePage .ProductCheckoutLink {
  margin-top: 0px; 	
  display: inline;
  float: none; 
  }

#HomePage .ProductDetails { 
  float: left;
  margin-top: 30px;
  }

/* Category Page
----------------------------------------------- */
#CategoryPage .CategoryImage { display: none;}
#CategoryPage .CategoryName { display: none;}

/* View Cart Page
----------------------------------------------- */
#CartPage table {
	font: 9pt/17pt Verdana,Sans-serif; 
}

#CartUpdateLink {
	display: inline;
	float: left;
	margin-left: 270px;
}

#CartCheckoutLink {
	display: inline;
	float: right;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 10px;
}

/* Checkout Page */
#CheckoutPage #CartDetails {
	font: 9pt/17pt Verdana,Sans-serif; 
	margin-left: 10px;
}

/* Pavel's ruleZ */
#superbox {
	position: absolute;
	width: 760px;
	left: 50%;
	margin-left: -380px;
	background-color: White;
}

#top {
	position: relative;
}
#menubox {
	position: relative;
	width: 159px;
	background-color: White;
	background-image: url(layout/menubg.gif);
	background-repeat: no-repeat;
	/*min-height: 513px;*/
	float: left;
}

* html #menubox, * html #content {
    margin-top:-3px;
    }

.rbroundbox { 
margin-left:5px;
margin-top: 10px;
width: 149px;
}
#navlist
{
	text-align: center;
	padding-left: 0;
	margin-left: 0;
	width: 116px;
	font-size: 18px;
	font-weight: bold;
}

#navlist li
{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	background-image: url(layout/menuseparator.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#navlist li li {
	background-image: none;
}

#navlist li a { 
	text-decoration: none; 
	color: #000080;
}
#navlist li a:hover { 
	text-decoration: none; 
	color: #000050;
}
.formtitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #000080;
	margin-bottom: 0px;
}

.search {
	width: 120px;
}
.formsearch {
	/*padding-left: 20px; */
	text-align: center;
	margin:0;
}
.butsearch {
	width: 60px;
	margin-right: 0px;
}
#content {
	position: relative;
	width: 553px;
	min-height: 100%;
	background-color: White;
	background-image: url(layout/title_shop.gif);
	background-repeat: no-repeat;
	/*min-height: 513px;*/
	float: right;
	padding-left: 31px;
	padding-top: 51px; 
	padding-right: 17px;
}

#faq #content {
	background-image: url(layout/title_faq.gif);
}

#terms #content {
	background-image: url(layout/title_terms.gif);
}

#faq h3, #terms h3{
	font-weight: bold;
}

#home #content {
	background-image: url(layout/title_home.gif);
}

#contact #content {
	background-image: url(layout/title_contact.gif);
}
#about #content {
	background-image: url(layout/title_about.gif);
}

.ProductPath a {
	font-size: 12px;
	color: #000080;
}

#newfooter {
	position: relative;
	text-align: right;
	padding-bottom: -10px;
	padding-right: 15px;
	width: 90%;
	float: right;
}
#newfooter li {
   display: inline;
	list-style-type: none;
	padding-left: 10px;
  }
  
#newfooter a, #newfooter a:hover {
font-size: 10px;
font-weight: bold;
	color: #000080;
	text-decoration: none; 
}
#newfooter a:hover {
	text-decoration: underline; 
}