/*---------------------------------------------------
Title:		Local Mojo CSS
Author: 	Joe - joe@agencyweb.com
Updated: 	08
---------------------------------------------------*/

/*---------------------------------------------------
Layout Tags
---------------------------------------------------*/

#right-cart{
float:left;
width:245px;
color:#737373;
border-left: 1px solid #FF6600;
margin: 50px 0 0 0;
padding:20px 0 0 0;
}

#right-content {
	padding:12px;
	font-size:90%;
}

#features {
background-color:#FFFFFF;
background-image:url(../images/cartbg1.jpg);
background-repeat:repeat-x;
background-position:top;
margin-top:20px;
border: solid 1px;
border-color:#ED8723;
padding:40px 15px 20px;
}

#featuresleft {
float:left;
width: 30%;
padding: 10px;
}

#featuresmiddle {
float:left;
width: 30%;
padding: 10px;
}

#featuresright {
float:left;
width: 30%;
padding: 10px;
}

/*---------------------------------------------------
Style Tags
---------------------------------------------------*/

.red
{
	color:#7f181b;
}

.redintro
{
	color:#7f181b;
	font-size:110%;
}

.black
{
	color:#1e1e1e;
}

.smaller{
	font-size:100%;
	color:#7f181b;
	font-style:italic;	
	}

.whitesmall
{
	color:#fff;
	font-size:80%;
	font-style:italic;
	padding-left:50px;
	padding-top: 0px;
}

.brandcol
{
	color:#990000;
	font-weight:bold;
}

.quote
{
	font-size:125%;
	font-weight:100;
	color:#919191;
	line-height:1.3em;
	font-family:Trebuchet MS, verdana, arial, tahoma, sans-serif;
}

.greylarge
{
	font-size:160%;
	font-weight:100;
	color:#919191;
	line-height:1.1em;
	font-family:Trebuchet MS, verdana, arial, tahoma, sans-serif;
}

.greylargebold
{
	color:#4A4747;
	font-size:160%;
	font-style:italic;
	font-weight:700;
}

.grayed
{
	color:#888;
}

.error
{
	color:#f00;
}

.action_message
{
	color:red;
	font-size:110%;
	padding:5px;
	width:600px;
	margin-left:40px;
}

/* categories */
div.categories
{
	width:100%;
}

div.cat
{
	float:left;
	width:100%;
}

div.cat select
{
	width:100%;
}

div.submit_buttons
{
	width:95%;	
	padding-top:10px;
	padding-left:30px;
	text-align:center;
}

 	
.other {	
	font-size:150%;
	font-weight:bold;
	}
	


/*===== shopping cart css =====*/

.step_blank {
background-color:#FFFFFF;
background-image:url(../images/cartbg1.jpg);
background-repeat:repeat-x;
background-position:top;
margin-top:20px;
border: solid 1px;
border-color:#ED8723;
padding:40px 15px 20px;
width:85%;
}
.step_blank div.blank_title {
background-image:url(../images/cart-title-bg.png);
background-repeat:no-repeat;
color:#FFFFFF;
font-size:200%;
margin:-60px 0 5px;
padding:5px 15px 18px 10px;
position:relative;
width:400px;
}

.step_blank div.text_label {
margin:5px 0 15px;
}
.step_blank span.text {
font-size:90%;
}
.step_blank span.text2 {
font-size:15px;
line-height:1.47em;
}
.step_blank span.italic {
font-style:italic;
}
.step_blank div.formrow {
clear:left;
}
.step_blank div.row_error {
color:red;
text-align:left;
font-style:italic;
margin-bottom:10px;
font-size:15px;
font-weight:bold;
width:100%;
}
.step_blank div.reg_error {
color:red;
text-align:center;
width:100%;
}
.step_blank label {
float:left;
font-size:14px;
font-weight:bold;
margin:1px 20px 2px 0px;
text-align:right;
width:150px;
}
.step_blank label.error {
margin-left:220px;
text-align:left;
}
.step_blank label.style1 {
float:left;
font-size:11px;
margin:5px 0;
width:150px;
}
.step_blank label span {
float:left;
font-size:90%;
font-style:italic;
font-weight:normal;
margin:0;
width:190px;
}
.step_blank input {
width:350px;
}
.step_blank select {
width:372px;
}
.step_blank input.submit {
width:200px;
}
.step_blank input.radio {
width:20px;
}
div.verify_address {
float:left;
width:50%;
}
div.verify_address label {
float:left;
font-size:100%;
font-weight:normal;
margin:0 5px 2px 0;
text-align:right;
width:140px;
}
div.verify_address input {
margin-bottom:5px;
padding:2px;
width:130px;
}
div.verify_address select {
margin-bottom:5px;
padding:2px;
width:136px;
}
.step_blank div.subtext_label {
margin:5px 0 5px 50px;
}
.step_blank span.subtext {
font-size:110%;
}
	
.clearboth { 
clear: both;
}

.cardexp {
float:left;
}
.cardexp select {
width:60px;
}