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

/* FOF specific styles */
.navlink {
	color: #0066cc;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	border-bottom:0px;
}

a.navlink {
	color: #0066cc;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	text-decoration: none;
	border-bottom:0px;
}

.menuhover {
	background-color:#0066CC;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
	font-size:14px;
}

.plainlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#ffffff;
}

#dropmenudiv{
	position:absolute;
	border:1px #0066CC;
	border-bottom-width: 1;
	font:normal 12px;
	line-height:18px;
	z-index:100;
	color:#0066CC;
	font-size:12px;
	background-color:#FFFFFF;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	border-bottom: 1px #0066CC;
	padding: 3px 0;
	text-decoration: none;
	text-align:left;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #CC0099;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration:underline;
}

/* Page Structure
----------------------------------------------- */
body {
  background-color: #0066cc;
  background-image: url('bg5.jpg');
  background-repeat: no-repeat;
  background-position: fixed;
  background-attachment: fixed;
  
  color:#fff;
  margin:0;
  padding:0;
  font:small Verdana,Sans-serif;
  line-height:1.6em;
  text-align:center;
  }

#MainContainer {
/*  width:750px;*/
  margin:0 auto;
  border:solid #fff;
  border-width:0 0px;
  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 georgia; 
	margin-top: 0px; 
	text-align: justify;
	color:#fff;
}

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 georgia;
  color: red;
  } 
  
TD {
	color: #fff;
}

/* Links
----------------------------------------------- */
a, .subnav a:visited {
  color:#ff9;
  text-decoration:none;
  border-bottom:1px dotted #469;
  }
  
a:visited {
  color:#ff9;
  border-color:#899;  
  }
  
a:hover, .subnav a:hover {
  color:#ff9;
  border-color:#ff0;
  border-bottom-style:solid;
  }
  
a img{
  border-width:0px;
  } 
  
a h3 {
	color: #fff;
} 
/* 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:#f99;
  border-width:0;
  }  
  
h2 a:hover {
  color:#fff;
  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:#f99;
  }

/* 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;
  }


/* 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 ul {
  margin:0;
  padding:0 0px;
  list-style:none;
  }

#CategoryTree li {
  float:none;
  margin:2px 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.ClosedIcon { text-decoration:none;border-bottom:0px solid #ddd;}
#CategoryTree li a.OpenIcon { text-decoration:none;border-bottom:0px solid #ddd;}
#CategoryTree li a.SelectedIcon { text-decoration:none;border-bottom:0px solid #ddd;}

#CategoryTree li a.Selected {  
  text-decoration:none;  
  font-weight: bold;  
  color: #c00;
 }
 
#CategoryTree li span {  
  padding-left: 6px;
  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 10px;}

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

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

#CategoryTree li.Level5 { 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 { float:right;}

.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: inline; float: 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 georgia; */
	color: #fff;
}

#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; 
	margin-left: 10px;
	color: #fff;
}

#CheckoutPage #CheckoutDetails{
	color: #fff;
}