/* -------------------------------------------------------------- 
   * RESET default browser CSS
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1.5;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* -------------------------------------------------------------- 
   TYPOGRAPHY
-------------------------------------------------------------- */

body {
	font-size: 75%;
	color: #3A3C72;
	font-family:  Tahoma, Arial, "Helvetica Neue", "Lucida Grande", Helvetica, Verdana, sans-serif;
}

p, h2, h3, h4, h5, h6, ul, ol {
	margin: 10px 15px 0 15px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	font-size: 3em;
	line-height: 1;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 1.87em;
	margin-bottom: 0.5em;
}

div.tagline {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	margin: -10px 0 0 -1px;
	position:relative;
	margin-bottom: 0;
	padding-bottom: 10px;
	color: #c1171e;
	text-align: center;
}

div.tagline h2 {
	font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif;
	font-size: 25px;
	line-height: 24px;
	margin: 3px 0 2px 0;
}

div.tagline p {
	margin-right: 0;
	margin-left: 0;
	margin-top: 3px;
}

.covershot {
	margin: 0 0 0 -1px;
	padding-bottom: 10px;
	background: #fff;
}





h3 {
	font-size: 1.8em;
	line-height: 1;
	margin-bottom: 1em;
	font-weight: bold;
}

h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}

h5 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 5px;
}

h6 {
	font-size: 1em;
	font-weight: bold;
}

.sectionhead {
	text-transform: uppercase;
	background: #dbe8f2;
	padding: .2em 15px;
	margin-left: 0px;
	margin-right: 0px;
	clear: both;
}

/* Text elements
-------------------------------------------------------------- */
 
p {
	font-size: 1.1em;
}

ul {
	list-style-type: none;
}

ol {
	list-style-type: none;
}

dl {
	margin: 0 0 1.5em 0;
}

