/* Base Definitions */

#dashboard {
	background-color: #ffffff;
}

body, html {
	background: #fff url(/img/ui/header-tile.jpg) top repeat-x;
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 14px;
	margin: 0;
	padding: 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	text-decoration: none;
}

a:link {
	color: magenta;
}

a:visited {
	color: magenta;
}

a:hover {
	color: cyan;
}

a:active {
	color: magenta;
}

img {
	border: 0px;
}

hr {
	border-width: 1px 0px 0px 0px;
	border-color: #ed262b;
	border-style: dotted;
	font-size: 1px;
	height: 1px;
	margin: 10px 0;
	padding: 0;
	width: 100%;
}

/* Positioning, General */

#horizon {
	border-bottom: 20px solid #000;
	left: 0px;
	padding-bottom: 40px;
	position: relative;
	top: 0px;
	width: 100%;
}

#container {
	border-left: 0px solid black;
	border-right: 0px solid black;
	left: 0px;
	margin: 0px auto;
	position: relative;
	top: 0px;
	width: 850px;
}

#main_content {
	background: none !important;
}

#header {
	left: 0px;
	position: relative;
	top: 0px;
	width: 850px;
}

#header_banner {
	background: url(/img/ui/header.png) top left no-repeat;
	height: 221px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 850px;
}

#top_nav {
	background: ;
	border-top: 0px solid #333333;
	border-bottom: 6px solid black;
	height: 36px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 850px;
}

#top_nav_content {
	height: 40px;
	left: 25px;
	position: relative;
	top: 0px;
	width: 820px;
}

#top_nav_content img {
	border: 0px;
	float: left;
	height: 28px;
	left: 0px;
	position: relative;
	top: 3px;
	width: 2px;
}

#top_nav_content span {
	float: left;
	left: 0px;
	line-height: 36px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	top: 0px;
}

#top_nav_content span a {
	color: #ffffff;
}

#top_nav_content span a:hover {
	color: #ffff00;
	text-decoration: none;
}

#loginbar {
	background-color: #ffffff !important;
	color: #000 !important;
	line-height: 40px !important;
	margin-bottom: 4px !important;
}

#loginbar2 {
	background-color: #ffffff !important;
	border-top: 4px solid #000000;
	color: #000 !important;
	line-height: 40px !important;
	margin-bottom: 4px !important;
}

#main_content {
	position: relative;
	top: 0px;
	left: 0px;
	width: 850px;
}

#main_content .center {
	background: none !important;
	margin-top: 20px;
}

#main_content_container {
	background-color: #ffffff;
	color: #000000;
	left: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	width: 100%;
}

#monthly-special {
	margin-bottom: 20px;
}

#left_nav {
	background-color: #fff;
	left: 0px;
	margin-bottom: 5px;
	padding: 10px 0;
	position: relative;
	top: 0px;
	width: 175px;
}

#left_nav_container {
	border: 1px solid #e854ff;
	padding: 20px 0;
}

.navHeader {
	height: 32px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 175px;
}

.navHeader h3 {
	color: #e854ff;
	display: inline;
	font-size: 12px;
	line-height: 23px;
	margin-top: 10px;
	padding-left: 10px;
}

.navLI {
	background: url() no-repeat;
	display: block;
	height: 17px;
	left: 0px;
	margin-bottom: 2px;
	position: relative;
	top: 0px;
	width: 175px;
}

.navLI a {
	color: #e854ff;
	display: block;
	font-size: 11px;
	height: 17px;
	line-height: 17px;
	padding-left: 20px;
	width: 146px;
}

.navLI a:hover {
	color: #4fedff;
	text-decoration: none;
}

#right_content {
	left: 0px;
	position: relative;
	top: 0px;
	width: 675px;
}

._home #right_content {
	background-color: #fff;
	color: #000;
	text-align: center;
}

#right_content_container {
	padding: 0px 10px;
}

._home #right_content_container {
	padding: 0px 0px;
}

#sub-footer {
	text-align: left !important;
}

.sub-footer-item {
	border: 1px solid cyan;
	float: left;
	margin: 10px 20px;
	padding: 10px;
	width: 40%;
}

#footer {
	background: none !important;
	color: #000 !important;
	height: 43px;
	left: 0px;
	line-height: 43px;
	padding-top: 20px !important;
	position: relative;
	top: 0px;
	text-align: center;
	width: 850px;
}

/* Positioning, Products Grid (Main Page) */

