/* -------------------------------------------------------------- 
   * 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;
}

/* 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;
}

/* 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;
	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;
}

.sidenote3 li {
	clear: both;
	padding: 0;
}

.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;
}