/*
-----------------------------------------------
 Layout CSS
----------------------------------------------- */

body {
	color: #002035;
	padding: 0 0 40px;
	background-color: #FFF;
	background-image: url(../images/grad11.jpg);
	background-repeat: repeat-x;
}

/* IE 6 PNG fix */

img, div { behavior: url(iepngfix.htc) }

/* Hyperlinks */
a, a:link { color: #0464A0; text-decoration: none; font-weight: bold; }
a:visited {}
a:hover {color:#0692E6;text-decoration: underline;}
a:active {}

#green a {
    color: #33b826;
    font-weight: bolder;
}

.required {
	color: #F00;
}

a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	border-bottom-width: 1px;
	border-bottom-color: #F2F2F2;
	border-bottom-style: solid;
	background-color: #fff;
	background-image: url(../images/bg2.png);
	background-repeat: repeat-y;
	background-position: center top;
}


/* Headings
----------------------------------------------- */
/* Banner */
h1 {font-size: 20px;}
h1 span {}
h1.green {color: #79df1d; display:inline; margin-left: 25px;}
h1 a {font-weight:normal;}

/* Pagetitle */
h2 {margin-top:1em;}

/* Head */
h3 { margin-bottom: 5px;}

/* Subhead */
h4 {}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}

/* default headers */
h1, h2, h4, h5, h6, pre, code { line-height:1.2em; margin: 0px 0px 20px 0px; }


/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:3em;
	text-align:left;
	background:#aaa;
	padding:.7em 1em;
	margin-bottom:0;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

#search {
	background: #D6EDF8;
	width: auto;
	height: 30px;
	padding: 4px 0px 0px 4px;
	border: 1px solid #83abff;
}

#contentContainer #centering { margin: 0 auto; width: 960px;}

/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym { border-bottom: #000 1px dashed; cursor: help; }
sup {}
sub {}
address { font-style: normal }
ins {}
dfn {}
del {}

/* Horizontal Rule */
hr {}

/* Paragraphs */
p {}

/* List Items */
li {margin-left: 20px;}

/* Unordered lists */
ul {list-style: disc;}
	ul li {}

/* Ordered lists */
ol {list-style: decimal;}
	ol li {}

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {	
    font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;}
	
	blockquote blockquote {}
	blockquote em {}
	blockquote cite {font-size:.9em;}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */	
table { width: 100%}
caption {}
tr {}
th { margin: 0px; padding: 0px;}
td { margin: 0px; padding: 0px;}

table#floatingPosty {
    background-image: url('http://www.simplyofficesupplies.com/images/posty.gif');
    background-repeat: no-repeat;
    }
	
#summary td { text-align: right;}


/* Form Elements */
form { }
fieldset { border: 1px solid #cccccc; }
legend { color: #000000; }
label { }
select { }
option { }
textarea { }
input[type="button"] { }
input[type="checkbox"] { }
input[type="file"] { }
input[type="hidden"] { }
input[type="image"] { }
input[type="password"] { }
input[type="radio"] { }
input[type="reset"] { }
input[type="submit"] { }
input[type="text"] { }
button { }

/* forms
----------------------------------------------- */
form {

}
fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}
fieldset p input {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
    margin-top:25px;
}
input.search.button {
	width:28%;
	margin-left:2%;

}

.button {
background-color:#F9E934 ;
border:1px solid #E5E7E6;
color:#0044A7;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding: 4px;
border: 1px solid #958904;	
background: url(../images/bg_mega.gif) repeat center center;
}
.button1 {
background-color:#F6F782;
border:1px solid #E5E7E6;
color:#0044A7;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding:10px;
float: left;
}

.button:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#027FFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#FFFFFF;
cursor: pointer;
}


.btn {
	position: relative;
	background: #aaa;
	padding: 5px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	margin: 3px;
	border: 1px solid #EFEFEF;
	overflow: visible;
}



