@charset "utf-8";
/* CSS Document */

#content_header {
	margin:30px 0 0 0;
	padding-bottom:15px;
}

#content_header p span {
	color:#999;
}
p.progressBar span.on,
#content_header p span.on {
	color:#000;
}
#content_column {
	margin-top:5px;
	float:left;
}
.content_column {
	float:left;
	width:50%;
	border-top:1px solid #DDDDDD;
	padding-top:20px;
}
.reviewProcessButton {
	width:100%;
	text-align:right;
}
.category_product_photo {
	width:100px;
	height:160px;
	float:left;
	margin-right:17px;
	text-align: center;
}
.category_product_photo img {
	/*border: 1px solid #D8D8D8 !important;*/
	border:none;
	float:left;
}
.category_product_photo a {
	text-decoration: none;
	font-family: Arial,Helvetica,sans-serif;
}
.errorMessages {
	background:#F9CAE4;
	width:100%;
	margin-bottom:20px;
	padding-top:10px;
	margin-top:0px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
.errorMessages li {
	list-style:none;
}

input.error,
select.error {
	border-color:#990000 !important;
	padding:1px;
}

legend {
	font-size:120%;
}

.orderItems {
	background: url(../images/section_bg2.png) repeat-x top;
	float:left;
	padding: 20px 60px;
	margin: 20px 0 0 0;
	width:820px;
}
.orderItems h3 {
	font-weight:normal;
}
.orderItems p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
}
	
/*Checkout Stuff*/
/* TEMP CART */
fieldset {
	clear:both;
	margin:0;
	padding:0;
	border: 0px none;
	width:95%;
}
.orderDetailBox fieldset {
	margin:0 20px 20px 0;
}
XXXfieldset legend {
	font-family:"Times New Roman",Times,serif;
	font-size:14pt;
	color:#666666;
	margin:0 0 4px;
	padding:0;
}
* html fieldset legend {
	position:relative;
	left:-7px;
}
fieldset input.text, fieldset select, fieldset textarea {
	margin:0;
	border:1px solid #ddd;
	background: #FFFDF0;
}
/*fieldset input.text.required, fieldset select.required, fieldset textarea.required {
	background: #FFFDF0;
}*/
fieldset input.text.optional, fieldset select.optional, fieldset textarea.optional {
	background: none;
}
fieldset input.text.optional {
	background:url("/images/site/field_bg_optional.gif") no-repeat scroll right center #FFFFFF;
}
fieldset div.colHeaders {
	clear:both;
	position:relative;
	width:650px !important;
}
fieldset div.colHeaders div {
	/*background-color:#006699;*/
	font-size:80%;
	padding-left:3px;
	margin-right:3px;
	border-left:1px solid #dddddd;
}
fieldset ul.staticList {
	width:650px !ximportant;
}
fieldset ul.staticList li, fieldset ul.sortableList, fieldset .TabbedPanelsContent ul {
	/*width:102% !important;*/
	width:98% !important;
}
fieldset ul.staticList li {
	margin:0;
	list-style:none;
	padding-left:20px;
	margin-bottom:13px;
	border-top:1px solid #dddddd;
	
	font-weight:bold;
	font-size:8pt;
	/*height:97px !important;*/
	line-height:17px !important;
}
fieldset ul.staticList li:hover {
	background-color:#f2f2f2;
}
fieldset ul.staticList li div{
	float:left;
	/*background-color:#006699;*/
	/*font-size:80%;*/
	padding-left:3px;
	padding-right:3px;
	border-left:1px solid #dddddd;
	padding-right:3px;
	white-space:nowrap;
	overflow:hidden;
}

fieldset label, table.receipt label {
	display:block;
	margin-top:6px;
	color:#999;
	width:auto;
	font-weight:normal;
	font-size:8pt;
	/*text-transform:uppercase;*/
}

table.receipt label {
	margin-top:2px;
}

