/***********************************************************************************************************************
 * MyCustomStationery.com - Default CSS file
 *
 * (c) 2008 Documents and Designs, LTD.
 **********************************************************************************************************************/

/***********************************************************************************************************************
 * CONTENTS
 *
 * - TYPOGRAPHY
 * - GENERAL
 * - HEADER
 * - MAIN
 * - SIDEBAR
 * - FOOTER
 **********************************************************************************************************************/


/***********************************************************************************************************************
 * TYPOGRAPHY
 **********************************************************************************************************************/
html {
	font-size: 100.01%;
}
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 62.5%;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: bold;
	line-height: 2em;
}
h1, h2, h3 {
	font-family: "Times New Roman", Garamond, serif;
}
h4, h5, h6 {
	font-family: Verdana, Arial, sans-serif;
}
h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.15em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.8em; }
strong { font-weight: bold; }
em { font-style: italic; }
input, textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
}
select, option, optgroup {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.0em;
}
#menu ul li {
	font-family: "Times New Roman", Garamond, serif;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	text-transform: uppercase;
}





/***********************************************************************************************************************
 * GENERAL
 **********************************************************************************************************************/
html {
	height: 100%;
}
body {
	height: 100%;
	padding: 3em 0 0;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a[rel=external]:after {
	content: " \21D7";
}
#checkout_confirm a[rel=external]:after {
	content: "";
}
input[type=text], input[type=password] {
	padding: 0.1em 0.2em;
	width: 150px;
	line-height: 1.2em;
}
select {
	width: 156px;
}
textarea {
	height: 6em;
	padding: 0.1em 0.2em;
	width: 310px;
	line-height: 1.2em;
}
optgroup optgroup {
	margin: 0 0 0 28px;
}
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.flt_right { float: right; }
.flt_left { float: left; }
.clr_right { clear: right; }
.clr_left { clear: left; }
.clr_both { clear: both; }
.small { font-size: 0.8em; }
.bevel {
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
.cursor_help { cursor: help; }
.block { display: block; }
.bold { font-weight: bold; }
.normal { font-weight: normal; text-decoration: none; font-size: 1em; }
.black { color: #000; }
.red { color: #F00 !important; }
.green { color: #0F0 !important; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
input.error { border: 1px solid #F00 !important; }
select.error { border: 1px solid #F00 !important; }
textarea.error { border: 1px solid #F00 !important; }
label.error { color: #F00 !important; }
ul.notice {
	background-color: #D99;
	border: 1px solid #ECC;
	margin: 12px 36px 0;
	padding: 12px 36px;
}
ul.notice li {
	line-height: 2em;
	list-style-type: square;
}
div.message {
	margin: 12px 36px 0;
	text-align: center;
	padding: 36px;
}




/***********************************************************************************************************************
 * HEADER
 **********************************************************************************************************************/
#header, #menu, #content, #footer {
	margin: 0 auto;
	overflow: auto;
	width: 990px;
}
#header {
	padding: 1px;
}
#content {
	padding-bottom: 48px;
}
#logo {
	background: transparent url(../images/logo_sprite.png) no-repeat;
	height: 51px;
	margin: 21px 0 21px 8px;
	width: 580px;
}
.color_cube {
	border: 1px solid #999;
	cursor: pointer;
	float: right;
	height: 14px;
	margin: 8px 8px 8px 0;
	width: 14px;
}
.pink { background-color: #FFEAEA; }
.sage { background-color: #D5D8D3; }
.navy { background-color: #000066; }
.chocolate { background-color: #663300; }

#menu ul li {
	cursor: pointer;
	float: left;
	width: 175px;
}





/***********************************************************************************************************************
 * SIDEBAR
 **********************************************************************************************************************/
div#most_popular {
    clear: both;
    height: 164px;
    text-align: center;
}
div#most_popular img {
    cursor: pointer;
}




/***********************************************************************************************************************
 * MAIN
 **********************************************************************************************************************/
#main {
	float: left;
	width: 760px;
}
#navigation_bar, .hr_under {
	margin: 0.5em 0 0 1em;
	line-height: 2em;
}
table.bbcode_format {
	margin: 0;
}
table.bbcode_format td {
	padding: 0;
}
table.bbcode_format td img[onclick] {
	cursor: pointer;
}
table.bbcode_format textarea {
	width: 310px;
}

/*
 * INDEX
 */
div.home {
	display: block;
	float: left;
	margin: 24px 0 36px 24px;
	overflow: auto;
	text-align: justify;
	width: 344px;
}
div.home h1 {
	text-align: left;
}
div.home p {
	font-family: "Times New Roman", Garamon, serif;
	font-size: 1.33em;
	line-height: 1.75em;
}
div.home p + p {
	margin-top: 2em;
}
div.home a[rel=external]:after {
	content: "";
}
div.featured_a {
	/*display: block;*/
	/*float: left;*/
	margin: 24px 0 36px 0;
	overflow: auto;
	position: relative;
	left: 24px;
	/*text-align: center;*/
	width: 344px;
	height: 305px;
}
div.featured_a img {
	width: 328px;
	height: auto;
	position: absolute;
	visibility: hidden;
	cursor: pointer;
}
.featured_a h4 {
	font-size: 1em;
}
div.featured_b {
	float: left;
	text-align: center;
	width: 160px;
	margin: 24px 0 36px 24px;
}
.featured_b h4 {
	font-size: 1em;
}
#index table.categories {
	margin: 0 24px;
	width: 712px;
}
#index table.categories td {
	padding: 2em 0;
	vertical-align: top;
	/*width: 237.33px;*/
	width: 356px;
}
#index table.categories td img {
	float: left;
	height: auto;
	margin: 0 10px 0 0;
	width: 150px;
}
#index table.categories td h3 {
	clear: right;
}
#index table.categories td ul {
	line-height: 1.45em;
	list-style-type: square;
	margin: 0 0 0 176px;
}

