body {
	margin:0; padding: 0px;
	background:#b3dfef url(./images/bg.jpg) repeat-x;
	font:12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;

}
#title-holder{
	width: 100%;
	border-bottom: 1px solid #5baedd;}

h1, #content-right h1, #content-right h3{
	text-align:center;
	margin:0;
	font:normal 22px Geneva, Arial, Verdana, sans-serif;
	color:#5baedd;
}

#content-right h3{font:normal 11px Verdana, sans-serif; padding:3px 0px; text-align: left; color: #288CC1;}

.table{border: 1px solid #9E9993; background-color: #ffffff; padding: 2px; margin: 5px 0px;}
.tableclear{padding: 2px; margin-left: 0px;}
td.green{
background-color: #92AF3C;
text-align: left;
line-height: 25px !important;
border-right: 1px solid #fff;
font: bold 12px/16px verdana, lucida, sans-serif;}

td.green h1{
padding: 3px 15px 0px 15px;
margin: 0px;
color: #ffffff;
text-decoration: none;
font-size: 13px;
}


.textItem, .FormButton {
	margin:0;
	font:normal 16px Verdana, sans-serif;
	color:#5baedd;
	padding:2px 0px 0px 33px; 
	text-align: left; 
	color: #288CC1;
	margin: 0px;
}

.options-indent{padding-left: 18px;}
.indent{padding-left: 33px;}

.Text1{background:url(./images/text-bullet-1.jpg) no-repeat;}
.Text2{background:url(./images/text-bullet-2.jpg) no-repeat;}
.Text3{background:url(./images/text-bullet-3.jpg) no-repeat;}


.Credits2{background:url(./images/text-bullet-2.jpg) no-repeat;}
.Credits3{background:url(./images/text-bullet-3.jpg) no-repeat;}
.Credits4{background:url(./images/text-bullet-4.jpg) no-repeat;}


.popup-link {
	text-align:right;
	padding:0;
	margin: 2px 5px 4px 88px;
	width: 199px;
}

.popup-link a, .popup-link a:link{
text-decoration: underline;
font:normal 11px Geneva, Arial, Verdana, sans-serif;
font-weight: bold;
color:#1081BE;}

h1 strong {
	color:#075d8d;
	margin-right:5px;
}
h2 {
	margin-left: 125px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: -20px;
	text-align:left;
	font:normal 30px Geneva, Arial, Verdana, sans-serif;
	color:#6bb6e0;
}
.h2-light {
	font:normal 30px Geneva, Arial, Verdana, sans-serif;
	color:#cccccc;
	
}
h3 {
	text-align:left;
	margin-left: 125px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: -5px;
	font:normal 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#5baedd;
}
.support-text {
	margin-left: 0px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: -20px;
	text-align:left;
	font:normal 20px Geneva, Arial, Verdana, sans-serif;
	color:#cccccc;
}
img {
	display:block;
	border:0;
}
#clouds {
	width:100%;
	background:url(./images/bg-clouds.png) repeat;
}
#main {
	width:1020px;
	margin:0 auto;
}
/* page content */
#page {
	background:url(./images/main-shadow.png) repeat-y;
	padding:0 34px;
	width:952px;
	margin-top:2px;
	overflow:hidden;
}
/* header */
#header {
	background:url(./images/header.jpg) no-repeat;
	margin:0 -34px;
	height:114px;
	position:relative;
	padding:0 34px;
	color:#fff;
}
/* logo */
h4 {
	margin:0;
}
h4 a {
	width:135px;
	height:102px;
	float:left;
	margin:8px 0 0 9px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(./images/logo.png);
	cursor:pointer;
}
.header-title {
	font:15px Geneva, Arial, Verdana, sans-serif;
	float:left;
	padding:20px 0 0 90px;
}
/* cart items */
td.cart-items  {
	font:14px Geneva, Arial, Verdana, sans-serif;
	padding-right:20px;
}
td.cart-heading{
	font:14px Geneva, Arial, Verdana, sans-serif;
	padding:14px 24px 2px 0px;
	color: #fff;
}

.cart-items a{color:#fff;}

/* top navigation */
/* New Header Menu - whayes*/
ul#top-nav {
	position:absolute;
	top:68px;
	left:236px;
	padding:0;
	margin:0;
	list-style:none;
	width:764px;
	background: transparent url(./images/mainmenu.jpg) no-repeat;
	height: 44px;
}

#top-nav span{display: none;}

#top-nav li{
list-style: none;
margin: 0px;
padding: 0px;
position: absolute;
top: 0;}

#top-nav li, #top-nav a{display: block;height: 44px;}
#top-nav span{display: none;}

#home-nav{left: 0px;width: 106px;}
body.body-home #home-nav, #home-nav a:hover{background: transparent url(./images/mainmenu.jpg) 0px -44px no-repeat;height:58px;}