dl dt {
	font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

a {
	color: #009;
	text-decoration: underline;
}

a:focus, a:hover {
	text-decoration: none;
}

a.img {
	text-decoration:none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
	background: #ffc;
}

/* Tables
-------------------------------------------------------------- */

table {
	margin: 15px;
	width: 95%;
}

th {
	border-bottom: 1px solid #91aec4;
	border-top: 1px solid #91aec4;
	font-weight: bold;
	background: #cadcea;
	text-align: center;
}

td {
	text-align: center;
	border-bottom: 1px solid #ccc;
}

th, td {
	padding: 4px 10px 4px 0;
}

tfoot {
	font-style: italic;
}

caption {
	background: #ffc;
}

table a {
	text-decoration: underline;
}
table a:hover {
	text-decoration: underline;
}

/* -------------------------------------------------------------- 
   
   =forms.css
   
-------------------------------------------------------------- */

form, form p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

form a {
	text-decoration: underline;
}

form ol {
	list-style-type:none;
	margin:0;
	padding:0;
}

form li {
	clear:both;
}

form p {
	margin: 0;
}

label {
	font-weight: bold;
	float:left;
	/*display: block;*/
	width: 120px;
}

/* Fieldsets */
fieldset {
	margin-bottom: 1em;
}

fieldset.submit {
	background: #b5cede url(/images/gradient.gif) left bottom repeat-x;
	height:auto; /* 58px */
	margin-bottom:0;
	width:600px;
	padding: 10px 0;
}

fieldset.submit p {
	margin:15px 10px 0 10px;
}

fieldset.submit p.centertext {
	margin:0px 0 0px 200px;
}


fieldset.submit p.centertext input.submit {
	padding: 0;
}

/* Text fields */
input.text {
	width: 200px;
	border:1px solid #999;
	background:#f6f6f6;
	padding:2px 5px;
	float:left;
	margin-bottom:10px;
}

input.text:focus {
	border:1px solid #3e4742;
	background:#fff;
}

input.small {
	width:80px;
	margin:0;
	line-height:normal;
	margin-bottom:10px;
}

/* Submit buttons */
input.submit {
	padding-top:7px;
	padding-left:20px;
	text-align: center;
}

input.button {
	background: #fff;
	border: 1px solid #003c7b;
	color: #000;
	text-transform: uppercase;
	font-size: 11px;
	height: 22px;
	width: auto;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
}

/* Textareas */
textarea {
	width: 400px;
	height: 150px;
	margin:0.5em 0.5em 0.5em 0;
	border:1px solid #999;
	background:#f6f6f6;
	padding:5px;
}

textarea:focus {
	border:1px solid #999;
	background:#fff;
}

/* Select fields */
select {
	border:1px solid #999;
	background:#f6f6f6;
	width:170px;
	margin-bottom:10px;
	padding: 2px;
}

select:focus {
	border:1px solid #999;
	background:#fff;
}

/* Other elements used in forms */
.optional {
	font-weight: bold;
	font-size:1.2em;
	text-align:center;
	color: #547996;
	background:#ccdeec;
	display:block;
	width:100%;
	margin: 0;
	margin-bottom:10px;
	padding: 3px 0;
}

form p, form p.small {
	margin-top:5px;
	margin-bottom:10px;
	line-height:normal;
}

/* Success, error & notice boxes for messages and errors. */
.error, .notice, .success {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}

.error {
	background: #FBE3E4;
	color: #D12F19;
	border-color: #FBC2C4;
}

.notice {
	background: #FFF6BF;
	color: #817134;
	border-color: #FFD324;
}

.success {
	background: #E6EFC2;
	color: #529214;
	border-color: #C6D880;
}

.error a {
	color: #D12F19;
}

.notice a {
	color: #817134;
}

.success a {
	color: #529214;
}

li p.note {
	padding-left: 22px;
	margin-top:0;
}

/* =Forms
-------------------------------------------------------- */
.userform li {
	float: left;
	display: inline;
	clear: both;
	width: 100%;
}

.required {
	font-weight: bold;
	color: #fe0000;
}

form span.required {
	font-size: 14px;
}

.userform label {
	font-weight: normal;
}

.userform label.text {
	margin: 2px 0 0 15px;
	width: 120px;
}


.userform p {
	margin: 2px 0 0 15px;
}

.userform label.text2 {
	width: auto;
	margin-right: 5px;
	margin-left: 15px;
}

.userform label.checkbox {
	float: none;
	clear: both;
	padding-top: 10px;
	width: auto;
	text-align: left;
	margin-left: 15px;
}

/* fields */
.userform input.text, .userform select, .userform textarea {
	width: 190px;
	margin: 1px 0px 0px 0px;
	float: left;
	display: inline;
}

.userform select {
	width: 203px;
}

.userform input.medium {
	width: 77px;
}

.userform input.small {
	width: 30px;
}

.userform select.medium {
	width: 57px;
}

.userform select.small {
	width: 50px;
}

.userform textarea {
	width: 383px;
	margin: 5px 5px 5px 0px;
}

.userform textarea.text {
	float: left;
	display: inline;
}

/* login */
.login {
	margin: 20px 0;
}

.login label.text {
	width: auto;
	margin-right: 10px;
}

.login input.text {
	width: 170px;
}

.login input.submit {
	float: right;
	margin-right: 15px;
	padding-top: 0px;
	display: inline;
}

.login .note {
	float: right;
	display: inline;
	margin-right: 130px;
	margin-top: -15px;
}

.login .checkbox {
	clear: both;
	margin-top: 20px;
}

.login input.submit2 {
	margin-right: 75px;
	margin-top: 10px;
}

/* payment */
.payment .column {
	width: 185px;
	margin-left: 10px;
}

.payment .first {
	width: 290px;
}

.payment .last {
	width: 270px;
}

.payment label.text {
	width: auto;
}

.payment input.text, .payment select {
	display: block;
	margin-left: 15px;
	width: 260px;
}

.payment p {
	margin-left: 15px;
}

.payment select {
	width: 273px;
}

.payment select.shipping, .payment select.medium, .payment select.small {
	float: left;
	display: inline;
	margin-left: 0px;
}

.payment input.text, .payment select, .payment textarea {
	display:block;
	margin-left:15px;
	width:260px;
}

.payment select.medium {
	width: 120px;
}

.payment select.small {
	width: 70px;
}

.payment input.medium {
	width: 100px
}

.payment input.small {
	width: 60px
}

.payment select.shipping {
	width: 145px;
}

.payment label.shipping {
	float: left;
	display: inline;
	margin: 0px 5px 0 0;
	padding-top: 2px;
	width: auto;
}

.payment .last .payment-img{
    padding: 60px 0 0 10px;
    text-align: center;
}

/* contact */
.contact {
	margin: 20px 0;
}

.contact label.text {
	width: 95px;
	margin-right: 10px;
	text-align: right;
}

.contact input.text {
	width: 155px;
}

.contact input.submit {
	float: right;
	margin-right: 15px;
	padding-top: 0px;
	display: inline;
}

.contact input.large, .contact textarea.large {
	width: 453px;
}

.contact li.radio {
	margin-left: 120px;
	width: 480px;
	font-size: 1.1em;
}

.contact li.radio input {
	margin-top: 2px;
}

.contact li.radio input.submit {
	margin-top: -18px;
}

.contact .radio label {
	float: none;
	padding-bottom: 2px;
	margin-left: 5px;
	margin-right: 50px;
	font-size: 1em;
}


/* account */
.account {
	margin: 20px 0;
}

.account label.text {
	width: 150px;
	margin-right:50px;
	text-align: right;
}

.account input.text {
	width: 155px;
}

.account input.submit {
	float: right;
	margin-right: 15px;
	padding-top: 0px;
	display: inline;
}
.account input.left{
	float: left;
}

.account .checkbox {
	clear: both;
	margin-top: 20px;
	margin-left: 15px;
}
.account label.checkbox {
	margin-left: 0px;
}

/* address */
.address label.text {
	width: 100px;
	text-align: right;
	margin-right: 5px;
	margin-left: 0;
}

.address input.text, .address select, .address textarea {
	width: 170px;
}
.address select{
	width: 182px;
}

.address input.small{
	width: 30px;
}

.address input.medium{
	width: 57px;
}

.address label.checkbox {
	margin-left: 0;
	display: inline;
	clear: none;
}

.address input.right {
	margin-right: 15px;
}

/* upload */
.uploadfile ul {
	border:1px dashed #96B8D3;
	float:left;
	padding:5px;
	width:575px;
}

.uploadfile li {
	background-color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
	padding-left:20px;
	width:555px;
}

.uploadfile label {
	width: auto;
	padding-top: 2px;
	margin-right: 10px;
}

.uploadfile input {
	width: auto;
	display: inline;
	float: none;
}

.fileUploadTextStep1Flash  {
	display:inline;
	padding-bottom:27px;
	vertical-align:middle;
}

.fileUploadProgress  {
	background-color:#FFFFFF;
	border:1px solid #000000;
	width:95%;
}

.info {
	margin-bottom: 5px;
}

.info p  {
	margin-top: 0;
	padding: 5px;
}

.info span {
	width: 150px;
	display: block;
	float: left;
	font-weight: bold;
}

.info .highlight {
	margin-top: 10px;
}

div.upload_tip {
	background-color:#F2F7FA;
	border:1px solid #96B8D3;
	float:left;
	margin:15px 0 15px 15px;
	padding:5px;
	width:575px;
}

.tip_note {
	color:#B81D25;
	float:left;
	font-weight:bold;
	text-align:right;
	width:40px;
}

.tip_text {
	float:left;
	padding-left:10px;
	width:500px;
}

/* Misc classes and elements
-------------------------------------------------------------- */


/* Use this to create a horizontal ruler across a column. */
hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 5px 0 5px 0;
	border: none;
}

