@charset "utf-8";

/* CSS Document */
body {
	background: url(../images/bg-page.jpg) #f1f5f6 repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

strong {
	font-weight: bold;
}

a:visited {
	color: #333;
}

.mandatory {
	color: #ef4035;
}

sup {
	font-size: 70%;
}

.text {
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	color: #666;
}

.blue,.orderconfirmation a {
	color: #0f7097;
}

.grey {
	color: #999;
}

p.logged-in {
	color: #cf4848;
	font-size: 11px;
	font-weight: bold;
	margin-left: 15px;
}

p.logged-in a {
	color: #cf4848;
}

p.logged-in img {
	vertical-align: text-bottom;
}

#pagewrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#headerwrapper {
	background: url(../images/bg-header.gif) repeat-x top left;
	width: 800px;
	height: 99px;
}

#logo {
	width: 158px;
	height: 99px;
	float: left;
}

#message {
	margin-top: 10px;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-bottom: 5px;
	background: url(../images/icon-exclamation.gif) no-repeat 5px 0px;
}

#topnavwrapper {
	width: 642px;
	padding-top: 29px;
	float: left;
}

/* navigation css begins */
#navigation {
	width: 642px;
	height: 27px;
}

#navigation ul {
	width: 642px;
	height: 27px;
	background: url(../images/topnav.gif) 0 -27px;
	margin: 0;
	padding: 0;
	position: relative;
}

#navigation ul.loggedin {
	background: url(../images/topnav-loggedin.gif) no-repeat 0 -27px;
}

#navigation ul.bts {
	background: url(../images/topnav-bts.gif) no-repeat 0 -27px;
}

#navigationbuttons li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#navigationbuttons li,#navigationbuttons a {
	display: block;
}

#navigationbuttons li a span.alt {
	display: none;
}

/* drop down menus */
#navigationbuttons li ul,#helpbutton li ul {
	display: none;
	width: inherit;
	position: absolute;
	z-index: 500;
	top: auto;
	/*padding: 1em;
	margin: -1em 0 0 -1em;*/
	height: 1%;
}

#navigationbuttons li:hover ul,#helpbutton li:hover ul {
	display: block;
}

#navigationbuttons li ul li,#helpbutton li ul li {
	position: relative;
	background: none #5A696D;
	padding: 0 0 5px 0;
	display: block;
	min-height: 1px; /* Sophie Dennis contribution for IE7 */
	vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}

#navigationbuttons li ul li a,#helpbutton li ul li a {
	height: auto;
	margin: 0 5px;
	padding: 3px 0;
	color: #fff;
	display: block;
	text-decoration: none;
	border-top: 1px solid #5A696D;
	border-bottom: 1px solid #5A696D;
}

#navigationbuttons li ul li a:hover,#navigation ul.loggedin li ul li a:hover,#navigation ul.bts li ul li a:hover,#helpbutton li ul li a:hover
	{
	height: auto !important;
	background: none #4C555A !important;
	border-top: 1px solid #718286;
	border-bottom: 1px solid #718286;
}

#navigationbuttons li ul li a span,#helpbutton li ul li a span {
	display: block;
	vertical-align: middle;
	position: relative;
	margin: auto 0;
	height: 1%;
}

#navigationbuttons li ul li.drop_down_menu_header,#helpbutton li ul li.drop_down_menu_header
	{
	height: 4px;
	vertical-align: top;
	position: relative;
	background: url(../images/drop_down_menu_head.gif) no-repeat top left
		transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

#navigationbuttons li ul li.drop_down_menu_header span,#helpbutton li ul li.drop_down_menu_header span
	{
	height: 4px;
	width: 40px;
	padding: 0;
	margin: 0;
	float: right;
	background: url(../images/drop_down_menu_head.gif) no-repeat top right
		transparent;
}

#home {
	left: 0;
	top: 0;
	width: 68px;
	height: 27px;
}

#about-us {
	left: 68px;
	top: 0px;
	width: 75px;
	height: 27px
}

#find-a-store {
	left: 143px;
	top: 0px;
	width: 97px;
	height: 27px;
}

#contact-us {
	left: 240px;
	top: 0px;
	width: 91px;
	height: 27px;
}

#special-offers {
	left: 331px;
	top: 0px;
	width: 107px;
	height: 27px;
}

#login-register {
	left: 438px;
	top: 0px;
	width: 117px;
	height: 27px;
}

#view-cart {
	left: 555px;
	top: 0px;
	width: 87px;
	height: 27px;
}

#navigationbuttons a {
	height: 27px;
}

#home a:hover {
	height: 27px;
	background: url(../images/topnav.gif) 0px 0px no-repeat;
}

#about-us a:hover {
	height: 27px;
	background: url(../images/topnav.gif) -68px 0px no-repeat;
}

#find-a-store a:hover {
	height: 27px;
	background: url(../images/topnav.gif) -143px 0px no-repeat;
}

#contact-us a:hover {
	height: 27px;
	background: url(../images/topnav.gif) -240px 0px no-repeat;
}

#special-offers a:hover {
	height: 27px;
	background: url(../images/topnav.gif) -331px 0px no-repeat;
}

#login-register a:hover {
	height: 27px;
	background: url(../images/topnav.gif) -438px 0px no-repeat;
}

.loggedin #login-register a:hover {
	height: 27px;
	background: url(../images/topnav-loggedin.gif) -438px 0px no-repeat;
}

.bts #login-register a:hover {
	height: 27px;
	background: url(../images/topnav-loggedin.gif) -438px 0px no-repeat;
}

#view-cart a:hover {
	height: 27px;
	background: url(../images/topnav.gif) -555px 0px no-repeat;
}

#home a.active {
	height: 27px;
	background: url(../images/topnav.gif) 0px -54px no-repeat;
}

#about-us a.active {
	height: 27px;
	background: url(../images/topnav.gif) -68px -54px no-repeat;
}

#find-a-store a.active {
	height: 27px;
	background: url(../images/topnav.gif) -143px -54px no-repeat;
}

#contact-us a.active {
	height: 27px;
	background: url(../images/topnav.gif) -240px -54px no-repeat;
}

#special-offers a.active {
	height: 27px;
	background: url(../images/topnav.gif) -331px -54px no-repeat;
}

#login-register a.active {
	height: 27px;
	background: url(../images/topnav.gif) -438px -54px no-repeat;
}

#view-cart a.active {
	height: 27px;
	background: url(../images/topnav.gif) -555px -54px no-repeat;
}

#helpwrapper {
	padding-left: 10px;
	padding-bottom: 10px;
}

#helpbutton {
	width: 141px;
	height: 27px;
	background: url(../images/help-button.gif) 0 -27px;
	position: relative;
}

#helpbutton li {
	list-style: none;
	position: absolute;
}

#helpbutton li,#helpbutton a {
	display: block;
}

#helpbutton li a span.alt {
	display: none;
}

#helpbutton a {
	height: 27px;
}

#help {
	left: 0;
	top: 0;
	width: 141px;
	height: 27px;
}

#help a:hover {
	height: 27px;
	background: url(../images/help-button.gif) 0px 0px no-repeat;
}

#help a.active {
	height: 27px;
	background: url(../images/help-button.gif) 0px -54px no-repeat;
}

/* navigation ends */
#search {
	width: 642px;
	padding-top: 14px;
	float: left;
}

#search .text {
	width: 160px;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	color: #666;
}

#bonusproduct {
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #a5a5a5;
	border-top: 1px dotted #a5a5a5;
}

#bonusproduct .thumbnail {
	width: 100px;
	float: left;
}

#bonusproduct h4 {
	font-weight: bold;
}

#search input {
	vertical-align: middle;
}

#search select {
	width: 160px;
	font-size: 11px;
	color: #666;
	vertical-align: middle;
}

.advancedsearch {
	padding-left: 68px;
}

.advancedsearch a {
	color: #333;
}

.advancedsearch img {
	padding-top: 0px;
	vertical-align: middle;
}

#maincontentwrapper {
	width: 800px;
	float: left;
}

#homepagetileswrapper {
	padding-left: 10px;
	background: url(../images/bg-homepagetile.gif) repeat-x top left;
	width: 630px;
	height: 153px;
}

.homepagetilewrapper {
	padding-right: 7px;
	height: 143px;
	float: left;
}

.emailtile {
	margin-top: 17px;
	float: left;
}

.emailtile form,.emailtile p {
	padding-left: 18px;
	color: #848484;
}