.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #027fff; }
.btn.green { background: #38e156; }
.btn.yellow { background: #f8e934; }
.btn:hover { background-color: #38e156; color: #fff; text-decoration: underline; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #027fff; }
* html .btn.green { border-color: #38e156; }
* html .btn.yellow { border-color: #f8e934; }
* html .btn:hover { border-color: #a00; }

.cart-buttons { float: right; margin: 10px 0px 0px 0px;}



/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {}
.right, .alignright {}
.center, .aligncenter {}
.block, .alignnone {}



/* White space for various */
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
address,
fieldset
{
	margin-bottom: 20px;
}

/* boxes
----------------------------------------------- */
.box {
	margin-bottom:20px;
	padding:10px 10px 1px 10px;
	background-image: url(../images/grad10.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.box_header_cart {
	margin:0px;
	padding:10px;
	background-color: #fcfcfc;
	border: 1px solid #83ABFF;
	width: 206px;
	height: auto;
	float: right;
	font-size: 12px;
	line-height: 22px;
}

.box_header_cart a {

	font-weight: normal;
	text-decoration: underline;
}



.box_header_cart a:hover {
	color: #0692E6;
	font-weight: normal;
	text-decoration: underline;
}

.box_header_white {
	background-color: #efefef;
	height: 20px;
	width: 100%;

}

.box_header_fade {
	background-color: #ffffff;
	background-image: url(../images/grad12.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

.box_header_fade2 {
	display: none;
	background-color: #F3F3F3;
	height: 15px;
	width: 940px;
	margin: 0px auto;
}

.box h2 {
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#003D64;
	margin:-10px -10px 0 -10px;
	padding:9px 12px;
	background-color: #f9f191;
	/*background-image: url(../images/grad4.jpg);*/
	background-repeat: repeat-x;
	background-position: center top;
}
.box h2 a,
.box h2 a.visible {
	color: #003D64;
	display:block;
	padding:9px 12px;
	margin:-9px -12px;
	border:none;
}

.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("../img/switch_plus.gif");
}

.home-boxes {
    background: url(../images/home_boxes.jpg);
    height: 63px;
    width: 940px;
}

.home-box2 {
	background: url(../images/home_boxes.jpg);
	height: 63px;
	width: 940px;
}

.home-boxes-left {
float:left;
font-size:14px;
margin:22px 0 0 98px;
width:374px;
	}
	
	.home-boxes-right {
float:left;
font-size:14px;
margin:22px 0 0 80px;
width:368px;
	}

.block {
	padding-top:10px;
}
.menu {
	padding:0;
}
.menu h2 {
	margin:0;
}
.menu .block {
	padding-top:0;
}



/* tabs
----------------------------------------------- */
    
#slidetabsmenu {
float:left;
width:100%;
font-size:90%;
line-height:normal;
border-bottom: 1px solid gray;
margin: 0px 0px 10px 0px;
}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(../images/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(../images/tab-right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
	color: #03F;
}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
	background-position:100% -125px;
	color: #03F;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}



#a1, #a2, #a3, #a4, #a5, #a6 {
	border: 1px solid #CCC;
	padding: 20px;
	margin: -11px 0px 0px 0px;
}


/* site information
----------------------------------------------- */
#site_info .box {
	color:#8496ba;
	background:#f2f2f2;
	margin-bottom:10px;
}
#site_info a {
	color:#fff;
}
#site_info a:hover {
	color:#000;
}


/******************* General Styles *******************/
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.sup { vertical-align: super; }
.sub { vertical-align: sub; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.eleven { font-size: 11px; }
.twelve { font-size: 12px; }
.thirteen { font-size: 13px; }
.fourteen { font-size: 14px; }
.fifteen { font-size: 15px; }
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.o { text-decoration: overline; }
.s { text-decoration: line-through; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.camelcase { text-transform: capitalize; }
.smallcaps { font-variant: small-caps; }
.slant { font-style: oblique; }
.indent { text-indent: 10px; }
.wrap { word-wrap: break-word; white-space: normal; }
.pre { white-space: pre; }
.block { display: block; }
.inline { display: inline; }
.none { display: none; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.collapse { visibility: collapse; }
.circle { list-style-type: circle; }
.disc { list-style-type: disc;}
.clear { clear: both;}
ul.collapse { list-style-type: none; }
ul.collapse li { list-style-type: none; display: inline; }


/**
* Header
************************************************/

/*  Top Navigation Bar
----------------------------------------------- */
#topNavigation {
	margin: 6px 0px 0px 100px;
	font-size: 12px;

}

.view-more {
	text-align: center;
	margin: 4px;
	font-size: 14px;
	color: #F00;
}

.view-more a {}

/*Home-Page-Boxes*/


/* --- Grid- --- */

.grid {
  width: 520px;
  margin: auto;
}

.grid-m1 {
  float: left;
  width: 0px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 255px;
}

.grid-m2 {
  float: left;
  width: 10px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 255px;
}





/* --- Grid-Home-Page --- */

.shop-now-button {
	background: url(../images/btn_shop_now.png) no-repeat center center;
	width: 109px;
	height: 26px;
	text-align: center;
	font-size:14px;
	padding: 8px 0px 0px 0px;
}

.grid-home-top-c2 .shop-now-button {
background:url("../images/btn_shop_now.png") no-repeat scroll center center transparent;
float:left;
font-size:14px;
height:26px;
padding:8px 0 0;
text-align:center;
width:145px; 
}

.shop-now-button :hover {
	background: url(../images/btn_shop_now_over.png) no-repeat center center;
	width: 109px;
	height: 33px;
}

a .shop-now-button  { cursor: pointer;}

#box-specials {
	margin: 200px 0px 0px 5px;

}

#poll { width: 250px; float: right; display: inline; margin:20px 30px 0px 0px;}
#poll fieldset { background-color:#FFF;}
#poll fieldset p input { width: auto;}

.grid-home {

  margin: auto;
}

.grid-home-top-m1 {
  float: left;
  width: 0px;
  height: 1px;
}

.grid-home-top-c1 {
	float: left;
	width: 620px;
	height: 250px;
	background: #F3F3F3 url(../images/home_box_6.jpg) repeat-x center top;
	border: 2px solid #CCC;
	display: inline /* IE6 Problem */
}

.grid-home-top-m2 {
  float: left;
  width: 8px;
  height: 250px;
  /*background: #d5dade url(../images/bg_home_margin.jpg) no-repeat center top;*/
}

.grid-home-top-c2 {
  float: left;
  width: 308px;
  height: 250px;
  background: #F3F3F3 url(../images/home_specials2.jpg) repeat-x center top;
  display: inline /* IE6 Problem */
}

.grid-home-sub-m1 {
  float: left;
  width: 0px;
  height: 1px;
}

.grid-home-sub-c1, .grid-home-sub-c2, .grid-home-sub-c3 {padding: 50px 0px 0px 0px; margin: 0px;}

.grid-home-sub-c1 p, .grid-home-sub-c2 p, .grid-home-sub-c3 p {padding: 0px 4px 0px 4px; margin: 0px; text-align:center; font-size:14px;}

.grid-home-sub-c1 ul li { font-size:12px; margin-left: 20px;}
.grid-home-sub-c1 ul { margin-left: 20px;}

.grid-home-sub-c3 img { float: left;}
.grid-home-sub-c3 p { font-size: 12px; float: right;}
.grid-home-sub-c3 a, .grid-home-sub-c3 { font-size:12px;}


#sos-sign-up { margin: 30px 0px 0px 18px; float: left; display: inline; width: 270px; clear: both;}


a .sign-up {
	-moz-border-radius:5px 5px 5px 5px;
	background:url("images/bg_button_orange.jpg") repeat-x scroll 0 0 #F4F5F7;
	border:1px solid #AAC8FF;
	color:#284A70;
	cursor:pointer;
	display:inline-block;
	float:right;
	font:bold 14px Arial,Sans-serif;
	margin:3px 0 0;
	overflow:visible;
	padding:1px 9px;
	text-align:center;
	text-decoration:none;
	width:208px;
}
a .sign-up:hover {
	background:# scroll left top;
	color:#FFF;
	background: #4fc564;
	border:1px solid #ccc;
	text-shadow:none;
}

.grid-home-sub-c1 {
	float: left;
	width: 308px;
	min-height: 200px;
	background: #ffffff url(../images/bg_home_sub_1.jpg) repeat-x center top;
	height: auto;
}

.grid-home-sub-m2 {
	float: left;
	width: 8px;
	height: 200px;
	/*background: #d5dade url(../images/bg_home_margin.jpg) no-repeat center top;*/
}

.grid-home-sub-c2 {
  float: left;
  width: 308px;
  height: 200px;
  background: #ffffff url(../images/bg_home_sub_2.jpg) repeat-x center top;
}

.grid-home-sub-m3 {
  float: left;
  width: 8px;
  height: 200px;
 /* background: #d5dade url(../images/bg_home_margin.jpg) no-repeat center top;*/
}

.grid-home-sub-c3 {
	float: left;
	width: 308px;
	background: #FFF url(../images/bg_home_sub_3.jpg) repeat-x center top;
}






/* --- Grid-feature for pages --- */

.grid-feature {
	width: 100%;
	margin: auto;
	background: #FFF url(../images/grad11.jpg) repeat-x center top;
	margin: 0px 0px 20px 0px;
}

.grid-feature h1 { color: #0464c1;

}

.grid-m1-feature {
  float: left;
  width: 0px;
  height: 1px;
}
.grid-c1-feature h1 {
	margin-bottom: 10px;
	border-bottom: 1px solid #0464C1;
}
.grid-c1-feature h2 { font-size: 18px; color: #0464C1;}
.grid-c1-feature h2 { margin-bottom: 4px;}
.grid-c1-feature p{ margin-bottom: 6px;}
.grid-c1-feature {
  float: left;
  width: 378px;
  padding: 0px 6px 6px 6px;
  text-align: center;
}
.grid-c3-feature h2 { font-size: 18px; color: #0464C1;}
.grid-c3-feature h2 { margin-bottom: 4px;}
.grid-c3-feature p{ margin-bottom: 6px;}
.grid-c3-feature {
  float: right;
  width: 450px;
  padding: 0px 6px 6px 6px;
  text-align: center;
}

.grid-m2-feature {
  float: left;
  width: 10px;
  height: 1px;
}
.grid-c2a-feature {
  float: right;
  width: 544px;
  font-size: 13px;
  padding: 6px;
}

.grid-c2-feature {
  float: right;
  width: 446px;
  font-size: 13px;
  padding: 6px;
}


/* --- Grid-footer --- */

.grid-footer {
  width: 938px;
  margin: auto;
}

.grid-footer-m1 {
  float: left;
  width: 0px;
  height: 1px;
}

.grid-footer-c1 {
  float: left;
  width: 227px;
}

.grid-footer-m2 {
  float: left;
  width: 10px;
  height: 1px;
}

.grid-footer-c2 {
  float: left;
  width: 227px;
}

.grid-footer-m3 {
  float: left;
  width: 10px;
  height: 1px;
}

.grid-footer-c3 {
  float: left;
  width: 227px;
}

.grid-footer-m4 {
  float: left;
  width: 10px;
  height: 1px;
}

.grid-footer-c4 {
  float: left;
  width: 227px;
}

.grid-footer ul li {
	text-align: left;
	list-style: none;
	font-variant: normal;
}

.grid-footer ul li a {

	font-weight: normal;
}

.grid-footer h3 {
	text-align: left;
	margin: 0px 0px 10px 20px;
}





/**
* Content
************************************************/
#contentContainer {
	margin: 10px auto;
	width: 940px;

}

#content-page {
	margin: 0px auto;
	width: 920px;
}

#content-page p {

}

h3.pageHeader {
	font-size: 18px;
	border-bottom: 1px solid #D9E6EE;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}


.productDescription {
    margin-left: 10px;
}

p.small {
    font-size: smaller;
    margin: 0;
    padding: 0;
	text-align: justify;
}

.subClassSet {
    width: 289px;
    float: left;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 25px;
}

.subClassHeader {
    border-bottom: 1px solid #D9E6EE;
    margin-bottom: 8px;
}

#masterImage {
    float: left;
    margin-right: 25px;
	
}

#departmentLinks {
    float: right;
	width: 688px;
}

#departmentLinks a {
	padding: 8px;
	margin: 6px;
	display: inline-block;
	border: 1px solid #BDC4DB;
	font-size: 14px;
}
#category-main { margin: 18px; padding: 0px;}
#category-main img {

	width: 183px;
}

h3.catHeader {
    border-bottom: 1px solid #003D64;
    margin-bottom: 25px;
}

.error, .success {
    border: 1px solid red;
    padding: 15px;
    margin: 10px 0;
    color: red;
}

.success {
    border: 1px solid green;
    color: green;
}

/*cookiecrumb*/

.cookieCrumbMenu, h3.catHeader{
    border-bottom: 1px solid #D9E6EE;
    margin: 0 0 10px 0;
    padding-bottom: 2px;
}

.cookieCrumbMenu { font-size: 12px;}


/*login*/
#loginForm {
	width: 450px;
	float: left;
	height: auto;
	margin: 0px 0px 0px 30px;
	}

#loginFormInstructions {
	float: right;
	width: 450px;
}

