.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #ffe6cc;
}

a img {
    border: none;
}

.head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	font-weight: bold;
	color: #FFFFFF;
}

input, select, option {
    background-color: #F5F5EE;
}

.add, #copyBilling, .remove {
    border: none;
    background-color: #CC6633;
}

select option {
    clear: both;
}

#productWrapper, #detailsWrapper, #cartWrapper {
	float: left;
	width: 98%;
	clear: both;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#productWrapper *, #detailsWrapper *, #cartWrapper * {
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-family: Tahoma, Arial;
}

#productTableHeader, #productWrapper .productCategory, 
#productWrapper .productListWrapper, #btnWrapper, 
#formHeader, #billingShippingWrapper, #cartWrapper .cartListWrapper, 
#cartTableHeader, #cartControls, #cartTotal, #cartBtnWrapper, #paymentConfirmWrapper,
#successWrapper {
	width: 520px;
	clear: both;
}

#productTableHeader {
	height: 37px;
	background-image: url(../images/prod-header-notitle.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#cartTableHeader {
	height: 37px;
	background-color:#b7b797;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color:white;
}

#cartTableHeader .productTitle {
	width: 268px;
}

#cartListWrapper .productTitle {
	width: 275px;
}

#cartTableHeader .productAdd {
	width: 57px;
}

#cartListWrapper .productAdd {
	width: 57px;
}

.productTitle {
	width: 297px;
}

.productVolume {
	width: 63px;
}

.productUnitPrice {
	width: 72px;	
}

.productPrice {
	width: 53px;
}

#cartWrapper ul li .productPrice p, #cartWrapper ul li  .productUnitPrice p {
    float: right;
    line-height:30px;
}

#cartWrapper .productPrice, #cartWrapper .productUnitPrice {
	text-align: right;
	padding-right:0px;
}

#cartWrapper .productUnitPrice {
	text-align: right;
}

#cartWrapper .productPrice {
    width: 52px;
}

#cartWrapper ul li div input {
    left: 14px;
} 

#cartWrapper .productUnitPrice {
    width: 67px;
    padding-right: 4px;
}

.productQty {
	height: 30px;
	width: 66px;
}

.productAdd {
	height: 30px;
	width: 34px;
}

#productTableHeader p, #cartTableHeader p  {
	position: relative;
	left: 10px;
	color: #FFFFFF;
	line-height: 39px;
	font-size: 11px;
	font-weight: bold;
}

.productCategory {
	height: 34px;
	background-color: #FFB97B;
}

.productCategory h3 {
	color: #CC6633;
	position: relative;
	left: 10px;
	line-height: 38px;
	font-size: 14px;
	font-weight: bold;
}

.productListWrapper ul, .cartListWrapper ul {
	list-style-type: none;
	width: 100%;
}

#productWrapper .productListWrapper ul li, #cartWrapper .cartListWrapper ul li {
	list-style-type: none;	
	height: 29px;
	border-top: #E2E2CD solid 1px;
	clear: both;
	width: 100%;
}

#productWrapper .productListWrapper ul li div, #cartWrapper .cartListWrapper ul li div {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 30px;
	position: relative;
	left: 10px;
}

#cartWrapper .cartListWrapper ul li div.productPrice {
    position: relative;
}

#productWrapper .productListWrapper ul li .productPrice p {
    float: right;
    position: relative;
    right: 17px;
}

#productTableHeader .productPrice p {
    line-height: 12px;
    padding-top: 6px;
    text-align:center;
}

#cartTableHeader .productPrice p {
    line-height: 12px;
    padding: 6px 0px 0px 0px;
    text-align:center;
    right: 20px;
}

#cartTableHeader .productPrice {
    position: relative;
    right: 4px;
}

#cartWrapper .cartListWrapper ul li .productTitle {
    width: 254px;
    color:#666666;
}

#cartWrapper .cartListWrapper ul li .productAdd {
    position: relative;
    left: 25px;
}

.productQty input {
	width: 46px;
	border-bottom: #D2BDA8 solid 1px;
	border-top: #D2BDA8 solid 1px;
	border-left: #D2BDA8 solid 1px;
	border-right: #D2BDA8 solid 1px;
	height: 18px;
	line-height: 20px;
	position: relative;
	top: 5px;
}

#cartListWrapper .productQty input, #cartListWrapper .productAdd input {
	left: 10px; 
}

.productAdd input {
	position: relative;
	top: 6px;
}

#btnWrapper, #cartBtnWrapper {
	margin: 25px 0px 10px 0px;
	
}

#btnWrapper a {
    float: right;
    padding-right: 21px;
}

#billingShippingWrapper #btnWrapper a {
    padding-right: 0px;
}

#btnWrapper a img, #cartBtnWrapper a img, #cartControlsRight a img {
	border: none;
}


/* Your Details Form */

#formHeader h2 {
	font-size: 20px;
	line-height: 40px;
	color: #663300;
}

#formHeader {
	margin-bottom: 10px;
}