.emailtile form .text {
	width: 115px;
	margin-right: 5px;
}

.emailtile form {
	padding-top: 10px;
}

.emailtile .image {
	vertical-align: top;
}

.homepagetile.tile1 {
	padding-top: 17px;
}

.homepagetile.tile1 h2 {
	background: url(../images/tile1-email.gif) no-repeat top left;
	text-indent: -1000px;
	width: 200px;
	height: 40px;
}

.homepagetile.tile2 {
	padding-top: 17px;
}

.homepagetile.tile3 {
	padding-top: 17px;
}

#utilitywrapper {
	width: 160px;
	float: left;
	background: url(../images/bg-utility.gif) repeat-x top left;
	padding-top: 29px;
}

#utilitytiles {
	padding-left: 10px;
}

#utilitytiles #your-cart-tile {
	margin-top: 23px;
	width: 139px;
	background: url(../images/your-cart-bg.gif) #74848a repeat-x top left;
}

#utilitytiles #your-cart-tile table {
	width: 124px;
	margin: 5px 0 10px 0;
	color: #fff;
}

#utilitytiles #your-cart-tile table th {
	padding-left: 10px;
}

#utilitytiles #your-cart-tile table td {
	text-align: right;
	width: 90px;
	font-weight: bold;
}

#utilitytiles #my-shopping-lists {
	padding-left: 6px;
	font-size: 9px;
}

#utilitytiles #view-my-compare-lists {
	padding-left: 6px;
	padding-top: 2px;
	font-size: 9px;
}

#last-products {
	margin-top: 2px;
	text-align: center;
	background: #3a4348;
}

.last-viewed-box-wrapper {
	width: 123px;
	margin-top: 5px;
	margin-left: 8px;
	text-align: left;
	background: url(../images/bg-last-viewed-box.gif) #fff no-repeat top
		left;
}

.last-viewed-box {
	padding: 15px;
}

.last-viewed-box .product {
	padding-bottom: 12px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #a5a5a5;
}

.last-viewed-box h2 {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	line-height: 140%;
}

.last-viewed-box a {
	color: #333;
}

.featured-product-box .price {
	margin-right: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #e07f0b;
}

.last-viewed-box .promoprice {
	margin-right: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #e07f0b;
	background: url(../images/icon-promosmall.gif) no-repeat right;
}

#viewed-products {
	background: #fff;
	width: 123px;
}

#utilitytiles #my-shopping-lists a {
	color: #9ca1a3;
}

#utilitytiles #utilitylinks {
	width: 139px;
	background: #83b236;
	margin-top: 23px;
}

#utilitytiles #utilitylinks .tile {
	margin-bottom: 7px;
}

#utilitytiles #utilitylinks .banner {
	margin-bottom: 0px;
}

#productnavwrapper {
	width: 160px;
	float: left;
}

/* product navigation css begins */
#productnav {
	width: 160px;
}

/*/////Removed by Tau - 2008.06.03 Start/////*/
	/*#productnavbuttons.b2b {
    width: 160px; height: 335px;
    background: url(../images/productnav.gif) 0 0px;
    margin: 0; padding: 0;
    position: relative;
}
#productnavbuttons {

	PADDING-RIGHT: 0px;

	PADDING-LEFT: 0px;

	BACKGROUND: url(../images/productnav.gif) 0px 0px;

	PADDING-BOTTOM: 0px;

	MARGIN: 0px;

	WIDTH: 160px;

	PADDING-TOP: 0px;

	POSITION: relative;

	HEIGHT: 358px

}*/ /*/////Removed by Tau - 2008.06.03 End/////*/
	/*/////Added by Tau - 2008.06.03 Start/////*/
	/***Consolidated padding, removed background image, removed width and height, added list-style-type***/
#productnavbuttons {
	padding: 0;
	margin: 0;
	background-color: #0f7097;
	list-style-type: none;
	position: relative;
}

/***Secondary product category items (i.e. Clearance, Latest mailer etc... Seperate id (i.e. #productnavbuttons2) required for these items)***/
#productnavbuttons2 {
	padding: 0;
	margin: 0;
	background-color: #0f7097;
	list-style-type: none;
	position: relative;
}

/*/////Added by Tau - 2008.06.03 End/////*/
	/*/////Removed by Tau - 2008.06.03 Start/////*/
	/*#productnavbuttons LI {

	PADDING-RIGHT: 0px;

	PADDING-LEFT: 0px;

	PADDING-BOTTOM: 0px;

	MARGIN: 0px;

	PADDING-TOP: 0px;

	LIST-STYLE-TYPE: none;

	POSITION: absolute

}

#productnavbuttons LI {

	DISPLAY: block

}*/ /*/////Removed by Tau - 2008.06.03 End/////*/
	/*/////Added by Tau - 2008.06.03 Start/////*/
	/***Consolidated and adjusted padding, added height attribute, added up state background image, changed positioning to relative, added text-decoration, consolidated display attribute***/
#productnavbuttons li {
	padding: 4px 0 0 14px;
	margin: 0;
	height: 20px;
	list-style-type: none;
	background: url(../images/prodnav_up.gif) no-repeat 0px 0px;
	position: relative;
	text-decoration: none;
	display: block;
}

/***Secondary product category items (i.e. Clearance, Latest mailer etc...), has same attributes except for the background image***/
#productnavbuttons2 li {
	padding: 4px 0 0 14px;
	margin: 0;
	height: 20px;
	list-style-type: none;
	background: url(../images/prodnav2_up.gif) no-repeat 0px 0px;
	position: relative;
	display: block;
	text-decoration: none;
}

/*/////Added by Tau - 2008.06.03 End/////*/
	/*/////Removed by Tau - 2008.06.03 Start/////*/
	/*#productnavbuttons A {

	DISPLAY: block

}

#productnavbuttons LI A SPAN.alt {

	DISPLAY: none

}*/ /*/////Removed by Tau - 2008.06.03 End/////*/
	/*/////Added by Tau - 2008.06.03 Start/////*/
	/***Force text color, remove underline, add height***/
#productnavbuttons li a {
	color: #fff;
	text-decoration: none;
	height: 20px;
}

/***Secondary product category items (i.e. Clearance, Latest mailer etc...)***/
#productnavbuttons2 li a {
	color: #fff;
	text-decoration: none;
	height: 20px;
}

#productnavbuttons li a:hover {
	padding: 4px 0 0 14px;
	margin: -4px 0 0 -14px;
	color: #fff;
	text-decoration: none;
	width: 160px;
	height: 24px;
	background: url(../images/prodnav_over.gif) no-repeat 0px 0px;
}

/***Secondary product category items (i.e. Clearance, Latest mailer etc...)***/
#productnavbuttons2 li a:hover {
	padding: 4px 0 0 14px;
	margin: -4px 0 0 -14px;
	color: #fff;
	text-decoration: none;
	width: 160px;
	height: 24px;
	background: url(../images/prodnav2_over.gif) no-repeat 0px 0px;
}

.prodnavitem a {
	width: 140px;
	height: 24px;
	display: block;
}

/***Secondary product category items (i.e. Clearance, Latest mailer etc...)***/
.prodnavitem2 a {
	width: 140px;
	height: 24px;
	display: block;
}

/*/////Added by Tau - 2008.06.03 End/////*/
	/*/////Removed by Tau - 2008.06.03 Start/////*/ /*#business-machines {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 7px;

	HEIGHT: 24px

}

#cafe-cleaning-safety {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 31px;

	HEIGHT: 24px

}

#computer-products {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 55px;

	HEIGHT: 24px

}

#filing-storage {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 79px;

	HEIGHT: 24px

}

#furniture {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 103px;

	HEIGHT: 24px

}

#general-office {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 127px;

	HEIGHT: 24px

}

#paper-labels-books {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 151px;

	HEIGHT: 24px

}

#postage-packaging {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 175px;

	HEIGHT: 24px

}

#visual-presentation {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 199px;

	HEIGHT: 24px

}

#writing-art-supplies {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 223px;

	HEIGHT: 24px

}

#clearance {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 254px;

	HEIGHT: 24px

}

#mailer-specials {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 278px;

	HEIGHT: 24px

}

#whats-new {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 302px;

	HEIGHT: 24px

}

#back-to-school-nav {

	LEFT: 7px;

	WIDTH: 144px;

	TOP: 326px;

	HEIGHT: 24px

}

#productnavbuttons A {

	HEIGHT: 24px

}

#business-machines A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -7px;

	HEIGHT: 24px

}

#cafe-cleaning-safety A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -31px;

	HEIGHT: 24px

}

#computer-products A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -55px;

	HEIGHT: 24px

}

#filing-storage A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -79px;

	HEIGHT: 24px

}

#furniture A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -103px;

	HEIGHT: 24px

}

#general-office A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -127px;

	HEIGHT: 24px

}

#paper-labels-books A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -151px;


	HEIGHT: 24px

}

#postage-packaging A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -175px;

	HEIGHT: 24px

}

#visual-presentation A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -199px;

	HEIGHT: 24px

}

#writing-art-supplies A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -223px;

	HEIGHT: 24px

}

#clearance A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -254px;

	HEIGHT: 24px

}

#mailer-specials A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -278px;

	HEIGHT: 24px

}

#whats-new A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -302px;

	HEIGHT: 24px

}

#back-to-school-nav A:hover {

	BACKGROUND: url(../images/productnav.gif) no-repeat -167px -326px;

	HEIGHT: 24px

}*/ /*/////Removed by Tau - 2008.06.03 End/////*/
#centercolumnwrapper {
	width: 640px;
	float: left;
	background: url(../images/cnr-centercol.gif) no-repeat top right;
	padding-top: 8px;
}