.loginFormControl, #loginSubmit {
    margin: 10px 0;
    text-align: right;
    margin-right: 100px;
}

#loginSubmit, #rememberMe {
    text-align: center;
    margin-left: 90px;
}

/*Token*/

.largeTokenOption, .tokenOption,
{
    float: left;
    width: 263px;
    padding: 25px;
    text-align: center;
}

h3#tokenTitle {
    margin-bottom: 25px;
}

.largeTokenOption {
    width: 95%;
}

span.tokenOptionHeader {
    font-weight: bold;
}

.otherLocalCompany {
    float: left;
    margin-left: 25%;
}

#testimonialsOtherCompanies {
    text-align: center;
}

p#tokensTermsHeader {
    font-size: medium;
}

#charity {
    border: 1px solid #003D64;
}

/****** Jquery Tools - Tabs  ******/

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/tools/img/tabs/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a {
	background: url(../images/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:auto;
	font-size:14px;
	background-color:#fff;
}





/****** Jquery Tools - Slider  ******/

/* container for slides */
.images {
	position:relative;	
	height:144px;
	width:525px;
	float:left;	
	margin:80px 4px 4px 4px;
	display: inline;
}

.images p {
	color: #FFF;
	margin-bottom: 2px;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:0px;
	padding:0px;
	height:144px;
	font-size:12px;
}

/* header */
.images h3 {
	font-size:18px;
	font-weight:normal;
	margin:0 0 7px 0;
	color:#fff;
}

.images h4 {
	font-size:14px;
	font-weight:normal;
	margin:0 0 7px 0;
	color:#fff;
}

.images img { float: left; margin: -2px 15px 0 20px;}


.images .shop-now-button {
	background: url(../images/btn_shop_now.png) no-repeat center center;
	width: 109px;
	height: 26px;
	text-align: center;
	font-size:14px;
	padding: 7px 0px 0px 0px;
	float: left;
}


.images span { font-weight: bold; width: 330px; float: right;}

/* tabs (those little circles below slides) */
.tabs {
	clear:both;
	margin-left:528px;
}

/* single tab */
.tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) no-repeat 0 0;
	display:block;
	font-size:1px;
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
.forward, .backward {
	float:left;
	margin:110px 4px 0px 4px;
	background:transparent url(../images/slide_arrows.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}


.yellow{ color: #f8e934; text-shadow: 0.1em 0.1em #333; font-size:18px; font-weight: bold;}
.gray{ color: #CCC; font-size: 12px;}



/*mattblacktabs*/

#mattblacktabs{
width: 100%;
overflow: hidden;
margin-bottom: 15px;
}

#mattblacktabs ul{
margin: 0;
padding: 0;
list-style-type: none;

}

#mattblacktabs ul#myAccountNav li {
    font-size: 120%;
}