hr.space {
	background: none;
	color: #eff5fa;
	margin-top: 35px;
}

.clear {
	clear:both;
}

/* Best Value Copy specifics */
.alt {
	font-family: "Times New Roman", Georgia, serif;
	font-weight: normal;
	font-style: normal;
	line-height:1em;
}

.alt em {
	font-size:150%;
	background:none;
	font-style:normal;
}

/* Sidebar 
--------------------------------------------------------*/
#sidebar img {
	margin:0;
	vertical-align:bottom;
}

#sidebar img.delivery {
	margin-top:10px;
	margin-bottom:10px;
}

#sidebar ul {
	margin:0;
	list-style:none;
	background:url(/images/left_nav_bg.gif) repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}

#sidebar ul li a {
	background:url(/images/bullet.gif) 6px 10px no-repeat;
	padding-left:20px;
	height:28px;
	line-height:28px;
	color:#010101;
	text-decoration:none;
	display:block;
}

#sidebar ul li a:hover {
	text-decoration:underline;
}

#sidebar ul li {
	background: url(/images/h_dotted_line.gif) left bottom repeat-x;
}

#sidebar .note {
    font-size: .85em;
    display: inline;
    margin-left: -2px;
    float: left;
    width: 180px;
    display: block;
}

/* Services 
--------------------------------------------------------*/
.services img {
	margin:0;
	vertical-align:bottom;
	float:left;
	position: relative;
	right:-5px;
}

.services ul {
	margin:0;
	list-style:none;
	background:url(/images/list_bg.gif) repeat-y;
	float:left;
	font-size:.9em;
	width:150px;
}

.services ul li.even {
	background:#fff;
}

.services ul li span {
	background:url(/images/bullet3.gif) 6px 10px no-repeat;
	padding-left:20px;
	height:28px;
	line-height:28px;
	color:#010101;
	text-decoration:none;
	display:block;
}

.services ul li.alt span {
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	background-position:6px 3px;
}

/* Content elements and classes
--------------------------------------------------------*/	
.box {
	margin-bottom: 1.5em;
	padding:10px;
}

.colborder {
	border-left:1px dashed #7096b2;
}

.topborder {
	border-top:1px dashed #7096b2;
	padding-top:4px;
}

.titlebox {
	background:#f5f9fc url(/images/body_bg.gif) repeat-x;
	padding:10px;
	border-bottom:1px dashed #4d7191;
	width:580px;
}

.titlebox2 {
	margin-top: 20px;
	padding-bottom: 0;
	padding-top: 0;
	border-bottom:none;
	margin-bottom: 20px;
}
.titlebox2 h2 {
	margin: 0 5px 0 5px;
}


/* steps navigation */
.steps {
	height: 50px;
	width: 600px;
}

.steps {position:relative; margin: 0 0 0 -1px; z-index: 100;}
.steps li {float:left; list-style: none;}
.steps li span {position: absolute; top:0; display:block; height:50px; background: url(/images/steps.gif) no-repeat; text-indent:-9999px; overflow:hidden; font-size:1%;}
li#steps1 span {width:180px; left:0; background-position: 0 bottom;}
li#steps2 span {width:192px; left:180px; background-position:-180px bottom;}
li#steps3 span {width:227px; left:372px; background-position:-372px bottom;}
/* current */
li#steps1.current span {width:180px; left:0; background-position: 0 top;}
li#steps2.current span {width:192px; left:180px; background-position:-180px top;}
li#steps3.current span {width:227px; left:372px; background-position:-372px top;}

/* end steps navigation */


.sidenote1 {
	width:142px;
	border:1px solid #96b8d3;
	float:left;
	margin-left:-432px;
	vertical-align:middle;
}

.sidenote1 p {
	margin:3px;
	padding: 5px 3px;
	background: #f2f7fa;
	text-align:center;
	font-size:.9em;
	height:56px;
}

.sidenote2 {
	width:142px;
	border:1px solid #96b8d3;
	float:right;
}

.sidenote2 p {
	margin:3px;
	padding: 5px 3px;
	color: #9d191f;
	background: #f2f7fa;
	text-align:center;
	font-size:.9em;
	height:56px;
}


.sidenote4 {
	border:1px solid #96B8D3;
	float:right;
	margin-right:15px;
	margin-top:10px;
	width:142px;
}

.sidenote4 p {
	background-color:#F2F7FA;
	float:left;
	font-size:0.89em;
	margin:2px;
	padding:0 4px;
}

.sidenote3 {
	asdwidth:142px;
	border:1px solid #96b8d3;
	float:right;
	margin-right:15px;
}

.submit .sidenote3 {
	width: 250px;
	background: #fff;
	border:none;
	float: left;
	margin-right: 0px;
	margin-left: 75px;
        margin-top: 22px;
	display: inline;
}

.sidenote4 p strong  {
	color:#B81D25;
}

.titlebox .sidenote3 {
	margin-right:0px;
}

.sidenote3 ul {
	margin:3px;
	padding: 2px 4px;
	color: #b81d25;
	background: #f2f7fa;
	text-align:left;
	font-size:.89em;
	float: left;
}

.sidenote3 ul.upload {
	width: 130px;
}

.submit .sidenote3 ul {
	float: none;
}