#centercolumnwrapper #contentwrapper {
	min-height: 452px;
	height: auto !important;
	height: 452px;
	width: 640px;
	padding-bottom: 20px;
	background: url(../images/bottom-content.gif) #fff no-repeat bottom;
}

#content {
	padding: 4px 18px 10px 21px;
}

#content #breadcrumbs {
	color: #444;
	padding-bottom: 12px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #d2d9db;
}

#content #breadcrumbs a {
	color: #444;
	font-weight: bold;
}

#content h1 {
	font-size: 30px;
	color: #7baa2e;
	margin-bottom: 17px;
}

#school-item-view h1 {
	width: 300px;
	margin-left: 100px;
}

#content h3 {
	color: #0f7097;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 12px;
}

#content p {
	margin-bottom: 15px;
	line-height: 18px;
}

#content dl dt {
	width: 50px;
	float: left;
	font-weight: bold;
}

#content dl dd {
	margin-left: 50px;
	margin-bottom: 10px;
}

#back-to-school {
	padding-top: -10px;
	border-bottom: 1px dotted #d2d9db;
}

#school-logo {
	float: left;
	padding-right: 10px;
	padding-top: 15px;
}

#mailer-image {
	padding-bottom: 10px;
	border-bottom: 1px dotted #d2d9db;
}

#mailer-image img {
	float: left;
	padding-right: 20px;
}

#mailer-image h4 {
	font-weight: bold;
	color: #0f7097;
	margin-bottom: 5px;
}

#notebook {
	width: 462px;
	height: 129px;
	background: url(../images/bg-notebook.gif) #fff no-repeat top left;
}

#notebook p {
	padding: 40px 20px 0px 30px;
	line-height: 190%;
}

#product #productdetail dl {
	margin-bottom: 10px;
	margin-top: 10px;
}

#product #productdetail dl dt {
	width: 90px;
	float: left;
	color: #999;
	clear: both;
	font-weight: normal;
}

#product #productdetail dl dd {
	margin-left: 95px;
	margin-bottom: 4px;
}

#product #productdetail dl dd.leadtime {
	padding-top: 14px;
}

#content #top-sort,#content #top-buttons {
	float: right;
	width: 220px;
	text-align: right;
}

#content #top-buttons .stockguarantee {
	float: left;
	padding-left: 5px;
}

#top-sort .sort {
	font-weight: bold;
	color: #000;
	margin-top: 5px;
}

#top-sort .paginate,.productlist-navigation .paginate {
	font-size: 10px;
	color: #438dcb;
	height: 14px;
}

#top-sort .paginate a,.productlist-navigation .paginate a,#orderlist #orderhistory td .productlist-navigation .paginate a
	{
	color: #438dcb;
	margin-left: 3px;
	margin-right: 3px;
}

#orderlist h3 {
	margin-bottom: 0px;
}

#top-sort .paginate a.current,.productlist-navigation .paginate a.current,#orderlist #orderhistory td .productlist-navigation .paginate .current
	{
	text-decoration: none;
	color: #fff;
	width: 14px;
	height: 14px;
	background: #438dcb;
	padding-left: 3px;
	padding-right: 3px;
}

#top-sort .sort select {
	color: #666;
	font-weight: normal;
	width: 160px;
	margin-left: 5px;
}

#content #top-buttons div {
	margin-bottom: 2px;
}

/* shopping list menu */
#list_menu {
	width: 599px;
	height: 25px;
	background: url(../images/bg-listutility.gif) no-repeat top left;
}

#list_menu .label {
	float: left;
	width: 80px;
	padding-top: 6px;
	margin: 0 0 0 15px;
}

.promocode #list_menu .label {
	width: 390px;
}

.promocode #list_menu {
	text-align: right;
}

/* this is the text input */
#list_menu #list-name {
	float: left;
	padding: 2px 0 0 0;
	margin: 3px 0 0 0;
	width: 195px;
}

.promocode #list_menu #list-name {
	display: inline;
	float: right;
	margin-right: 5px;
	width: 105px;
}

.promocode #list_menu #list_menu_buttons {
	float: right;
	padding: 4px 0 0 0;
	margin: 0 5px 0 0;
}

#list_menu #list_menu_buttons {
	float: right;
	padding: 4px 0 0 0;
	margin: 0 5px 0 0;
}

/* shopping list menu ENDS */
#categorylist,#mailerlist {
	width: 600px;
	float: left;
}

#categorylist .categorybox {
	width: 137px;
	float: left;
	padding: 10px 5px 10px 5px;
	text-align: center;
	border-right: 1px dotted #d2d9db;
	border-bottom: 1px dotted #d2d9db;
}

#mailerlist .mailerbox {
	width: 185px;
	float: left;
	padding: 10px 5px 10px 5px;
	text-align: left;
	border-bottom: 1px dotted #d2d9db;
}

#mailerlist .mailerbox-text {
	float: left;
	width: 185px;
}

#categorylist .categorybox.right,#mailerlist .mailerbox.right {
	border-right: none;
}

#categorylist .categorybox h2,#mailerlist .mailerbox h2 {
	margin-bottom: 15px;
}

#categorylist .categorybox a,#mailerlist .mailerbox a {
	text-decoration: none;
	color: #558ed5;
	font-size: 11px;
	font-weight: bold;
}

#categorylist .categorybox .product-thumbnail {
	margin: 0 0 10px 0;
}

#mailerlist .mailerbox .product-thumbnail {
	margin-right: 20px;
	float: left;
}

.price-history .history {
	color: #333;
	font-weight: bold;
}

.price-history .offer-ends {
	color: #999;
}

#product-thumbnails {
	text-align: left;
	margin-top: 60px;
}

.extra-thumbnail {
	float: left;
	margin: 10px 1px 1px 1px;
}

.extra-thumbnail a.galleryImage {
	float: left;
	border: 3px solid #f1f4f6;
}

.extra-thumbnail a.galleryActive {
	float: left;
	border: 3px solid #0f7097;
}

#productlist .row {
	float: left;
	width: 600px;
	min-height: 105px;
	border-bottom: 1px dotted #d2d9db;
	margin-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

#productinfobox .row {
	float: left;
	width: 550px;
	min-height: 105px;
	border-bottom: 1px dotted #d2d9db;
	margin-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

#productlist .row .thumbnail {
	width: 160px;
	float: left;
	text-align: center;
}

#productlist .row .thumbnail .stockguarantee {
	margin-top: 15px;
}

#productinfobox .row .thumbnail {
	width: 100px;
	float: left;
	text-align: center;
}

#productlist .info {
	width: 300px;
	float: left;
	color: #333;
}

#productinfobox .info {
	width: 300px;
	float: left;
	color: #333;
}

#productlist .info h2 a,#productinfobox .info h2 a {
	font-weight: bold;
	color: #333;
	font-size: 12px;
}

#productlist .info a.viewdetail,#productinfobox .info a.viewdetail {
	color: #438dcb;
	background: url(../images/icon-magnify.gif) no-repeat right;
	padding-right: 20px;
}

#productlist .priceblock {
	width: 120px;
	padding-left: 10px;
	float: left;
	border-left: 1px dotted #d2d9db;
	margin-top: 5px;
	text-align: left;
}