#mattblacktabs li{
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

#mattblacktabs li a{
	background: url(../images/blue.png) no-repeat -252px -62px;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 117px;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}

#mattblacktabs li a:visited{
    text-decoration: none;
    color: #006CD9;
    font-weight: bold;
}
#mattblacktabs li a:hover, #mattblacktabs li.selected a{
	background-position: -270px -31px;	
	color:#fff;
}


/*mattblacktabs-opportunities*/

#opportunities #mattblacktabs{
width: 100%;
overflow: hidden;
margin-bottom: 15px;
}

#opportunities #mattblacktabs ul{
margin: 0;
padding: 0;
list-style-type: none;

}

#opportunities #mattblacktabs ul#myAccountNav li {
    font-size: 120%;
}

#opportunities #mattblacktabs li{
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

#opportunities #mattblacktabs li a{
	background: url(../images/blue.png) no-repeat -252px -62px;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 117px;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}

#opportunities #mattblacktabs li a:visited{
    text-decoration: none;
    color: #006CD9;
    font-weight: bold;
}
#opportunities #mattblacktabs li a:hover, #mattblacktabs li.selected a{
	background-position: -270px -31px;	
	color:#fff;
}


/*tables*/

tr.rowBg {

}

table.noBordersTable, table.noBordersTable tr, table.noBordersTable td, table.noBordersTable tbody, table.noBordersTable th {
    border: 0;
    padding: 0px 0px 0px 0px;
	vertical-align: top;
	margin: 6px 0px 0px 0px;
}