div.col5, div.col10, div.col15, div.col20, div.col25, div.col30, div.col40, div.col45, div.col50, div.col60 {
	/*font-size:inherit;*/
	padding:0;
	float:left;
}
div.col5 {
	width:5% !important;
}
div.col10 {
	width:10% !important;
}
div.col15 {
	width:15% !important;
}
div.col20 {
	width:20% !important;
}
div.col25 {
	width:25% !important;
}
div.col30 {
	width:30% !important;
}
div.col40 {
	width:40% !important;
}
div.col45 {
	/*width:48% !important;*/
	width:46% !important;
	padding-right:10px;
}

div.col50 {
	width:53% !important;
}
div.col60 {
	width:60% !important;
}

input.submit, input.button {
	margin-top: -2px;
	padding: 3px 12px 3px 4px;
	background: #FFFFFF;
	border: 1px solid #A8A8A8;
	text-transform: uppercase;
	font-size: 7pt;
	height:auto;
	width:auto;
	background:url(/images/site/btn_plus.png) no-repeat right center !important;
}
fieldset input.button {
	float:right;
	margin-top:10px;
}
input.default {
	font-weight:bold;
}
input.submit:hover, input.button:hover {
	background-color: #eee;
}
#orderItemHeader {
	border-bottom:1px solid #000;
	width:490px;
	margin-bottom:6px;
}
#orderItemHeader div {
	padding-left:2px;
	padding-right:4px;
	/*font-weight:bold;*/
	margin-top:-2px;
	margin-bottom:-1px;
	font-size:90%;
	text-transform:uppercase;
}
#orderItems {
	margin-bottom:10px;
	display:block;
	/*float:left;*/
}
#orderItems .item {
	float: left;
	margin-top: 2px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 6px;
	margin-bottom: 6px;
	width: 490px;
}
* html #orderItems .item {
	padding-bottom:9px;
}

.orderDetailBox {
	width:100%;
	/*background: #F9F5EC;
	font-weight:bold;*/
	margin-bottom:15px;
}

* html .orderDetailBox img {
	float:left;
}

.orderDetailBox p, .orderDetailBox h3 {
	font-weight:normal;
	margin-bottom:4px;
}
.orderDetailBox input, .orderDetailBox select {
	font-weight:normal;
	border:1px solid #CCCCCC;
	font-size:90%;
	padding:2px;
}
.orderDetailBox select {
	padding:1px;
}
.orderDetailBox .prevOrderMin {
	padding-top:5px;
	padding-bottom:5px;
	cursor:pointer;
}
.orderDetailBox .prevOrderFull {
	/*cursor:pointer;*/
}



#container {
	text-align:left;
	background:#fff;
}
img {
	behavior: url(/images/iepngfix.htc);
	border:none;
}
.hide {
	display:none !important;
}
/* - - - - - - - - - - - - - - - - - - - - -

Title : Wufoo Form Foundation
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : November 13, 2007

- - - - - - - - - - - - - - - - - - - - - */

.wufoo {
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:small;
}
.wufoo li {
	width:62%;
}
form ul {
	margin:0;
	padding:0;
	/*list-style-type:none;*/
	width:100%;	/*font-size:100%;*/
}
form li {
	margin:0;
	list-style-type:none;
	padding:0px 5px 2px 0px;
	position:relative;
	clear:both;
}
form li:after, .buttons:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
form li, .buttons {
	display: inline-block;
}
* html form li, * html .buttons {
	height: 1%;
}
form li, .buttons {
	display: block;
}
* html form li div {
	display:inline-block;
}
form li div, form li span {
	padding:0 0 2px;
	width:100%;
}
form li span {
	float:left;
}
form li div.address {
	padding-bottom:0;
}
form li div.left {
	display:inline;
	float:left;
	width:47%;
}
form li div.right {
	display:inline;
	float:right;
	width:47%;
}
.clear {
	clear:both !important;
}
/* ----- INFO ----- */

.info {
	display:inline-block;
	clear:both;
	border-bottom:1px dotted #ccc;
	margin:0 0 1em 0;
}
.info[class] {
	display:block;
}
.info h2 {
	font-weight:normal;
	font-size:160%;
	margin:0 0 3px 0;
	clear:left;
}
.info p {
	font-size:95%;
	line-height:135%;
	margin:0 0 12px 0;
}
/* ----- SECTIONS ----- */