#productinfobox .priceblock {
	width: 120px;
	padding-left: 10px;
	float: left;
	border-left: 1px dotted #d2d9db;
	margin-top: 5px;
	text-align: left;
}

#productlist .priceblock .remove,#comparison .remove div.remove a.remove,#productinfobox .priceblock .remove
	{
	padding-right: 12px;
	margin-bottom: 3px;
	text-align: right;
}

#productlist .priceblock .remove a.remove,#comparison .remove a.remove,#productinfobox .priceblock .remove a.remove
	{
	font-size: 9px;
	background: url(../images/icon-remove.gif) no-repeat right;
}

#productlist .priceblock .remove a,#comparison .remove a.remove,.product .remove a,#productinfobox .priceblock .remove a
	{
	color: #505050;
}

#productlist .old-price,#productinfobox .old-price {
	color: #333;
	font-weight: bold;
}

#productlist .your-price,#productinfobox .your-price {
	color: #999;
	margin-bottom: 3px;
}

#productlist .offer-ends,#productinfobox .offer-ends {
	color: #999;
	margin-bottom: 5px;
}

#productlist .priceblock .price,#productinfobox .priceblock .price {
	padding-right: 30px;
	margin-bottom: 4px;
	font-size: 18px;
	color: #e07f0b;
}

#productlist .priceblock .promoprice,#productinfobox .priceblock .promoprice
	{
	padding-right: 30px;
	margin-bottom: 4px;
	font-size: 18px;
	color: #e07f0b;
	background: url(../images/icon-promosmall.gif) no-repeat right;
}

#productlist .priceblock .qty,#productinfobox .priceblock .qty {
	margin-bottom: 6px;
}

#productlist .priceblock .qty .text,#productinfobox .priceblock .qty .text
	{
	width: 46px;
}

#productlist .priceblock .add-to-cart,#productlist .priceblock .compare,#orderlist .add-to-cart,#productinfobox .priceblock .add-to-cart,#productinfobox .priceblock .compare
	{
	margin-bottom: 3px;
}

.productlist-navigation  p {
	width: 185px;
}

.productlist-navigation  a {
	color: #0f7097;
}

.productlist-navigation .paginate {
	float: right;
}

#product #productshot {
	width: 300px;
	float: left;
	text-align: center;
}

#product #productdetail {
	width: 300px;
	padding-top: 30px;
	float: left;
}

#product #productdetail .price {
	color: #e07f0b;
	font-size: 23px;
	font-weight: bold;
	float: left;
	width: 5em;
}

#productdetail .promoprice-tag {
	color: #333;
	font-size: 11px;
	width: 56px;
	height: 25px;
	float: left;
	background: url(../images/promotag-box-2.gif) no-repeat top left #999;
}

#productdetail .promoprice-tag #tag {
	padding: 5px 10px;
	font-weight: bold;
}

#product #productinfobox {
	width: 600px;
	margin-top: 20px;
}

#productinfobox #productinfonav {
	width: 595px;
	height: 33px;
	background: url(../images/bg-productinfotop.gif) no-repeat top left;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding-left: 4px;
}

#productinfobox .product-specifications {
	width: 157px;
	height: 26px;
	margin-top: 4px;
	margin-right: 10px;
	float: left;
	text-align: center;
	background: none;
}

#productinfobox a {
	color: #acacac;
	text-decoration: underline;
	display: block;
	padding-top: 5px;
}

#productinfobox .row a {
	display: inline;
}

#productinfobox .product-specifications a.current {
	background: url(../images/bg-product-specifications.gif) no-repeat top
		left;
	display: block;
	width: 157px;
	height: 21px;
	padding-top: 5px;
}

#productinfobox .product-consumables a.current {
	background: url(../images/bg-product-consumables.gif) no-repeat top left
		;
	display: block;
	width: 119px;
	height: 21px;
	padding-top: 5px;
}

#productinfobox .product-related a.current {
	background: url(../images/bg-product-related.gif) no-repeat top left;
	display: block;
	width: 127px;
	height: 21px;
	padding-top: 5px;
}

#productinfobox a.current {
	color: #333;
	text-decoration: none;
}

#productinfobox .product-consumables {
	width: 119px;
	height: 26px;
	margin-top: 4px;
	margin-right: 10px;
	float: left;
	text-align: center;
	float: left;
	background: none;
}

#productinfobox .product-related {
	width: 127px;
	height: 26px;
	float: left;
	background: none;
	margin-top: 4px;
	margin-right: 10px;
	float: left;
	text-align: center;
}

#productinfobox #productinfobottom {
	background: url(../images/bg-productinfobottom.gif) no-repeat;
	width: 600px;
	height: 9px;
}

#productinfobox #productdetail a {
	color: #438dcb;
}

#productinfobox #specificationswrapper {
	background: url(../images/bg-productinfobox.gif) repeat-y top left;
	padding: 25px 35px 35px 25px;
}

#productinfobox #consumableswrapper {
	background: url(../images/bg-productinfobox.gif) repeat-y top left;
	padding: 25px 10px 35px 25px;
	display: none;
}

#productinfobox #relatedwrapper {
	background: url(../images/bg-productinfobox.gif) repeat-y top left;
	padding: 25px 35px 35px 25px;
	display: none;
}

#productinfobox ul li {
	background: url(../images/bullet.gif) no-repeat 0px 3px;
	padding-left: 15px;
	margin-bottom: 5px;
}

#productinfobox #specificationswrapper a,#productinfobox #consumableswrapper a,#productinfobox #relatedwrapper a
	{
	color: #438dcb;
}

#comparelist #comparison,#orderlist #orderhistory {
	margin-bottom: 20px;
}

.substitute { /*color: #ef4035;*/
	margin-top: 3px;
}

.table-success {
	color: #7ea541;
	margin-top: 3px;
}

.table-success a {
	color: #7ea541 !important;
}

.table-success img {
	margin-right: 10px;
	margin-bottom: 20px;
}

#orderinformation .update-order {
	padding-top: 3px;
	padding-bottom: 5px;
}

.substitute img {
	margin-right: 10px;
	margin-bottom: 30px;
}

#comparison .common-features th,#comparison .specific-features th {
	font-weight: bold;
	font-size: 12px;
	color: #2387af;
}

#comparison .price td {
	font-weight: bold;
	color: #e07f0b;
}

#comparelist #comparison td,#comparelist #comparison th {
	border-top: 1px dotted #d2d9db;
	padding: 11px;
}

#orderlist #orderhistory th,#orderlist #orderhistory td {
	border-top: 1px dotted #d2d9db;
	padding: 8px;
}

#orderlist #orderhistory th a,#orderlist #orderhistory td a {
	color: #333333
}

#orderlist #orderhistory .totals td {
	border-top: 0;
	font-weight: bold;
}

#orderhistory .order a {
	color: #0f7097;
	font-weight: bold;
}

#orderhistory .order .price,#orderlist #orderhistory .totals .price {
	color: #e07f0b;
	font-weight: bold;
}

#comparelist #comparison .add-to-cart form {
	float: left;
}

#comparelist #comparison .add-to-cart td {
	border-top: 0;
	vertical-align: top;
}

#comparelist #comparison .add-to-cart td .button {
	margin-top: -18px;
	float: right;
}

#comparison .add-to-cart input.text {
	width: 40px;
	margin-top: 3px;
}

#comparison .item-name td a,#comparison .product-code td,#orderhistory th
	{
	font-weight: bold;
	color: #333;
}

#comparison div.add-to-list {
	float: left;
	vertical-align: middle
}

#comparison div.remove {
	float: right;
	vertical-align: middle
}

#quantity-widget-wrapper {
	width: 300px;
	height: 39px;
	background: url(../images/bg-quantity-widget.gif) no-repeat top left;
}

#quick-shop a {
	color: #0f7097;
}

#quantity-widget {
	padding-top: 13px;
	float: left;
	width: 87px;
}

#quantity-widget-wrapper label {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 5px;
}

#quantity-widget-wrapper .add-to-cart {
	float: left;
	width: 153px;
	padding-top: 3px;
}

#quantity-widget-wrapper .quantity-input {
	float: left;
	width: 57px;
}

#quantity-widget-wrapper input#quantity {
	border: 0px;
	font-size: 21px;
	font-weight: bold;
	width: 45px;
	height: 29px;
	padding-top: 6px;
	background: none;
	vertical-align: middle;
}

/* Shopping Cart Global Elements STARTS */
#cart-progress ol {
	list-style: none;
	height: 30px;
	width: 600px;
}