/*
 * VIEWCATEGORY
 */
#category .category_object,
#category .product_object {
	float: left;
	line-height: 2em;
	margin: 24px 0 0 24px;
	text-align: center;
}
#category .category_object {
	/*height: 200px;
	width: 220px;*/
	/*height: 184px;*/
	height: 260px;
	width: 342px;
	overflow: auto;
}
#category .product_object {
	/*width: 160px;
	height: 190px;*/
	height: 210px;
	height: 260px;
	width: 220px;
	overflow: auto;
}
#category .category_object h1,
#category .product_object h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
}
#category .category_object a:hover,
#category .product_object a:hover {
	text-decoration: underline;
}

/*
 * VIEWDESIGN
 */
#viewdesign .product_object {
	float: left;
	line-height: 2em;
	margin: 24px 0 0 24px;
	text-align: center;
	height: 200px;
	width: 220px;
}
#viewdesign .product_object h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
}
#viewdesign .product_object a:hover {
	text-decoration: underline;
}

/*
 * DESIGN INDEX
 */
#designs .design_object {
	float: left;
	line-height: 2em;
	margin: 24px 0 0 24px;
	text-align: center;
	height: 200px;
	width: 220px;
}
#designs .design_object h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
}
#designs .design_object a:hover {
	text-decoration: underline;
}

/*
 * PRIVACY POLICY
 */
#privacy #main h2 {
	margin: 2em 0 0 2em;
}
#privacy #main p {
	line-height: 1.5em;
	margin: 2em 3em 0;
}
#privacy #main ol {
	line-height: 1.5em;
	list-style-type: square;
	margin: 1em 9em;
}

/*
 * 404 Not Found
 */
#error404 #main h2 {
	margin: 2em 0 0 2em;
}
#error404 #main p {
	line-height: 1.5em;
	margin: 2em 3em 0;
}
#error404 .frmSearch label {
	display: block;
	float: left;
	text-align: right;
	width: 180px;
	margin: 0 6px 0 0;
}
/* It would be nice to be able to edit the above style to #product .frmViewProduct label[for], but alas, IE7+ still will
   not allow such niceties */
#error404 .frmSearch label.nostyle {
	display: inline;
	float: none;
	text-align: left;
	width: auto;
	margin: auto;
}
#error404 .frmSearch fieldset {
	display: block;
	margin: 3em 4em;
	padding: 0 0 20px;
	position: relative;
}
#error404 .frmSearch fieldset legend {
	font-family: "Times New Roman", Garamond, serif;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.8em;
	margin: 0 0 0 16px;
	padding: 0 8px 0;
	position: relative;
	top: -15px;
}
#error404 .frmSearch fieldset div {
	margin: 8px 12px 4px;
	line-height: 2em;
}
#error404 .frmSearch input#btn_search {
	width: 5.5em;
}

/*
 * ABOUT US
 */
#aboutus #main h2 {
	margin: 2em 0 0 2em;
}
#aboutus #main p {
	line-height: 1.5em;
	margin: 2em 3em 0;
}

/*
 * PRIVACY POLICY
 */
#howtoorder #main h2 {
	margin: 2em 0 0 2em;
}
#howtoorder #main p {
	line-height: 1.5em;
	margin: 2em 3em 0;
}

/*
 * CONTACT US
 */
#contact #main h2 {
	margin: 2em 0 0 2em;
}
#contact #main p {
	line-height: 1.5em;
	margin: 2em 3em 0;
}
#contact #main fieldset {
	display: block;
	margin: 24px 24px 0;
	padding: 0 0 20px;
	position: relative;
}
#contact #main fieldset legend {
	font-family: "Times New Roman", Garamond, serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.6em;
	margin: 0 0 0 16px;
	padding: 0 8px 0;
	position: relative;
	top: -15px;
}
#contact #main fieldset div {
	margin: 8px 12px 4px;
	line-height: 2em;
}
#contact #main fieldset div label {
	display: block;
	float: left;
	text-align: right;
	width: 200px;
	margin: 0 6px 0 0;
}
#contact input#send {
	background: transparent url(../images/button_sprite.png) no-repeat;
	height: 39px;
	width: 120px;
	margin: 1em auto 0;
}