table.noBordersTable-favorites, table.noBordersTable-favorites tr, table.noBordersTable-favorites td, table.noBordersTable-favorites tbody, table.noBordersTable-favorites th {
width: auto;
}


table.noBordersTable-profile, table.noBordersTable-profile tr, table.noBordersTable-profile td, table.noBordersTable-profile tbody, table.noBordersTable-profile th {
    border: 0;
    padding: 4px 0px 4px 0px;
	vertical-align: top;
}

table.noBordersTable-cart, table.noBordersTable-cart tr, table.noBordersTable-cart td, table.noBordersTable-cart tbody, table.noBordersTable-cart th {
    border: 0;
    padding: 4px 0px 4px 0px;
	margin: 0px;
	vertical-align: middle;
}

table.noBordersTable td.alternateProdListing {
    padding-left: 15px;
}

tr.row1Bg {
	background-color: #E6EAEC;
}
tr.row2Bg {}

td.row1Bg {}
td.row2Bg {}

td.small { text-align: center;}

#cartBreakdown {
    margin-left: 23px;
}

#accountLinks {

}

.purchasedItemsNavControl {
    float: left;
    text-align: center;
    width: 300px;
    margin: 15px 0 5px;
}

.price {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #AF0000;
    font-size: 14px; 
}

.price1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #AF0000;
	font-size: 12px;
}