#cart-progress ol li {
	font-weight: bold;
	float: left;
	padding: 8px 0 0 35px;
	margin: 0 10px 0 0;
	background-repeat: no-repeat;
	height: 25px;
}

#cart-progress ol li.step-1 {
	background-image: url(../images/icon-step-1.gif);
}

#cart-progress ol li.step-2 {
	background-image: url(../images/icon-step-2.gif);
}

#cart-progress ol li.step-3 {
	background-image: url(../images/icon-step-3.gif);
}

#cart-progress ol li.step-4 {
	background-image: url(../images/icon-step-4.gif);
}

#cart-progress ol li.step-5 {
	background-image: url(../images/icon-step-5.gif);
}

#cart-progress.one li.step-1 {
	color: #333;
}

#cart-progress.one li.step-2,#cart-progress.one li.step-3,#cart-progress.one li.step-4,#cart-progress.one li.step-5
	{
	background-position: left -30px;
	color: #adadad;
}

#cart-progress.two li.step-2 {
	color: #333;
}

#cart-progress.two li.step-1 {
	background-position: left -60px;
	color: #adadad;
}

#cart-progress.two li.step-3,#cart-progress.two li.step-4,#cart-progress.two li.step-5
	{
	background-position: left -30px;
	color: #adadad;
}

#cart-progress.three li.step-3 {
	color: #333;
}

#cart-progress.three li.step-1,#cart-progress.three li.step-2 {
	background-position: left -60px;
	color: #adadad;
}

#cart-progress.three li.step-4,#cart-progress.three li.step-5 {
	background-position: left -30px;
	color: #adadad;
}

#cart-progress.four li.step-4 {
	color: #333;
}

#cart-progress.four li.step-1,#cart-progress.four li.step-2,#cart-progress.four li.step-3
	{
	background-position: left -60px;
	color: #adadad;
}

#cart-progress.four li.step-5 {
	background-position: left -30px;
	color: #adadad;
}

#cart-progress.five li.step-5 {
	color: #333;
}

#cart-progress.five li.step-1,#cart-progress.five li.step-2,#cart-progress.five li.step-3,#cart-progress.five li.step-4
	{
	background-position: left -60px;
	color: #adadad;
}

#cart-progress a {
	color: #999999;
}

#cart-footer {
	margin: 10px 0 0 0;
	padding: 15px 0 0 0;
	background: url(../images/dot-horizontal.gif) repeat-x top left;
	text-align: center;
}

#cart-footer .back-link {
	text-align: left;
	float: left;
	padding: 0 0 0 13px;
}

#cart-order {
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
}

.cart-order {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}

#cart-order .back-link,.cartutilities .back-link,.productlist-navigation .back-link,#orderhistory .back-link,.back .back-link
	{
	text-align: left;
	padding: 0 0 0 13px;
	background: url(../images/icon-arrow-blue-l.gif) no-repeat left 3px;
}

.next .next-link {
	text-align: left;
	padding: 0 13px 0 0px;
	background: url(../images/icon-arrow-blue-r.gif) no-repeat right 3px;
}

.cart-order .back-link {
	text-align: left;
	padding: 0 0 0 13px;
	background: url(../images/icon-pencil.gif) no-repeat left 1px;
}

#cart-footer .next-link {
	text-align: right;
	float: right;
	padding: 0 13px 0 0;
}

#cart-footer .submit-link {
	text-align: right;
	float: right;
	padding: 0 13px 0 0;
	no-repeat
	right
	3px;
}

#cart-footer .continue-link {
	text-align: right;
	float: right;
	padding: 0 3px 2px 0;
	no-repeat
	right
	3px;
}

#cart-footer .logout-link {
	text-align: right;
	float: right;
	padding: 0 3px 0 0; no-repeat right 3px;
	clear: both;
}

.cartutilities {
	text-align: right;
	width: 600px;
	height: 30px;
}

.cartutilities #buttons {
	float: right;
}

.cartutilities #continueshopping {
	float: left;
}

/* Shopping Cart Global Elements ENDS */ /*  My Account stuff */
	/* tabs */
#myaccount-navagation {
	background: #e8ecef url(../images/bg-form-top-lrg.gif) top left
		no-repeat;
	width: 600px;
	height: 43px;
	padding: 3px 0 0 0;
	margin: 0 0 18px 0;
	text-align: center;
}

#myaccount-navagation ul {
	margin: 0 2px 0 3px;
	display: block;
	height: 43px;
}

#myaccount-navagation li {
	background: url(../images/account-tab-bg.gif) top left no-repeat;
	padding: 0 0 0 2px;
	width: 80px;
	float: left;
	display: block;
	height: 43px;
}

#myaccount-navagation li.a {
	width: 54px;
}

#myaccount-navagation li.b {
	width: 74px;
}

#myaccount-navagation li.c {
	width: 49px;
}

#myaccount-navagation li.d {
	width: 76px;
}

#myaccount-navagation li.e {
	width: 61px;
}

#myaccount-navagation li.f {
	width: 53px;
}

#myaccount-navagation li.g {
	width: 70px;
}

#myaccount-navagation li.h {
	width: 51px;
}

#myaccount-navagation li.i {
	width: 150px;
}

#myaccount-navagation li.j {
	width: 100px;
}

#myaccount-navagation li.k {
	width: 46px;
}

#myaccount-navagation ul li.right {
	background: url(../images/account-tab-bg.gif) top right no-repeat;
	width: 2px;
	margin: 0 2px 0 0;
	padding: 0;
}

#myaccount-navagation li a {
	padding: 5px 0;
	display: block;
	padding: 7px 0 0px 0;
	color: #666;
	text-decoration: none;
}

/* over states */
#myaccount-navagation li.white {
	background: url(../images/account-tab-bg-white.gif) top left no-repeat
		!important;
}

#myaccount-navagation li.white a {
	color: #333;
}

#myaccount-navagation ul li.right-white {
	background: url(../images/account-tab-bg-white.gif) top right no-repeat
		!important;
	width: 5px;
	margin: 0 2px 0 0;
	padding: 0;
}

.view-cart {
	padding-bottom: 2px;
}

/* My Account stuff ends */
#orderinformation {
	width: 600px;
	margin-bottom: 16px;
}

#cart-order {
	margin-bottom: 30px;
}

#orderinformation tr.header {
	border-bottom: 1px dotted #d2d9db;
}

#orderinformation .total {
	text-align: right;
}

#orderinformation .total .remove {
	font-size: 9px;
	vertical-align: middle;
	padding-top: 75px;
}

#orderinformation .total .remove a {
	color: #505050;
}

#orderinformation .promocode td {
	padding-top: 5px;
}

#orderinformation th {
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	padding-top:5px;
	border-bottom: 1px dotted #d2d9db;
}

#orderinformation tr.product,#orderinformation tr.product td {
	border-bottom: 1px dotted #d2d9db;
}

#orderinformation tr.product .product-rebate {
	color:#EC5F56;
	font-weight:bold;
	margin-bottom:6px;
}

#orderinformation tr.product .product-title a {
	font-size: 12px;
	color: #333;
	font-weight: bold;
}

#orderinformation tr.product .product-title,#orderinformation tr.product .product-code,#orderinformation tr.product .reference
{
	margin-bottom: 6px;
}

#orderinformation tr.product td {
	padding-top: 10px;
	padding-bottom: 10px;
}

#orderinformation td.qty input.text {
	width: 46px;
}

#orderinformation td.unit-price {
	font-size: 12px;
	font-weight: bold;
	color: #ec5f56;
}

#orderinformation td.total {
	font-size: 12px;
	font-weight: bold;
	color: #e07f0b;
}

#orderinformation .subtotal td {
	padding-top: 16px;
}

#orderinformation .deliverycharge td,#orderinformation .gst td,#orderinformation .total td,#orderinformation .purchaseorder td
	{
	padding-top: 10px;
}

#orderinformation .subtotal .total,#orderinformation .deliverycharge .total,#orderinformation .gst .total,#orderinformation .deliverycharge .total,#orderinformation .total .total
	{
	color: #2387af;
	font-weight: bold;
	font-size: 11px;
}

#orderinformation .purchaseorder input.text {
	width: 97px;
}

#orderinformation .total .total {
	font-size: 18px;
}

#orderinformation th.left {
	text-align: left;
}

/**************** New orderinfo classes for BTS *******************/

table#orderinformation tr.school {
	
}	
		