#mainBanner {
	background: url(/img/ui/main_banner.jpg) top left no-repeat;
	height: 215px;
	left: 0px;
	margin: 0px auto;
	margin-bottom: 5px;
	margin-top: -2px;
	position: relative;
	top: 0px;
	width: 660px;
}

#productGridTable {
	left: 0px;
	margin: 0px auto;
	position: relative;
	top: 0px;
	width: 664px;
}

.rowSpacer {
	float: clear;
	height: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	top: 0px;
	width: 100%;
}

.product_row {
	height: 252px;
	left: 0px;
	margin-bottom: 5px;
	position: relative;
	top: 0px;
	width: 664px;
}

.productGrid {
	background: #ffffff url() no-repeat;
	border: 1px solid #eee;
	color: #fff;
	display: inline;
	float: left;
	height: 252px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 216px;
	z-index: 150;
}

.borderR {
	margin-right: 5px;
}

.productGrid div {
	display: inline;
}

.productTitle {
	color: #000000;
	height: 25px;
	font-size: 1.4em;
	left: 0px;
	line-height: 25px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 218px;
	z-index: 300;
}

.productImage {
	height: 154px;
	left: 0px;
	position: absolute;
	top: 41px;
	text-align: center;
	width: 218px;
}

.imgButton {
	height: 153px;
	left: -2px;
	margin: 0px auto;
	position: relative;
	top: 0px;
	width: 188px;
}

.productDescription {
	color: #666666;
	left: 0px;
	position: absolute;
	text-align: center;
	top: 160px;
	width: 218px;
	z-index: 250 !important;
}

.productPrice {
	color: #000000;
	font-size: 15px;
	left: 0px;
	position: absolute;
	text-align: center;
	top: 180px;
	width: 218px;
	z-index: 250 !important;
}

.blankButton {
	left: 0px;
	position: absolute;
	text-align: center;
	top: 222px;
	width: 218px;
	z-index: 500 !important;
}

.blankButton a {
	color: #ffffff;
	font-size: 10px;
	letter-spacing: 1px;
	text-decoration: none;
}

.blankButton a:hover {
	color: #ffff00;
}

#calcContainer {
	border: 1px solid cyan !important;
	margin-top: 10px;
}

#myHR {
	border-color: cyan;
}

td.calcTD {
	background: #fff !important;
}

.fiTitle {
	color: #000000 !important;
}

div#calc,div#calc tbody {
	background: #fff !important;
	color: #000;
}

div#calcHeader {
	background: #fff !important;
	color: #000 !important;
	font-size: 1.4em !important;
}

div.price,.formHeading {
	color: #000 !important;
}

/* Positioning, Product Page */

#product_content_container {
	
}

#product_image {
	height: 315px;
	left: 10px;
	position: relative;
	top: 10px;
	width: 287px;
}

#product_printing_tab {
	left: 10px;
}

#product_info_tab {
	left: 132px;
}

.product_tab {
	color: #FFFFFF;
	font-size: 12px;
	height: 22px;
	padding-top: 6px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 120px;
}

.pt_active {
	background: url(/img/ui/product_tabs.png) 0px 0px no-repeat;
}

.pt_inactive {
	background: url(/img/ui/product_tabs.png) 0px -63px no-repeat;
	cursor: pointer;
}

.pt_inactive:hover {
	background: url(/img/ui/product_tabs.png) 0px -32px no-repeat;
	color: #333333;
}

.product_image_large {
	height: 265px;
	left: 10px;
	position: absolute;
	top: 36px;
	width: 325px;
}

#product_box {
	background: url(/img/ui/product_box.png) top left no-repeat;
	height: 315px;
	left: 0px;
	position: absolute;
	top: 26px;
	width: 347px;
}

#product_label {
	position: absolute;
	top: 46px;
	left: 25px;
	font-size: 16px;
}

#product_text_content {
	left: 0px;
	padding: 10px;
	position: relative;
	text-align: left;
	top: 0px;
	width: 405px;
}

/* Positioning, Login Page */

#welcomeBanner, #welcomeBanner2 {
	background: transparent url(/img/ui/welcomeBannerBkgd.png) top left repeat-x;
	color: #FFFFFF;
	font-size: 30px;
	height: 58px;
	line-height: 36px;
	padding-top: 22px;
	text-align: center;
	text-shadow: #333333 3px 2px 2px;
}

#welcomeBanner2 {
	margin: 2px 0px 0px 0px;
}

#welcomeTable {
	border: 0px;
	border-collapse: collapse;
}

#loginbar {
	margin-top: 4px;
}