/*
 * EMAILPAGE
 */
#emailpage #img_customize_block {
	margin: 24px 24px 0;
}
#emailpage #img_block {
	float: left;
	text-align: center;
	width: 250px;
}
#emailpage #customize_block {
	overflow: auto;
	width: 462px;
}
#emailpage img#viewlarger {
	background: transparent url(../images/button_sprite.png) no-repeat;
	height: 24px;
	width: 120px;
	margin-top: 1em;
}
#emailpage input#send {
	background: transparent url(../images/button_sprite.png) no-repeat;
	float: right;
	height: 39px;
	width: 120px;
	margin: 1em 2px 2px 0;
}
#emailpage .frmViewProduct label {
	display: block;
	float: left;
	text-align: right;
	width: 180px;
	margin: 0 6px 0 0;
}
/* It would be nice to be able to edit the above style to #product .frmViewProduct label[for], but alas, IE7+ still will
   not allow such niceties */
#emailpage .frmViewProduct label.nostyle {
	display: inline;
	float: none;
	text-align: left;
	width: auto;
	margin: auto;
}
#emailpage .frmViewProduct fieldset {
	display: block;
	padding: 0 0 20px;
	position: relative;
}
#emailpage .frmViewProduct fieldset legend {
	font-family: "Times New Roman", Garamond, serif;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.8em;
	margin: 0 0 0 16px;
	padding: 0 8px 0;
	position: relative;
	top: -15px;
}
#emailpage .frmViewProduct fieldset div {
	margin: 8px 12px 4px;
	line-height: 2em;
}
#emailpage #main > p {
	line-height: 1.5em;
	margin: 2em 2em 0 2em;
}
#emailpage textarea#message {
	width: 225px;
}

/*
 * VIEWPRODUCT
 */
#product #img_customize_block {
	margin: 24px 24px 0;
}
#product #img_block {
	float: left;
	text-align: center;
	width: 250px;
}
#product #img_block img {
}
#product #customize_block {
	overflow: auto;
	overflow: hidden;
	width: 462px;
}
#product #customize_block h1 {
	clear: none;
}
#product img#viewlarger {
	height: 24px;
	width: 120px;
	margin-top: 1em;
}
#product input#addtocart {
	float: right;
	height: 39px;
	width: 120px;
	margin-top: 1em;
	background: transparent url(../images/button_sprite.png) no-repeat;
}
#product .frmViewProduct {

}
#product .frmViewProduct label {
	display: block;
	float: left;
	text-align: right;
	width: 180px;
	margin: 0 6px 0 0;
}
/* It would be nice to be able to edit the above style to #product .frmViewProduct label[for], but alas, IE7+ still will
   not allow such niceties */
#product .frmViewProduct label.nostyle {
	display: inline;
	float: none;
	text-align: left;
	width: auto;
	margin: auto;
}
#product .frmViewProduct fieldset {
	display: block;
	padding: 0 0 20px;
	position: relative;
}
#product .frmViewProduct fieldset legend {
	margin: 0em 0 0 16px;
	padding: 0 8px 0;
	position: relative;
	top: -15px;
}
#product .frmViewProduct fieldset legend h1 {
	font-family: "Times New Roman", Garamond, serif;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.8em;
}
#product .frmViewProduct fieldset div {
	margin: 8px 12px 4px;
	line-height: 2em;
}
#product div#description {
	background: transparent url(../images/product_divider.png) no-repeat scroll bottom center;
	margin: 8px 12px 30px 12px;
	padding: 0 0 21px;
}
#product div#notes {
	background: transparent url(../images/product_divider.png) no-repeat scroll top center;
	font-style: italic;
	margin: 30px 12px 4px 12px;
	padding: 21px 0 0;
}
#product .frmViewProduct h5 {
	font-weight: normal;
}
#product .frmViewProduct ul,
#product .frmViewProduct ol {
	margin: 0em 5em 0em;
}
#product .frmViewProduct ul {
	list-style-type: square;
}
#product .frmViewProduct ol {
	list-style-type: decimal;
}
#product #match {
	clear: both;
	/* margin: 130px 0 0; */
	margin: 2em 0 0;
	overflow: auto;
}
#product .match {
	clear: both;
	/* margin: 130px 0 0; */
	margin: 2em 0 0;
	overflow: auto;
}
#product .product_object {
	float: left;
	height: 210px;
	line-height: 2em;
	margin: 24px 0 0 24px;
	text-align: center;
	width: 180px;
}
#product .product_object h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
}
#product .product_object a:hover {
	text-decoration: underline;
}