table#orderinformation tr.school td{
	font-weight:bold;	
	font-size: 12px;
	font-weight: bold;
	color: #7BAA2E;
	padding: 6px 0 6px 10px;
	border: 1px solid #cccccc;
	background-color:#e8ecef;
	margin-bottom: 5px;
}
table#orderinformation tr.student {
	
}
table#orderinformation tr.student td {
	font-weight:bold;	
	font-size: 12px;
	font-weight: bold;
	color: #333333;	
	padding: 6px 0 6px 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #d2d9db;
}


.border-left {
	border-left: 1px dotted #d2d9db;
}

.border-right {
	border-right: 1px dotted #d2d9db;
}

/* General Form Styles STARTS */
ul.arrows-red {
	margin-bottom: 10px;
}

ul.arrows-red li {
	background: url(../images/icon-arrow-red.gif) no-repeat left 3px;
	padding: 0 0 0 10px;
}

#formarea,.formarea {
	padding: 0 0;
	margin: 10px 0;
	overflow: hidden;
	width: 600px;
}

/*  */
#formarea span.mandatory,.formarea span.mandatory {
	color: #ef4035;
}

#formarea ul {
	margin: 0 0 10px 0;
}

#formarea ul li {
	margin: 0 10px;
	overflow: hidden;
	border: 1px solid #fff;
	border-width: 1px 0 0 0;
	padding: 5px 0;
	clear: both;
	display: block;
}

#formarea ul li.noBorder {
	border: none;
}

#formarea ul li.searchType {
	border-top: none;
}

#formarea ul li.searchType span.legend-replace {
	padding-top: 0;
	padding-left: 0;
}

#formarea input#deliveryinstructions {
	width: 345px;
}

#formarea label {
	padding: 5px 0 0 5px;
	display: block;
	width: 150px;
	float: left;
}

#formarea ul li.btn-area {
	text-align: right;
}

#formarea span.btn-area {
	display: block;
	float: right;
	width: 300px;
	text-align: right;
}

#formarea ul li.link-area {
	padding: 10px 0;
	text-align: right;
}

#formarea input.input-box {
	font-size: 11px;
	padding: 3px;
	border: 1px solid #999;
	width: 168px;
}

#formarea input.input-box.phone {
	width: 100px;
}

#formarea input.input-box.ext {
	width: 50px;
}

.formcontact ul {
	width: 280px;
	float: left;
}

.formcontact ul li.contact-textarea textarea {
	padding: 3px;
	width: 270px;
}

.formcontact ul li.contact-textarea label {
	float: none;
	display: block;
	margin-bottom: 10px;
}

#formarea select {
	padding: 1px;
}

br.clearance {
	clear: both;
}

#formarea select#search-catdropdown,#formarea select#search-sortdropdown
	{
	width: 175px;
}

#formarea ul li.form-heading-area {
	border: none;
	margin: 0;
	background: url(../images/bg-form-top-lrg.gif) top left no-repeat;
	clear: both;
}

#formarea ul li em {
	display: block;
	padding: 5px 0 0 0;
	font-weight: bold;
}

#formarea.orderdetail ul li em {
	float: left;
}

#formarea fieldset {
	background: #e8ecef url(../images/bg-form-btm-lrg.gif) bottom left
		no-repeat;
	margin: 0 0 15px 0;
}

#formarea form {
	
}

#formarea legend {
	display: none;
}

#formarea span.legend-replace {
	font-size: 12px;
	color: #0f7097;
	font-weight: bold;
	padding: 10px 0 0 15px;
	display: block;
	float: left;
}

#formarea #quick-shop span.legend-replace {
	font-size: 12px;
	color: #0f7097;
	font-weight: bold;
	padding: 10px 0 0 15px;
	float: left;
	display: block;
}

#formarea span.form-heading {
	font-size: 12px;
	color: #0f7097;
	font-weight: bold;
	display: block;
	padding: 10px 0 0 2px;
}

#formarea dl {
	margin: 5px 5px 0 2px;
	display: inline;
	float: left;
	height: 40px;
}

#formarea dl.dt-hide {
	height: 25px;
}

#formarea dl dt,#formarea dl dd {
	font-weight: normal;
	display: block;
	clear: both;
}

#formarea dl dt {
	width: 80px;
	margin: 0 0 5px 0;
}

#formarea dl dt.areacode,#formarea dl dd.areacode {
	width: 63px;
}

#formarea dl dd {
	margin-left: 0;
}

#formarea dl.dt-hide dt {
	display: none;
}

#formarea textarea.my-detail-textarea {
	width: 464px;
	padding: 3px;
}

#formarea li.short {
	width: 280px;
	float: left;
	clear: left;
	display: inline;
}

#formarea li.short label {
	width: 88px;
}

#formarea li.short a {
	display: inline-block;
	margin: 0 0 5px 0;
}

#formarea li.right {
	float: right;
	clear: right;
}

#formarea dl dd select {
	width: 63px;
}

.loginmiddle {
	display: block;
	vertical-align: middle;
	width: 173px;
	float: right
}

.loginbuttons label {
	margin-right: 5px;
	margin-bottom: 10px;
}

.middle {
	display: block;
	vertical-align: middle;
	width: 100px;
	float: left
}

.no-bottom-margin {
	margin-bottom: 0 !important;
}

#formarea #contact-form li dl {
	margin-right: 5px;
}

#formarea #contact-form li dd input.phone {
	width: 72px;
}

#formarea #contact-form li dd input.ext {
	width: 20px;
}

#formarea #contact-form li dt.short {
	width: 20px;
}

#formarea #contact-form li dl dt.areacode {
	width: 53px;
}

#formarea #contact-form li dl dd select {
	width: 53px;
}

#formarea #contact-form textarea.contact-textarea {
	clear: both;
	display: block;
	width: 260px;
	padding: 3px;
}

#formarea address {
	display: block;
	float: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#formarea address.payment {
	font-weight: normal;
}

#formarea input.radio-btn {
	margin: 6px 0 0 0;
}

#formarea #quick-shop span.quantity {
	padding-left: 343px;
}

#formarea #quick-shop #quick-shop-util {
	width: 600px;
}

#formarea .addrow {
	float: left;
	width: 130px;
	padding-left: 10px;
}

#formarea .add-all {
	text-align: right;
	padding-right: 30px;
}

#formarea #quick-shop input.productcode {
	width: 414px;
}

#formarea #quick-shop input.quantity {
	width: 125px;
}

#faqs ul {
	margin-bottom: 20px;
}

#faqs ul li a {
	color: #0f7097;
}

#faqs h4 {
	font-weight: bold;
	color: #000;
}

.back-to-top {
	width: 600px;
	height: 17px;
	background: url(../images/bg-top.gif) repeat-x top left;
	text-align: right;
}

/* Short form area - for two col forms on the login page etc */
.short_formarea span.mandatory {
	color: #ef4035;
}

.short_formarea ul {
	margin: 0 0 10px 0;
	width: 283px;
}

.short_formarea ul li {
	margin: 0 10px;
	border: 1px solid #fff;
	border-width: 1px 0 0 0;
	padding: 5px 0;
	clear: both;
	display: block;
}

.short_formarea label {
	padding: 5px 0 0 5px;
	display: block;
	width: 70px;
	float: left;
}

.short_formarea ul li.btn-area {
	text-align: right;
}

.short_formarea ul li.link-area {
	padding: 10px 0;
	text-align: right;
}

.short_formarea input.input-box {
	font-size: 11px;
	padding: 3px;
	border: 1px solid #999;
	width: 160px;
}

.short_formarea ul li.form-heading-area {
	border: none;
	margin: 0;
	background: url(../images/bg-form-top-sm.gif) top left no-repeat;
	clear: both;
	width: 283px;
}

.short_formarea ul li em {
	display: block;
	padding: 5px 0 0 0;
	font-weight: bold;
}

.short_formarea fieldset {
	background: #e8ecef url(../images/bg-form-btm-sm.gif) bottom left
		no-repeat;
	margin: 0 0 15px 0;
}

.short_formarea legend {
	display: none;
}

.short_formarea span.legend-replace {
	font-size: 12px;
	color: #0f7097;
	font-weight: bold;
	padding: 10px 0 0 15px;
	display: block;
}

.short_formarea span.form-heading {
	font-size: 12px;
	color: #0f7097;
	font-weight: bold;
	display: block;
	padding: 10px 0 0 2px;
}

.short_formarea li.short {
	width: 260px;
	float: left;
	clear: left;
	display: inline;
}