.alertBorder {
    background-color: #F9E934;
    border-width: 1px; 
    border-style: solid;
    border-color: #003D64;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	margin-left: 10px;
}

.simProdImg, .simProdDesc{
    float: left;
}

.simProdDesc {
    line-height: 75px;
    margin-left: 15px;
}

#map {

}

td.productDescription {
    width: 50%;
}

p.alertBorder {
    margin: 0;
}

/*contact-page*/

.contact-form td { vertical-align: top;}

.contact-form hr { margin-bottom: 0px;}

.contact-form-opportunities { float: left; border: 1px solid #83ABFF; background: none repeat scroll 0 0 #D6EDF8; margin: 0px 29px;}
.contact-form-opportunities table { width: 300px; margin: 10px;}

#contactInfoHeader {
    margin-top: 15px;
	font-weight: bold;
}

#contactInfoHeader h3 {
    margin-bottom: 10px;
}

#contactInfoHeader h3#localNumbers {
    margin-bottom: 10px;
}


input#searchTextBox {
    width: 300px;
}

#quickAddForm {
    float: right;
}

input.qty {
    width: 30px;
}

input#quickAddTextBox {
    width: 100px;
}

.filterValuesSetHidden {
    display: none;
}

td#sideNav {
    width: 25%;
	vertical-align: top;
}

.filterHeader {
    padding: 0;
}

.filterHeader h3 {
	margin: 0;
	padding: 0;
	color:#00F;
	font-weight: bold;
}

.filterHeader h3:hover {
    color: #0692E6;
	cursor: pointer;
}

.productFilter {
	padding: 10px;
	border: 1px solid #cccccc;
	margin-bottom: 5px;
	margin-right: 4px;
	background: #FFF url(/images/filterbox.jpg) repeat-x;
}

#filtersSideBar {
	padding: 50px 0px 0px 4px;
	background: url(../images/bg_filter_results.jpg) no-repeat center top;
}

#filtersSideBar a{
	margin-bottom: 4px;
}

.filterValuesSetHidden, .filterValuesSet {
    padding-top:10px;
    color: #F9E934;
}

tr.resultsHeaderBar {
background-image: url('/images/filterbox.jpg');
background-repeat: repeat-x;
height: 35px;
}

span.error {
    line-height: 45px;
    padding: 10px;
    border: 1px solid #f00;
    color: #f00;
    -moz-border-radius: 10px;
}

#signUp1 .signUpFormTable {
	border-right: 1px solid #CCC;
}
.signUpFormTable {
	float: left;
	width: 350px;
}

.signUpFormTable textarea { height: 111px; width: 335px;}