#billingList, #shippingList {
	width: 250px;
}

#shippingList {
	float: right;
}

#detailsWrapper .listHeader {
	width: 100%;
	height: 34px;
	background-color: #b7b797;
	margin-bottom: 10px;
}

.listHeader h3 {
	color: #FFFFFF;
	position: relative;
	left: 10px;
	line-height: 38px;
	font-size: 12px;
	font-weight: bold;
}

#detailsWrapper .detailsListWrapper {
	width: 250px;
}

#detailsWrapper .detailsListWrapper ul {
	width: 100%;
	list-style-type: none;
}

#detailsWrapper .detailsListWrapper ul li {
	list-style-type: none;	
	height: 29px;
	border-bottom: #B7B797 solid 1px;   
	clear: both;
	width: 250px;
}

#detailsWrapper .detailsListWrapper ul li label {
	color: #666666;
	font-size: 11px;
	line-height: 30px;
	position: relative;
	left: 10px;
	width: 85px;
}

#detailsWrapper .detailsListWrapper ul li span {
	color: #666666;
	font-size: 11px;
	line-height: 30px;
}

#detailsWrapper .detailsListWrapper ul li input, #detailsWrapper .detailsListWrapper ul li select, #detailsWrapper .detailsListWrapper ul li select option {
	float: right;
	height: 19px;
	line-height: 20px;
	color: #666666;
	font-size: 11px;
	position: relative;
	top: 5px;
	width: 155px;
	border-bottom: none;
	border-top: #D2BDA8 solid 1px;
	border-left: #D2BDA8 solid 1px;
	border-right: #D2BDA8 solid 1px;
}

#detailsWrapper .detailsListWrapper ul li #copyBilling {
    border: none;
     height: auto;
      width: auto;
     float: left;
     position: relative;
     left: 10px;
     top: 6px;     
}

/* Cart Page */

#cartControls {
	background-color: #f5f5ee;
	padding: 12px 0px 12px 0px;
}

#cartControlsLeft {
	width: 240px;
}

#cartControlsLeft p {
	width: 230px;
	position: relative;
	left: 10px;
	font-size: 11px;
	clear: both;
}

#cartControlsRight {
	width: 280px;
}

#cartControlsRight a {
	margin-right: 12px;
}

#cartTotal {
	background-color: #e2e2cd;
	padding: 12px 0px 12px 0px;	
}

#cartTotal p {
	font-size: 13px;
	line-height: 19px;
}

#cartBtnWrapper a {
	margin-left: 12px;
	float: right;
}

#cartTotalLeft p, #cartTotalLeft p strong, #cartTotalRight p,  #cartTotalRight p strong {
	clear: both;
	float: none;
	color: #666666;
}

#cartTotalLeft {
	position: relative;
	left: 340px;
}

#cartTotalRight {
    text-align: right;
	position: relative;
	left: 359px;
}



#cartTotalLeft p {
	text-align: right;
}

/* Payment Section */

#detailsWrapper #paymentDetails {
    width: 250px;
    margin-right: 20px;
}

#detailsWrapper #creditDetails {
    width: 250px;
}

#detailsWrapper #paymentDetails #paymentWrapper .paymentSection {
    margin-bottom: 7px;
    border-bottom: #B7B797 solid 1px;
    width: 250px;
    padding-bottom: 7px;
    height: 72px;
}

#detailsWrapper #paymentDetails #paymentWrapper .paymentSection p {
    font-size: 11px;
    color: #666666;
    float: none;
    text-align: left;
    padding: 0px 11px 3px 7px;
}

#detailsWrapper #paymentDetails #paymentWrapper .paymentSection ul {    
    list-style-type: none;
    padding-left: 7px;
}

#detailsWrapper #paymentDetails #paymentWrapper .paymentSection ul li {
    font-size: 11px;
    color: #ffe6cc;
    padding-left: 9px;
    background-image: url(../images/list-dot.gif);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

#detailsWrapper #paymentDetails #paymentWrapper .paymentSection ul li span {
        width: 250px;
        clear: both;
}

#detailsWrapper #paymentDetails #paymentWrapper .paymentSection p *,  .paymentSection p * { 
    float: none;
    text-align: left;
}

#paymentConfirmWrapper #cartTotal {
    width: 237px;
    background-color: #B7B797;
    padding-top: 10px;
    color:#FFFFFF;
    float: left;;
    clear: both;
    position: relative;
    left:282px;
}

#paymentConfirmWrapper #formErrors {
    clear: both;
    width: 520px;
    float: left;
}

#paymentConfirmWrapper #cartTotalLeft {
    left: 11px;
}

#paymentConfirmWrapper #cartTotalLeft p {
    text-align: left;
}

#paymentConfirmWrapper #cartTotalRight {
    left: 26px;
    text-align: right;
}


#detailsWrapper #creditDetails .listHeader {
    margin-bottom: 0px;
}

#paymentConfirmWrapper #cartTotal * {
    color: #FFFFFF;
}

