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

/* Page Structure
----------------------------------------------- */
body {
  background:#fff url("bg_pg_blue.gif");
  color:#fff;
  margin:0;
  padding:0;
  font:small Verdana,Sans-serif;
  line-height:1.6em;
  text-align:center;
  }

#MainContainer {
  
  background:#fff 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:none;
  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 georgia; 
	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;
  }
  
.Success{color: green;
	font: bolder 13px Verdana, Arial, Helvetica, sans-serif;
}

.RequiredField {
  font: 9pt/17pt georgia;
  color: red;
  } 

/* Links
----------------------------------------------- */
  
a img{
  border-width:0px;
  }  

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

  
h2, h2 a, h2 a:visited {
  color:#b95;
  border-width:0;
  }  
  
h2 a:hover {
  color:#974;
  text-decoration:none;
  }
  
h3 {
  margin:.25em 0 .25em;
  font:110%/1.5em Georgia,Serif;
  }
  
h3 a {
  border-width:0;
  }
  
h4 {
  margin:1em 0 .25em;
  font:125% Georgia,Serif;
  color:#575;
  }

/* 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, textarea {
  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 Georgia,Serif;
  color:#888;
  }
  
 * html #Header {
    margin-bottom:-11px;
    }
  
/* 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;
  }
  
a.TopNavLink, a.TopNavLink:visited{
	font-weight:bold;
	color: #111182;
	text-decoration:none;
	border-bottom:0px none #469;
}

a.TopNavLink:hover {	
	font-weight:bold;
	color: #A61117;
	text-decoration:none;
	border-bottom:0px none #469;
}

table.TopNavLink td {
	text-align:center;
}

.CheckOut{
	margin-top: 7px;
	padding-right: 17px;	
}
/* 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 {
}

#CategoryTree ul {
  margin:0;
  padding:0 20px;
  list-style:none;
  font-size:85%;
  }

#CategoryTree li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
}

#CategoryTree li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #A61117;
 }
 
#CategoryTree li a:hover {
	text-decoration:underline;
 }
  
#CategoryTree li a.Open {  
  text-decoration:none;
  font-weight: bold;  
 }

#CategoryTree li a.Closed { text-decoration:none;border-bottom:0px none #469;}
#CategoryTree li a.Closed:hover { text-decoration:underline;border-bottom:0px none #469;}
#CategoryTree li a.ClosedIcon { text-decoration:none;border-bottom:0px none #ddd;}
#CategoryTree li a.OpenIcon { text-decoration:none;border-bottom:0px none #ddd;}
#CategoryTree li a.SelectedIcon { text-decoration:none;border-bottom:0px none #ddd;}

#CategoryTree li a.Selected {
  text-decoration:underline;
  border-bottom:0px none #469;
  font-weight: bold;  
 }
 
#CategoryTree li span {  
  padding-left: 1px;
  padding-right: 0px;
  padding-bottom: 0px;
  background-position: 0px 5px;
  background-repeat: no-repeat;
}
 
#CategoryTree li span.Open, #CategoryTree li span.Selected { background-image: url("CatOpen.gif");}

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

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

#CategoryTree li.Level2 { display: none; padding:0 10px;}

#CategoryTree li.Level3 { display: none; padding:0 20px;}

#CategoryTree li.Level4 { display: none; padding:0 30px;}

#CategoryTree li.Level5 { display: none; padding:0 40px;}

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

.ProductName {
  display: none;
}

.ProductNameLink { float: left;}

.ProductShortDesc { display: none;}

.ProductLongDesc { display: none;}

.ProductPrice { float: right;}

.ProductCartLink { display: none;}

.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, #CategoryPage .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;}

#HomeLogoTable {display:none}
#HomePage #HomeLogoTable {display:block}
#HomePage #NormalLogoTable {display:none}
#HomePage #CategoryTree {display:none}
#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;
  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;}
#CategoryPage .CategoryPath { display: none;}
#CategoryPage .CategoryDescription { display: none;}
#CategoryPage .ProductImage { 
  display: inline;
  float: right;
}

#CategoryPage .ProductNameLink { display: none;}
#CategoryPage .ProductName { display: inline;
	font-weight:bold;
	color: #111182;
	font-size:13px;
}
#CategoryPage .ProductCartLink { display: inline;}
#CategoryPage .ProductCheckoutLink { display: none;}
#CategoryPage .ProductImage { 
  display: inline;
}
#CategoryPage .ProductPrice { 
  display: inline;
  color: #A61117;
  font-weight: bold;
}
#CategoryPage .ProductShortDesc { 
  display: inline;
  color: #111182;
}
#CategoryPage .ProductLongDesc { 
  display: inline;
  color: #111182;
}
#CategoryPage .ProductQuantityText { 
  display: inline;
  font-weight:bold;
  color: #111182;
  font-size:13px;
}
#CategoryPage .ProductQuantityInput { 
  display: inline;
}
#SubmitButton {
	float:right;
	margin-top: 20px;
	margin-right: 5px;
}

.ProductDetailTable{
	border-bottom-style: solid;
	border-bottom-color: #111182;
}

/* View Cart Page
----------------------------------------------- */
#CartPage table {
	font: 9pt/17pt georgia; 
}

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

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

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


/* Checkout Page */
#CheckoutPage #CartDetails {
	font: 9pt/17pt georgia; 

}


.MenuDivClass {position:absolute;visibility:hidden;z-index:1000;padding:0px;margin:0px;} 
.MenuTableClass {padding:0px;margin:0px;border-width:0px;border-style:none;border-color:#666666; background-color:#F4F3D4} 
.MenuItem {font-family:Verdana, Arial;
font-size:8pt;
text-align:left;
background-color:F4F3D4;
border-width:0px;
border-style:none;
border-color:black;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:5px;
text-decoration:none;
font-weight:bold;
color: #111182;
border-bottom:0px none #469;
} 
.MenuItemOver {cursor:pointer;
font-family:Verdana, Arial;
font-size:8pt;
text-align:left;
color:#A61117;
background-color:#F4F3D4;
border-width:0px;
border-style:none;
border-color:black;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:5px;
text-decoration:none;
font-weight:bold;}