.ui-button {
	height: auto;
}

#sidebar { position: relative; left: 0px; top: 0px; }
.ordernav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
.ordernav-gray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C2C2C2;
}

.cartrow {
	width: 243px;
	cursor: hand;
	cursor: pointer;
	margin: 3px 0;
}
.cartrow .smallswatch {
	margin: 3px 4px 0 0;
}
.productname {
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0 4px 0;
}
.productdesc, .productdesc ul, .productdesc ol {
	font-size: 10px;
}
.producthover {
	background-color: #fff6ee;
}
.productheader {
	color: #000000;
}
#groupdesc {
	margin-top: 8px;
	text-align: left;
}
.groupnav a {
	display: block;
	float: left;
	font-size: 12px;
	padding: 3px 6px 2px 6px;
	background-color: #ccc;
	margin-right: 3px;
	font-weight: bold;
	text-decoration: none;
}
.groupnav a:link, .groupnav a:visited {
	color: #666;
}
.groupnav a:hover {
	background-color: #fc9;
}
.groupnavon a {
	background-color: #c54867;
}
.groupnavon a:link, .groupnavon a:visited {
	color: #fff;
}
.groupnavon a:hover {
	background-color: #c54867;
}
.groupnavbottom {
	clear: both;
	border-bottom: solid 2px #c54867;
}
.hanging {
	margin-left: 1em;
	text-indent: -1em;
	line-height: 11px;
	padding: 2px 4px 2px 0;
	text-align: left;
}
.ordertitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	padding-left: 5px;
}
.swatchcontainer {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;	
}
.swatchcontainer .wideswatch {
	z-index: 1;
}
.swatchcontainer .bottle {
	position: absolute;
	left: -132px;
	top: -96px;
	z-index: 2000;
}
.swatchcontainer .bottle img {
	border: solid 1px #eeeeee;
}
.specialoffer {
	width: 223px;
	padding: 10px;
	margin: 0 0 12px 10px;
}

table.items td {
	width: 25px;
	text-align: center;
}


input.date {
	float: left;
	padding: 3px 3px 3px 24px;
	cursor: pointer;
	width: 90px;
	background: #fff url(../images/field-date.gif) no-repeat top left;
}
h1.ui-accoridon-header,
h2.ui-accordion-header,
h3.ui-accordion-header,
h4.ui-accordion-header {
	font-size: 1.1em;
	text-shadow: none !important;
}
div.ui-accordion-content {
	font-size: 1.0em;
}




/* Shipping Form classes */

form.shipform {
  width: 450px;
}
form.shipform input.text, form.shipform select.text {
  width: 240px;
  margin: 4px 0;
}
form.shipform input.cvc {
  width: 40px;
}
form.shipform fieldset {
  border: none;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
}
form.shipform legend {
  margin-left: 0;
  padding-left: 0;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
form.shipform p, #content form.shipform p {
	font-size : 12px;
}
form.shipform label {
  display: inline-block;
  font-size: 13px;
  vertical-align: top;  
}
form.shipform span  {
  font-size : 11px;
  line-height: 250%;
}
form.shipform fieldset ol, #content form.shipform fieldset ol {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 250%;
}
form.shipform fieldset li, #content form.shipform fieldset li {
  list-style: none;
  padding: 2px 10px 4px;
  margin: 0;
}
form.shipform fieldset p, #content form.shipform fieldset p, li p {
  margin: 0px 0px 5px 0px;
  font-size: 10px;
  color: #006;
}
form.shipform fieldset fieldset {
  border: none;
  margin: 3px 0 0 0;
  background: none;
  padding: 0;
}
form.shipform fieldset fieldset legend {
  margin: 0;
  padding: 0 0 5px;
  font-weight: normal;
  font-size: 11px;
}
form.shipform fieldset fieldset label {
  display: block;
  width: auto;
  padding: 0;
}
form.shipform em, em.required {
  font-weight: bold;
  font-style: normal;
  font-size: 10px;
  color: #f00;
  padding-left: 3px;
}
form.shipform label {
  width: 120px; /* Width of labels */
}
#creditcardform fieldset > ol > li > label {
  width: 140px;
}
#creditcardform small {
  font-size: 0.8em;
}
form.shipform ol.wide label, form.shipform label.wide,
#creditcardform ol.wide label, #creditcardform label.wide {
  width: 240px;
}
form.shipform ol.wider label, form.shipform label.wider,
#creditcardform ol.wider label, #creditcardform label.wider {
  width: 360px;
}
form.shipform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
form.shipform img.fedex {
  border: solid 1px #ccc;
  margin: 8px 10px 8px 0px;
}
form.shipform table.phone {
	width: 365px;
	border: none;
	border-collapse: collapse;
	margin: 0;
}
form.shipform table.phone td {
	padding: 0;
	border: none;
}
#rushform {
	margin: 1em 0;
}
#rushform table {
	border: none;
	border-collapse: collapse;
	margin: 0;
}
#rushform table td {
	border: none;
	padding: 0 6px 0 0;
}

