html, body {
  margin: 0;
  padding: 0;
  text-align: center;
   background: #0087e1;
}

body, p, td, li, div, span, input, textarea, reset, submit {
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;

}

form {
  padding: 0;
  margin: 0;
}

a {
  outline: none;
}

#pagewidth{
  width: 990px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
/*  padding: 0 150px; */
  overflow: hidden;
  background: transparent url('images/background-decoration.png') no-repeat center top;
}

#pagewidth-inner {
    background-color: #fff;    
}

#wrapper {
    background: transparent url('images/pagewidth-inner-bottom-background.png') no-repeat 0 bottom;    
}

/*   -------------   HEADER   -------------   */

#header{
  position: relative;
  height: 140px;
  background: #FFFFFF url('images/header_bg.png') repeat-x 0 0;
  width: 100%;
    z-index: 100
}

#header h1 {
  /* width: 445px; */
  height: 68px;
  /*padding: 55px 0 0 0; */
  margin: 55px 0 0 0;
  float: left;
  position: absolute;
}

#header h1 a {
  width: 370px;
  height: 70px;
  display: block;
  text-indent: -9999px;
  background: url('images/logo.gif') no-repeat 0 0;
  outline: none; margin-left:27px; margin-right:0; margin-top:0; margin-bottom: 0;
}
#cart_holder {
/*  width: 585px; */
/*  float: left; */
  height: 11px;
}

#submit-button {
    border: 0;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    background: #b71115;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

#addtoany {
    bottom:0;
    position:absolute;
    right:48px;
}
#top_accnt_nav {
  height: 24px;
  line-height: 30px;
  padding-left: 230px;
  font-size: 14px;
  color: #557B8F;
}
#top_accnt_nav a {
/*  color: #557B8F; */
  /* color: #005599; */
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
#top_accnt_nav a:hover {
  color: #08B2E6;
}
#my_accnt {
  width: 100px;
  height: 50px;
  border-left: 0px solid #a0a0a0;
  padding-top: 15px; 
  background: none;
  float: right;
}
#my_accnt ul {
  padding: 0;
  margin: 8px 0 0 20px;
  list-style: none;
}
#my_accnt li {
  height: 18px;
  line-height: 18px;
}
#my_accnt a {
  color: #006833;
  text-decoration: none;
}
#my_accnt a:hover {
    color: #023176;
}
#basket {
  width: 144px;
  height: 120px;
  background: #E5FBC8;
  border-left: 1px solid #a0a0a0;  
  float: right;
  margin-right: 0px;
  padding: 18px 0 0 0px;
}

#shopping-cart {
  background: url('images/cart-icon.png') no-repeat 100px 0px;
}

#cart_items {
  width: 112px;
  padding-left: 15px;
  /* background: url('images/cart-icon.png') no-repeat 90px -10px; */
  font-size: 11px;
  color: #787878;
  margin-top: 4px
}
#checkout_hp {
  margin-top: 4px;
}

#search_bar {
  height: 34px;
  line-height: 34px;
  background: url('images/search_bar_back.jpg') repeat-x 0 0;
  /* border-bottom: 1px solid #a0a0a0; */
/*  border-top: 1px solid #a0a0a0; */
  float: left;

  width: 100%;
  /* margin-top: 1px; */
  font-weight: bold;
  color: #005599
}
#search_bar a {
  color: #005599;
  text-decoration: none;
}
#search_bar a:hover {
  text-decoration: underline;
}


#search_fld {
  width: 250px;
  height: 18px;
  border: 1px solid #2ab1ed;
  float: left;
  margin: 7px 5px 0 34px;
  font-size: 14px;
}
#search_btn {
  float: left;
  margin: 8px 15px 0 0;
}


/*   -------------   MAIN CONTENT   -------------   */

#maincol{
  position: relative;
  width: 990px;   
}

#display_leftcol {
  float: left;
  width: 575px;
  margin-bottom: 30px;
}