#howitworks-nav{left: 107px;width: 106px;}
body.howitworks-nav #howitworks-nav, #howitworks-nav a:hover{background: transparent url(./images/mainmenu.jpg) -107px -44px no-repeat;	height:58px;}

#shop-nav{left: 214px;width: 106px;}
body.shop-nav #shop-nav, #shop-nav a:hover{background: transparent url(./images/mainmenu.jpg) -214px -44px no-repeat;	height:58px;}

#officeblog-nav{left: 321px;width: 106px;}
body.officeblog-nav #officeblog-nav, #officeblog-nav a:hover{background: transparent url(./images/mainmenu.jpg) -321px -44px no-repeat;	height:58px;}

#officeschool-nav{left: 428px;width: 106px;}
body.officeschool-nav #officeschool-nav, #officeschool-nav a:hover{background: transparent url(./images/mainmenu.jpg) -428px -44px no-repeat;	height:58px;}

#support-nav{left: 535px;width: 106px;}
body.support-nav #support-nav, #support-nav a:hover{background: transparent url(./images/mainmenu.jpg) -535px -44px no-repeat;	height:58px;}

#contact-nav{left: 642px;width: 106px;}
body.contact-nav #contact-nav, #contact-nav a:hover{background: transparent url(./images/mainmenu.jpg) -642px -44px no-repeat; height:58px;}



/* Finished */


/* side navigation */
.side-nav {
	width: 105px;
	position: absolute;
	margin-left: 10px;
	text-align:left;
	font:bold 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#1f6d98;

}
.side-nav-greenbar {
	margin-left: 120px;
	position: absolute;
}

a {
	font:bold 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#1f6d98;
	text-decoration: underline;
}

/* site content */
#content {
	margin:18px 0 0;
	background:url(./images/content-bg.jpg) repeat-y;
	width:100%;
	float:left;
}
.text-content {
	margin-left: 0px;
	margin-bottom: 0;
	margin-right: 20px;
	margin-top: 10px;
	text-align:left;
	font:normal 12px Geneva, Arial, Verdana, sans-serif;
	color:#595959;
line-height: 16pt;

}
div.hr {
 	height: 1px;
 	width: 720px;
 	color: #6bb6e0;
	background-color: #6bb6e0;
	margin-top: -10px;
	margin-bottom: 20px;
}
div.hr-support {
 	height: 1px;
 	width: 350px;
 	color: #cccccc;
	background-color: #cccccc;
}
div.hr hr {
  display: none;
}
div.hr-support hr {
  display: none;
}

.top-contentrounded {
	background:url(./images/top-content.gif) no-repeat;
	padding-top:40px;
}
.bottom-contentrounded {
	background:url(./images/bottom-content.gif) no-repeat 0 100%;
	padding:0 56px 30px;
}
/* box width images */
.img-box {
	width:844px;
	margin:10px auto 0;
	background:url(./images/main-imgbox.gif) repeat-y;
}
.top-imgbox {
	background:url(./images/top-imgbox.gif) no-repeat;
	padding-top:25px;
}
.bottom-imgbox {
	background:url(./images/bottom-imgbox.gif) no-repeat 0 100%;
	padding:0 28px 25px 25px;
}
.bottom-boxes {
	background:url(./images/bottom-separator.gif) no-repeat 270px 50%;
	height:100%;
	overflow:hidden;
	padding:7px 0;
	font:11px/16px Geneva, Arial, Verdana, sans-serif;
}
.rounded-box {
	width:214px;
	height:123px;
	background:url(./images/rounded-box.gif) no-repeat;
	float:left;
	margin:0 35px;
	display:inline;
}
.first-rounded {
	margin-left:29px;
	text-align:center;
}
.first-rounded p {
	margin:16px 18px 0;
}
a.play-video {
	width:145px;
	height:21px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(./images/play-video.gif);
	margin:0 auto;
	display:block;
}
.center-rounded p {
	margin:10px 6px 0;
}
.center-rounded form {
	padding:0;
	margin:0;
}
.center-rounded form div {
	text-align:center;
	padding-top:3px;
}
.center-rounded form input.text {
	font:11px/16px Geneva, Arial, Verdana, sans-serif;
	width:169px;
	height:20px;
	border:1px solid #98cae1;
	padding:3px 4px;
}
.last-rounded {
	margin-right:29px;
	float:right;
}
.last-rounded p {
	margin:16px 15px 0;
}
a.learn-more {
	width:158px;
	height:21px;
	overflow:hidden;
	display:block;
	background:url(./images/learn-more.gif);
	text-indent:-9999px;
	margin:0 auto;
}

.how-stepbystep-image {
	width:405px;
	height:214px;
	top: 20px;
	left: 0px;
	position: relative;	
}
.how-stepbystep-text {
	width:175px;
	height:200px;
	position:relative;
	top: -140px;
	left: 500px;
	font-size: 12px;
	
}

#content-container{
margin: 10px auto;
width:940px;
font-size: .9em;
padding: 0px;
display: inline;
float: left;
}