.submit .sidenote3 ul.proc {
	float: left;
	width: 235px;
}
.submit .sidenote3 .outer { margin: -28px 0 0; position: relative; height: 24px; line-height: 24px; padding-left: 24px; font-size: 11px; font-weight: bold; color: #603c72; }
.submit .sidenote3 .ico-cart span { background: url(/images/ico-cart-step2.gif); width: 23px; height: 18px; position: absolute; top: 2px; left: 0; }

.sidenote3 li {
	clear: both;
	padding: 0 0 0 70px;
	color: #603c72;
}

.sidenote3 strong {
	float:left;
}

.sidenote3 span.amount {
	float: left;
	margin-left: 10px;
	margin-right: 15px;
	display: inline;
}

.sidenote_ad {
	width:142px;
	border:1px solid #96b8d3;
	vertical-align:middle;
	margin-bottom: 10px;
	width: 195px;
	color: #EF2C2F;
	font-size: 1.2em;
}

.sidenote_ad p {
	margin:3px;
	padding: 5px 3px;
	background: #f2f7fa;
	text-align:center;
	font-size:.9em;
}

.maintext {
	float:left;
	padding:0;
	width:600px;
	margin:3px 0 0 0px;
}

.maintext img {
	margin:0;
	padding:0;
}

.centertext {
	float:left;
	padding:0;
	width:260px;
	margin:3px 0 0 172px;
}

.bodybox .centertext {
	width:300px;
}

.centertext img {
	margin:0;
	padding:0;
}

.bodybox fieldset ol.centertext {
	float: none;
	 width: 390px;
	 line-height: normal;
	 margin-left:120px
}	

fieldset ol.centertext .note {
	color: #6d6f97;
	font-size: .9em;
	line-height: 1;
	margin-left: 10px;
	display: inline;
	float: left;
	width: 130px;
	padding-top: 5px;
	display: block;
}

fieldset ol.centertext .two_sided {
	padding-top: 0;
}

.bodybox {
	background: #f1f6f9 url(/images/body_bg2.gif) repeat-x;
	padding: 12px 10px;
	margin-bottom: 0;
	clear: both;
	/*border-bottom:1px dashed #000104;*/
	border-bottom: 1px solid #96b8d3;
	width: 578px;
}

.title {
	color: #383967;
	font-family: "Times New Roman", Times Georgia, serif;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 2.6em;
	/*border-bottom:1px dashed #4D7191;*/
	margin-bottom: 0;
	padding-left: 172px;
	line-height:normal;
	margin-top: 0px;
}

.bodybox .title {
	margin: -10px 0 0 0;
}

.title2 {
	padding: 2px 0px 2px 0px;
}

.title3 {
	font-size: 1.8em;
	padding-left: 0px;
}

.hptitle {
	padding: 0px 10px 5px 10px;
	font-size: 2.1em;
	margin: 0px;
	margin-bottom: 10px;
	text-align: center;
}

.copy {
	margin-bottom: 0;
	padding:20px 5px 0px 5px;
	float:left;
	line-height:normal;
}

.copy img.blurb {
	padding-left: 10px;
}

.copy h3 {
	margin-bottom:10px;
}

.copy h3 .alt {
	font-size: 1.4em;
	color: #413e5b;
	font-weight:bold;
	text-transform:uppercase;
}

p.blurb {
	padding-left: 70px;
	padding-bottom:10px;
	font-size:1.1em;
	border-bottom:1px dashed #afafaf;
	margin-bottom:10px;
}

img.blurb {
	float:left;
	margin:0;
	margin-top:5px;
}

.copy img.top {
	margin-top:0px;
}

.copy em {
	background:none;
	color:#877b4b;
	font-weight:bold;
	font-style:normal;
}

.copy .topborder {
	margin-top:-8px;
	padding-top:10px;
	border-top-color:#afafaf;
}

.column {
	float:left;
	display: inline;
	margin-bottom:0;
	width: 50%;
}

.column h5 {
	font-size: 1em;
}

.contain2col {
	background: url(/images/v_dash_line.gif) 290px 0 repeat-y;
	float:left;
	width: 580px;
}

.contain2col .column {
	width:280px;
}

.contain2col .last {
	float: right;
}

.contain3col {
	background:url(/images/3col_bg_alt.gif) 193px 0 repeat-y;
	float:left;
	width: 580px;
}

.contain3col .column {
	width: 193px;
}

.contain3col .first {
	width: 193px;
}

.contain3col .middle {
	width:186px;
	padding-left: 7px;
}

.contain3col .last {
	width:183px;
	float: right;
}

#step3 .contain3col {
	background:url(/images/3col_bg.gif) 160px 0 repeat-y;
}

#step3 .contain3col .column {
	width: 164px;
}

#step3 .contain3col .first {
	width: 164px;
}

#step3 .contain3col .middle {
	width: 200px;
	padding-left: 2px;
}

#step3 .contain3col .last {
	width:208px;
	float: right;
}

.options {
	margin-bottom:10px;
	position:relative;
}

.options label {
	float:left;
}

.options img {
	float:right;
	margin:0 .5em 0 0;
}

.options .altnote {
	position:absolute;
	top:15px;
	left:0;
}

.radio {
	font-size:.9em;
	position:relative;
}

form li {
	padding: 5px 0px 5px 0px;
}

p.radio {
	float:left;
	width:25%;
}
p.radio2 {
	width:27%;
}
p.radio3 {
	width:23%;
}

.radio input {
	margin:0;
	float: left;
	width: 10px;
	margin-right: 4px;
}


.radio label {
	position:static;
	float: left;
	display: inline;
	font-size: .9em;
	width: auto;
}
#step2 .radio label {
	font-size: 1em;
}

.radio label.regular,  label.regular {
	font-size: 1.1em;
	float: none;
	font-weight: normal;
}

img.align {
	vertical-align: middle;
	margin-left: 10px;
}

.offset {
	margin-left: 15px;
}

p.radio img {
	clear:both;
	margin:10px 0 0 5px;
}

p.wide {
	width:50%;
}

p.medium {
	width:33%;
}

.contain3col p.wide {
	width: 45%;
}

/* hard cover options */

#covermat {
	margin-top: .5em;
}

