﻿
ul,ol { list-style:none;}

/* One-Page checkout */
.singleCheckout li.section { position:relative; }
.singleCheckout .group-select { margin-right:0; }
.singleCheckout .box { border:1px solid #bbb6a5; border-top:0; padding:15px 0px; background:#faf7ee; }
.singleCheckout .tool-tip { right:8px; }
.singleCheckout .head a { display:none; }  /* Hide Edit button in step header */
.singleCheckout h3 { color:#999; font-size:1.01em; }
.singleCheckout h4 { border-bottom:1px solid #E4E4E4; padding-bottom:2px; text-transform:uppercase; }
.singleCheckout h4.title { border-bottom:0; text-transform:none; }
.singleCheckout .step-count { background:#fff; font-size:.9em; padding:0 4px; line-height:1em; }
.singleCheckout .content { padding:10px 20px; }
.singleCheckout label.label { font-size:1.05em; color:#2f2f2f; }
.singleCheckout .allow .head { background:#d0dce1; border-color:#a3aeb3; border-width:1px 1px 0 1px; cursor:pointer; }
.singleCheckout .active .head { margin-bottom:0; border:1px solid #BBAFA0; background:#F9F3E3; padding-bottom:5px; cursor:default; }
.singleCheckout .done .head { margin-bottom:0; border:1px solid #BBAFA0; background:GREEN; padding-bottom:5px; cursor:default; }
.singleCheckout .alloq .head a { display:block; } /* Display Edit button in active selection */
.singleCheckout .group-select { margin-top:0; border:0; background:none; padding:0; }
.singleCheckout .allow h3 { color:#a4b3b9; }
.singleCheckout .active h3 { color:#F18200; }
.singleCheckout .allow .step-count { background:#dbe6eb; }
.singleCheckout .active .step-count { color:#fff; border:1px solid #f19900; background:#F18200; }
.singleCheckout .active .box { display:block; border-color:#BBAFA0; background:#FBFAF6 url(../images/multi_address_box_bg.gif) 0 0 repeat-x; }
.singleCheckout dd .form-list ul { margin:5px  17px 15px 17px; }
.singleCheckout .checkmo-mailing-address { padding-left:20px; }
.singleCheckout-progress .page-head { margin-bottom:1em; }
.singleCheckout-progress li { border:1px solid #A3AEB3; background:#eee; margin-bottom:6px; }
.singleCheckout-progress h4 { margin:0; color:#999; padding:2px 8px; background:#eee; text-transform:none;  }
.singleCheckout-progress h4.complete { border-bottom:1px solid #A3AEB3; background:#D0DCE1; color:#5e8ab4; }
.singleCheckout-progress h4 a { text-transform:none; }
.singleCheckout-progress .content { padding:8px 13px; }
.singleCheckout a.back { background:url(../images/icon_opc_back.gif) no-repeat; padding-left:16px; line-height:13px; }
.singleCheckout .payment-methods dd { padding:0; }
.singleCheckout .button-set { margin-top:0; padding-top:2em; }

.next
{margin-left:450px;}

.confirm
{margin-left:380px;}


.back
{
position:absolute;
margin-top:45px;
}


#checkoutSteps
{
	margin-left:-45px;
	
}

.box li
{
padding-bottom:7px;

}

/*######################################################
BOXES HEAD
####################################################*/

.head, .inner-head 
{
line-height: 1.25em;
text-align: left;
width:580px;
}

.singleCheckout .head
{

margin-bottom: 0pt;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
background-color: #eeeeee;

border-bottom-width: 0pt;


border-right: solid 1px #d9dde3;
border-bottom: solid 1px #d9dde3;
border-left: solid 1px #d9dde3;

border-top-width: 1px;
border-top-style: solid;
border-top-color: #ffffff;

}

.singleCheckout .allow .head 

{

background-color: #d0dce1;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

border-top: solid 1px #a3aeb3;
border-bottom: solid 1px #a3aeb3;
border-left: solid 1px #a3aeb3;

border-bottom-width: 0pt;
cursor: pointer;

}

.singleCheckout .active .head

{

margin-bottom: 0pt;

border-left: solid 1px #bbafa0;
border-top: solid 1px #bbafa0;
border-right: solid 1px #bbafa0;
border-bottom: solid 1px #bbafa0;

background-color: #f9f3e3;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;

padding-bottom: 5px;
cursor: default;

}


.singleCheckout .action .head

{

margin-bottom: 0pt;

border-left: solid 1px #bbafa0;
border-top: solid 1px #bbafa0;
border-right: solid 1px #bbafa0;
border-bottom: solid 1px #bbafa0;

background-color: #D9F2CC;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;

padding-bottom: 5px;
cursor: default;

}


/*######################################################
BOXES body
####################################################*/
.singleCheckout .box
{
border-right:  solid 1px #bbb6a5;
border-bottom:  solid 1px #bbb6a5;
border-left:  solid 1px #bbb6a5;
border-top-width: 0pt;
border-top-style: none;
border-top-color: -moz-use-text-color;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 16px;
background-color: #faf7ee;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
width:580px;

}

.singleCheckout .active .box
{
display: block;
border-top-color: #bbafa0;
border-right-color: #bbafa0;
border-bottom-color: #bbafa0;
border-left-color: #bbafa0;
background-color: #fbfaf6;
background-image: url(../images/multi_address_box_bg.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0pt 0pt;
width:580px;

}


/*##################################################################
text
#################################################################*/


.singleCheckout h3
{
color: #999999;
font-size: 1.01em;

}

.singleCheckout .allow h3
{
color: #a4b3b9;
font-size: 1.01em;

}

.singleCheckout .active h3 
{
color: #f18200;
font-size: 1.01em;

}


/*###########################################################
steps
###########################################################*/
.singleCheckout .step-count 
{
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
font-size: 0.9em;
padding-top: 0pt;
padding-right: 4px;
padding-bottom: 0pt;
padding-left: 4px;
line-height: 1em;
}

.singleCheckout .allow .step-count 
{
background-color: #dbe6eb;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}

.singleCheckout .active .step-count
{
color: #ffffff;
border-top-width: 1px;
border-right: solid 1px #f19900;
border-bottom: solid 1px #f19900;
border-left: solid 1px #f19900;
border-top: solid 1px #f19900;
background-color: #f18200;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}


/*#########################################################################
columns
############################################################################*/


.col2-set .col-1, .col2-set .col-2 
{
width: 48.5%;
position:relative;
}

.col2-set .col-1 
{
}

.col2-set .col-2
{
}


/*#######################################################################################
SIDE BOXES
#####################################################################################*/

.side-col 
{
width: 135px!important;
position: relative;
left: 20px;


}
.col-right 
{

float: right;

}

.side-col .box { margin-bottom:1.3em;
                  }
.side-col .content { padding:5px 10px; }
.side-col .head { text-align:left; }


.side-col h2, .side-col h3, .side-col h4, .side-col h5 
{
float: none;
}

.side-col h4 
{
color: #e65505;
text-transform: uppercase;

}



.singleCheckout_Progress  .page-head { margin-bottom:1em; }
.singleCheckout_Progress li { border:1px solid #A3AEB3; background:#eee; margin-bottom:6px;}
.singleCheckout_Progress h4 
{

margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
color: #999999;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
background-color: #eeeeee;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
text-transform: none;
font-size:small;
}

.singleCheckout_Progress .text
{
	font-size:x-small;
}

.side-col h2, .side-col h3, .side-col h4, .side-col h5
{
float: none;
}

.side-col h3
{
font-size: 0.5em;
text-transform: uppercase;

}



#divMainContent h3{
font-size: 1.0em;
color:#6d8a47;
}

.col-right .side-col h3{

}

.checkoutprogress{
margin-left: 36px;
font-size: 1.0em!important;
}

.checkoutbox{
height: 15px!important;
padding-top: 3px!important;
margin-bottom: 0px!important;
}


.righthandcheckout{
padding-left: 0px!important;
margin-left: 40px;
}

.righthandcheckout li{
padding-left: 10px;
padding-bottom: 5px;
}

.righthandcheckout li h4{
padding-left: 0px;
font-size: 0.9em;
}

.singleCheckout_Progress{
margin-left: -40px;
}

body{text-align: center!important;
margin: 0 auto!important;
}

.singleCheckout{
margin-left: 0px!important;
margin-right: 0px!important;
padding-left: 0px!important;
padding-right: 0px!important;
}

#divMainContent ol li#opc-login div div div div b, #divMainContent ol li#opc-login div div div ul li b{
color:#6d8a47!important;
}

.errorList {
	padding: 10px 10px  10px  10px;
	margin:  5px 10px 10px 10px;
	border: 1px solid #f00;
	color: #C00;
	font-size:0.9em;
	background-image: url(../images/error.png);
		background-repeat:no-repeat;
	background-color:#fcc;
	background-position: 10px 2px;
min-height:35px;
}

 .errorList ul 
{
	margin-left:100px;
	list-style-type:disc;
}

.errorList span
{
	position:absolute;
	font-weight:bold;
margin-left:75px;
font-size:1.0em;
	
}

.CartTotal
{
	margin-top:10px;
	background-color:#eeeeee;
	border: 1px solid #d9dde3;
}
	.cartTotal td {white-space:nowrap;}
	