/*
 * CART
 */
#cart #cart_data { /* Table */
	margin: 24px 24px 0;
	width: 712px;
}
#cart #cart_data td {
	padding: 4px;
}
#cart #cart_data thead tr > td { /* Header Column 1 */
	font-weight: bold;
	text-align: left;
}
#cart #cart_data thead tr > td + td { /* Header Column 2 */
	text-align: center;
}
#cart #cart_data thead tr > td + td + td { /* Header Column 3 */
	text-align: left;
}
#cart #cart_data thead tr > td + td + td + td { /* Header Column 4 */
	text-align: right;
}
#cart #cart_data > tbody > tr > td { /* Body Column 1 */
	padding: 4px;
	vertical-align: top;
	text-align: center;
}
#cart #cart_data > tbody > tr > td + td { /* Body Column 2 */
	text-align: center;
}
#cart #cart_data > tbody > tr > td + td + td { /* Body Column 3 */
	text-align: left;
}
#cart #cart_data > tbody > tr > td + td + td + td { /* Body Column 4 */
	text-align: left;
}
#cart #cart_data > tbody > tr > td + td + td + td + td { /* Body Column 5 */
	text-align: right;
}
#cart #cart_data select#quantity {
	width: 56px;
}
.cart_customize {
	margin: 1.5em 0 0.75em;
	width: 352px;
}
.cart_customize td {
	text-align: right;
	padding: 3px;
	width: 170px;
}
.cart_customize td + td {
	text-align: left;
	width: auto;
}
#cart #cart_data tfoot tr > td { /* Footer Column 1 */
	font-weight: bold;
	text-align: right;
	line-height: 1.8em;
}
#cart #cart_data tfoot tr > td + td { /* Footer Column 2 */
	text-align: right;
}
#cart #shipping_zip {
	font-weight: normal;
	width: 3.2em;
}
#cart #shipping_method {
	font-weight: normal;
	width: 23em;
}
#cart #update_zip {
	width: 2.8em;
}
#cart input#update {
	background: transparent url(../images/button_sprite.png) no-repeat;
	float: right;
	height: 39px;
	width: 120px;
	margin: 1em 1em;
}
#cart input#checkout {
	background: transparent url(../images/button_sprite.png) no-repeat;
	float: right;
	height: 39px;
	width: 120px;
	margin: 1em 24px 1em 0;
}

/*
 * FAQ INDEX
 */
#faqindex #main .cat_group {
	float: left;
	margin: 24px 0 24px 24px;
	width: 344px;
}
#faqindex #main .cat_group h4 {
	padding: 0.25em 0.75em;
}
#faqindex #main .cat_group ul {
	/*height: 10em;*/
	line-height: 1.5em;
	list-style-type: decimal;
	margin-left: 2.25em;
}
#faqindex #main .cat_group ul li {
	margin-top: 0.5em;
}

/*
 * FAQ DETAILS
 */
#faqdetail #main #faq_group {
	margin: 24px;
}
#faqdetail #main #faq_group ul {
	line-height: 1.5em;
	list-style-type: none;
	margin: 12px 24px;
}
#faqdetail #main #faq_group ul li.question {
	font-weight: bold;
	list-style-type: square;
}
#faqdetail #main #faq_group ul li.answer_open {
	display: block;
}
#faqdetail #main #faq_group ul li.answer_close {
	display: none;
}

div#faq_block ul li span {
	cursor: pointer;
}
div#faq_block ul li span:hover {
	text-decoration: underline;
}
#sub ul li.question,
#sub ul li.question {
	list-style-type: square;
}
#sub ul li.answer_open {
	display: block;
	list-style-type: none;
}
#sub ul li.answer_close {
	display: none;
	list-style-type: none;
}

/*
 * CHECKOUT
 */
#checkout fieldset {
	display: block;
	float: left;
	margin: 24px 0 0 24px;
	padding: 0 0 20px;
	position: relative;
	width: 343px;
}
#checkout fieldset legend {
	float: none;
	font-family: "Times New Roman", Garamond, serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.6em;
	margin: 0 0 0 16px;
	padding: 0 8px 0;
	position: relative;
	top: -15px;
}
#checkout fieldset div {
	margin: 8px 12px 4px;
	line-height: 2em;
}
#checkout fieldset div label {
	display: block;
	float: left;
	text-align: right;
	width: 100px;
	margin: 0 6px 0 0;
}
#checkout select#bstate,
#checkout select#shipping_state {
	width: 50px;
}
#checkout input#bzip,
#checkout input#shipping_zip {
	width: 36px;
}
#checkout input#billing_phone_1,
#checkout input#billing_phone_2,
#checkout input#shipping_phone_1,
#checkout input#shipping_phone_2 {
	width: 22px;
}
#checkout input#billing_phone_3,
#checkout input#shipping_phone_3,
#checkout input#ccidentifier1 {
	width: 32px;
}
/*#checkout label[for=ship_to_billing] {
	margin-left: 100px;
	width: auto;
}*/
#checkout label.ship_to_billing {
	margin-left: 104px;
	width: auto;
}
#checkout select#month {
	width: 44px;
}
#checkout select#year {
	width: 64px;
}
#checkout input#continue, #checkout input#back {
	background: transparent url(../images/button_sprite.png) no-repeat;
	float: right;
	height: 39px;
	width: 120px;
	margin: 1em 24px 0 0;
}