#content-left h1{font-size: 1.2em; color:#1f6d98; padding-bottom: 15px; text-align: left; font-weight: bold;}
#content-left p.category-link{padding-bottom: 2px; margin: 3px 0px;}

#content-left{
padding: 10px 0px 10px 6px;
margin-top: 10px;
display: inline;
float: left;
width:200px; 
background: transparent url(./images/sidebar-bg.jpg) repeat-y;
background-position: right;
} 

#content-right{
width:650px; 
padding: 5px 5px 5px 5px;
margin: 0px;
display: inline;
float: left;
} 

#content-right h1{text-align: left;}

#results, #search{ padding: 5px; margin: 10px 0px 5px 10px; background-color: #fff;}

#results .NavigationTitle, #results .NavigationCellSel,
#search .SearchSortTitle
{color: #1F93BF;}

a.product-title, a.product-title:link, a.product-title:visited,
a.category-title, a.category-title:link, a.category-title:visited,
a.red-link, a.red-link:link, a.red-link {
	text-decoration: none;
	padding: 2px;
	margin:0; padding:0px 0 0 0; color:#222;
	font-weight: bold;
	font-size:1.1em;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
}


.contactform {
	}
	
.contactform input.text {
	font:11px/16px Geneva, Arial, Verdana, sans-serif;
	width:200px;
	height:20px;
	border:1px solid #98cae1;
	padding:3px 4px;
}
.contactform textarea {
	font:11px/16px Geneva, Arial, Verdana, sans-serif;
	width:300px;
	height:100px;
	border:1px solid #98cae1;
	padding:3px 4px;
}

.cssform-container {
margin-left:10%;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}
.cssform input.text {
	font:11px/16px Geneva, Arial, Verdana, sans-serif;
	width:200px;
	height:15px;
	border:1px solid #98cae1;
	padding:3px 4px;
}

.cssform label{
font-weight: normal;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
	font:11px/16px Geneva, Arial, Verdana, sans-serif;
	width: 250px;
	height: 150px;
	border:1px solid #98cae1;
	padding:3px 4px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


/* footer */
#footer {
	text-align:center;
	font:normal 10px/18px Geneva, Arial, Verdana, sans-serif;
	padding:35px 10px 0;
	color:#959595;
}
#footer a {
	color:#1f6d98;
}
ul#bottom-nav {
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
}
ul#bottom-nav li {
	display:inline;
	background:url(./images/bottom-nav-separator.gif) no-repeat 0 2px;
	padding:0 2px 0 7px;
}
ul#bottom-nav li.first {
	background:none;
}
.bottom-shadow {
	width:100%;
	height:36px;
	background:url(./images/bottom-shadow.png);
	margin-bottom:30px;
}

form input.text{border:1px solid #98cae1 !important; padding: 5px; margin: 0px 0px 2px 36px;}

/*
========= xcartdesigner.com ====== 
// Fastlane checkout mod - using linear checkout image "checkout-steps-linear.jpg" 
// For full details, read the "readme.txt" contained in the "fastlane_mod_linear.zip" 
// =============================== 
*/

#ch-tabs1-linear, #ch-tabs2-linear, #ch-tabs3-linear, #ch-tabs4-linear {position: relative;margin: 10px 0px;padding: 0px; height: 40px;width: 650px;}
#ch-tabs1-linear{background: transparent url(./images/checkout-steps-linear.jpg) no-repeat; }
#ch-tabs2-linear{background: transparent url(./images/checkout-steps-linear.jpg) 0px -40px no-repeat;}
#ch-tabs3-linear{background: transparent url(./images/checkout-steps-linear.jpg) 0px -80px no-repeat;}
#ch-tabs4-linear{background: transparent url(./images/checkout-steps-linear.jpg) 0px -120px no-repeat;}


#ch-tabs1-linear a, #ch-tabs2-linear a, #ch-tabs3-linear a, #ch-tabs4-linear a{display: block;height: 20px;}

#ch-tabs1-linear li, #ch-tabs2-linear li, #ch-tabs3-linear li, #ch-tabs4-linear li{
list-style: none;
margin: 0px;
padding: 0px;
position: absolute;
display: block;
height: 20px;
top: 13px;
}

#cart-linear a{top: 0px; left: 40px; width: 159px;}
#cart-linear a:hover{background: transparent url(./images/checkout-steps-linear.jpg) 0px -173px no-repeat;}

#personal-linear{top: 50px; left: 160px; width: 163px;}
#personal-linear a:hover{background: transparent url(./images/checkout-steps-linear.jpg) -160px -173px no-repeat;}

#shipping-linear{top: 50px; left: 325px; width: 177px;}
#shipping-linear a:hover{background: transparent url(./images/checkout-steps-linear.jpg) -325px -173px no-repeat;}

#place-linear{top: 50px; left: 503px; width: 134px;}
#place-linear a:hover{background: transparent url(./images/checkout-steps-linear.jpg) -503px -173px no-repeat;}

a.invisible span{display:none;}