/* @override http://advantage-reeds.dashbee.com/stylesheets/coda-slider-2.0.css */

/* @override http://advantage-reeds.dashbee.com/stylesheets/coda-slider-2.0.css */

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

body {
}
h1{
	margin-top: 5px !important;
}
.panel h2.title {
color: #923f0d;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

noscript div {
	background: #ccc;
	border: 1px solid #900;
	margin: 20px 0;
	padding: 15px
}

/* Most common stuff you'll need to change */



.coda-slider {
	border: 1px dashed #dbd7b5;
	background-color: #ede9dd;
}

p.checkout-required {
	font-size: 11px;
	margin: 0  2px !important;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */

.coda-slider-no-js .coda-slider {
	height: 200px;
	overflow: auto !important;
	padding-right: 20px
}

/* Change the width of the entire slider (without dynamic arrows) */

.coda-slider, .coda-slider .panel {
	width: 540px
}

/* Change margin and width of the slider (with dynamic arrows) */

.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
	width: 540px
}

.coda-slider-wrapper.arrows .coda-slider {
	margin: 0px
}

/* Arrow styling */

.coda-nav-left a, .coda-nav-right a {
	background: #000;
	color: #fff;
	padding: 5px;
	width: 100px
}

/* Tab nav */

.coda-nav ul li a.current {
	background-color: #828754;
	color: #fff;
	}

/* My Comment */

/* Panel padding */

.coda-slider .panel-wrapper {
	padding: 20px;
	overflow: hidden;
}

/* Preloader */

.coda-slider p.loading {
	padding: 20px;
	text-align: center
}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */

.coda-nav ul {
	clear: both;
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

div#coda-nav-1.coda-nav {
	width: 550px !important;
}

.coda-nav ul li {
	display: inline
}

.coda-nav ul li a {
	background: #b3b887;
	color: #d7dbb5;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 3px 11px;
	text-decoration: none
}
.coda-nav ul li a:hover{
	background-color: #828754;
	color: #fff;	
}



#ShippingCountry, #BillingCountry, #ShippingInstructions  {
	width: 240px;
}

#CardExpiryMonth {
	width: 120px;
	margin-right: 20px;
}

#CardExpiryYear {
	width: 105px;
	margin-right: 5px;
}

#CardType {
width: 120px;
margin-right: 5px;	
}

/* Miscellaneous */

.coda-slider-wrapper {
	clear: both;
	overflow: auto
}

.coda-slider {
	float: left;
	overflow: hidden;
	position: relative
}

.coda-slider .panel {
	display: block;
	float: left;
}

.coda-slider .panel-container {
	position: relative
}

.coda-nav-left, .coda-nav-right {
	float: left;
	display: none;
}

.coda-nav-left a, .coda-nav-right a {
	display: block;
	text-align: center;
	text-decoration: none
}

/* Content Customization */

.steps-colm1 {
width: 60%;	
float: left;
padding-right: 5%;
}
.steps-colm2 {
width: 45%;	
float: left;
}
.steps-colm1 input, .steps-colm2 input, .steps-colm2 select{
	width: 240px;
}
.panel .item {
	padding: 0 !important;
	margin: 0 0 3px !important;
	border: 0px !important;
}
.panel h3{
	color: #923f0d;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.item input{
}
.item label{
 color: #300b02;
	font-size: 12px;
}

#catwebformbutton {
	width: 160px;
	background-color: #923f0d;
	color: #fff;
	border: none;
	padding: 8px;
	border: 1px solid #fff;
	font-weight: bold;
	margin-top: 20px;
}

.card-type img, .card-type select, .card-type span{
float: left;	
}
.card-type img, .card-type select{
	margin-right: 5px;
}
.card-type select{
	margin-top: 5px;
}

p.billing-text {
	font-size: 12px;
	margin: 0 !important;
}