#display_rightcol {
  float: left;
  width: 200px;
  margin-left: 10px;
}

/*   Wholesale Supplies & Free Support blocks   */

#WS_nav_con {
  float: left;
  width: 182px;
}

#WS_nav, #FS_nav {
  width: 180px;

  margin: 0;
  padding: 5px 0 0 5px;
  list-style: none;
  overflow: hidden;  
  white-space: nowrap;  
}

#WS_nav h3, #FS_nav h3 {
  width: 180px;
  height: 31px;
  line-height: 31px;
  margin: 0;
  padding: 0;
  background: #08B2E6;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-indent: 20px;
}
#WS_nav a, #FS_nav a {
  width: 153px;
  padding-left: 27px;
  height: 24px;
  line-height: 24px;
  color: #00789D;
  text-decoration: none;
  font-weight: bold;
  background: #CCF3FF url('images/nav_arrow.gif') no-repeat 10px 9px;
  display: block
}

.WS_nav1 a {
  width: 156px;
  background: 
  text-indent: 10px;
  padding-left: 27px;
  height: 24px;
  line-height: 24px;
  color: #00789D;
  /* text-indent: 12px; */
  text-decoration: none;
  font-weight: bold;
  /* background: #CCF3FF url('images/nav_arrow.gif') no-repeat 24px 9px; */
  display: block
}


#FS_nav a {
  height: 22px;
  line-height: 22px;
}
#WS_nav a:hover, #FS_nav a:hover {
  color: #CCF3FF;
  background: #00789D;
}


/*   end Wholesale Supplies & Free Support blocks   */

#intro_holder {
  height: 251px;
  float: left;
  margin: 5px 0 0 5px;
}

#mainmiddle {
  width: 795px;
  float: left;
  margin: 5px 0 0 10px;
}

#cat_header {
  width: 775px;
  height: 54px;
  float: left;
  margin: 0px 0 0px 5px;
  background: url('images/blank_products.gif') no-repeat 0 0;  
}


#cat_header h1{
  color: #339900;
  padding: 5px;
  font-size: 24px;
  font-weight: normal;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  
  text-indent: 5px;
  text-align: left;  
}


#intro {
  /* top: 5px; */
  /* left: 190px; */
  width: 555px;
  height: 282px;
  /* background: url('images/new_intro_bg.jpg') no-repeat 0 0; */
  /* background: url('images/intro_background.jpg') no-repeat 0 0; */
  /* display: block; padding-left:8px; padding-right:0; padding-top:1px; padding-bottom:1px */
}
#intro h1 {
  width: 415px;
  height: 97px;
  padding: 0;
  display: block;
  float: left;
  text-indent: -9999px;
  background: url('images/title_bg.gif') no-repeat 20px 13px;; margin-left:0; margin-right:0; margin-top:-5px; margin-bottom:0
}
#intro_thumbs {
  padding: 0 0 0 10px;
  margin: 0;
  list-style: none;
  float: right;
  width: 172px;
}

#intro_thumbs li {
  float: left;
  margin: 4px 8px 4px 0;
}
* html #intro_thumbs li {
  margin: 4px 6px 4px 0;
}

#intro_thumbs li a img {
  width: 72px;
  height: 69px;
  border: 3px solid white;
  background:white no-repeat center center;  
  float: left;
}
#intro p {

  color: white;
  font-weight: bold;
  padding: 0;
  margin: 0;
  line-height: 14px;
}
#commited {
  padding: 5px 0 0 1px;
  float: left;
  width: 239px;
}

#commited a img {
/*  margin-left: 8px; */
  border: 1px solid #a2a39b;
  float: left;
}

/*   More Support navigation   */

#MS_nav_con {
  float: left;
  width: 190px;

}

#MS_nav {
  /* width: 180px; */

  margin: 5px 0 0 5px;
  padding: 0;
  list-style: none;

}
* html #MS_nav {
	margin: 5px 0 0 2px;
}