.signUpFormTable td.form-text { text-align: right; line-height: 1.5em;}

.signUpFormTable td { padding: 5px; vertical-align: top;	 }

tr#noteInput td {
    padding: 25px 0;
}

tr.billingInput {
    display: none;
}

.tokens-box {
	background:#ecf1f5;
	-moz-border-radius:7px 7px 7px 7px;
	-moz-box-sizing:content-box;
	border: 1px solid #CCC;
	float: left;
	height: 230px;
	width: 420px;
	text-align: center;
	padding: 15px;
	margin: 0px 8px 18px 0px;
	display: inline;
	}
	
.display-box {
-moz-border-radius:7px 7px 7px 7px;
-moz-box-sizing:content-box;
background:none repeat scroll 0 0 #ECF1F5;
border:1px solid #CCCCCC;
display:inline;
float:left;
height:auto;
margin:0 8px 6px 0;
padding:2px;
text-align:center;
width:373px;
	}
.display-box1 {
-moz-border-radius:7px 7px 7px 7px;
-moz-box-sizing:content-box;
background:none repeat scroll 0 0 #ECF1F5;
border:1px solid #CCCCCC;
display:inline;
float:left;
height:auto;
margin:0 8px 6px 0;
padding:2px;
text-align:center;
width:450px;
    }
.display-box2 {
-moz-border-radius:7px 7px 7px 7px;
-moz-box-sizing:content-box;
background:none repeat scroll 0 0 #AAC8FF ;
border:1px solid #CCCCCC;
display:inline;
float:left;
height:auto;
margin:0 8px 6px 0;
padding:2px;
text-align:center;
width:450px;
    }
.display-boxcs {
-moz-border-radius:7px 7px 7px 7px;
-moz-box-sizing:content-box;
background:none repeat scroll 0 0 #ECF1F5;
border:1px solid #CCCCCC;
display:inline;
float:center;
height:auto;
margin:0 8px 6px 0;
padding:2px;
text-align:center;
width:373px;
    }

	
.tokens-box h2 { font-size: 18px;}	

.tokens-box td { padding: 3px; text-align: right; vertical-align: middle;}

.tokens-box input[type="text"] { float: left;}

.tokens-box input[type="submit"] { width: auto; overflow: visible; }


/**
* Footer
************************************************/

/* Footer section */
#footer {
	text-align: center;
	margin: 25px auto 0px auto;
	padding: 10px 0px 20px 0px;
	border-top: 1px solid #d9e6ee;
	width: 940px;
	font-size: 12px;
}

		/* Footer extra */
		#footer .copyright {}
		#footer .credit {}


/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

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

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}



.rebate-list ul li {
	list-style: none;
}



/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; height: 260px; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 0px; float: left; }
.cs-buttons a { z-index: 1000; margin-left: 5px; height: 15px; width: 15px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active {
	background-color: #900;
	color: #FFFFFF;
}

.cs-title { width: 940px; padding: 10px; background-color: none; color: #000;  }

.cs-prev, 
.cs-next {
	background-color: #FFF;
	color: #03C;
	padding: 0px 10px;
}


.grid-home-top-c2-button {
	background: none;
	display:inline;
	float:left;
	height:250px;
	width:308px;
}
#sidebar-button p { padding: 12px 0 0 0; margin: 0;}
#sidebar-button img { float: left; margin-right: 0px;}
#sidebar-button span {
	font: 14px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #EAEAEA;
	margin: 2px 0 0 0;
}
#sidebar-button {
color:#FFFFFF;
font:bold 18px Helvetica,sans-serif;
height:63px;
margin:0 0 18px;
padding:0 10px 10px 0;
text-align:center;
text-transform:uppercase;
width:298px;
	}
.button-1 {
	background:url(../images/grad-btn-1.jpg) repeat scroll 0 0;
	}
.button-2 {
	background:url(../images/grad-btn-2.jpg) repeat scroll 0 0;

	}
.button-3 {
	background:url(../images/grad-btn-3.jpg) repeat scroll 0 0;

	}
	
	
a:hover #sidebar-button {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}



#opportunities {
	margin: 15px auto;
    padding: 14px 20px;
    width: 870px;
	
	}

#opportunities h2 {
	font-size: 18px;
	font-weight: bold;
	color: #06C;
}