/*
 * CHECKOUT CONFIRMATION
 */
#checkout_confirm #billing, #checkout_confirm #shipping {
	float: left;
	margin: 24px 0 0 24px;
	width: 342px;
}
#checkout_confirm #billing h4, #checkout_confirm #shipping h4 {
	padding: 3px 6px;
}
#checkout_confirm #billing div, #checkout_confirm #shipping div {
	line-height: 1.5em;
	padding: 6px;
}
#checkout_confirm #cart_data { /* Table */
	clear: both;
	margin: 24px 24px 0;
	width: 712px;
}
#checkout_confirm #cart_data td {
	padding: 4px;
}
#checkout_confirm #cart_data thead tr > td { /* Header Column 1 */
	font-weight: bold;
	text-align: left;
}
#checkout_confirm #cart_data thead tr > td + td { /* Header Column 2 */
	text-align: left;
}
#checkout_confirm #cart_data thead tr > td + td + td { /* Header Column 3 */
	text-align: left;
}
#checkout_confirm #cart_data thead tr > td + td + td + td { /* Header Column 4 */
	text-align: right;
}
#checkout_confirm #cart_data > tbody > tr > td { /* Body Column 1 */
	padding: 4px;
	vertical-align: top;
	text-align: center;
}
#checkout_confirm #cart_data > tbody > tr > td + td { /* Body Column 2 */
	text-align: center;
}
#checkout_confirm #cart_data > tbody > tr > td + td + td { /* Body Column 3 */
	text-align: left;
}
#checkout_confirm #cart_data > tbody > tr > td + td + td + td { /* Body Column 4 */
	text-align: right;
}
#checkout_confirm #cart_data tfoot tr > td { /* Footer Column 1 */
	font-weight: bold;
	text-align: right;
	line-height: 1.8em;
}
#checkout_confirm #cart_data tfoot tr > td + td { /* Footer Column 2 */
	text-align: right;
}
#checkout_confirm .agree {
	margin: 1em 24px 1em 0;
	text-align: right;
}
#checkout_confirm input#finish, #checkout_confirm input#back {
	background: transparent url(../images/button_sprite.png) no-repeat;
	float: right;
	height: 39px;
	width: 120px;
	margin: 1em 24px 0 0;
}
#checkout_confirm input#update {
	background: transparent url(../images/button_sprite.png) no-repeat;
	height: 39px;
	width: 120px;
}

/*******************************************************************************
 * Order Status Query
 ******************************************************************************/
#order_status_query #main fieldset {
	display: block;
	margin: 24px 24px 0;
	padding: 0 0 20px;
	position: relative;
}
#order_status_query #main fieldset legend {
	font-family: "Times New Roman", Garamond, serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.6em;
	margin: 0 0 0 16px;
	padding: 0 8px 0;
	position: relative;
	top: -15px;
}
#order_status_query #main fieldset div {
	margin: 8px 12px 4px;
	line-height: 2em;
}
#order_status_query #main fieldset div label {
	display: block;
	float: left;
	text-align: right;
	width: 200px;
	margin: 0 6px 0 0;
}
#order_status_query input#check_status {
	background: transparent url(../images/button_sprite.png) no-repeat;
	height: 39px;
	width: 120px;
	margin: 1em auto 0;
}


/*******************************************************************************
 * Order Status Results
 ******************************************************************************/
#order_status #main fieldset {
	display: block;
	margin: 24px 24px 0;
	padding: 0 0 20px;
	position: relative;
}
#order_status #main fieldset legend {
	font-family: "Times New Roman", Garamond, serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.6em;
	margin: 0 0 0 16px;
	padding: 0 8px 0;
	position: relative;
	top: -15px;
}
#order_status #main fieldset div {
	margin: 8px 12px 4px;
	line-height: 2em;
}
#order_status #main fieldset div label {
	display: block;
	float: left;
	text-align: right;
	width: 200px;
	margin: 0 6px 0 0;
}
#order_status #main table#messages {
	margin: 2em auto;
	width: 680px;
}
#order_status #main table#messages td {
	padding: 3px 6px;
	vertical-align: top;
}
#order_status #main table#messages thead tr td {
	font-weight: bold;
	text-align: left;
	width: 160px;
}
#order_status #main table#messages thead tr td + td {
	font-weight: bold;
	text-align: left;
	width: 170px;
}
#order_status #main table#messages thead tr td + td + td {
	font-weight: bold;
	text-align: left;
	width: 350px;
}
#order_status #main table#messages tbody tr td {
	text-align: left;
	width: 160px;
}
#order_status #main table#messages tbody tr td + td {
	width: 170px;
}
#order_status #main table#messages tbody tr td + td + td {
	width: 350px;
}
#order_status #main textarea#message {
	height: 64px;
	width: 680px;
}
#order_status #main input#send_message {
	float: right;
	margin-right: 12px;
	width: 120px;
}