#MS_nav ul {

}

#MS_nav li {
	overflow: hidden;
	clear: left;
}

#MS_nav h3 {
  width: 180px;
  height: 31px;
  line-height: 31px;
  margin: 0;
  padding: 0;
  background: #08B2E6;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-indent: 20px;
}

#MS_nav li#gift-registry {
    background-color: #ceec38;
    padding-bottom: 10px;
}

#MS_nav li#gift-registry h3 {
  width: 100%;
  height: 31px;
  line-height: 31px;
  margin: 0;
  padding: 0;
  background: #87c632;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-indent: 20px;
}

#MS_nav li#gift-registry span {
  font-size: 11px;
  background: #ceec38;
  padding: 10px 3px 10px 10px;
  color: #424242;
  display: block;
}


#MS_nav li#newsletter {
    background-color: #b0e2fa;
    /* padding-bottom: 10px; */
}

#MS_nav li#newsletter h3 {
  width: 180px;
  height: 31px;
  line-height: 31px;
  margin: 0;
  padding: 0;
  background: #b0e2fa;
  color: #0b5e92;
  font-size: 16px;
  font-weight: bold;
  text-indent: 10px;
}

#MS_nav li#newsletter span {
  font-size: 11px;
  background: #b0e2fa;
  padding: 2px 5px 10px 10px;
  color: #424242;
  display: block;
}


#MS_nav li#newsletter a {
    background: none;
    font-size: 10px;
    color: #424242;
    text-decoration: underline;
}

#MS_nav li a {
/*  width: 163px;
  padding-left: 17px;
  height: 24px;
  line-height: 24px;
  color: #00789D;
  text-decoration: none;
  font-weight: bold;
  background: #CCF3FF;
  display: block;
*/
  height: 31px;
  line-height: 31px;
  margin: 0;
  padding: 0;
  /*background: #1c9607;*/
  background: transparent url(images/category-title-background.png) repeat-x 0 0;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-indent: 10px;
    display: block;
    text-decoration: none;


}

#MS_nav li a#loveletters-link {
    height: auto;
    line-height: inherit;
    text-indent: 0;
    background: none;
}

#MS_nav li a:hover {
  color: #CCF3FF;
  background: #00789D;  
}
#MS_nav span {
  font-size: 11px;
  background: #CCF3FF;
  padding: 0 3px 0 17px;
  color: #424242;
  display: block;
}
.MS_fld {
	width: 130px;
	border: 1px solid #08b2e6;
	float: left;
	margin: 0 3px 0 10px;
}
.MS_go_btn {
	width: 21px;
	height: 21px;
	float: left;
}

#geotrust {
    margin-top: 10px;
}

/*   More Support navigation 2  */

#MS_nav2 {
  width: 180px;
  float: left;
  margin: 0px 0 0 0px;
  padding: 0;
  list-style: none;
  background: #CCF3FF;
}
* html #MS_nav2 {
	margin: 0px 0 0 2px;
}
#MS_nav2 li {
    padding: 0px 0 0px 0;	
	clear: left;
}

#MS_nav2 h3 {
  width: 180px;
  height: 31px;
  line-height: 31px;
  margin: 0;
  padding: 0;
  background: #08B2E6;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-indent: 20px;
}
#MS_nav2 a {
  width: 163px;
  padding-left: 17px;
  height: 24px;
  line-height: 24px;
  color: #00789D;
  text-decoration: none;
  font-weight: bold;
  background: #CCF3FF;
  display: block;
}

#MS_nav2 a:hover {
  color: #CCF3FF;
  background: #00789D;    
}
#MS_nav2 span {
  font-size: 11px;
  padding: 0 3px 0 17px;
  background: none;  
  color: #424242;
  display: block;
}
.MS_fld2 {
	width: 130px;
	border: 1px solid #08b2e6;
	float: left;
	margin: 0 3px 0 17px;
}
.MS_go_btn2 {
	width: 21px;
	height: 21px;
	float: left;
}