form hr {
	display:none;
}
/*form li.section {
	border-bottom:1px dotted #ccc;
	margin-top:9px;
	padding-top:13px;
	padding-bottom:0px;
	padding-left:9px;
	width:93% !important;
}*/
form li.section {
	background: url(/images/site/spacer_h.gif) repeat-x center bottom;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}
form ul li.first {
	border-top:none !important;
	margin-top:0px !important;
	padding-top:0px !important;
}
form .section h3 {
	color:#999999;
	float:left;
	font-size:90%;
	font-weight:normal;
	line-height:100%;
	margin:6px 0 10px;
	width:140px;
}
form .section p {
	/*font-size:85%;
	margin:0 0 10px 0;*/
	margin-top:4px;
	color:#333;
	float:right;
}
form .section p.note {
	font-size:85%;
	font-weight:normal;
	float:right;
	line-height:154%;
	width:262px;
	text-align:right;
}
/* ----- FIELDS AND LABELS ----- */

label.desc {
	line-height:150%;
	padding:0 0 1px 0;
	border:none;
	/*color:#222;*/
	display:block;
	font-size:95%;
	font-weight:bold;
}
form li div label, form li span label, table.receipt label {
	display:block;
	/*font-size:10px;*/
	line-height:10px;
	margin:4px 0pt 0pt !important;
	padding-bottom:1px;
	white-space:nowrap;	/*padding-top:3px;
	margin:0;
	clear:both;
	font-size:9px;
	line-height:9px;
	color:#444;
	display:block;*/
}
/*input.text, input.file, textarea.textarea, select.select {
	margin:0;
	font-size:100%;
	color:#333;
}
input.text, textarea.textarea, .firefox select.select {
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(/images/fieldbg.gif) repeat-x top;
}
input.text, input.file {
	padding:2px 0 2px 3px ;
}*/
label.choice {
	font-size:100%;
	display:block;
	line-height:1.5em;
	margin:-1.65em 0 0 25px;
	padding:.44em 0 .5em 0;
	color:#222;
	width:90%;
}
input.checkbox, input.radio {
	display:block;
	line-height:1.5em;
	margin:.6em 0 0 3px;
	width:13px;
	height:13px;
}
textarea.textarea {
}
select.select {
	margin:1px 0 7px;
	padding:1px 0 0 0;
}
select.select[class] {
	margin:0 0 7px 0;
	padding:1px 0 1px 0;
}
*:first-child+html select.select[class] {
	margin:1px 0;
}
.safari select.select {
	margin-bottom:1px;
	font-size:120% !important;
}
span.symbol {
	font-size:115%;
	line-height:130%;
}
form li .datepicker {
	float:left;
	margin:.1em 5px 0 0;
	padding:0;
	width: 16px;
	height: 16px;
	cursor:pointer !important;
}
/* ----- BUTTONS ----- */

input.btTxt {
	padding:0 7px;
	width:auto;
	overflow:visible;
}
.buttons {
	clear:both;
	margin-top:10px;
}
.buttons input {
	font-size:120%;
	margin-right: 5px;
}
/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, .rtl div label, .rtl span label, .rtl input.text, .rtl textarea.textarea, .rtl select.select, .rtl p.instruct, .rtl .section h3, .rtl .section p, .rtl input.btTxt {
	direction:rtl;
}
/* ----- SIZES ----- */

.third {
	width:32% !important;
}
.half {
	width:48% !important;
}
.full {
	width:98% !important;
}
input.small, select.small {
	width:25%;
}
input.medium, select.medium {
	width:50%;
}
input.large, select.large, textarea.textarea {
	width:100%;
}
textarea.small {
	height:5.5em;
}
textarea.medium {
	height:10em;
}
textarea.large {
	height:20em;
}
/* ----- ERRORS ----- */