#order_status #main table#proof_summary {
	margin: 2em auto;
	width: 680px;
}
#order_status #main table#proof_summary td {
	padding: 3px 6px;
	vertical-align: top;
}
#order_status #main table#proof_summary thead tr td {
	font-weight: bold;
	text-align: left;
	width: 460px;
}
#order_status #main table#proof_summary thead tr td + td {
	font-weight: bold;
	text-align: left;
	width: 80px;
}
#order_status #main table#proof_summary thead tr td + td + td {
	font-weight: bold;
	text-align: left;
	width: 120px;
}
#order_status #main table#proof_summary tbody tr td {
	text-align: left;
	width: 460px;
}
#order_status #main table#proof_summary tbody tr td + td {
	width: 120px;
}
#order_status #main table#proof_summary tbody tr td + td + td {
	width: 80px;
}
#order_status #main textarea#proof_message {
	height: 64px;
	width: 680px;
}
#order_status #main input#send_proof_message {
	float: right;
	margin-right: 12px;
}
#order_status #main input.approve {
	width: 80px;
}
#order_status #main input#send_proof_message {
	float: right;
	margin-right: 12px;
	width: 120px;
}


/*
#order_status #message_center,
#order_status #proofs {
	clear: both;
	margin: 24px 24px 0;
	width: 712px;
}
#order_status #message_center h4,
#order_status #proofs h4 {
	padding: 3px 6px;
}
*/

#order_status #main p {
	margin: 24px 24px 0 24px;
}
#order_status #billing, #order_status #shipping {
	float: left;
	margin: 24px 0 0 24px;
	width: 342px;
}
#order_status #billing h4, #order_status #shipping h4 {
	padding: 3px 6px;
}
#order_status #billing div, #order_status #shipping div {
	line-height: 1.5em;
	padding: 6px;
}
#order_status #status {
	margin: 24px 24px 0 24px;
}
#order_status #status h4 {
	padding: 3px 6px;
}
#order_status #status div {
	line-height: 1.5em;
	padding: 6px;
}
#order_status #order_data { /* Table */
	clear: both;
	margin: 24px 24px 0;
	width: 712px;
}
#order_status #order_data td {
	padding: 4px;
}
#order_status #order_data thead tr > td { /* Header Column 1 */
	font-weight: bold;
	text-align: left;
}
#order_status #order_data thead tr > td + td { /* Header Column 2 */
	text-align: left;
}
#order_status #order_data thead tr > td + td + td { /* Header Column 3 */
	text-align: right;
}
#order_status #order_data > tbody > tr > td { /* Body Column 1 */
	padding: 4px;
	vertical-align: top;
	text-align: center;
}
#order_status #order_data > tbody > tr > td + td { /* Body Column 2 */
	text-align: center;
}
#order_status #order_data > tbody > tr > td + td + td { /* Body Column 3 */
	text-align: left;
}
#order_status #order_data > tbody > tr > td + td + td + td { /* Body Column 4 */
	text-align: right;
}
#order_status #order_data tfoot tr > td { /* Footer Column 1 */
	font-weight: bold;
	text-align: right;
	line-height: 1.8em;
}
#order_status #order_data tfoot tr > td + td { /* Footer Column 2 */
	text-align: right;
}

#order_status #transaction_data { /* Table */
	clear: both;
	margin: 24px 24px 0;
	width: 712px;
}
#order_status #transaction_data td {
	padding: 4px;
}
#order_status #transaction_data thead tr > td { /* Header Column 1 */
	font-weight: bold;
	text-align: center;
	width: 80px;
}
#order_status #transaction_data thead tr > td + td { /* Header Column 2 */
	text-align: left;
	width: 120px;
}
#order_status #transaction_data thead tr > td + td + td { /* Header Column 3 */
	text-align: left;
	width: 452px;
}
#order_status #transaction_data thead tr > td + td + td + td { /* Header Column 4 */
	text-align: right;
	width: 60px;
}
#order_status #transaction_data > tbody > tr > td { /* Body Column 1 */
	padding: 4px;
	vertical-align: top;
	text-align: center;
}
#order_status #transaction_data > tbody > tr > td + td { /* Body Column 2 */
	text-align: left;
}
#order_status #transaction_data > tbody > tr > td + td + td { /* Body Column 3 */
	text-align: left;
}
#order_status #transaction_data > tbody > tr > td + td + td + td { /* Body Column 4 */
	text-align: right;
}
#order_status #transaction_data tfoot tr > td { /* Footer Column 1 */
	font-weight: bold;
	text-align: right;
	line-height: 1.8em;
}
#order_status #transaction_data tfoot tr > td + td { /* Footer Column 2 */
	text-align: right;
}