.fieldnote {
	margin: 10px 0 0 0;
	padding-bottom: 0;
	color: #333;
	font-size: 1.2em;
}

.selection {
	padding-bottom: 0;
	margin-bottom: 0;
}

span.medium {
	width:33%;
}

.printoptions span {
	float: left;
	padding-right: 10px;
}

.printoptions .large {
	margin-bottom: auto;
	line-height: normal;
	color: #333;
}


/* checkout steps pages -- job summary, purchase information, file upload */
.buttons {
	background:#f5f9fc url(/images/body_bg.gif) repeat-x;
	padding:25px 10px 0px 10px;
	border-bottom:1px dashed #4d719;
	text-align: center;
	height: 50px;
	vertical-align: middle;
}

.buttons ul {
	background:url(/images/buttons_bg.gif) no-repeat;
	height: 27px;
	width: 729px;
	margin: 0 auto;
}

.buttons li {
	text-align: center;
	line-height: 27px;
	float: left;
	width: 155px;
	margin-left: 36px
}

.buttons li.first {
	margin-left: 0;
}

.buttons li.active {
	background: url(/images/button_bg_on.gif) no-repeat;
}

.buttons li a {
	color: #3a3c72;
	font-weight: bold;
	text-decoration: none;
}

.jobname {
	color: #5e6099;
	font-weight: bold;
	margin-bottom: 1em;
}

.jobname span, span.jobname {
	margin-left: 50px;
	padding: 2px 15px;
	background: #fff;
	color: #8486b4;
	border: 1px solid #3f4743;
}

.orderdetails li {
	border-bottom:1px dashed #dcdcdc;
	padding: 2px 0;
}

.orderdetails li.last {
	border-bottom:none;
}

.orderdetails {
	float:left;
	width:550px;
}

.pagefooter {
	margin-top: 35px;
}

#cardtext {
	margin-top: 25px;
}

.cost {
	background: #cfdfec;
	color: #9c1921;
	margin-left: 15px;
	padding: 10px 0 5px 0;
}

.cost .note {
	margin-left: 105px;
	clear: both;
	font-size: .9em;
}

/* faq page */

.list {
	list-style-type:disc;
	margin-left: 30px;
	margin-bottom: 1.5em;
}

.listalt {
	list-style-type: circle;
	margin-left: 30px;
	margin-bottom: .5em;
}

/* my account */
.stronglink a {
	color: #b0191e;
	text-decoration: underline;
	font-weight: bold;
}

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


/* file upload */
.files {
	width:575px;
	background: none;
}

.files ul {
	border-left:1px dashed #96B8D3;
	border-right:1px dashed #96B8D3;
	border-top:1px dashed #96B8D3;
	float:left;
	width:585px;
}

.files li {
	background-color:#C8DCEC;
	border-bottom:1px dashed #96B8D3;
	font-size:12px;
	height:25px;
	padding-left:20px;
	padding-top:5px;
	width:565px;
}

.files span {
	float:left;
}

.files a img {
	float:right;
	margin-right:10px;
}

/* thank you */
.accountbuttons {
	margin-top: 25px;
	margin-bottom: 25px;
}

.accountbuttons img {
	display: block;
	margin-bottom: 5px;
}

.thankyounote {
	border:10px solid #dbe8f1;
	vertical-align:middle;
	margin-left: 20px;
	margin-right: 20px;
}

.thankyounote p {
	border:1px solid #96b8d3;
	margin:0px;
	padding: 15px;
	background: #f2f7fa;
	font-weight: bold;
}


/* Header 
--------------------------------------------------------*/
#header {
	margin-bottom:10px;
	position:relative;
	padding-top:12px;
	height:60px;
}

#header h1 {
	background:url(/images/logo.gif) top left no-repeat;
	text-indent : -999em;
	overflow : hidden;
	margin:0;
	margin-top:12px;
	position:absolute;
	top:0;
	left:0;
}

#header h1 a {
	display: block;
	width: 178px;
	height:62px;
}

#header ul {
	list-style:none;
	margin:0;
	background:silver;
}

#header ul li {
	float:left;
	background:#cac8bc;
	font-size:1em;
	line-height:17px;
}

#header ul li a {
	color:#010101;
	text-decoration:none;
	display:block;
	background:#c9c9c1 url(/images/v_dotted_line.gif) no-repeat;
	;
	padding:0px 9px;
}

#header ul li a:hover {
	background:#9e9e92 url(/images/v_dotted_line.gif) no-repeat;
}

#header #utilitynav {
	font-size:.9em;
	position:absolute;
	top:0;
	right:0;
}

#header #utilitynav li {
	padding-left:9px;
}

#header #utilitynav li a {
	color:#a21615;
	font-weight:bold;
}

#header #mainnav {
	text-transform:uppercase;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	margin-top:40px;
	position:absolute;
	bottom:0;
	left: 190px;
}

.quickcontact {
	color: #000;
	position: absolute;
	right: 0;
	font-family: Arial, Helvetica, sans-serif;
	width: 200px;
	text-align: center;
	line-height: normal;
	top: 10px;
	font-size: .9em;
	text-transform: uppercase;
}

.quickcontact p {
	margin: 0;
}
	
.quickcontact strong {
	font-size: 18px;
	display: block;
}

.quickcontact a {
	color: #000;
}

#header .tagline {
	margin-left: 190px;
}

/* Footer 
--------------------------------------------------------*/
#footer {
	border-top-color:#afafaf;
	margin-top:10px;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#64655d;
}

#footer a {
	color:#64655d;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer p {
	margin-top:5px;
	margin-left: 0;
}

#footer span {
	margin-left:100px;
}

/*************** Layout ***************/
/* Two Column default  
--------------------------------------------------------*/
#container {
	width: 1000px;
	margin: 0 auto;
}