#errorLi {
	width:99%;
	margin:0 auto;
	background:#fff;
	border:1px dotted red;
	margin-bottom:1em;
	text-align:center;
	padding-top:4px;
	padding-left:0px;
	padding-right:0px;
}
#errorMsgLbl {
	margin:7px 0 5px 0;
	padding:0;
	font-size:125%;
	color:#DF0000;
}
#errorMsg {
	margin:0 0 .8em 0;
	color:#000;
	font-size:100%;
}
#errorMsg strong {
	background-color: #FFDFDF;
	padding:2px 3px;
	color:red;
}
form li.error {
	display:block !important;
	background-color: #FFDFDF !important;
	margin:3px 0;
}
form li.error label {
	color:#DF0000 !important;
}
form p.error {
	color:red;
	font-weight:bold;
	/*font-size:10px;*/
	margin:-2px 0 5px 0;
	clear:both;
}
.leftLabel p.error, .rightLabel p.error {
	margin-left:30%;
	padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error {
	margin-left:35%;
	padding-left:15px;
}
/* ----- REQUIRED ----- */

form .req {
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
}
/* ----- INSTRUCTIONS ----- */

form li.focused {
	background-color:#fff7c0;
}
form .instruct {
	position:absolute;
	top:0;
	left:100%;
	z-index:1000;
	width:42%;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	line-height:130%;
	font-size:80%;
	color:#444;
	visibility:hidden;
}
form .instruct small {
	font-size:105%;
}
form li.focused .instruct, form li:hover .instruct {
	visibility:visible;
}
/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct {
	visibility:visible;
	position:static;
	margin:-2px 0 0 0;
	padding:0 0 7px 0;
	background:none;
	border:none;
	width:100%;
	font-size:9px;
	clear:left;
}
/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel {
	width:74% !important;
	padding-top:9px;
}
.leftLabel .small, .rightLabel .small {
	width:17%;
}
.leftLabel .medium, .rightLabel .medium {
	width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea, .rightLabel .large, .rightLabel textarea.textarea, .leftLabel .address, .rightLabel .address {
	width:64%;
}
* html .leftLabel .small, * html .rightLabel .small {
	width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium {
	width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea, * html .rightLabel .large, * html .rightLabel textarea.textarea {
	width:97%;
}
.leftLabel label.desc, .rightLabel label.desc {
	float:left;
	width:30%;
	margin:2px 15px 0 0;
}
.rightLabel label.desc {
	text-align:right;
}
.leftLabel .address, .rightLabel .address {
	float:left;
}
.leftLabel p.instruct, .rightLabel p.instruct {
	width:27%;
	margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct {
	margin-left:30% !important;
	padding-left:15px;
	width:65%;
}
.leftLabel .buttons, .rightLabel .buttons {
	margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input {
	margin-left:30%;
}
/* ----- NO INSTRUCTIONS ----- */

.noI .instruct {
	display:none !important;
}
.noI form li, .noI form li.buttons {
	width:97% !important;
}
.noI form li.section {
	padding-left:9px !important;
}
/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea, .noI .rightLabel .large, .noI .rightLabel textarea.textarea, .noI .leftLabel .address, .noI .rightLabel .address {
	width:60%;
}
* html .noI .leftLabel .small, * html .noI .rightLabel .small {
	width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium {
	width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea, * html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea {
	width:97%;
}
.noI .leftLabel label.desc, .noI .rightLabel label.desc {
	width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input {
	margin-left:35%;
}
/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf {
	width:46% !important;
}
li.leftHalf {
	clear:left;
	float:left;
}
li.rightHalf {
	clear:none;
	float:right;
}
li.leftHalf .medium, li.rightHalf .medium, li.leftHalf .small, li.rightHalf .small {
	width:100%;
}
.progressBar {
	float:right;
	margin-top:-30px;
	margin-bottom:-30px;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
}
#basketInfo {
	position:absolute;
	right:0;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	width:300px;
	text-align:right;
	line-height:1.5;
	margin-right:10px;
}
#basketInfo a {
	text-decoration:none;
	color:#777;
	
}
.itemCount {
	font-size:1.3em;
}
#basketInfo a:hover {
	text-decoration:underline;
	color:#000;
}