#loginTD {
	background-color: #E6E6E6;
	border-right: 1px solid #cccccc;
	padding: 5px;
	width: 176px;
}

.loginBox {
	border-collapse: collapse;
	margin-bottom: 5px;
	width: 176px;
}

.loginBoxLast {
	margin-bottom: 0px;
}

.loginBoxTop {
	background: #E6E6E6 url(/img/ui/loginBoxTop.png) top left no-repeat;
	height: 20px;
}

.loginBoxMiddle {
	background: #E6E6E6 url(/img/ui/loginBoxMiddle.png) top left repeat-y;
	text-align: center;
}

.loginBoxMiddle p.tiny {
	font-size: 9px;
	font-weight: bold;
	margin-bottom: 0px;
}

.loginBoxMiddle input {
	font-size: 10px;
}

.loginBoxMiddle .textInput {
	width: 140px;
}

.loginBoxMiddle h4 {
	font-size: 12px;
	color: #000000;
	margin: 0px;
}

.loginBoxBottom {
	background: #E6E6E6 url(/img/ui/loginBoxBottom.png) bottom left no-repeat;
	height: 20px;
}

#contentTD .content {
	padding: 10px;
}

.green-icon {
	float: right;
	margin: 10px;
}

.design-icon {
	float: right;
	margin: 10px;
}

.pullquote {
	color: #666666;
	float: right;
	font-size: 1.6em;
	font-weight: bold;
	margin: 20px 0 20px 60px;
	padding: 20px 0;
	width: 150px;
}

.pullquote:before {
	color: magenta;
	content: '\201C';
	display: block;
	font-size: 400%;
	height: 0;
	margin-left: -0.55em;
	padding-bottom: 10px;
	width: 40px;
}

/* General Classes */

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.center table {
	text-align: left;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.green {
	color: #03ae03;
}

/* Typography */

body {
	font: 100%/1.25 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

abbr {
	font-variant: small-caps;
}

acronym {
	font-variant: small-caps;
}

cite {
	font-weight: bold;
}

code {
	font-family: Courier, mono;
}

del {
	text-decoration: line-through;
}

dfn {
	font-weight: bold;
}

em {
	font-style: italic;
}

ins {
	text-decoration: overline;
}

kbd {
	font-family: Courier, mono;
	font-weight: bold;
}

q {
	font-style: italic;
}

samp {
	font-family: Courier, mono;
}

sub {
	vertical-align: sub;
}

sup {
	vertical-align: super;
}

strong {
	font-weight: bold;
}

var {
	font-weight: bold;
	font-style: italic;
}

b {
	font-weight: bold;
}

big {
	font-size: 125%
}

i {
	font-weight: italic;
}

small {
	font-size: 75%
}

tt {
	font-family: Courier, mono;
}

address {
	
}

blockquote {
	margin-left: 25px;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

#product_text_content {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#product_text_content h1 {
	font-size: 2.6em !important;
}
#product_text_content h2 {
	font-size: 2.4em !important;
}
#product_text_content h3 {
	font-size: 2em !important;
}
#product_text_content h4 {
	font-size: 1.8em !important;
}
#product_text_content h5 {
	font-size: 1.6em !important;
}
#product_text_content h6 {
	font-size: 1.4em !important;
}
#product_text_content p,
#product_text_content ul,
#product_text_content ol,
#product_text_content dl {
	font-size: 1.2em !important;
}

/* Headings----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.3em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1.1em;
}

h1, h2, p, ul, ol, dl {
	color: #333333 !important;
}

p, ul, ol, dl {
	font-size: 1em;
}

/* Lists----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

ol li,ul li {
	margin-left: 20px;
	list-style-position: outside;
}

ol li ol {
	list-style: lower-roman;
}

ol li ul {
	list-style: square;
}

ul li ol {
	list-style: decimal;
}

ul li ul {
	list-style: disc;
}

ol li ol li,ol li ul li,ul li ol li,ul li ul li, {
	margin-left: 30px;
}

ol li.even,ul li.even {
	background-color: #fff;
}

ol li.odd,ul li.odd {
	background-color: #f3f3f3;
}

ul.split-list li {
	float: left;
	width: 50%;
}

ul.tri-list li {
	float: left;
	width: 33%;
}

ul.quad-list li {
	float: left;
	width: 25%;
}

dl {
	
}

dl dt {
	font-weight: bold;
	margin: 1.25em 10px 0 20px;
}

dl dd {
	margin-left: 20px;
}