/* CSS Rset From:  http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
}
td, th { vertical-align: top; }
body {
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

/* END CSS RESET */

#outside {
	width: 800px;
	/* border: 3px dashed red; */
}

#mainsection { margin: 0px 25px; } /* paper-margin, literally, left & right */
#mainsection tr td { padding: 5px 5px; }

.titlepic    { width: 50px; font-weight: bold; color: #000; background-color: #ddeeff; }
.titledesc   { width: 500px; font-weight: bold; color: #000; background-color: #ddeeff; }
.titlesize   { width: 30px; font-weight: bold; color: #000; background-color: #ddeeff; }
.titleqty    { width: 20px; font-weight: bold; color: #000; background-color: #ddeeff; }
.titleprice  { width: 40px; font-weight: bold; color: #000; background-color: #ddeeff; }
.titletotal  { width: 48px; font-weight: bold; color: #000; background-color: #ddeeff; }
.titleedit   { width: 20px; font-weight: bold; text-align: center; color: #000; background-color: #ddeeff; }
.titleremove { width: 20px; font-weight: bold; text-align: center; color: #000; background-color: #ddeeff; }

.itempic    { width: 50px; color: #555; }
.itemdesc   { width: 500px; color: #555; }
.itemsize   { width: 30px; text-align: center; color: #555; }
.itemqty    { width: 20px; text-align: center; color: #555; }
.itemprice  { width: 40px; text-align: right; color: #00a9f1; }
.itemtotal  { width: 48px; text-align: right; color: #00a9f1; }
.itemedit   { width: 20px; text-align: center; color: #555; }
.itemremove { width: 20px; text-align: center; color: #555; }

.separator1 { padding: 6px 0px; border-bottom: 1px dashed #cccccc; }
.separator2 { padding: 6px 0px; }

.subdesc { color: #000; background-color: #ddeeff; }
.subvalue { text-align: color: #000; background-color: #ddeeff;  }

.shipdesc { }
.shipvalue { text-align: right; color: #00a9f1; }

.discdesc { font-size: 11pt;font-style: italic;font-weight: bold;color: #ffffff; background-color: #00bb00; }
.discvalue { font-size: 11pt;font-style: italic;font-weight: bold;color: #ffffff; background-color: #00bb00; }

.totaldesc { }
.totalvalue { text-align: right; color: #00a9f1; }

.notedesc { font-style: italic; }
.notevalue { text-align: right; color: #00a9f1; }

.topnav { font-size: 9pt; }
.notes { font-style: italic; }
.notesbig { font-weight: bold; font-size: 12px; }

#shippingarea2 {
	z-index: 10;
	display: none;
	visibility: hidden;
	padding: 2px;
	border-left: 6px solid #00a9f1;
	margin: 2px;
}
.unselectable {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
#changebutton {
	cursor: pointer;
}

.bottombox {
	margin: 20px;
}
.notetitle {
	font-size: 8pt;
	font-weight: bold;
}
.bottombox p {
	font-size: 8pt;
}
.bottombox td {
	font-size: 8pt;
}
.bottombox th {
	font-size: 8pt;
}

#billingsection { margin: 0px 25px; } /* paper-margin, literally, left & right */
#billingsection tr td { padding: 5px 5px; }
.billingtitle { font-weight: bold; }
.billingdesc   { width: 300px; font-weight: bold; color: #555; text-align: right; }
.billingvalue  { width: 300px; font-weight: bold; color: #555; }

#shippingsection { margin: 0px 25px; } /* paper-margin, literally, left & right */
#shippingsection tr td { padding: 5px 5px; }
.shippingtitle { font-weight: bold; }
.shippingdesc   { width: 300px; font-weight: bold; color: #555; text-align: right; }
.shippingvalue  { width: 300px; font-weight: bold; color: #555; }

#credcardsection { margin: 0px 25px; } /* paper-margin, literally, left & right */
#credcardsection tr td { padding: 5px 5px; }
.credcardtitle { font-weight: bold; }
.credcarddesc   { font-weight: bold; color: #555; text-align: right; }
.credcardvalue  { font-weight: bold; color: #555; }
.credcardcenter  { font-weight: bold; color: #555; text-align: center; }
.credcardnote { font-size: 8pt; color: #900; font-weight: normal; }
.credcardnote2 { font-size: 8pt; font-weight: normal; }

#surveysection { margin: 0px 25px; } /* paper-margin, literally, left & right */
#surveysection tr td { padding: 5px 5px; }
.surveytitle { font-weight: bold; }
.surveydesc   { font-weight: bold; color: #555; white-space: nowrap; }
.surveyvalue  { font-weight: bold; color: #555; }
.surveycenter  { font-weight: bold; color: #555; text-align: center; }

#ccidbox {
	z-index: 10;
	display: none;
	visibility: hidden;
}
.unselectable {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
#linktoccidbox {
	color: #00a9f1;
	cursor: pointer;
	font-weight: bold;
}

.clickableimage {
	cursor: pointer;
}