#content {
	float:left;
	width:100%;
	/*background: url(/images/vertical_line.gif) 189px 0 repeat-y;*/
	background: url(/images/vertical-divider.gif) 189px 0 repeat-y;
	margin-bottom: 5px;
}

#maincontent {
	float:left;
	width:600px;
	padding-bottom: 20px;
	background: #fff url(/images/shading.gif) repeat-x;
	min-height: 780px;
}

.stepslayout #maincontent {
	background: none;
}

#sidebar {
	width:178px;
	float:left;
	margin-bottom:10px;
}

#footer {
	clear:both;
	padding-bottom: 60px;
	width:100%;
}




/* Three Column 
--------------------------------------------------------*/
#content {
	width: 790px;
}
#maincontent {
	margin-left: 190px;
}

#sidebar {
	margin-left: -790px;
}

#header #utilitynav {
	right: 210px;
}

.promocolumn {
	width: 200px;
	float: right;
}

.promocolumn img {
	margin-bottom: 15px;
}

.promocolumn .quote img {
	margin: 0 2px;
}


.quote .bottom a {
	color: #384171;
	text-decoration: none;
	background: url(/images/pointer.gif) left center no-repeat;
	display: block;
	line-height: 15px;
	padding-left: 18px;
}

.quote .bottom a:hover {
	text-decoration: underline;
}

.credit {
	text-align: right;
}



/* One Column 
--------------------------------------------------------*/
.onecolumn #content {
	background: none;
}

.onecolumn #maincontent {
	width:100%;
	border-bottom: 30px solid #dbe8f2;
	margin-left: 0;
}

.onecolumn #sidebar {
	display: none;
}

.onecolumn .titlebox {
	width:auto;
}

.onecolumn .bodybox {
	width:auto;
}

/* Pop up 
--------------------------------------------------------*/
.popup #content {
	background: none;
	width: auto;
}
.popup .indextitle {
	text-align: center;
	padding: 5px 0;
	border: 1px solid #383770;
	font-size: 1.2em;
}

.popup .title {
	border: none;
	padding-left: 0;
	text-align: center;
}

.popup h4 {
	font-weight: bold;
	color: #000;
	text-align:center;
}

.popup h4 img {
	vertical-align:middle;
	margin-left: 50px
}


.popup h4, .popup p {
	clear: both;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.titlebox, .bodybox, .sidenote3 dl., .options {
display: inline-block;
}

.titlebox:after, .bodybox:after, .sidenote3 dl:after, .options:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .titlebox, * html .bodybox, * html .sidenote3 dl., *html .options {
height: 1%;
}

.titlebox, .bodybox, .sidenote3 dl, .options {
	display: block;
}

/* Some default classes
-------------------------------------------------------------- */

.small {
	font-size: .8em;
}

.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}

.quiet {
	color: #666;
}

.hide {
	display: none;
}

.highlight {
	background:#dbe8f1;
}

.top {
	margin-top:0;
	padding-top:0;
}

.bottom {
	margin-bottom:0;
	padding-bottom:0;
}

.right {
	float:right;
}

.left {
	float:left;
}

.center_text {
	text-align: center;
}


.fullline {
	border-bottom:1px dashed #4D7191;
	clear: both;
	margin: 15px 5px;
}
h5.fullline {
	margin: 15px 5px 15px 5px;
	padding: 3px 0px 3px 17px;
	border-bottom:1px dashed #4D7191;
	border-top:1px dashed #4D7191;
}

.line {
	border-bottom:1px dashed #97b5cd;
	clear: both;
	margin: 15px;
}

.line2 {
	border-bottom:1px dashed #4D7191;
	clear: both;
	margin: 15px;
}

#maincontent p.alert_message {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
}

label.small {
	font-size: .8em;
	font-weight: bold;
}	

/* =colcontain */
.colcontain  {
	background: url(/images/v_dash_line.gif) 50% 0 repeat-y;
	overflow: hidden;
	width: 100%;
	margin-bottom: 0;
}

/* best value page */
#value #content, #value #maincontent {
	background: none;
}

#value .title {
	padding: 0;
	text-transform: none;
	font-variant: normal;
	font-size: 18px;
}

#value .title strong {
	text-transform: uppercase;
	font-size: 28px;
}

.summary_shipping {
	float:right;
	margin:10px 10px 0 0;
	padding-bottom:10px;
	width:200px;
}

.discount_label  {
	background-color:#FFFFFF;
	border:1px solid #000000;
	color:#FF0000;
	font-weight:bold;
	margin-bottom:5px;
	margin-left:10px;
	padding:3px;
	width:90%;
}

.invisible {
	display:none;
}

.quote {
	background: url(/images/quote-bg.gif) top left no-repeat;
	color: #fff;
	padding-top: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: normal; 
	overflow: hidden;
	height: 280px;
}

.quote p {
	margin: 2px 4px 0;
}

.quote .bottom {
	background: url(/images/quote-bg.gif) bottom left no-repeat;
	height: 40px;
	color: #384171;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
}

.quote .bottom p {
	margin-right: 10px;
	margin-left: 0;
	padding-top: 10px;
}

.quote ul {
	margin: 0;
	padding: 0;
	position:relative;
	float: left;
	display: block;
	overflow: hidden;
	list-style: none;
	width: 200px;
}

#mycarousel {
	overflow: hidden;
	width: 200px;
}

#mycarousel li {
	padding:0 9px;
	width: 170px;
	height: 240px;
	display:inline;
	float:left;
}

.testim {
	border-bottom: 1px dashed #799CB6;
}

.testim p.right {
	margin: 0 15px 0 0;
}

.section_header {
	margin-left: 12px;
}

.clearer { 
    clear: both;
    height: 0;
    overflow: hidden;
}

label.perfect-bind {
    font-size: 0.7em; width: 20px;
}