.short_formarea li.short label {
	width: 83px;
	font-size: 10px;
}

.short_formarea li.short a {
	display: inline-block;
	margin: 0 0 5px 0;
}

.short_formarea li.right {
	float: right;
	clear: right;
}

/* General Form Styles ENDS */
#personalinfobox {
	width: 290px;
	float: left;
}

#businessinfobox {
	width: 290px;
	padding-left: 15px;
	float: left;
}

#categorylist #left-col {
	float: left;
	width: 300px;
}

#categorylist #right-col {
	float: left;
	width: 300px;
}

#categorylist ul li {
	margin-bottom: 5px;
}

#categorylist ul li a {
	font-weight: bold;
	color: #0f7097;
}

#featured-product-wrapper {
	width: 600px;
	margin-top: 20px;
	float: left;
	background: url(../images/bg-featured-product-2.gif) #fff no-repeat top
		left;
}

#featured-product {
	padding: 11px 0px 0 4px;
}

#featured-product h2 {
	font-weight: bold;
	color: #0f7097;
	padding-left: 9px;
}

.featured-product-box-wrapper {
	float: left;
	width: 145px;
	margin-top: 8px;
	margin-right: 3px;
	background: #fff;
}

.featured-product-box {
	padding: 15px;
	height: 100%;
}

.featured-product-box .thumbnail {
	text-align: center;
	margin-bottom: 10px;
}

.featured-product-box h2 {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	line-height: 140%;
}

.featured-product-box a {
	color: #333;
}

.featured-product-box .price {
	margin-right: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #e07f0b;
}

.featured-product-box .promoprice {
	margin-right: 20px;
	margin-left: 7px;
	font-size: 11px;
	font-weight: bold;
	color: #e07f0b;
	background: url(../images/icon-promosmall.gif) no-repeat right;
}

#stopcredit-wrapper {
	width: 600px;
	margin: 0 0 0 10px;
	background: url(../images/error-bg.gif) #ef4035 no-repeat top left;
}

#error-wrapper {
	width: 600px;
	background: url(../images/error-bg.gif) #ef4035 no-repeat top left;
}

#success-wrapper {
	width: 600px;
	background: url(../images/bg-success.gif) #aade58 no-repeat top left;
}

#error {
	padding: 10px 35px 0 35px;
	color: #fff;
}

#success {
	padding: 10px 35px 0 35px;
	color: #273f05;
}

#error p,#success p {
	margin-bottom: 0;
	padding-bottom: 5px;
}

#error h2,#success h2 {
	font-weight: bold;
}

#error a {
	color: #fff;
}

#success a {
	color: #273f05;
}

#footerwrapper {
	width: 960px;
	margin-top: 20px;
	background: url(../images/bg-footer.gif) repeat-x top left;
	float: left;
}

#footerlinks {
	padding-top: 32px;
	width: 630px;
	font-size: 9px;
	float: left;
}

#footerlinks a {
	color: #333;
}

#footerwrapper #sponsors-and-careers {
	float: left;
	text-align: right;
	width: 330px;
}

/* two cols with dashed line in between */
.two_col_1 {
	width: 283px;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px dotted #D2D9DB;
	float: left;
}

.two_col_2 {
	width: 283px;
	float: left;
}

.two_col_img_right {
	margin: 0 0 0 15px;
}

/* snapfish styles */
#snapfish-masthead {
	position: relative;
}

#snapfish-sign-up { /*display: block;*/
	position: absolute;
	top: 240px;
	left: 470px;
	/*text-indent: -9999px;
	width:90px;
	height:40px;*/
}

#snapfish-sign-in { /*display: block;*/
	position: absolute;
	top: 290px;
	left: 407px;
	/*text-indent: -9999px;
	width:178px;
	height:23px;*/
}

#snapfish-buttons {
	margin-top: 10px;
}

/*  snapfish styles end */
.pagecursorbtn {
	background-color: #ffffff;
	border: medium none;
	color: #438DCB;
	cursor: pointer;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0;
	text-align: center;
	text-decoration: underline;
}

.pagecursorselected {
	background: #438DCB none repeat scroll 0 0;
	color: #FFFFFF;
	height: 14px;
	text-decoration: none;
	width: 14px;
	text-align: center;
}

/******* global alignment definitions *******/
	/* alignment of the following elements next to each like table cells without effecting the elements in the other block 
   and to avoid "The IE Three Pixel Text-Jog", source and explanation: http://www.positioniseverything.net/explorer/threepxtest.html */
	/* ie: hacks to identify ie are directly placed here for better understanding */
* html div.layoutAlignment {
	/* ie 5: layout alignment is created using <div>'s */
	clear: both;
	display: table-row;
	/* if you use "table-..." in general: display: table; works better in safari but when you refresh firefox, grouped elements can somtimes not be shown next to each other when using <fieldset> */
	height: 1%;
	/* ie: if not set, ie creates spaces when used within <fieldset> */
}

*+html div.layoutAlignment { /* ie7: same as above but for ie7 */
	clear: both;
	display: table-row;
	/* if you use "table-..." in general: display: table; works better in safari but when you refresh firefox, grouped elements can somtimes not be shown next to each other when using <fieldset> */
	height: 1%;
	/* ie: if not set, ie creates spaces when used within <fieldset> */
}

div.layoutAlignment div.layoutBox1 {
	/* netscape: display: table-cell; doesn't work */
	float: left; /* ie: table-cell doesn't float per default */
	vertical-align: top;
}

div.layoutAlignment div.layoutBox2 {
	display: table-cell; /* treat as a table cell */
	vertical-align: top;
}

* html div.layoutAlignment div.layoutBox2 {
	/* ie: table-cell doesn't float per default, can only be used for ie */
	float: left;
}

*+html div.layoutAlignment div.layoutBox2 {
	/* ie7: same as above but for ie7 */
	float: left;
}

#productlist .row.restrictProd {
	min-height: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
}

#orderlist #orderhistory td a.restrictId {
	color: #0F7097;
	font-weight: bold;
}

a.switch_link {
	float: right;
}

.emphasis {
	font-weight: bold;
}

#formarea input.150px {
	width: 150px;
}

#formarea td.left_heading {
	font-weight: bold;
	padding-right: 20px;
}

#formarea tr.rowPadding td {
	padding-top: 3px;
}
/****************************

/* Styles below require Quirks rendering mode (and especially the * html IE hack) */
    div.autocomplete {
      border: 1px solid darkgray;
      margin: 0px;
      padding: 0px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      background-color: Menu;
    }
    div.autocomplete ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
    }
    div.autocomplete ul li {
      list-style-type: none;
      display: block;
      margin: 0px;
      padding: 0px 2px 0px 3px;
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      cursor: pointer;
      font-family: verdana,arial,helvetica,sans-serif;
      font-size: 11px;
      line-height: 13px;
      background-color: Menu;
      color: MenuText;
    }
    div.autocomplete ul li.selected {
      background-color: Highlight;
      color: HighlightText;
    }
    /* Set the max-height (132px for this example) for the autocomplete box */
    div.autocomplete {
      overflow-x: hidden;
      overflow-y: auto;
      max-height: 132px;
    }
    * html div.autocomplete {
      overflow-y: expression(this.scrollHeight > 132 ? "scroll" : "");
      height: expression(this.scrollHeight > 132 ? "132px" : "");
    }



	div.autocompletesearch {
		background-color: #D0EEF0;
		/*text-align:center;*/
		padding: 5px 0px 5px 20px;
	}
	
	div.autocompletesearch label {
		color: #0F7097;
		font-weight: bold;
	}

	div.autocompletesearch input.next-link {
		position:relative;
		top: 3px;
	}

div.autocompletesearchCart {

	}
	
	div.autocompletesearchCart label {
		color: #0F7097;
		font-weight: bold;
	}

	div.autocompletesearchCart input.next-link {
		position:relative;
		top: 3px;
	}



***************************/






/* Site Map Styles */
#siteMap tr.mainMenu a:hover,#siteMap tr.subMenu a:hover {
	text-decoration: underline;
}

#siteMap tr.mainMenu a {
	color: #7baa2e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 170%;
	text-decoration: none;
}

#siteMap tr.mainMenu,#siteMap tr.subMenu {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
#siteMap td {
	padding-left:10px;
}
#siteMap tr.subMenu a {
	color: #0f7097;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 170%;
	/*text-decoration: none;*/
	BACKGROUND: url(../images/icon-arrow-red.gif) no-repeat left 3px;
	padding:0px 0px 0px 10px;
}

