img {border:none}

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

html {background: #3f96c3; height: 100%;}


/* Default link is black with orange hover */
a:link, a:visited, a:active
{
  font-weight: bold; color: #333333; text-decoration: none;
}
a:hover
{
  color: #FF6600; font-weight: bold; text-decoration: underline;
}



/* It is common to set printer friendly styles such as a white background with black text. */
body {
  background-color: #3f96c3;
  background: url(../images/body_background.jpg) repeat-x center top;
  color: #000;
  margin: 0 0 0 0; /* Sets the margin properties for all margins using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  font-family: "Arial";
  font-size: 12px;
  color: #333333;
  text-align: center;
  height:100%;
}

#container {
	width: 890px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#wrap-page {
	width:890px;
	background: #fff/* url(backgrounds/content_background.gif) repeat-y center top*/;
	height: auto;
	margin: 0px auto;
	padding: 0!important;
	position: relative;
	text-align: left;

}

#page-inner {/*background: url(backgrounds/content_background-top.gif) no-repeat 0px 153px;*/
	padding: 0 20px 10px 20px;
	position: relative;
	margin-bottom: 5px;
}

#ie6 #page-inner {}

#header {
	background-color: #fff;
	border-color: #000; /* Sets the border color properties for an element using shorthand notation */
	color: #000;
	float: none;
	margin: 0 0 0 0; /* Sets the margin properties for all margins using shorthand notation (top, right, bottom, left) */
	padding: 20px 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: auto;
	position:relative;
	top:0px;
	left:-20px;
}
#contentwrapper {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
  float: none;
  margin: 0 0 0 0; /* Sets the margin properties for all margins using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 850px;
}

/* =============================== */
/* =============== LEFT COLUMN PRODUCT PAGE =============== */
/* =============================== */

#content	{
  margin: 0 190px 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  height:100%;
}
/*==============END OF LEFT COLUMN PRODUCT PAGE ==============*/

/*================= LEFT AND CENTER COLUMN CATEGORY PAGE ================*/
#left-column	{
	background-color: #ffffff;
	/*  border-left: solid 1px #666; /* Sets the left border properties for an element using shorthand notation */
    position:absolute;
	left: 15px;
	top: 422px;
	padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 305px;
	margin: 0 0 0 0;
}
#center-column	{
	background-color: #ffffff;
	/*  border-left: solid 1px #666; /* Sets the left border properties for an element using shorthand notation */
  position:absolute;
	left: 357px;
	top: 422px;
	padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 305px;
	margin: 0 0 0 0;
}
/*================= END OF LEFT AND CENTER COLUMNS CATEGORY PAGE ============*/

/* =============================== */
/* =============== RIGHT COLUMN =============== */
/* =============================== */


#right-column	{
  background-color: #ffffff;
/*  border-left: solid 1px #666; /* Sets the left border properties for an element using shorthand notation */
  float: right;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 170px;
  margin: 10px 0 0 0;
}
#sbheader	{
	text-align:center;
	width:170px;
}
.box { 
	background: #EBEBEB;
	width:140px;
}
.boxtop {
	background: url(../images/ne.gif) no-repeat top right;
}
.boxtop div {
	height: 10px;
	background: url(../images/nw.gif) no-repeat top left;
}
.boxbottom { 
  background: url(../images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(../images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}
/*==========Box in Right Column============*/

.t {background: url(../images/top.gif) 100% 0 repeat-x}
.b {background: url(../images/bottom.gif) 0 100% repeat-x}
.l {background: url(../images/left.gif) 0 0 repeat-y}
.r {background: url(../images/right.gif) 100% 0 repeat-y}

.bl {background: url(../images/bottomleft.gif) 0 100% no-repeat}
.br {background: url(../images/bottomright.gif) 100% 100% no-repeat}
.tl {background: url(../images/topleft.gif) 0 0 no-repeat}
.tr {background: url(../images/topright.gif) 100% 0 no-repeat; padding:10px}

/*===========END OF RIGHT COLUMN=============*/
.clearFloat {
  clear: both;
  display: block;
}
#footer {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
  float: none;
  margin: 0 0 0 0; /* Sets the margin properties for all margins using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: auto;
  text-align: center;
}

/* Creates a small H1 for seo.*/
.cms1500tag	{
  font-size: 6pt;
  color: #999999;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align:left;
}

#topmenu  {
	font: 10px/20px Arial Bold;
	height: 17px;
	text-align: center;
	margin: 0px;
	padding: 10px 0 0 0;
	list-style: none;
	color: #333333;
	position: absolute;
	left: 565px;
	top: -5px;
	z-index: 4;
	width:424px;
}

#topmenu li	{
   height: 100%;
   display: block;
   float: left;
   margin: 0px;
}

#topmenu li a:hover	{
   color: #ff6600;
   font-weight: bold;
}

#topmenu li a  {
   font-weight: bold;
   text-decoration: none;
   color: #000000;
   height: 100%;
   display: block;
}
#boxshot	{
	height: 120px;
}
/*=========================================*/
/*=================TEXT====================*/
/*=========================================*/

/* Small grey text with orange hover on links */
.smallgrey
{
 font-size: 10px; font-weight: normal; color: #666666; text-decoration: none;
}
a.smallgrey:link, a.smallgrey:visited, a.smallgrey:active
{
 font-size: 10px; font-weight: normal; color: #666666; text-decoration: underline;
}
a.smallgrey:hover
{
 font-size: 10px; font-weight: normal; color: #FF6600; text-decoration: underline;
}

/* Top text - used for emphasis */
.toptext, a.toptext:link, a.toptext:visited, a.topttext:active
{
 font-size: 17px; font-weight: bold; letter-spacing: -1px; color: #333333; text-decoration: none; font-family: "Verdana";
}
h2	{ font-size: 18px; color: #666666; }