div.overlay {
    background-image: url(../images/white-overlay.png);
    width: 300px;
    display: none;
    padding: 25px 35px;
}

div.overlay div.close {
    background-image: url(../images/close.png);
    position: absolute;
    right: 5px;
    top: -5px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

ul.credit-card {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.credit-card li {
    float: left;
    margin-right: 20px;
}

ul.credit-card li input {
    margin-right: 5px;
}

.error-message {
    margin: 15px 0;
    color: #ff0000;
    font-weight: bold;
}

.purchase-quantity.valid {
    border: 1px solid #363;
    background: #c0e8c4;
}

.purchase-quantity.invalid {
    border: 1px solid #ff0000;
    background: #efabaf;
}

.order-summary,
.address-summary,
.payment-summary {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ccc;
    margin: 0;
}

.order-summary {
    margin-top: 10px;
}

.order-summary,
.address-summary,
.payment-summary {
    border: 0;
    margin-bottom: 20px;
}

.summaryTitle {
    background: #999;
    color: #fff;
    padding: 5px 0 5px 11px;
    margin: 0 0 5px -5px;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    display: block;
    width: 100%;
}

.order-summary thead th {
    background: #00579e;
    color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
}

.order-summary tbody td {
    padding: 5px;
    border: 1px solid #ccc;
}

.order-summary tfoot td {
    border: 0;
}

.address-summary td,
.payment-summary td {
    padding: 5px;
    border: none;
}


#mainWizardNav li a em,
#mainWizardNav h4 {
    font-size: 11px;
}

#mainWizardNav{
    clear: both;
    padding: 0;
    margin: 0 0 10px 0;
}

#mainWizardNav li{
	height: 56px;
	list-style: none;
	float: left;
    background: #ebebeb url(../images/navBtn.gif) no-repeat right top;
}

#mainWizardNav li.current{
	background-color: #C36615;
	background-image: url(../images/navCurrentBtn.gif);
}

#mainWizardNav li.lastDone{
	background-color: #7C8437;
	background-image: url(../images/navLastDoneBtn.gif);
}

#mainWizardNav li.done{
	background-color: #7C8437;
	background-image: url(../images/navDoneBtn.gif);
}

#mainWizardNav li a, #mainWizardNav li a:link, #mainWizardNav li a:visited, #mainWizardNav li a:hover, #mainWizardNav li a:active {
    color: #ccc;
}

#mainWizardNav li.lastDone a, #mainWizardNav li.lastDone a:link, #mainWizardNav li.lastDone a:visited, #mainWizardNav li.lastDone a:hover, #mainWizardNav li.lastDone a:active, #mainWizardNav li.current a, #mainWizardNav li.current a:link, #mainWizardNav li.current a:visited, #mainWizardNav li.current a:hover, #mainWizardNav li.current a:active, #mainWizardNav li.done a, #mainWizardNav li.done a:link, #mainWizardNav li.done a:visited, #mainWizardNav li.done a:hover, #mainWizardNav li.done a:active {
    color: #fff;
}

#mainWizardNav li.done a:hover, #mainWizardNav li.lastDone a:hover  {
    color: #FFFF99;
    cursor: pointer;
}

#mainWizardNav li a em {
    width: 140px;
    display: block;
    margin: 6px 0 0 10px;
    font-weight: bold;
    font-style: normal;
}

#mainWizardNav li a span {
    width: 130px;
    display: block;
    margin-left: 10px;
    font-weight: normal;
}

#mainWizardNav li.mainNavNoBg{
    background-image: none;
}

#mainWizardNav li a{
    height: 56px;
    display: block;
}

/* #mainWizardNav.fourStep */
#mainWizardNav.fourStep li{width:172px;}
#mainWizardNav.fourStep li.mainWizardNavNoBg{width:172px;}
#mainWizardNav.fourStep li a{width:172px;}

#wizardpanel {
    background-color: #F5F5F5;
    margin: 5px;
    display: none;
}

#wizardcontentwrap {
    margin: 20px 0;
}

#wizardcontentwrap fieldset {
    border: 1px solid #dcdcdc;
    padding: 8px;
}

#wizard {
    width: 100%;
 }

/* --- [Buttons] --------------------------------------- */

.buttons {
    margin: 10px;
    clear: both
}

.buttons img {
    vertical-align: top;
}

#next {
    float: right;
    padding: 2px;
}

#previous {
    float: left;
    padding: 2px;
}

.info-tooltip {
    margin-left: 20px;
    color: #03c;
    text-decoration: underline;
    cursor: pointer;
}