#siteMap tr.mainMenu {
	margin: 0px 10px 10px 10px;
	padding: 0px;
	width: 165px;
}

#siteMap tr.subMenu {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

#siteMap td {
	background-position: left bottom;
	background-repeat: repeat-x;
}

/*********** Classes for Subject Grid **********************/

table td.bold {
	font-weight: bold;
}

table#subjectGrid {
	border: 1px dotted #D2D9DB;	
	font-size: 110%;
}

table#subjectGrid tr.header {
	font-weight: bold;
	font-size: 110%;
}

table#subjectGrid tr.year {
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px dotted #D2D9DB;	
}

table#subjectGrid td {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	border: 1px dotted #D2D9DB;	
}



div#formarea label.radiobutton {
	width: 400px;
	font-weight: bold;
	}
	
p.formmessage {
	margin:10px;	
}

/***** School Product list styles *****/
#schoolProductList {
	padding: 10px;	
}

#schoolProductList h1 {
		font-size: 12px;
		font-weight: bold;
	}

table#productListTable tr.productListRow td.productListCell {
		font-size:11px;
		font-weight: normal;
	}
	
table#productListTable tr.productListRow td.productListCellHeader {
		font-size:11px;
	}
	


a.subject, a.subject:visited {
	font-weight: normal;
	font-size: 11px;
	color:black;
	text-decoration:underline;
}

a.subject:hover {
	font-weight: normal;
	font-size: 11px;
	color:#7baa2e;
	text-decoration:underline;
	cursor:pointer;
}

/********** slichanges start **********/
.popularsearch {
 padding-left: 200px;
}
 
.popularsearch a {
 color: #333;
}
 
.popularsearch img {
 padding-top: 0px;
 vertical-align: middle;
}
/********** slichanges end **********/

/**************************************************** New Homepage *************/


#center_outline {
	width:625px; height:auto;
	padding:5px 0 0 15px;
	float:left;
}
	#center_outline_tiles {
		width:625px; height:auto;
		margin:0 0 10px 0;
		float:left;
	}
		.tile_top_half {
			margin:0 6px 6px 0;
			float:left;
			background-color:#333;
		}
		.tile_btm_half {
			margin:0 6px 6px 0;
			float:left;
			background-color:#333;
		}
		.tile_btm_full {
			margin:0 0 6px 0;
			float:left;
			background-color:#333;
		}
		
	#center_outline_products {
		width:625px; height:auto;
		float:left;
	}
		.products_row {
			width:620px; height:auto;
			margin:0 0 6px 0;
			float:left;
			background-image:url(../images/whs_products_row_shade.jpg); background-position:top right; background-repeat:no-repeat;
		}
			.row_title {
				width:610px; height:23px;
				float:left;
				background-image:url(../images/whs_row_title_bg.jpg); background-repeat:repeat-x;
			}
				.row_title .left {
					width:5px; height:23px;
					float:left;
					background-image:url(../images/whs_row_title_left.jpg); background-repeat:no-repeat;
				}
				.row_title .title {
					width:585px; height:23px;
					padding:4px 0 0 15px;
					float:left;
					font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#00529D;
					background-image:url(../images/whs_row_title_arrow.gif); background-position:2px 5px; background-repeat:no-repeat;
				}
				.row_title .right {
					width:5px; height:23px;
					float:left;
					background-image:url(../images/whs_row_title_right.jpg); background-repeat:no-repeat;
				}
			
			.row_items {
				width:601px; height:auto;
				padding:6px 0 0 7px;
				float:left;
				background-image:url(../images/whs_row_items_bg.jpg); background-repeat:repeat-x;
				background-color:#FFF;
				border-width:0 1px; border-style:solid; border-color:#D1D8DA;
			}
				.row_product_item {
					width:150px; height:auto;
					margin:0;
					float:left;
					background-image:url(../images/whs_product_item_shade.jpg); background-position:top right; background-repeat:repeat-y;
				}
					.product_item {
						width:145px; height:auto;
						float:left;
					}
						.row_product_item .top {
							width:145px; height:5px;
							float:left;
							background-image:url(../images/whs_product_item_top.gif); background-repeat:no-repeat;
						}
						.row_product_item .product_item_content {
							width:143px; height:auto;
							float:left;
							border-width:0 1px; border-style:solid; border-color:#CCCCCC;
						}
							.row_product_item .product_item_content .item_title {
								height:42px;
								padding:3px 8px 0 8px;
								float:left;
							}
								.row_product_item .product_item_content .item_title .title {
									width:127px; height:auto;
									float:left;
									font-weight:bold;
								}
								.row_product_item .product_item_content .item_title .subtitle {
									width:127px; height:auto;
									float:left;
								}
							.row_product_item .product_item_content .item_info {
								width:143px; height:auto;
								padding:8px 0 0 0;
								float:left;
							}
								.row_product_item .product_item_content .item_info .image {
									width:78px; height:90px;
									float:left;
								}
								.row_product_item .product_item_content .item_info .info {
									width:65px; height:auto;
									float:left;
									text-align:center;
								}
									.item_info .info_red {
										width:65px; height:auto;
										float:left;
										font-size:11px; font-weight:bold; color:#EE3F34;
										text-align:center;
									}
									.item_info .info_price {
										width:65px; height:auto;
										margin:0 0 8px 0;
										float:left;
										font-size:14px; font-weight:bold; color:#00529D;
										text-align:center;
									}
										.item_info .info_price .price_symbol {
											font-size:9px;
										}
										
									.item_info .info_buynow {
										width:59px;
										margin:0 0 6px 3px;
										float:left;
									}
									.item_info .info_was_title {
										width:59px; height:auto;
										margin:0 0 0 3px;
										float:left;
										font-size:9px; color:#005DAB;
										text-align:left;
									}
									.item_info .info_was_price {
										width:59px; height:auto;
										margin:0 0 0 3px;
										float:left;
										font-size:10px; font-weight:bold; color:#666666;
										text-align:left;
									}
							
						.row_product_item .item_foot {
							width:145px; height:auto;
							padding:7px 0 0 0;
							float:left;
							background-image:url(../images/whs_item_foot_bg.gif); background-repeat:no-repeat;
							background-color:#00529D;
						}
							.row_product_item .item_foot .foot_text {
								padding:0 0 0 8px;
								float:left;	
								font-size:9px; color:#FFF;
							}
							.row_product_item .item_foot .foot_btm {
								width:145px; height:3px;
								float:left;
								background-image:url(../images/whs_item_foot_btm.gif); background-repeat:no-repeat;
							}
						
			.products_row .btm {
				width:610px; height:8px;
				float:left;
				background-image:url(../images/whs_products_row_btm.jpg); background-repeat:no-repeat;
			}

#helpwrapper {
	padding-bottom:15px;	
}

#quick_links {
	width:139px; height:auto;
	margin-top:15px;
	background-image:url(../images/whs_quicklinks_bg.jpg); background-repeat:repeat-x;
}
	#quick_links_top {
		width:139px; height:31px;
		background-image:url(../images/whs_quick_links_top.gif); background-repeat:no-repeat;
	}
	#quick_links_list {
		width:139px; height:auto;
	}
		#quick_links_list ul {
			margin:0; padding:8px 0 15px 0;
		}
			#quick_links_list ul li {
				margin:0 0 5px 0; padding:0 0 0 20px;
				background-image:url(../images/whs_quicklinks_icon.gif); background-position:10px 5px; background-repeat:no-repeat;
			}
				#quick_links_list ul li a {
					color:#0E7097; text-decoration:none;
				}
					#quick_links_list ul li a:hover {
						text-decoration:underline;
					}
					
	#quick_links_tiles {
		width:139px; height:auto;
	}
		#quick_links_tiles ul {
			margin:0; padding:8px 0 15px 0;
		}
			#quick_links_tiles ul li {
				margin:0 0 2px 0; padding:0 0 0 7px;
			}
				#quick_links_tiles ul li a {
					margin:0; padding:0;
				}

#footerlinks {
	padding:32px 0 40px 0;	
}
#search {
	
}
	#search form {
		width:470px;
		float:left;
	}
	#search .text {
		padding:2px 3px;
		border:1px solid #7F9DB9;
	}
	
#view-my-shopping-lists {
	padding:2px 0 0 6px;
}
#view-last-products {
	padding:2px 0 0 0;
}
#bookmark {
	padding:3px 0 0 10px;
	float:left;	
}