#carrierform table td {
	border: none;
}

#proofform fieldset ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
#proofform img {
	max-width: initial !important;
}
#fedexground {
  display: inline;
  position: relative;
  left: 0px;
  top: 0px;
}
#fedexgroundmap {
  position: absolute;
  left: -450px;
  top: 24px;
  width: 601px;
  height: 458px;
  background-image: url(../images/fedex-map.gif);
  background-repeat: none;
  visibility: hidden;
  border: solid 3px #ddd;
}
.showfield {
  display: block;
  visibility: visible;
}
.hidefield {
  display: none;
  visibility: hidden;
}

#btnContinue {
	float: right;
	margin-top: 1em;
	font-size: 1.3em;
}


/* Basket classes */
#basketform input[type=text] {
	text-align: center;
}

button.add-size {
	font-size: 13px;
	margin: 6px 0 8px 175px;
}

button.delete-item {
	font-size: 13px;
}

#btn-checkout, #btn-another {
	font-size: 0.9em;
}

.item-image-row {
	border-right: dotted 1px #ccc;
}
table.item-image {
	width: 135px;
	margin: 0 0 16px 0;
}
table.item-image img {
	margin: 6px 0 0 0;
}
table.item-image td {
	padding: 2px 0 6px 0;
}
.item-row {
  font-size: 1.1em;
  font-weight: bold;
  cursor: pointer;
}
.item-cost {
	text-align: right;
	padding-right: 5px;
}
.item-table {
	border-top: dotted 1px #ccc;
	border-collapse: inherit;
	border-width: 1px;
	margin: 0px;
}
.item-table td {
	padding: 4px 0;
}
.item-table-last {
	border-bottom: dotted 1px #ccc;
}
.tablebskt-wrapper {
	width: 580px;
	border: solid 2px #ccc;
	padding: 3px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	margin-bottom: 5px;
	background: #ffffff url(../images/bg-gradient.gif) repeat-x top left;
	color: #000000;
}
.tablebskt {
	width: 535px;
	border-collapse: collapse;
	border: none;
	background: transparent;
	margin: 0;
}
.tablebskt th, .tablebskt td {
	border: none;
	background-color: transparent;
}
.order-total table {
	width: 100%;
}
.order-total {
	width: 574px;
	background-color: #dddddd;
	padding: 0 5px;
	color: #000000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.nobr {
	white-space: nowrap;
}

/* Order Info classes */

form.orderinfo fieldset {
	margin-top: 12px;
	margin-bottom: 12px;
}
form.orderinfo legend {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
form.orderinfo fieldset ol {
  list-style: none;
}
#billexpmonth, #billexpyear {
  max-width: 70px;
  margin-right: 5px;
}

.creditcardtypes {
	margin-left: 145px;
}

.creditcardtypes div {
	width: 29px;
	height: 19px;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
}

.creditcardtypes div.on {
	border-color: #990000;
}

.creditcardtypes div.off {
	background-position: 0px -20px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.CCvisa {
	background-image: url(../images/creditcards/Visa.gif);
}

.CCmastercard {
	background-image: url(../images/creditcards/MasterCard.gif);
}

.CCamex {
	background-image: url(../images/creditcards/Amex.gif);
}

.CCdiscover {
	background-image: url(../images/creditcards/Discover.gif);
}


/* Confirmation page classes */
#modifybilling, #modifyshipping {
	float: right;
}

#ordersummary, #shipto, #billto {
	margin-bottom: 1.5em;
}

#ordersummary table {
	margin: 0;
}

#ordersummary table td {
	border: none;
	padding: 3px;
}

#ordersummary table.invoice {
	width: 100%;
	background-color: #dddddd;
}

#ordersummary table.invoice td {
	padding: 4px;
}

#ordersummary table.summary {
	width: 100%;
	border-top: 1px dotted #666666;
}

#ordersummary table.grandtotal {
	width: 100%;
	border-top: 1px dotted #666666;
}

#btnSubmitOrder {
	float: right;
	font-size: 1.3em;
	margin-bottom: 1em;
}