/*
 * SEARCH
 */
#search .frmSearch label {
	display: block;
	float: left;
	text-align: right;
	width: 180px;
	margin: 0 6px 0 0;
}
/* It would be nice to be able to edit the above style to #product .frmViewProduct label[for], but alas, IE7+ still will
   not allow such niceties */
#search .frmSearch label.nostyle {
	display: inline;
	float: none;
	text-align: left;
	width: auto;
	margin: auto;
}
#search .frmSearch fieldset {
	display: block;
	margin: 3em 4em;
	padding: 0 0 20px;
	position: relative;
}
#search .frmSearch fieldset legend {
	font-family: "Times New Roman", Garamond, serif;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.8em;
	margin: 0 0 0 16px;
	padding: 0 8px 0;
	position: relative;
	top: -15px;
}
#search .frmSearch fieldset div {
	margin: 8px 12px 4px;
	line-height: 2em;
}
#search .frmSearch input#btn_search {
	width: 5.5em;
}
#search .search_object {
	float: left;
	height: 210px;
	line-height: 2em;
	margin: 24px 0 0 24px;
	text-align: center;
	width: 180px;
}
#search .search_object h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
}
#search .search_object a:hover {
	text-decoration: underline;
}
#search table.search_results {
	margin: 24px;
	width: 712px;
}
#search table.search_results td {
	padding: 12px;
}
#search table.search_results > tbody > tr > td { /* Column 1 */
	width: 132px;
}
#search table.search_results > tbody > tr > td + td { /* Column 2 */
	text-align: left;
	vertical-align: top;
	width: 580px;
}
#search table.search_results td + td p {
	margin: 1.5em 0;
}
#search div#no_results {
	margin: 1em 6em;
}
#search div#no_results p {
	margin: 1em 0;
}
#search div#no_results ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: 0 3em;
}


/***********************************************************************************************************************
 * SIDEBAR
 **********************************************************************************************************************/
#sub {
	margin-left: 760px;
}
#sub .block {
	clear: right;
	float: right;
	margin: 2.5em 12px 0.5em 0;
	width: 204px;
}
#sub .block h4 {
	display: block;
	font-family: "Times New Roman",Garamond,serif;
	font-size: 1.5em;
	margin: 0 -12px 1em 0;
}
#sub .block #q {
	width: 165px;
}
#sub input#search {
	top: 5px;
	width: 28px;
}
#sub .block ul {
	list-style-type: square;
	line-height: 1.5em;
	margin: 0 2.5em;
}




/***********************************************************************************************************************
 * FOOTER
 **********************************************************************************************************************/
#footer {
	text-align: center;
	line-height: 1.5em;
	margin-top: 1em;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}





/***********************************************************************************************************************
 * CALENDAR POPUP
 **********************************************************************************************************************/
.calendarPopupcpYearNavigation,
.calendarPopupcpMonthNavigation {
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
.calendarPopupcpDayColumnHeader,
.calendarPopupcpYearNavigation,
.calendarPopupcpMonthNavigation,
.calendarPopupcpCurrentMonthDate,
.calendarPopupcpCurrentMonthDateDisabled,
.calendarPopupcpOtherMonthDate,
.calendarPopupcpOtherMonthDateDisabled,
.calendarPopupcpCurrentDate,
.calendarPopupcpCurrentDateDisabled,
.calendarPopupcpTodayText,
.calendarPopupcpTodayTextDisabled,
.calendarPopupcpText
{
	font-family: Verdana, Arial, sans-serif;
}
TD.calendarPopupcpDayColumnHeader {
	text-align: center;
}
.calendarPopupcpCurrentMonthDate,
.calendarPopupcpOtherMonthDate,
.calendarPopupcpCurrentDate {
	text-align: center;
	text-decoration: none;
}
.calendarPopupcpCurrentMonthDateDisabled,
.calendarPopupcpOtherMonthDateDisabled,
.calendarPopupcpCurrentDateDisabled {
	text-align: center;
	text-decoration: line-through;
}
.calendarPopupcpCurrentMonthDate {
	font-weight: bold;
}
.calendarPopupcpCurrentDate {
	font-weight: bold;
}
A.calendarPopupcpTodayText,
SPAN.calendarPopupcpTodayTextDisabled {
	height: 2em;
}
A.calendarPopupcpTodayText {
	font-weight: bold;
}


/*******************************************************************************
 * QUICK HELP
 ******************************************************************************/
body#quickhelp {
	margin: 0;
	padding: 0;
	width: 440px;
}
body#quickhelp table td {
	cursor: pointer;
	line-height: 1.5em;
	padding: 1em;
	width: 180px;
}
body#quickhelp table td + td {
	cursor: default;
	line-height: 1.5em;
	padding: 1em;
	width: 260px;
}