#social-icons {
    margin: 10px 0 10px 5px;
    text-align: center;
}

#social-icons img {
    margin-right: 4px;
}

/*   New Products block   */
#new_products {
	/* width: 800px; */
	float: left;
	/*border: 1px solid #66B578; */
	margin: 5px 0 0 5px;
	padding-bottom: 3px;
}

#new_products_title {
    position: relative;
}
#new_products_title img {
    position: absolute;
    bottom: -9px;
    right: -7px;
}

#new_products h3 {
    background: transparent url(images/category-title-background.png) repeat-x scroll 0 0;
    color: white;
    font-size: 16px;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    margin: 0;
    padding: 0;
    text-indent: 20px;
    width: 780px;
    border: 1px solid #C7D6F6;
    border-bottom: 0;
}

#new_products table {
	width: 790px;
	margin-left: 1px;
}
#new_products td {
	width: 152px;
	text-align: center;
	color: #646464;
	padding: 2px 3px;
	vertical-align: top;
}

#bottom-banners {
    float: left;
    width: 790px;
}

a.NP_thumb {
	width: 100px;
	height: 100px;
	display: block;
	padding: 7px;
	background: url('images/new_products_thumb_bg.gif') no-repeat 0 0;	
	margin: 0 auto
}
a.NP_thumb img {
	border: 1px solid #a3a2a2;
}
a.NP_thumb:hover img {
	border: 1px solid #08B2E6;
}
.NP_price {
	color: #339900;
	font-weight: bold;
	clear: both;
	display: block;
}



/*   -------------   FOOTER   -------------   */

#footer_btm {
    background-color: #0087e1;
    text-align: center;
    overflow: hidden;
}

#footer_btm ul {
    margin: 20px auto;
    overflow: hidden;
}

#footer_btm ul li {
    list-style: none;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border-right: 1px solid #fff;
}

#footer_btm ul li.last {
    border: none;
}

#footer_btm a {
    color: #fff;
    text-decoration: none;
}

#footer_btm a:hover {
    text-decoration: underline;
}

#footer_btm p {
    padding: 0px 150px;
    margin: 0;
    color: #fff;
    font-size: 10px;
}

#footer_btm p#copyright {
    font-size: 12px;
    padding-bottom: 20px;
}

#footer{
  height: 160px;
  /* background: #FFFFFF url('images/footer_bg.gif') repeat-x bottom; */
  background-color: #0087e1;
  clear: both;
  /* width: 980px; */
  /* border-top: 1px solid #a0a0a0; */
}
.footer_lnks {
	width: 166px;
	padding: 0;
	margin: 10px 0 0 28px;
	float: left;
	list-style: none;
	background: transparent url('images/footer-shadow.png') no-repeat top right;
	min-height: 135px;
}
* html .footer_lnks {
	display: inline;
	width: 176px;
	margin: 10px 0 0 16px;
}
.footer_lnks a {
	/* color: #646464; */
	color: #fff;
	text-decoration: none;
	line-height: 18px;
}
.footer_lnks a:hover {
	text-decoration: underline;
}
#footer_icons {
	height: 54px;
	text-align: center;
}

a.squarebutton{
background: transparent url('images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* ***   Float containers fix:   *** */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix{
  display: inline-block;
}
/* Hides from IE-mac \*/

* html .clearfix{
  height: 1%;
}

.clearfix{
  display: block;
}
/* End hide from IE-mac */

/*   Wholesale Supplies & Free Support blocks Home Page Only   */

#home_nav {
    overflow: hidden;
    width: 190px;
    float: left;
}

#WS_home_nav, #FS_home_nav {
  width: 183px;
  float: left;
  margin: 5px 0 0 5px;
  padding: 0;
  list-style: none;
  background: #d6ecf8 url(images/category-background.png) repeat-x 0 0;
  border: 1px solid #c7d6f6;
}