#creditDetails #btnWrapper {
    margin-top: 11px;
    width: auto;
} 

#creditDetails #btnWrapper a {
    position: relative;
    left: 21px;
}

#creditDetails #btnWrapper.paymentConfirmBtn {
    float: left;
    clear: both;
    width: 250px;
}

.paymentConfirmBtn#btnWrapper a {
    float: right;
    left: 0px;
    width:153px;
    height: 32px;
}

#formErrors ul, #formErrors, #formErrors ul li  {
    float: left;
    clear: both;
    width: 350px;
}

#formErrors ul li {
    font-size: 11px;
    font-weight: bold;
    color: #663300 ;
}

.billingDetails {
    list-style:none;
    padding-left:0px;
}

.billingDetails li {
    width:250px;
    clear:both;
}

.billingDetails li label {
    width:95px;
    float:left;
    display:block;
}

.billingDetails li input {
    float:left;
    margin-bottom:5px;
}

.shippingDetails {
    list-style:none;
    padding-left:0px;
}

.shippingDetails li {
    width:250px;
    clear:both;
}

.shippingDetails li label {
    width:95px;
    float:left;
    display:block;
}

.shippingDetails li input {
    float:left;
    margin-bottom:5px;
}

#successWrapper p {
    color: #666666;
    font-size: 12px;
    clear: both;
    width: 400px;
}

#productConfirmWrapper {
    clear :both;
    width: 520px;
    border-bottom: #B7B797 solid 1px;
    border-top: #B7B797 solid 1px;
    margin-bottom: 9px;     
}

#productConfirmWrapper .paymentSection p {
    font-size: 11px;
    color: #666666;
    padding: 9px 0px 9px 0px;
}

#productConfirmWrapper .paymentSection ul {
    clear: both;
    padding-bottom:9px;
}

#productConfirmWrapper .paymentSection ul li {
    font-size: 11px;
    color: #666666;
    padding-left: 9px;
    background-image: url(../images/list-dot.jpg);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    width: 400px;
}

#productConfirmWrapper .paymentSection ul li .productConfirmTitle {
    width: 286px;
}

#productConfirmWrapper .paymentSection ul li .productConfirmPrice {
    width: auto;
    float: right;
}

#productConfirmWrapper .paymentSection ul li .productConfirmQty {
    width: 79px;
}

#cartTotalGST {
    float: left;
    width: auto;
    position: relative;
    left: 40px;
    top: 0px;
}

#cartTotalGST p {
    text-align: left;
    font-size: 10px;
    line-height: 19px;
    width: 50px;
    clear: both;
    color: #666666;
}

#cartWrapper #cartTotalGST {
    left: 367px;
}

#cartSubTotalWrapper {
    width: 520px;
    clear: both;
    height: 29px;
    border-top: #E2E2CD solid 1px;
}

#cartSubTotalWrapper #subTotalTitle {
    width: 100px;
}

#cartSubTotalWrapper #subTotalValue {
    position: relative;
    right: 68px;
    float: right;
}

#cartSubTotalWrapper span {
    font-size: 11px;
    color: #666666;
    padding-left: 9px;
    line-height: 29px;
}

#paymentDetails .editBtnWrapper, #paymentConfirmWrapper .editBtnWrapper { 
    float: right;
    height: 17px;
    width: 53px;
}

#paymentConfirmWrapper #productsEdit.editBtnWrapper {
    position: relative; 
    top: 7px;    
}

#paymentDetails .editBtnWrapper {
    position: relative;
    bottom: 15px;
}

#cartWrapper .editBtnWrapper a img , #productWrapper .editBtnWrapper  a img, #paymentConfirmWrapper .editBtnWrapper  a img{
    border: none;
}

#pageTop {
    position: relative;
    left: 9px;
    float: left;
    width: 799px;
    margin: 20px 0px 15px 0px;
}

#pageTop a {
    padding-top: 3px;
    float: right;
}

#pageTop img {
    float: left;
}

#pageTop a img {
    border: none;
}

#mzLogoWrapper {
    margin-top: 10px;
    padding-top: 18px;
    border-top: solid 1px #AD5724;
    width: 520px;
}

#cartTopBtn {
    width: 520px;
    float: left;
    height: 47px;
    clear: both;
    background-color: #E69057;
}

#cartTopBtn a {
    float: right;
    position: relative;
    right: 20px;
    top: 8px;
}

#cartTopBtn a img {
    border: none;
}

#productConfirmWrapper .paymentSection #editBtnWrapper {
    bottom: 0px;
    top: 7px;
}

#copyWrapper {
    width: 520px;
    clear: both;
    padding-top: 9px;
}

#confirmCopyWrapper {
    width: 250px;
    clear: both;
    padding-bottom: 7px;
}

#copyWrapper p{
    width: 95%;
    clear: both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    padding: 9px 9px 0px 9px;
}

#mzLogoWrapper, #confirmCopyWrapper p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    padding: 9px 9px 0px 9px;
}