/*******************************************************************************
 * TRACK ORDER
 ******************************************************************************/
#trackorder_query #main fieldset {
	display: block;
	margin: 24px 24px 0;
	padding: 0 0 20px;
	position: relative;
}
#trackorder_query #main fieldset legend {
	font-family: "Times New Roman", Garamond, serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.6em;
	margin: 0 0 0 16px;
	padding: 0 8px 0;
	position: relative;
	top: -15px;
}
#trackorder_query #main fieldset div {
	margin: 8px 12px 4px;
	line-height: 2em;
}
#trackorder_query #main fieldset div label {
	display: block;
	float: left;
	text-align: right;
	width: 200px;
	margin: 0 6px 0 0;
}
#trackorder_query input#track {
	background: transparent url(../images/button_sprite.png) no-repeat;
	height: 39px;
	width: 120px;
	margin: 1em auto 0;
}
#trackorder table#tracking_data {
	margin: 4em auto;
	width: 600px;
}
#trackorder table#tracking_data thead td {
	font-weight: bold;
}
#trackorder table#tracking_data td {
	padding: 4px 8px;
}

img.bbcode_bold,
img.bbcode_italic,
img.bbcode_underline,
img.bbcode_font,
img.bbcode_color,
img.bbcode_ol,
img.bbcode_ul,
img.bbcode_link,
img.bbcode_mail,
img.bbcode_h1,
img.bbcode_h2,
img.bbcode_h3,
img.bbcode_h4,
img.bbcode_h5,
img.bbcode_h6,
img.bbcode_img,
img.bbcode_html,
img.bbcode_separator
{
	background: transparent url(../images/bbcode.png) no-repeat;
	height: 16px;
	width: 16px;
}
img.bbcode_separator {
	width: 1px;
	background-position: -160px 0px;
}
img.bbcode_bold {
	background-position: 0px 0px;
}
img.bbcode_italic {
	background-position: -16px 0px;
}
img.bbcode_underline {
	background-position: -32px 0px;
}
img.bbcode_font {
	background-position: -48px 0px;
}
img.bbcode_color {
	background-position: -64px 0px;
}
img.bbcode_ol {
	background-position: -80px 0px;
}
img.bbcode_ul {
	background-position: -96px 0px;
}
img.bbcode_link {
	background-position: -112px 0px;
}
img.bbcode_mail {
	background-position: -128px 0px;
}
img.bbcode_img {
	background-position: -144px 0px;
}
img.bbcode_h2 {
	background-position: -161px 0px;
}
img.bbcode_h3 {
	background-position: -177px 0px;
}
img.bbcode_html {
	background-position: -193px 0px;
}

/*
 * PRIVACY POLICY
 */
#resources #main h1 {
	margin: 1em 0 0 1em;
}
#resources #main h2 {
	margin: 0.75em 0 0 2em;
}
#resources #main p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 1em 3em 0;
}


#viewresource #main h1#resource_header {
	font-family: "Times New Roman", Garamond, serif;
	font-size: 2em;
	margin: 1em 0 0 1em;
	letter-spacing: 1px;
}
#viewresource #main div#resource_body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.75em;
	margin: 1em 3em 0;
}

#viewresource #main div#resource_body h2 {
	font-size: 1.5em;
	margin: 1em 0 -1em;
	letter-spacing: 1px;
}
#viewresource #main div#resource_body h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.0em;
	line-height: 1.75em;
	margin: 1em 0 -1em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#viewresource #main div#resource_body table {
	display: block;
	margin: 3em 1.5em;
}
#viewresource #main div#resource_body table caption {
	display: block;
	text-align: center;
	font-family: "Times New Roman", Garamond, serif;
	font-size: 1.75em;
	padding: 0.75em;
}
#viewresource #main div#resource_body table td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.0em;
	line-height: 1.75em;
	padding: 1em;
	border-collapse: collapse;
}
#viewresource #main div#resource_body table thead td {
	padding: 0.5em 1em;
	text-transform: uppercase;
	font-weight: bold;
}
#viewresource div.caption {
	overflow: auto;
	padding: 0.75em 1.5em;
}
#viewresource div.caption span {
	clear: both;
	display: block;
	font-style: italic;
	margin: 1em auto 0;
	text-align: center;
}
div#banner {
    margin: 2em auto 0;
    text-align: center;
}