#WS_home_nav h3, #FS_home_nav h3 {
  /* width: 180px; */
  height: 31px;
  line-height: 31px;
  margin: 0;
  padding: 0;
  /*background: #1c9607;*/
  background: transparent url(images/category-title-background.png) repeat-x 0 0;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-indent: 20px;
}
#WS_home_nav a, #FS_home_nav a {
  /* width: 153px; */
  padding-left: 27px;
  height: 24px;
  line-height: 24px;
  /* color: #339900; */
  color: #0b5e92;
  text-decoration: none;
  font-weight: bold;
  /* background: #E5FBC8 url('images/nav_arrow.gif') no-repeat 10px 9px; */
  display: block;
  border-bottom: 1px dotted #767878;
  overflow: hidden;
}

#WS_home_nav li.WS_nav1 a {
    background-color: #a7e658;
    text-indent: 10px;
}

#WS_home_nav li.WS_nav1 a:hover {
  color: #0B5E92;
  /* background: #339900; */
    background: transparent url('images/nav-arrow.png') no-repeat 10px 10px;

}

#WS_home_nav li.WS_nav1:hover {
    background: transparent url('images/category-hover-background-green.png') repeat-x 0 0;
}

#WS_home_nav a.last-category, #FS_home_nav a.last-category {
    border: 0;
    /* height: 55px; */
}

#WS_home_nav1 a {
  width: 153px;
  padding-left: 27px;
  height: 24px;
  line-height: 24px;
  color: #339900;
  text-indent: 12px;
  text-decoration: none;
  font-weight: bold;
  background: #E5FBC8 url('images/nav_arrow.gif') no-repeat 24px 9px;
  display: block
}

#FS_home_nav a {
  height: 22px;
  line-height: 22px;
}
#WS_home_nav a:hover, #FS_home_nav a:hover {
  color: #0B5E92;
  /* background: #339900; */
    background: transparent url('images/nav-arrow.png') no-repeat 10px 10px;

}

#WS_home_nav li:hover, #FS_home_nav li:hover {
    background: transparent url('images/category-hover-background.png') repeat-x 0 0;
}

#navtabs {
  height: 33px;
/*background: url('images/top_nav_bg.gif');*/
/*border-bottom: 1px solid #047700;*/
/* border-top: 1px solid #047700;*/
  clear: both;
  float: left;
  width: 100%;
}

#buttoncontainer {
  width: 120px;
  margin: auto;
}

.rdcontainer {
 width: 150px;
 float: right;
 background:#E5FBC8;
 color:#000000;
 margin: 30px 13px 10px 0px;
}

.rtop, .rbottom {
 display:block;
 background:#ffffff;
}

.rtop *, .rbottom *{
 display: block;
 height: 1px;
 overflow: hidden;
 background:#E5FBC8;
}

.r1 {margin: 0 5px}
.r2 {margin: 0 3px}
.r3 {margin: 0 2px}
.r4 {margin: 0 1px; height: 2px}

.rdcontainerb {
 width: 130px;
 float: right;
 background:#E5FBC8;
 color:#000000;
 margin: 10px 15px;
}

.rtopb, .rbottomb {
 display:block;
 background:#ffffff;
}

.rtopb *, .rbottomb *{
 display: block;
 height: 1px;
 overflow: hidden;
 background:#E5FBC8;
}

.r1b {margin: 0 5px}
.r2b {margin: 0 3px}
.r3b {margin: 0 2px}
.r4b {margin: 0 1px; height: 2px}

 /*printer styles*/
 @media print{

.display {float:none;position:absolute;}
#pagewidth {border:0px;}

/*hide when printing*/
#WS_nav,#footer,#footer_icons,#footer_btm,#header,#top_accnt_nav,#navtabs,#search_bar {display:none;}




}