h1 { margin: 10px 5px; padding: 0 0 0 48px; font: 20px/38px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-align: left; color: #464646; background: url(http://img.tenniswarehouse-europe.com/work_order/h1cart.jpg) no-repeat 0 0; }

img, a img { border: 0; }
form { margin: 0; padding: 0; }
.fl { float: left; }
.fr { float: right; }
.empty { padding: 10px; margin: 15px auto; width: 690px; background: #fff499; font: bold 16px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; border: 1px solid #000; text-align: center; }
.notice { width: 380px; margin: 0 3px 15px 20px; padding: 5px 10px; float: right; font-weight: bold; background: #fff499; border: 1px solid #000; }
.required { color: #900; }
.error { width: 690px; margin: 0 auto 15px; padding: 10px; background: #fdd; border: 1px solid #900; }

div#ContentWrapper { width: 715px; padding: 0 10px; text-align: left; font: 11px/15px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
div#hMenu { width: 710px; }

/***** WORKING ORDER *****/
table#ordercart th { padding: 0 5px; background: #464646 url(http://img.tenniswarehouse-europe.com/work_order/h2gradient.gif) repeat-x 0 0; border-left: 1px solid #fff; color: #fff; font: 12px/21px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-align: center; }
table#ordercart th.thfirst { border: none; }
table#ordercart tr { border-bottom: 1px solid #999; }
table#ordercart tr.noborder { border: none; }
table#ordercart td { padding: 5px; line-height: 20px; vertical-align: middle; }
table#ordercart td.iremove { width: 77px; border-right: 1px solid #999; }
table#ordercart td.iremove a { text-decoration: none; color: #666; }
table#ordercart td.iremove a img { text-decoration: none; color: #666; }
table#ordercart td.idesc { width: 260px; }
table#ordercart td.idesc_lg { width: 355px; }
table#ordercart td.comment { color: #666; padding-top: 0; padding-bottom: 0; }
table#ordercart td.comment label, table#ordercart td.comment input { display: inline; }
table#ordercart td.istock { width: 68px; text-align: center; }
table#ordercart td.iqty { width: 70px; text-align: center; }
table#ordercart td.iqty input.update { margin-left: 5px; }
table#ordercart td.iprice { width: 86px; text-align: right; }
table#ordercart td.itotal { width: 88px; text-align: right; }

div.subcart { width: 515px; height: 147px; float: left; background: #e3f1fe; }
div.subcart h2 { background-image: none; border-right: 1px solid #fff; text-align: center; }
div.subcart table { width: 515px; line-height: 22px; text-align: center; }
div.subcart table th { width: 246px; background: #464646; color: #fff; border-right: 1px solid #fff; }
div.subcart table th, div.subcart table td { padding-left: 5px; padding-right: 5px; }
div.subcart table td { background: #fff; border-bottom: 1px solid #999; }
form#certificate { text-align: center; }
div#vip { display: inline-block; margin: 10px auto 0; }
div#vip label, div#vip input { margin: 0 5px; line-height: 20px; }

div.carttotals { width: 193px; height: 147px; float: left; background: #e3f1fe; line-height: 22px; }
div.carttotals table { width: 193px; text-align: right; }
div.carttotals th, div.carttotals td { padding-right: 5px; padding-left: 5px; }
div.carttotals th { font-size: 10px; }
div.carttotals th { width: 85px; background: #464646; color: #fff; }
div.carttotals td { border-bottom: 1px solid #999; background: #fff; }
div.carttotals tr.transparent th, div.carttotals tr.transparent td { border: none; background: transparent; color: #000; }

#greatstuff h2 { color:#464646; background-color:#E1F1FE; padding:10px; font-weight:normal; font-size:20px; padding:14px; }
#greatstuff ul { padding:0; margin:0; }
#greatstuff li { list-style:none; padding:10px 18px; float:left; width:202px; }
#greatstuff img { border:none; margin:0 auto 5px; display:block; }
#greatstuff table { margin:auto; width:100%; } 
#greatstuff td.radio { width: 20px; }
#greatstuff div.submitwrap { padding:14px; text-align:center; background-color:#E1F1FE; }

/***** BREAD CRUMB *****/
ul#breadcrumb { width: 710px; height: 20px; margin: 0 auto; padding: 0; list-style: none; }
ul#breadcrumb li {
	height: 10px;
	margin: 0;
	padding: 5px 1px;
	float: left;
	display: block;
	font: 10px/10px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #333;
	text-align: center;
	background: #e3f1fe;
	border-top: 1px solid #999;
}
ul#breadcrumb li#custinfo {
	width: 127px;
	padding-left: 1px !important;
	padding-right: 1px !important;
	border-left: 1px solid #999;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
ul#breadcrumb li#shipoptions { width: 145px; }
ul#breadcrumb li#payoptions { width: 146px; }
ul#breadcrumb li#paydetails { width: 141px; }
ul#breadcrumb li#ordersubmitted {
	width: 139px;
	padding-left: 1px !important;
	padding-right: 1px !important;
	border-right: 1px solid #999;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

ul#breadcrumb li.preactivecrumb {
	border-right: 1px solid #999;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
ul#breadcrumb li.activecrumb {
	padding-right: 0;
	padding-left: 0;
	background: #fff;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid #999;
}
ul#breadcrumb li.postactivecrumb {
	border-left: 1px solid #999;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

div.crumbpadding { width: 708px; height: 10px; margin: 0 auto; padding: 0; background: #e3f1fe; border-left: 1px solid #999; border-right: 1px solid #999; clear: both; }

/***** CHECKOUT PROCESS *****/
.info { width: 708px; height: auto; margin: 0 auto; padding: 0; background: #eee; border-left: 1px solid #999; border-right: 1px solid #999; color: #333; }
.info h2 { height: 12px; overflow: hidden; margin: 0; padding: 5px 10px; font: normal 12px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; background: #464646 url(http://img.tenniswarehouse-europe.com/work_order/h2gradient.gif) repeat-x 0 0; color: #fff; text-align: left; }
.info h3 { margin: 0; padding: 0; font: bold 13px/17px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color: #464646; text-align: left; }
.info p { margin: 0; padding: 5px 10px; }
.info table { width: 708px; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; }
.info label { display: block; }
.info label.radio { display: inline; }
.info input, .info select { display: block; margin: 0 0 10px; font: normal 11px/11px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
.info input.radio { display: inline; margin: 0; }
div.d_submit {
	width: 688px;
	margin: 0 auto;
	padding: 10px;
	clear: both;
	text-align: right;
	background: #e3f1fe;
	border: 1px solid #999;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
div.d_submit img { margin-left: 10px; }

/***** SETUP CUSTOMER *****/
.info p.note { border-bottom: 1px solid #999; background: #ffc }
.info div.d_first { width: 216px; float: left; }
.info div.d_last { float: left; }
.info label.l_name { width: 196px; }
.info input.c_name { width: 190px; }
.info label.l_line1 { width: 412px; clear: both; }
.info input.c_line1 { width: 406px; }
.info div.d_city { width: 275px; float: left; }
.info label.l_city { width: 255px; }
.info input.c_city { width: 249px; }
.info div.d_state { width: 56px; float: left; }
.info label.l_state { width: 36px; }
.info input.c_state { width: 30px; }
.info div.d_zip { width: 81px; float: left; }
.info label.l_zip { width: 81px; }
.info input.c_zip { width: 75px; }
.info label.l_country { clear: both; }
.info select.c_country {  }
.info label.l_company { width: 250px; }
.info input.c_company { width: 244px; }
.info label.l_email { width: 250px; }
.info input.c_email { width: 244px; }
.info label.l_phone { width: 250px; }
.info input.c_phone { width: 244px; }
.info div.address { padding: 10px; width: 415px; border-right: 1px solid #999; float: left; }
.info div.contact { margin-left: -1px; padding: 10px; width: 252px; border-left: 1px solid #999; float: left; }

/***** SELECT SHIP VIA *****/
table#shipvia th, table#shipvia td { margin: 0; padding: 5px 10px; }
table#shipvia th { border-bottom: 1px solid #999; }
table#shipvia .s_price { border-left: 1px solid #999; border-right: 1px solid #999; }
table#shipvia .s_method { width: 386px; }
table#shipvia .s_price { width: 80px; text-align: center; }
table#shipvia .s_deldate { width: 180px; text-align: center; }

/***** SELECT PAYMENT *****/
table#selectpayment td { width: 284px; margin: 0; padding: 20px 10px 10px; text-align: center; vertical-align: baseline; }
table#selectpayment tr.vseparate { border-bottom: 1px solid #999; }
table#selectpayment tr td.hseparate { border-right: 1px solid #999; }

/***** FINAL CHECKOUT *****/
div.paymentdetails { width: 338px; margin: 0; padding: 10px; float: left; border-right: 1px solid #ccc; }
div.paymentdetails p { margin: 0 0 10px; padding: 0; }
div.paymentdetails input.submit { margin: 0 auto 15px; padding: 0; }
div.confirminfo { width: 329px; margin: 0 0 0 -1px; padding: 10px; float: left; border-left: 1px solid #ccc; }
div.confirminfo a.editinfo { height: 17px; padding: 0px 5px; display: block; float: right; outline: none; }
div.confirminfo p { clear: both; margin: 0 0 10px; padding: 0; }

div#lastschriftform label { width: 169px; line-height: 22px; float: left; clear: both; }
div#lastschriftform input#bankname,
div#lastschriftform input#idname,
div#lastschriftform input#banknum { width: 163px; float: left; }
div#lastschriftform input#lastschriftsubmit { clear: both; float: right; }

/***** ORDER SUBMITTED *****/
div#thankyou { width: 424px; }
div#signup { width: 282px; height:300px; background: #ddd; border-left: 1px solid #999; }
div#thankyou p, div#signup p { padding-left: 10px; padding-right: 10px; }
div#signup input { margin-left: 10px; }
input#list4, input#list3 { height: 18px; }
div#signup label { margin-left: 10px; }
div#signup .subscribe { padding: 10px 0; }