/** New Design styles */




.cartbox { background: #f2f7fa; border: 3px solid #fff; clear: both; width: 200px; height: 67px; padding: 5px 22px 0; margin: 9px auto 0; }
.cartbox .cart_summary { font-size: 11px; font-weight: bold; color: #413e5b; line-height: 28px; margin: 0; padding-left: 56px; height: 28px; position: relative; }
.cartbox .cart_summary span { background: url(/images/ico-cart.gif); width: 34px; height: 27px; position: absolute; top: 0; left: 19px; }
.cartbox .red_text { font-size: 12px; font-weight: bold; color: #911116; margin: 5px 0; text-align: center; }

#popup-overlay { background: #000; width: 100%; height: 100%; position: fixed; top: 0; left: 0; cursor: pointer; z-index: 100; }
.popup-error { background: #fff; position: fixed; z-index: 200; padding: 10px 24px 20px; box-shadow: 5px 5px 5px #333; -moz-box-shadow: 5px 5px 5px #333; -webkit-box-shadow: 5px 5px 5px #333; }
.popup-error .error-txt { font-size: 14px; font-weight: bold; color: #603c72; padding: 0 0 10px 45px; line-height: 36px; margin: 0; position: relative; white-space: nowrap; }
.popup-error .error-txt span { background: url(/images/ico-alert.jpg); width: 40px; height: 34px; position: absolute; top: 0; left: 0; }
.error1 { width: 275px; }
.error2 { width: 320px; }
.error1 .error-txt { width: 230px; }
.error2 .error-txt { width: 275px; }
.error1 .btn-returntojob { float: left; margin: 0 0 0 80px;}
.error2 .btn-returntojob { float: left; }
.error1 .btn-jobsummary,
.error2 .btn-savechanges { float: right; }
.btn-returntojob { background: url(/images/btn-returntojob.jpg); width: 132px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer;}
.btn-jobsummary { background: url(/images/btn-jobsummary.jpg); width: 132px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; }
.btn-savechanges { background: url(/images/btn-savechanges.jpg); width: 173px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; }

#maincontent .col-left { width: 350px; float: left; padding: 15px 0 0 20px; }
#maincontent .col-right { width: 186px; float: right; padding: 15px 30px 0 0;  }
#maincontent .box-white { background: #fff; width: 310px; padding: 20px 10px; margin: 0 0 15px; }
#maincontent .box-white h2 { font-family: Georgia, Arial, Helvetica, Sans-serif; font-size: 30px; color: #393b74; font-variant: small-caps; font-weight: bold; margin: 0; line-height: 36px; }
#maincontent .box-white p { margin: 0 0 15px; }

.options .ico-help { background: url(/images/help_icon.gif); width: 19px; height: 19px; padding: 0; margin:0 10px 2px 0; display: inline-block; font-size: 0; line-height: 0; position: relative; top: 2px; left: 3px; overflow: hidden; float: right;}

.box-white label.left { float: left; width: 110px; text-align: right; line-height: 22px; padding-right: 10px; font-weight: normal; font-size: 12px; }
.box-white label.small { font-size: 11px !important; }
.box-white label.left strong { color: #ff0b00; font-size: 12px; }
.box-white .field { border: 1px solid #a6a6a6; width: 180px; height: 15px; float: left; margin: 0 0 10px; }
.box-white .padded { padding-left: 125px; font-size: 11px; line-height: 14px; font-style: italic; padding-bottom: 8px; }
.box-white .padded a { color: #b34731; }

.remember-holder { padding: 10px 0 10px 50px; }
.box-white .remember-holder label { width: auto; text-align: left; font-size: 11px; padding: 0; line-height: 18px; }

.btn-printsummary { background: url(/images/btn-printsummary.jpg); width: 195px; height: 23px; border: 0; cursor: pointer; font-size: 0; line-height: 0; text-indent: -4000px; display: block; margin: 0 0 0 auto; }
.btn-next { background: url(/images/next_button.gif); width: 94px; height: 23px; font-size: 0; line-height: 0; text-indent: -4000px; display: block; }

.col-left .bottom-buttons { padding: 0 10px; position: relative; top: -10px; height: 100%; }
.col-left .bottom-buttons .btn-addjob { float: left; }
.col-left .bottom-buttons .btn-next { float: right; }

.col-right .widget { padding: 0 0 10px; }
.col-right .widget h4 { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; color: #383b74; font-weight: bold; text-transform: uppercase; line-height: 22px; background: #d7e5f0; padding: 0 10px; position: relative; margin: 0 0 10px -10px; width: 176px; }
.col-right .order-items { list-style: none; margin: 0; font-weight: bold; color: #b34731; }
.col-right .order-items .order-total { color: #000; }

.col-right .shipping-calculator { }
.col-right .shipping-calculator p { font-size: 14px; line-height: 18px; margin: 0; }
.col-right .shipping-calculator .field { width: 90px; height: 15px; line-height: 15px; float: left; margin-right: 3px; }
.col-right .btn-estimate { background: url(/images/estimate.gif); width: 78px; height: 23px; border: 0; cursor: pointer; font-size: 0; line-height: 0; text-indent: -4000px; float: left; margin: 0 0 10px; }
.col-right .disclaimers { margin: 10px 0; font-size: 10px; }
.col-right .disclaimers li { padding-bottom: 8px; }

#job-breadcrumb { padding: 20px 0 20px 30px; overflow: hidden; }
#job-breadcrumb a { background: url(/images/btn-breadcrumb.jpg); width: 156px; height: 27px; line-height: 26px; text-align: center; font-family: Verdana, Arial, Helvetica, Sans-serif; font-weight: bold; float: left; text-decoration: none; }
#job-breadcrumb a:hover,
#job-breadcrumb a.current { background: url(/images/btn-breadcrumb-act.jpg); }
#job-breadcrumb .sep { background: url(/images/breadcrumb-arrow.jpg); width: 27px; height: 13px; float: left; margin: 9px 5px 0 4px; }

.job-summary { width: 330px; margin: 0 auto 15px; border-bottom: 1px solid #a0a9b8; padding: 0 0 20px; }
.job-summary h2 { font-size: 30px; font-weight: bold; color: #393b74; line-height: 36px; font-variant: small-caps; margin: 0 2px; font-family: Georgia, Arial, Helvetica, Sans-serif; }
.job-summary p { margin: 0 2px 10px; }

.btn-addjob { background: url(/images/btn-addjob.jpg); width: 132px; height: 23px; font-size: 0; line-height: 0; text-indent: -4000px; display: block; }
.btn-browse { background: url(/images/btn-browse.jpg); width: 72px; height: 23px; font-size: 0; line-height: 0; text-indent: -4000px; display: block; cursor: pointer;}
.btn-upload { background: url(/images/btn-upload.jpg); width: 72px; height: 23px; font-size: 0; line-height: 0; text-indent: -4000px; display: block; border: 0; cursor: pointer; }

.box-job { background: #fff; width: 330px; padding: 8px; margin: 0 0 20px; }
.box-job .box-head { background: #eef0f2; padding: 2px 5px 4px; margin: 0 0 8px; }
.box-job .box-head h3 { font-size: 18px; font-family: Georgia, Arial, Helvetica, Sans-serif; font-variant: small-caps; line-height: 34px; margin: 0 4px; }
.box-job .box-head .left { float: left; width: 140px; }
.box-job .box-head .left p { margin: 0 0 0 4px; font-size: 11px; line-height: 14px; color: #8a120e; }
.box-job .box-head .left p span { margin: 0 8px; }
.box-job .box-head .left a { color: #8a120e; text-decoration: none; font-size:13px; font-weight: bold;}
.box-job .box-head .left a:hover { text-decoration: underline; }
.box-job .box-head .right { float: right; width: 180px; }
.box-job .box-head .right ul { margin: 0; color: #b34731; font-size: 11px; line-height: 16px; }
.box-job .box-head .right ul .order-total { float: right; font-weight: bold; color: #000; width: auto !important; }
.box-job .box-cols { padding: 0 0 8px; }
.box-job .box-cols h4 { background: #d7e5f0; font-size: 12px; line-height: 22px; font-family: Verdana, Arial, Helvetica, Sans-serif; padding: 0 0 0 9px; text-transform: uppercase; font-weight: bold; margin: 0; }
.box-job .box-cols p { font-size: 11px; line-height: 14px; margin: 6px 10px 0; }
.box-job .box-cols .col { width: 160px; font-size: 82%;}
.box-job .box-cols .col li { margin-left: -5px;}
.box-job .box-cols .left { float: left; }
.box-job .box-cols .right { float: right; }
.box-job .box-files { background: #d7e5f0; padding: 5px 6px; }
.box-job .box-files p { font-size: 11px; line-height: 14px; margin: 0 0 5px; }
.box-job .box-files p a { color: #8a120e; text-decoration: none; }
.box-job .box-files p a:hover { text-decoration: underline; }
.box-job .box-files .ico-help { background: url(/images/help_icon.gif); width: 19px; height: 19px; padding: 0; margin:0 2px -2px 0; display: inline-block; font-size: 0; line-height: 0; text-indent: -4000px; position: relative; overflow: hidden; }
.box-job .box-files .uploaded-file { background: #f0f9fe; margin: 0 0 6px; padding: 3px 10px 4px 3px; }
.box-job .box-files .remove { float: right; background: url(/images/ico-remove.jpg) right no-repeat; font-size: 11px; line-height: 14px; padding-right: 22px; margin-top: 7px; color: #8A120E; text-decoration: none; }
.box-job .box-files .remove:hover { text-decoration: underline; }
.box-job .box-files .uploaded-file p { margin: 0; line-height: 26px; padding: 0 0 1px; }
.box-job .box-files .ico-pdf { background: url(/images/ico-pdf.jpg) 0 0 no-repeat; padding-left: 35px !important; }
.box-job .box-files .btn-browse { float: left; margin-right: 3px; margin-bottom: 6px;}
.box-job .box-files .field { width: 162px; height: 17px; float: left; margin-right: 3px; background: url(/images/upload-box.gif) no-repeat transparent;}
.box-job .box-files .btn-upload { float: right; cursor: pointer; z-index: 50;}

/**
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
        width: 170px;
}**/


.fileinputs object { float: left;}
.upload_btn {float: right; display: inline; }
.file_text_box input {margin-left: 3px; }

.fileUploaderBtn {float: left; display: inline; }

.userform .uploadfile embed {float: left; display: inline; }

.prog_box .fileUploadQueueItem {
  background-color: #F5F5F5;
  border: 1px solid #E5E5E5;
  font: 10px Verdana, Geneva, sans-serif;
  margin-top: 5px;
  padding: 5px 0 0 0;
  width: 307px;
  overflow: hidden;

}

.fileUploadQueueItem img {
  padding: 5px 0 0 0;
}
.prog_box .fileUploadError {
  background-color: #FDE5DD !important;
  border: 2px solid #FBCBBC !important;
}
.prog_box .fileUploadQueueItem .cancel {
  float: right;
}
.prog_box .fileUploadQueue .completed {
  background-color: #E5E5E5;
}
.prog_box .fileUploadProgress {
  background-color: #E5E5E5;
  margin-top: 10px;
  width: 100%;
}
.prog_box .fileUploadProgressBar {
  background-color: #0099FF;
  height: 3px;
  width: 1px;
}

.fileName { padding: 0 0 0 10px;}

.link {cursor: pointer;}