html, body
{
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Sans", verdana, arial, helvetica, sans-serif;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	text-indent: 0ex;
	background-image: url(../images/blue_back2.png);
	background-repeat: repeat-x;
	background-color: #e0e0e0;
	background-attachment: fixed;
	color: #111;
}

body, p, ol, ul, td {
  font-family: "Lucida Sans", verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

.clearLine
{
	clear: both;
}

hr
{
	border: 0px;
	height: 1px;
	background-color: #aaa;
	color: #aaa;
}

strong
{
	font-weight: bold;
}




a img { border: none; }

img.product_thumbnail { border: solid 1px #999; padding: 2px; background-color: White; }


a { color: #D15600; text-decoration: none;}
a:link { color: #D15600; }
a:active { color: #D15600; }
a:visited { color: #D15600; }
a:hover { background-color: #36393D; color: White; text-decoration: none; }

a.product_name { color: Black; text-decoration: none;}
a.product_name:link { color: Black; }
a.product_name:active { color: Black; }
a.product_name:visited { color: Black; }
a.product_name:hover { background-color: Transparent; color: Black; text-decoration: underline; }

a.black { color: Black; text-decoration: none;}
a.black:link { color: Black; }
a.black:active { color: Black; }
a.black:visited { color: Black; }
a.black:hover { background-color: Transparent; color: #2a44bc; text-decoration: none; }

a.orange { color: #D15600; text-decoration: none; }
a.orange:link { color: #D15600; }
a.orange:active { color: #D15600; }
a.orange:visited { color: #D15600; }
a.orange:hover { background-color: Transparent; color: Black; text-decoration: underline; }

/* Prev blue color: #2a44bc */
a.blue { color: #2e3a78; text-decoration: none;}
a.blue:link { color: #2e3a78; }
a.blue:active { color: #2e3a78; }
a.blue:visited { color: #2e3a78; }
a.blue:hover { background-color: Transparent; color: #556bdd; text-decoration: underline; }

/* Prev blue color: #2a44bc */
a.blue_list { color: #2e3a78; text-decoration: none; padding: 0px 16px 0px 16px; font-size: 11px; line-height: normal;}
a.blue_list:link { color: #2e3a78; }
a.blue_list:active { color: #2e3a78; }
a.blue_list:visited { color: #2e3a78; }
a.blue_list:hover { background-color: #2e3a78; color: White; text-decoration: none; }

a.black_list { color: #333; text-decoration: none; padding: 1px 16px 0px 16px; font-size: small; line-height: normal;}
a.black_list:link { color: #333; }
a.black_list:active { color: #333; }
a.black_list:visited { color: #333; }
a.black_list:hover { background-color: #333; color: white; text-decoration: none; }


a.ink_link { padding-top: 2px; font-size: small; }

a.table_heading { color: #335; text-decoration: none;}
a.table_heading:link { color: #335; }
a.table_heading:active { color: #335; }
a.table_heading:visited { color: #335; }
a.table_heading:hover { background-color: Transparent; color: #000; text-decoration: underline; }

a.best_price { color: Black; text-decoration: none;}
a.best_price:link { color: Black; }
a.best_price:active { color: Black; }
a.best_price:visited { color: Black; }
a.best_price:hover { background-color: Transparent; color: #2a44bc; text-decoration: underline; }

a.coupon_code
{
	/*cursor: text;*/
	font-family: Courier;
	font-size: small;
	color: #05a;
	background-color: white;
	border: solid 1px #888;
	padding: 0px 5px 0px 5px;
}
a.coupon_code:link { color: #05a; }
a.coupon_code:active { color: #05a; }
a.coupon_code:visited { color: #05a; }
a.coupon_code:hover { background-color: white; color: #05a; text-decoration: none; }


a.no_hover:hover {background-color: Transparent;}

a.no_underline {text-decoration: none;}
a.no_underline:hover {text-decoration: none;}


/*ul
{
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}*/

textarea
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	overflow: auto;
}

span.price { font-size: large; font-family: verdana, arial, helvetica, sans-serif; text-shadow: #aaa 1px 1px 2px; }

/*   CONTAINERS   */

#mainContainer
{
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
/*	background-color: #fff;
	border-left: solid 2px #999;
	border-right: solid 2px #999;
	border-top: solid 1px #999;*/
	background-color: #8b94bd;
	padding: 0px;
}

#pageHeader
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 8px 0px;
	border-bottom: solid 1px #ccc;
	color: #666;
}
#pageHeader, #pageHeader .sb-inner { background-color: #eee; }
#pageHeader .sb-border { background-color: #aac; }

#brandsHeader
{
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #aaa;
	border-right: solid 1px #aaa;
	background-color: white;
}


#pageTopBar
{
	margin-left: auto;
	margin-right: auto;
	width: 680px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	background-color: White;
	color: #333;
	font-size: small;
}

#pageFooter
{
	padding: 0px;
	width: 748px;
	background-color: #eee;
	color: #666;
	font-size: small;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px;
/*	border-top: solid 1px #999;*/
	border: solid 1px #bbb;
}

#pageFooter a, #pageFooter a:visited
{
	text-decoration: none;
	color: #000;
}

#pageFooter a:hover
{
	text-decoration: none;
	color: #457AB0;
	background-color: Transparent;
}

div.bodyContainer_outside
{
	background-color: #fff;
	border-left: solid 1px #aaa;
	border-right: solid 1px #aaa;
}

div.bodyContainer
{
	margin-left: auto;
	margin-right: auto;
	width: 680px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
}

p.right_centre
{
	font-size: x-small;
	width: 680px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px; 
	padding: 0px;
}

p.left_centre
{
	font-size: x-small;
	width: 680px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px; 
	padding: 0px;
}

div.flashError
{
	padding: 10px 0px 10px 0px;
	color: #255AA0;
}

div.flashNotice
{
	padding: 10px 0px 10px 0px;
	color: #44bb44;
}

/*  TABLES  */

table.products
{
	padding: 8px 4px 2px 4px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.products tr
{
/*	border-top: solid 1px #ccc;*/
	border-right: solid 1px #ccc;
	/*background-color: #fbfbfb;*/
	background-color: #f6f6f6;
}

table.products tr.single_product:hover
{
/*	border-top: solid 1px #ccc;*/
	border-right: solid 1px #ccc;
	/*background-color: #ffffaa;*/
	background-color: #d8dbe8;
}

table.products tr.value_pack
{
/*	border-top: solid 1px #ccc;*/
	border-right: solid 1px #ccc;
	/*background-color: #e4f2e4;*/
	/*background-color: #ccffcc;*/
	background-color: #e0efdd;
}

table.products tr.value_pack:hover
{
/*	border-top: solid 1px #ccc;*/
	border-right: solid 1px #ccc;
	/*background-color: #ffffaa;*/
	background-color: #d8dbe8;
}


table.products tr.headings
{
	background-color: #e1e3ea;
	color: #335;
}

table.products th
{
	padding: 1px 3px 1px 3px;
	font-size: x-small;
	text-shadow: #fff 0px 1px 0px;
}

table.products td
{
	/* Border-collapse will ensure that the tr and td borders
	   get merged into one.
	   I need to put borders on td and tr so that they show up in
	   IE. */
	border-top: solid 1px #ccc;
	padding: 6px 4px 5px 6px;
	line-height: normal;
	font-family: arial, helvetica, verdana, sans-serif;
}

table.products td.no_border
{
	border-top: solid 0px #ccc;
}

table.products td.hover_on
{
	/*background-color: #e1e3ea;*/
	background-color: #d8dbe8;
}

table.products td.hover_off
{
	background-color: #f6f6f6;
}

table.products td.hover_on_valuepack
{
	background-color: #d8dbe8;
	/*background-color: #ffffaa;*/
}

table.products td.hover_off_valuepack
{
	background-color: #e0efdd;
}

/* -- Coupons Table -- */

table.coupons
{
	padding: 8px 4px 2px 4px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.coupons tr
{
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background-color: #f6f6f6;
}

table.coupons tr:hover
{
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background-color: #d8dbe8;
}

table.coupons tr.headings
{
	background-color: #e1e3ea;
	color: #335;
}

table.coupons th
{
	padding: 1px 3px 1px 3px;
	font-size: x-small;
	text-shadow: #fff 0px 1px 0px;
}

table.coupons td
{
	/* Border-collapse will ensure that the tr and td borders
	   get merged into one.
	   I need to put borders on td and tr so that they show up in
	   IE. */
	border-top: solid 1px #ccc;
	padding: 8px 5px 5px 3px;
}



/* -- Other Tables -- */

table.coupon_title
{
	width: 300px;
	border: 0;
	background-color: Transparent;
}

table.coupon_title tr
{
	border: 0;
	background-color: Transparent;
}

table.coupon_title td
{
	border: 0;
	padding: 3px;
	background-color: Transparent;
}

table.ink_stats
{
/*	padding: 3px 12px 3px 12px;*/
/*	background-color: #f8f8f8;*/
	padding: 0px;
	border: solid 0px #aaa;
}

table.ink_stats td
{
	font-size: x-small;
	padding: 0px;
/*	font-family: arial;*/
}

table.ink_stats td.price
{
	font-size: small;
	text-align: right;
	padding-left: 8px;
}

table.inks_list
{
	width: 100%;
	padding: 8px 4px 8px 4px;
	background-color: #fbfbfb;
}

table.inks_list tr td {
	line-height: normal;
	border-width: 0;
	border-style: none;
	padding: 0;
	font-family: helvetica, arial, verdana, sans-serif;
}

table#news_articles { width: 680px; }

img.articleImageLeft { float: left; border: solid 1px #999; margin: 2px 12px 2px 0px; padding: 2px; background-color: White; }
div.articleImageRight { float: right; margin: 2px 0px 2px 12px; }
img.article_image { display:block; border: solid 1px #999; padding: 2px; background-color: White;}
span.article_info { line-height: normal; font-size: x-small; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; }
div.article_body { margin-top: 8px; line-height: 140%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; font-weight: normal; text-align: justify; }
span.article_preview_contents { line-height: normal; font-size: 9pt; text-align: justify; }

div.article a { color: #2e3a78; text-decoration: underline; }  /* blue: 2a44bc orange: D15600 */
div.article a:link { color: #2e3a78; }
div.article a:active { color: #2e3a78; }
div.article a:visited { color: #2e3a78; }
div.article a:hover { background-color: Transparent; color: #556bdd; text-decoration: underline; }
div.article span.heading { font-size: large; font-weight: bold; }
div.article span.heading a { text-decoration: none; }
div.article span.heading a:hover { text-decoration: underline; }
div.article h1 { font-size: 20pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 100%; }
div.article h1 a { text-decoration: none; }
div.article blockquote { text-align: left; font-family: Georgia, "Times New Roman", Times, serif; line-height: 140%; }

div.rounded_article { padding: 4px 3px 0px 3px; background-color: #fafafa; }
/*div.rounded_article, div.rounded_article .sb-inner { background-color: #fbfbfb; }*/
/*div.rounded_article .sb-border { background-color: #aaa; }*/
div.rounded_article p { margin: 0px; font-size: 11pt; text-align: justify; font-family: Georgia, "Times New Roman", Times, serif; line-height: 140%; }
div.rounded_article a { color: #2e3a78; text-decoration: underline; }  /* blue: 2a44bc orange: D15600 */
div.rounded_article a:link { color: #2e3a78; }
div.rounded_article a:active { color: #2e3a78; }
div.rounded_article a:visited { color: #2e3a78; }
div.rounded_article a:hover { background-color: Transparent; color: #556bdd; text-decoration: underline; }
div.rounded_article span.heading { font-size: large; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; line-height: 120%; }
div.rounded_article span.heading a { text-decoration: none; }
div.rounded_article span.heading a:hover { text-decoration: underline; }

/* Rounded Corner elements */

div#legend { width: 600px; padding: 8px; }
div#legend, div#legend .sb-inner { background-color: #eee; }
div#legend .sb-border { background-color: #ccc; }

div#brands_list { padding: 6px 8px 16px 8px; margin: 0 auto; }
div#brands_list, div#brands_list .sb-inner { background-color: #fff; }
div#brands_list .sb-border { background-color: #aaa; }
div#brands_list p { line-height: normal; padding: 0px; margin: 0px; }

div#popular_inks { width: 90%; padding: 0px; margin: 0 auto; }
div#popular_inks, div#popular_inks .sb-inner { background-color: #fff; }
div#popular_inks .sb-border { background-color: #aaa; }
div#popular_inks p { line-height: normal; padding: 0px; margin: 0px; }

div.best_prices { width: 165px; background-color: #fafafa}
/*div.best_prices, div.best_prices .sb-inner { background-color: #f6f6f6; }*/
/*div.best_prices .sb-border { background-color: #aaa; }*/
div.best_prices p { line-height: normal; padding: 0px; margin: 0px; }