@charset "utf-8";
/************************************************************
 SWAPPLER.COM
 
 Front End
 Author: Portable.tv
 Version: 2.1
************************************************************/

/*********************
 GLOBAL RESET
 
 We recommend keeping the global resets, this helps ensures
 that different browsers behave the same way as well as 
 help remove any possible bugs...
 
********************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
q:before, q:after { content:'' }
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none }
* { outline: none; }

/* Clear Floats */
.clearfix {	clear: both; }

/*********************
 Body
********************/
html {}

body{
	color: #333333;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 18px;
	min-width: 980px;
}

/*********************
 Sticky Footer 
 
 http://ryanfait.com/sticky-footer/
 This allows the footer to be anchored to the bottom of the page
********************/
html, body {
	height: 100%;
}

.push {
	height: 50px; /* .push must be the same height as .footer */
}

/*********************
 Links
********************/
a, a:link, a:visited{ 
	color: #66CCCC;
	text-decoration: underline; 
}

	a:hover{ 
		color: #3399CC; 
	}

/*********************
 Headings
********************/
h2, h3, h4, h5{ 
	color: #000;  
}

	h2{ 
		font-size: 28px; 
		font-weight: bold; 
		text-align: center; 
		margin: 0 auto 30px; 
		font-family: Georgia, "Times New Roman", Times, serif; 
	}
	
		h2 span{ 
			font-style: italic; 
			font-weight: normal; 
		}
		
			/* Varities */
		h2.createstore{ 
			border: 0; width: auto; 
		}
		
	h3{
		font-size: 25px;
		line-height: 28px;
		font-family: Helvetica, Arial, sans-serif;
		border: dashed 1px;
		border-width: 0 0 1px;
		margin: 0 0 20px;
		padding: 10px 0 5px;
	}
	
		.checkout h3{
			font-size: 20px;
			line-height: 18px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			margin: 0 0 5px;
		}
		
	h4{ 
		font-size: 18px; 
		line-height: 22px;
		color: #3a3a3a;
		font-style: italic; 
		margin: 0 0 15px;
		font-family: Georgia, "Times New Roman", Times, serif; 
	}
	
		.checkout h3{
			padding: 0 10px 10px;	
		}
		
		/* Features page */
		.col-features h4 span{
			font-size: 12px;
			color: #999;
			display: block;
			float: right;
		}
		
	h5{ 
		font-size: 16px; 
		font-weight: bold;
		padding: 0 0 10px; 
	}
	
	h6{
		font-size: 12px;
		color: #333;
		border: solid #f1f1f1;
		border-width: 0 0 1px;
		padding: 0 0 5px;
		margin: 10px 0;
		font-weight: bold;
	}
		


/*********************
 Misc
********************/
/* Font */
p{ 
	margin: 0 0 10px;
}

.italic{ 
	font-style: italic; 
}

.highlight{ 
	font-weight: bold; 
}

.disclaimer{ 
	font-size: 10px; 
	line-height: 13px; 
}

.nobg{
	background: none !important;
}

.noborder{
	border: 0 !important;	
}
	
.fl_right{ float: right; }

.fl_left{ float: left; }

.fl_left, .fl_right{
	width: auto !important;
}

/*********************
 Backgrounds
********************/
body.bodyHome,
body.bodyUser,
body.bodyStore,
body.bodyStatic{
	background: #fff  center top no-repeat;
}

body.bodyHome,
body.bodyUser,
body.bodyStore{
	background-image: url(../images/frontend/backgrounds/background_home.jpg);
}

body.bodyStatic{
	background-image: url(../images/frontend/backgrounds/background_static.jpg);
}

/*********************
 Flash Message
********************/
#flashWrap{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

	.flashMessage{ 
		height: 50px;
		font: italic 18px/50px Georgia, "Times New Roman", Times, serif;
		text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
		text-align: center;
		color: #fff;
		background: transparent url(../images/backend/assets/flash_background.png) top left repeat;
		cursor: pointer;
	}

/**********************************
	Text Types
**********************************/
#intro_wrap{
	overflow: hidden;	
}

	/* Intro Text */
	#intro{
		width: 650px;
		text-align: center;
		margin: 0 auto 20px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		line-height: 20px;
		font-style: italic;
	}
		/* Used in checkout */
		.instructions{
			margin: 10px;	
		}
	
		/* Intro Static Pages */
		.introtext{ 
			font-size: 15px; 
			color: #1190c5; 
			margin: 0 0 15px; 
		}
		
		/* Features */
		.blue{
			color: #1190C5;
		}
		
		.blue.highlight{
			font-size: 18px;
			line-height: 26px;	
		}

#flashMessage {
	color: #666;
	display: block;
	font-family: Georgia;
	font-size: 1em;
	font-style: italic;
	margin: 20px 0;
	text-align: center;
}

/**********************************
	Tooltip
**********************************/		
.tooltip{
	z-index: 300;
	position: relative;
	font-weight: normal;
	display: none;
	width: 330px;
	background: #fff url(../images/frontend/misc/tooltip_gradient.png) left bottom repeat-x;
	padding: 20px 20px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .4);
}

	.tooltip p{
		background: url(../images/frontend/misc/tooltip_question.png) 0px 3px no-repeat;
		font-size: 12px;
		line-height: 18px;
		color: #333;
		text-align: justify;
		padding: 0 0 0 30px;
		display: block;
		min-height: 35px;
	}
			
/*********************
 Wraps
********************/
#body_wrap {
	/* Sticky Footer */
	margin: 0 0 -50px; /* the bottom margin is the negative value of the footer's height */
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

	#main_wrap{ 
		padding: 0 0 30px; 
		margin: 0 auto; 
		width: 940px;
		overflow: hidden;
		/* min-height: 620px; */
	}
	
		#main_wrap .content{
			margin: 40px 0 0;
			overflow: hidden;
		}
	
	#content_wrap{ 
		padding: 30px 10px 0; 
	}
	
	#small_body{
		width: 650px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	#full_body{
		overflow: hidden;
	}

/*********************
 Swappler Banner
********************/
#banner{ 
	/*overflow: hidden;*/
	margin: 0 0 50px;
}

	/* Title */
	#swapTitle{ 
		margin: 0 0 20px; 
		text-align: center;
		position: relative;
		z-index: 20;
	}

		#swapTitle h1{
			margin: 0;
		}	
		
			#swapTitle h1 a{
				margin: 0 auto; 
				width: 59px; 
				height: 70px; 
				display: block; 
				background: url(../images/frontend/logo/portable_logo.png) top left no-repeat; 
			}
		
				#swapTitle h1 a span{
					display: none;	
				}
	
	/* Menu */
	#swapMenu{ 
		margin: 0 0 10px; 
		position: relative;
		z-index: 10;
	}
	
		#swapMenu ul{ 
			margin: 0 auto; 
			text-align: center; 
		}
		
			#swapMenu ul li{ 
				display: inline; 
			}
			
				#swapMenu ul li a{ 
					color: #666; 
					font-size: 11px; 
					font-weight: normal; 
					font-family: Georgia, "Times New Roman", Times, serif; 
					text-transform: uppercase; 
					text-decoration: none; 
					padding: 0 0 0 17px; 
					margin: 0 0 0 6px; 
					background: url(../images/frontend/misc/menu_bulletpoint.gif) 0px 3px no-repeat; 
				}
				
				#swapMenu ul li a:hover{ 
					color: #64b5b9; 
				}
				
				#swapMenu ul li.first a{ 
					margin: 0; 
					padding: 0; 
					background: none;
				}
				
/*********************
 Top Menu
********************/
#home_subnav{
	overflow: hidden;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 10;
}

	.home_login_controls{
		float: right;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background: url(../images/frontend/misc/black-opacity.png) left top repeat;
	}
	
		.home_login_controls ul{
			padding: 0 5px;
		}
	
			.home_login_controls ul li{
				float: left;
				padding: 5px;
			}
			
				.home_login_controls ul li a{
					font-weight: bold;
					text-decoration: none;
					font-family: Georgia, "Times New Roman", Times, serif;
					text-transform: uppercase;
					font-size: 11px;
					letter-spacing: 1px;
					color: #fff;
				}
					
					.home_login_controls ul li a:hover{
						color: #CCC;
					}
					
	#livehelp{
		float: right;
		margin: 0 5px 0 0;
	}
					
/**********************************
	Footer
**********************************/
.footer{ 
	width: 960px;
	margin: 0 auto; 
	clear: both;
	height: 50px;
}

	.footer ul{
		margin: 0 auto;
		text-align: center;
	}
	
		.footer ul li{
			display: inline;
			padding: 0 5px;	
		}
		
			.footer ul li a{
				color: #666;
			}
			
				.footer ul li a:hover{
					color: #66cccc;	
				}

	.footer p{
		text-align: center;
	}
	
	.footer .cart_footer{
		display: block;
		text-align: center;
	}
	
		.footer .cart_footer .small_logo{
			vertical-align: text-bottom;
			margin: 0 3px 0 0;
		}
		
		.footer .cart_footer span{
		}

			.footer .cart_footer span a{
				color:#000000;
				font-family:Georgia;
				font-weight:bold;
				text-decoration:none;	
			}

/**********************************
	Buttons
**********************************/
.button_wrap{
	overflow: auto;
	clear: both;
	padding: 20px 0;
}

	#top_bottons{}
	#bottom_bottons{}
	#top_bottons, #bottom_bottons{ float: right; display: block; margin: 0 15px 0; }

.button a, a.button, span.button, input.button, .button input{
	font: bold 14px/27px Georgia,"Times New Roman",Times,serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	position: relative;
	cursor: pointer;	

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);

}

	.button a, a.button, span.button{
		line-height: 14px;
		padding: 6px 10px 7px;
	}
	
	/* Input Boxes */
	input.button, .button input{
		line-height: 29px;
		height: 29px;
		padding: 0 10px 2px;
	}
	
	input.btnMedium, .btnMedium input{
		height: 22px !important;
		padding: 0 10px 1px;
	}
	
	input.btnSmall, .btnSmall input{
		height: 14px !important;
	}
	
	/* Medium Button */
	a.button.btnMedium, span.btnMedium, input.btnMedium, .btnMedium input{
		font: italic normal 11px Arial,Helvetica,sans-serif;
		padding: 3px 8px 4px;
		margin: 0 5px;
	}
	
	/* Small Button */
	a.button.btnSmall, span.btnSmall, input.btnSmall, .btnSmall input{
		font: normal 9px Arial, Helvetica, sans-serif;
		text-shadow: none !important;
		padding: 0 8px;
		margin: 0;
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
		/* Blue Buttons */
		.blueBtn a, a.blueBtn, span.blueBtn, input.blueBtn, .blueBtn input{
			background: #6fd5d6 url(../images/backend/buttons/button_overlay.png) bottom left repeat-x;
			text-shadow: 0 -1px 0 #000;
			border: solid;
			border-width: 1px 0;
			border-color: #6fd5d6 #fff #50a1a1 #fff;
		}
		
			.blueBtn a:hover, a.blueBtn:hover, span.blueBtn:hover, input.blueBtn:hover, .blueBtn input:hover{
				background: #76eaec url(../images/backend/buttons/button_overlay.png) bottom left repeat-x;
			}
			
			.blueBtn a:active, a.blueBtn:active, span.blueBtn:active, input.blueBtn:active, .blueBtn input:active{
				background: #6CC;
				border: solid;
				border-width: 1px 0;
				border-color: #6CC #fff #6CC #fff;
				-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
				-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
			}

		/* Grey Buttons */
		.greyBtn a, a.greyBtn, span.greyBtn, input.greyBtn, .greyBtn input{
			background: #4f4f4f url(../images/backend/buttons/button_overlay.png) bottom left repeat-x;
			text-shadow: 0 -1px 0 #2d2d2d;
			border: solid;
			border-width: 1px 0;
			border-color: #4f4f4f #fff #272727 #fff;
		}
		
			.greyBtn a:hover, a.greyBtn:hover, span.greyBtn:hover, input.greyBtn:hover, .greyBtn input:hover{
				background: #6c6c6c url(../images/backend/buttons/button_overlay.png) bottom left repeat-x;
				border: solid;
				border-width: 1px 0;
				border-color: #6c6c6c #fff #444 #fff;
			}	
			
			.greyBtn a:active, a.greyBtn:active, span.greyBtn:active, input.greyBtn:active, .greyBtn input:active{
				background: #4f4f4f;
				border: solid;
				border-width: 1px 0;
				border-color: #343434 #fff #4f4f4f #fff;
				-moz-box-shadow: 0 -1px 0 #999;
				-webkit-box-shadow: 0 -1px 0 #999;
			}
			
		/* Light Grey Buttons */
		.lightgreyBtn a, a.lightgreyBtn, span.lightgreyBtn, input.lightgreyBtn, .lightgreyBtn input{
			background: #a0a0a0;
			text-shadow: 0 -1px 0 #000;
			border: solid #828282;
			border-width: 0 0 1px;
		}
		
			.lightgreyBtn a:hover, a.lightgreyBtn:hover, span.lightgreyBtn:hover, input.lightgreyBtn:hover, .lightgreyBtn input:hover{
				background: #b7b7b7;
			}
			
			.lightgreyBtn a:active, a.lightgreyBtn:active, span.lightgreyBtn:active, input.lightgreyBtn:active, .lightgreyBtn input:active{
				background: #bcbcbc;
				border: solid;
				border-width: 1px 0;
				border-color: #828282 #fff #bcbcbc #fff;
				-moz-box-shadow: 0 -1px 0 #999;
				-webkit-box-shadow: 0 -1px 0 #999;
			}
			
			input.lightgreyBtn.disabled:hover{
				background: #a0a0a0;
			}

/* Delete Button */
a.crossDel{
	width: 10px;
	height: 10px;
	display: block;
	background:url(../images/buttons/cross-grey.png) 0 0 no-repeat;
}

	a.crossDel:hover{
		background-position: 0 -15px;
	}
	
	a.crossDel span{
		display: none;	
	}
	
/* Facebook Connect - Wrap */
.fb_connect{
	width: 180px;
	float: left;
	height: 29px;
	line-height: 29px;
}
	
/**********************************
	Form
**********************************/
	form .text input, form .password input {
		background: #fff;
		border: 1px solid #E6E6E6;
	}
	
	form .smallLabel label{
		font-size: 11px !important;	
		line-height: 16px !important;
	}

	.input_description{
		color: #666;
		font-size: 10px;
		line-height: 15px;
	}
		
	/* Credit Card input */
	form .text input.cc_input{
		width: auto !important;
		margin: 0 5px 0 0;
		float: none !important;
	}
	
	form .text .cc_logos{
		display: block;	
		margin: 5px 0 5px 205px;
		clear: both;
		padding: 10px 0 0;
	}
	
	/* Credit Card - Expiry */
	.date select, .datetime select{
		width: 100px;	
	}
	
	.error-message{
		clear: both;
		font-size: 12px;
		color: #66CCCC;
		padding: 5px 0;
	}
	
	/* Hover / Focus */
	.text input:hover, .text input:focus, 
	.password input:hover, .password input:focus,
	.textbox textarea:hover, .textbox textarea:focus
	{
		background:#EAEAEA !important;
		border:1px solid #D1D1D1 !important;
	}
	
	/* Check Box */
	input[type="checkbox"]{
		width: 15px;
		height: 15px;
	}
	
	/* Radio Buttons */
	.radio_buttons{
		
	}
	
		.radio_buttons input{
			margin: 5px 0;	
			float: left;
			clear: both;
		}
	
		.radio_buttons label{
			margin: 0 10px;	
			line-height: 25px;
			display: block;
			float: left;
		}
		
		/* Footer Description */
		.form_footer_desc{
			display: block;
			font-size: 14px;
			font-family: Georgia, "Times New Roman", Times, serif;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
			line-height: 36px;
			margin: 0 0 0 20px; 
		}

/**********************************
 FORM - Large
**********************************/
form.large{
	overflow: hidden;	
}

	form.large .input{
		overflow: hidden;
		margin: 15px 0;
	}
	
	form.large label{
		color: #333333;
		display: block;
		float: left;
		font-size :15px;
		line-height: 25px;
		margin-right: 20px;
		width: 185px;
		text-align: right;
		text-shadow: 1px 1px 1px #fff;
	}
	
	form.large .text input, form.large .password input {
		font-size: 14px;
		height: 20px;
		padding: 4px 5px;
		width: 365px;
		float: left;
	}
	
	form.large .textbox textarea{
		font-size: 14px;
		padding: 5px;
		width: 365px;
		border:1px solid #E6E6E6;
	}

	form.large .select select{
		width: 377px;
		padding: 5px;
	}
	
	form.large .checkbox{
		clear: both;	
	}
	
		form.large .checkbox input{
			clear: both;
			float: left;
			margin: 5px 0 0 205px;
		}
		
		form.large .checkbox label{
			width: 380px;
			float: left;
			margin: 0 10px;
			text-align: left;
		}

	form.large .input_description{
		width: 380px;
		position: relative;
		top: -5px;
		margin-left: 205px;
	}

	form.large .error-message{
		margin: 0 0 0 205px;
	}
	
	form.large .registercontrols{
		margin-left: 205px;	
		width: 380px;
	}

		
/**********************************
 FORM - Small
***********************************/
form.small{
	overflow: hidden;
	padding: 0 0 3px;
}

	form.small .input{
		clear: both;
	}

	form.small .input label{
		display: block;
		color: #333;
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		margin: 5px 0;	
	}
	
	form.small .text input, form.small .password input{
		padding: 3px;
		width: 275px;
		font-size: 15px;
		margin: 0 0 5px;
	}
	
	form.small .checkbox{
		margin: 10px 0;
	}
	
	form.small .checkbox input{
		clear: both;
		float: left;
		margin: 0 10px 0 0;
	}
	
	form.small .error-message{
		color: #666;	
	}
	
/**********************************
	Home Page - Head Banner
**********************************/
#headbanner{ 
	width: 940px; 
	height: 369px; 
	overflow: hidden; 
	z-index: 1; 
	position: relative;
}

	#headbanner .hb-left{ 
		background: url(../images/frontend/homePage/headbanner-left.jpg) no-repeat left top; 
	}
	
	#headbanner .hb-right{ 
		background: url(../images/frontend/homePage/headbanner-right.jpg) no-repeat left top; 
	}
	
	#headbanner .hb-middle{ 
		width: 910px; 
		position: relative; 
		background: url(../images/frontend/homePage/headbanner-middle.jpg) repeat-x left top; 
	}

	#headbanner .hb-left, #headbanner .hb-right{ 
		width: 15px; 
	}
	
	#headbanner .hb-left, #headbanner .hb-right, #headbanner .hb-middle{ 
		height: 369px;
		display: block; 
		float: left; 
	}
	
		#headbanner .hb-middle .features{ 
			position: absolute; 
			top: 11px; 
			right: 33px; 
			z-index: 2; 
			width: 408px; 
			height:281px; 
		}
		
		/**********************************
			Head Banner - Text
		**********************************/
		#hb-intro{ 
			width: 390px; 
			position: absolute; 
			left: 43px; 
			top: 14px; 
		}
		
			#hb-intro h2.hb-head{ 
				font-size: 27px; 
				font-weight: normal; 
				font-style: italic; 
				color: #fff; 
				line-height: 37px; 
				border: 0; 
				margin: 10px 0 12px; 
				padding: 0; 
				text-transform: none; 
				text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); 
				width: auto; 
				text-align: left; 
			}
			
			#hb-intro .hb-text{ 
				font-size: 14px; 
				line-height: 30px; 
				color: #fff; 
				text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); 
			}
		
		/**********************************
			Call To Action 
		**********************************/
		#headbanner .hb-middle a.call-small, 
		#headbanner .hb-middle a.call-large{ 
			position: absolute; 
			display: block; 
			height: 49px;
			bottom: 34px; 
			z-index: 3; 
			text-decoration: none; 
			text-align: center;
			
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .6);
			-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .6);
		}
		
		/**********************************
			Call To Action - Small 
		**********************************/
		#headbanner .hb-middle a.call-small{ 
			right: 45px; 
			width: 260px; 
			z-index: 3; 
			background-color: #fff;
			background-image: url(../images/frontend/buttons/cta-small.png);
			background-position: left top;
			background-repeat: repeat-x; 
			border: #e7e7e7 solid 1px;
			
			font: 15px/49px Georgia,"Times New Roman",Times,serif;
			color: #333;
			text-shadow: 0 1px 0 #fff;
		}
		
			#headbanner .hb-middle a.call-small:hover{
				background-position: 0 -53px;
			}
			
			#headbanner .hb-middle a.call-small:active{
				background-position: 0 -106px;
			}
		
			#headbanner .hb-middle a.call-small span{ 
				font-weight: bold;
			}
			
			
		/**********************************
			Call To Action - Large 
		**********************************/
		#headbanner .hb-middle a.call-large{ 
			left: 43px; 
			width: 362px; 
			background-color: #444;
			background-image: url(../images/frontend/buttons/cta-large.png);
			background-position: left top;
			background-repeat: repeat-x; 
			border: #313131 solid 1px;
			
			font: 17px/49px Georgia,"Times New Roman",Times,serif;
			color: #fff;
			font-style: italic;
			text-shadow: 0 1px 0 #000;
		}
		
			#headbanner .hb-middle a.call-large:hover{
				background-color: #4D4D4D;
				
			}
			
			#headbanner .hb-middle a.call-large:active{
				background-position: left bottom;
			}
		
			#headbanner .hb-middle a.call-large span{ 
				font-weight: bold;
				font-style: normal; 
			}
			
/**********************************
	Home Page - Action Boxes
**********************************/
#actions{ 
	overflow: hidden; 
	margin: 15px 0; 
	width: 940px; 
}

	#actions a.box{ 
		width: 267px; 
		height: 128px; 
		float: left; 
		padding: 50px 22px 0; 
		border-style: solid; 
		border-width: 1px; 
		background:url(../images/frontend/homePage/actions-box.png) top left repeat-x; 
		overflow: hidden; 
		text-decoration: none; 
	}
	
	#actions a.box:hover{ 
		background-position: 0 -182px;
	}
	
		#actions a.box h3{ 
			color: #000; 
			font-size: 22px; 
			font-family: Georgia; 
			text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
			text-align: center; 
			font-style: normal; 
			width: auto; 
			margin: 0 0 10px; 
			padding: 0 0 10px; 
		}
			
			#actions a.box h3 span{ 
				font-style: italic; 
				font-size: 20px;
			}

		#actions a.box span.desc{ 
			display: block;
			text-align: center; 
			font-size: 11px; 
			line-height: 18px; 
			color: #666; 
			font-family: Georgia; 
			text-transform: uppercase; 
			margin: 0;
			padding: 0; 
			font-weight: normal; 
		}
		
	#actions .ab-left{ 
		border-color: #f8f8f8 #d4d4d4 #c7c7c7 #ebebeb; 
		-moz-border-radius-topleft: 10px; 
		-webkit-border-top-left-radius: 10px; 
		-moz-border-radius-bottomleft: 10px; 
		-webkit-border-bottom-left-radius: 10px; 
	}
	
	#actions .ab-middle{ 
		border-color: #f8f8f8 #d4d4d4 #c7c7c7 #fff; 
	}
	
	#actions .ab-right { 
		border-color: #f8f8f8 #ebebeb #c7c7c7 #fff; 
		-moz-border-radius-topright: 10px; 
		-webkit-border-top-right-radius: 10px; 
		-moz-border-radius-bottomright: 10px; 
		-webkit-border-bottom-right-radius: 10px; 
	}
	
/**********************************
	Store Signup
**********************************/
#createStore{
	width: 940px;
	overflow: hidden;
}

	.facebook_wrap{
		border: 1px solid #b7bfca;	
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		background: #eceff6;
		padding: 25px 0;
		width: auto;
		text-align: center;
	}

	#storeurl{
		display: block;
		overflow: hidden;
	}
	
		#storeurl span{
			display: inline;	
		}
		
		form.large #storeurl input{
			float: none;
			width: 225px;
		}
		
		#storeurl .error-message{
			margin: 0;	
		}

/**********************************
	Select A Plan
**********************************/
table#selectPlan{
	width: 940px;
	vertical-align: middle;
}

	/* Header */
	#selectPlan thead{}
	
		#selectPlan thead tr{}
		
			#selectPlan thead tr th{
				height: 47px;
				width: 175px;
			}
			
				/* Round Corners */
				#selectPlan thead tr th.left span,
				#selectPlan thead tr th.highlight span{
					-moz-border-radius-topleft: 5px; 
					-webkit-border-top-left-radius: 5px;
				}
		
				#selectPlan thead tr th.right span,
				#selectPlan thead tr th.highlight span{
					-moz-border-radius-topright: 5px; 
					-webkit-border-top-right-radius: 5px;
				}
				
				/* Tabs */
				#selectPlan thead tr th span{
					color: #333;
					text-shadow: 0 1px 0 #d1f3ff;
					font-family: 16px;
					font-weight: bold;
					background: url(../images/frontend/tables/selectPlan_thead.png) left bottom repeat-x;
					display: block;
					text-align: center;
					line-height: 40px;
					height: 40px;
					margin: 7px 0 0;
					padding: 0 10px;
					border: solid #acebff;
					border-width: 0 1px 0 0;
				}
				
					#selectPlan thead tr th.highlight span{
						color: #fff;
						text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
						background: url(../images/frontend/tables/selectPlan_thead_highlight.png) left bottom repeat-x;
						margin: 0;
						padding: 7px 10px 0;
					}
					
					#selectPlan thead tr th.right span{
						border-width: 0;
					}				
						
	/* Body */												
	#selectPlan tbody{}
	
		#selectPlan tbody tr{
			border-bottom: 1px solid rgba(51, 51, 51, 0.07);
		}
		
		#selectPlan tbody tr.bottom{
			border: 0;
		}
		
			#selectPlan tbody tr td{
				width: 155px;
				padding: 10px;
				font-size: 15px;
				text-align: center;
				vertical-align: middle;
			}
			
				#selectPlan tbody tr td.alt{
					background: #f4f4f4;
				}
	
	/* Footer */		
	#selectPlan tfoot{}
	
		#selectPlan tfoot tr{}
		
			#selectPlan tfoot tr td{
				width: 175px;
				background: #f4f4f4;
				height: 52px;
				line-height: 52px;
				text-align: center;
			}
			
				/* Round Corners */
				#selectPlan tfoot tr td.left{
					-moz-border-radius-bottomleft: 5px; 
					-webkit-border-bottom-left-radius: 5px;
				}
		
				#selectPlan tfoot tr td.right{
					-moz-border-radius-bottomright: 5px; 
					-webkit-border-bottom-right-radius: 5px;
				}
			
	/* Features Column */
	#selectPlan tfoot tr td.features,
	#selectPlan thead tr th.features{
		width: 240px;
		background: none;
		padding: 0;
	}
	
	#selectPlan td.features{
		width: 220px;
		text-align: left;
	}
	
	#selectPlan tbody td.features{
		color: #333;
		font-weight: bold;
		background: #f4f4f4;
	}
	
		/* Round Corners */
		#selectPlan tbody tr.top td{
			-moz-border-radius-topleft: 5px; 
			-webkit-border-top-left-radius: 5px;
		}
		
		#selectPlan tbody tr.bottom td{
			-moz-border-radius-bottomleft: 5px; 
			-webkit-border-bottom-left-radius: 5px;
		}
		
		/* Text */
		#selectPlan tbody td.features span{
			line-height: 18px;
			width: 220px;
			display: block;
			white-space: normal;
			word-wrap: break-word;
		}
		
			/* Coming soon */
			#selectPlan tbody td.features span.csoon{
				display: block;
				font-size: 11px;
				font-style: italic;
				font-weight: normal;
				color: #666;
			}
		
		/* Tooltip */
		td.features .tooltip_table{
		}
		
			td.features .tooltip_table a{
				display: block;
				cursor: pointer;
				color: #333;
				text-decoration: none;
				width: 210px;
				padding: 0 10px 0 0;
				background: url(../images/frontend/misc/small_questionmark.png) right 3px no-repeat;
			}
	
	/* Tick Icon */
	div.tick{
		display: inline-block;
		width: 23px;
		height: 23px; 
		background: url(../images/frontend/misc/tick.png) left top no-repeat;
	}
	
		div.tick span{
			display: none;
		}
	
	/* Price */	
	td.price p{
		font-weight: bold;
		margin: 0;
	}
	
		td.price p span{
			font-size: 11px;
			font-weight: normal;
			color: #959595;
		}
		
	/* Plan FAQ */
	#planFaq_wrap{
		overflow: hidden;
		margin: 50px 0 0;
	}
	
		a.planFaq_logo{
			width: 140px;
			height: 180px;
			margin: 0 10px;
			background: url(../images/frontend/misc/faq_box.png) left top no-repeat;
			float: left;
			text-decoration: none;
		}
		
			a.planFaq_logo span{
				color: #00849d;
				font-size: 10px;
				text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
				line-height: 16px;
				text-align: center;
				display: block;
				width: 100px;
				text-transform: uppercase;
				padding: 116px 20px 0;
			}
		
		.planFaq_body{
			width: 780px;
			float: left;
			overflow: hidden;
		}
		
			.planFaq_body .planFaq_row{
				overflow: hidden;
			}
		
				.planFaq_body .planFaq_row .plan_faq{
					width: 370px;
					margin: 0 10px 30px;
					float: left;
				}
	
/**********************************
	Select A Template
**********************************/
#templateWrap{
	overflow: hidden;
}

	.select_temp_wrap{
		overflow: hidden;
		margin: 0 0 20px;
	}
	
		.select_temp{
			width: 300px;
			margin: 0 0 0 20px;
			float: left;
		}
		
			.select_temp.first{
				margin: 0;
			}
		
			.select_temp .temp_thumb{
				margin: 0 0 5px;
				display: block;
			}
			
				.select_temp .temp_thumb img{
					border: 1px solid #bbb;
					display: block;
				}
			
			.select_temp .temp_info{
				width: 200px;
				float: left;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-weight: bold;
				font-size: 13px;
				line-height: 22px;
				text-transform: uppercase;
				color: #444;
			}
			
				.select_temp .temp_info span{
					color: #b5b5b5;
				}
				
			.select_temp .temp_button{
				float: right;
				text-align: right;
			}
			
				.select_temp .temp_button input{
					margin: 0;
				}

/**********************************
	Select Your Features
**********************************/
#selectFeatures{
	width: 640px;
	margin: 0 auto;
	overflow: hidden;
}

	#selectFeatures .features{
		width: 640px;
		color: #000;
		font-family: Georgia, "Times New Roman", Times, serif;
		position: relative;
		z-index: 10;
		margin: 0 0 40px;
	}
	
		/* Label */
		#selectFeatures .features label{
			display: block;
			width: 640px;
			overflow: hidden;
			position: relative;
			z-index: 10;
			background: #fff;
		}
		
			/* Selected */
			#selectFeatures .features label:hover,
			#selectFeatures .features label.checked{
				background-position: 0 -143px;
			}
	
		/* Input */
		#selectFeatures .features span.input{
			position: relative;
			z-index: 0;
			display: none;
			background: #fff;
		}
		
		#selectFeatures .features span.input input{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 0;
		}
		
		/* Intro */
		#selectFeatures .features .intro{
			width: 640px;
			display: block;
			overflow: hidden;
		}
		
			#selectFeatures .features .intro .price,
			#selectFeatures .features .intro .title,
			#selectFeatures .features .intro .select{
				display: block;
				float: left;
			}
		
			/* Price */
			#selectFeatures .features .intro .price{
				width: 125px;
				text-align: center;
				font-size: 28px;
				line-height: 26px;
			}

				
			/* Title */
			#selectFeatures .features .intro .title{
				width: 355px;
				font-size: 26px;
				line-height: 29px;
				padding: 0 0 5px;
				margin: 0 0 0 10px;
				border-bottom: 1px solid rgba(70, 70, 70, 0.2); 
			}
			
			/* Select */
			#selectFeatures .features .intro .select{
				width: 150px;
				height: 37px;
				text-align: right;				
			}
			
				#selectFeatures .features .intro .select .button{
					margin: 4px 0 0;
				}
			
		/* Information */
		#selectFeatures .features .info{
			width: 640px;
			display: block;
			overflow: hidden;
		}
		
		/* Panel */
		#selectFeatures .features .info .panel{
			width: 125px;
			float: left;
			display: block;
		}
		
			#selectFeatures .features .panel .price_desc{
				font-family: Helvetica, Arial, sans-serif;
				text-align: center;
				width: 125px;
				display: block;
				font-size: 10px;
				line-height: 14px;
			}
		
			/* Price desc */		
			#selectFeatures .features .panel .price_desc{
				line-height: 10px;
			}
			
			/* Selected Plan */
			#selectFeatures .features .plan{
				font-weight: bold;
				color: #939393;
				font-family: Helvetica, Arial, sans-serif;
				text-align: center;
				font-size: 10px;
				line-height: 14px;
			}
			
			/* Icons */			
			#selectFeatures .features .panel .icon{
				background: url(../images/frontend/misc/selectFeatures.png) top left no-repeat;
				width: 125px;
				height: 70px;
				display: block;
				margin: 10px 0;
			}
			
				#selectFeatures .features .panel .icon span{
					display: none;
				}
				
				/*****************
				Thumbnails 
				******************/
				
				/* unique_url */
				#selectFeatures .features .panel .icon.unique_url{
					background-position: 0 -88px;
					height: 17px;
				}
				
				/* coupons */
				#selectFeatures .features .panel .icon.coupons{
					background-position: 0 -125px;
					height: 38px;
				}
				
				/* merchants */
				#selectFeatures .features .panel .icon.merchants{
					background-position: 0 -183px;
					height: 34px;
				}
				
				/* facebook */
				#selectFeatures .features .panel .icon.facebook{
					background-position: 0 -237px;
					height: 53px;
				}
				
				/* account manager */
				#selectFeatures .features .panel .icon.account_manager{
					background-position: 0 -310px;
					height: 27px;
				}
				
				/* iphone */
				#selectFeatures .features .panel .icon.iphone{
					background-position: 0 -357px;
					height: 70px;
				}
				
				/* videos */
				#selectFeatures .features .panel .icon.videos{
					background-position: 0 -447px;
					height: 27px;
				}
				
				/* user accounts */
				#selectFeatures .features .panel .icon.user_accounts{
					background-position: 0 -494px;
					height: 51px;
				}
				
				/* cdn */
				#selectFeatures .features .panel .icon.cdn{
					background-position: 0 -565px;
					height: 42px;
				}
				
			/* Description */
			#selectFeatures .features .info .desc{
				width: 355px;
				margin: 10px 10px 0;
				float: left;
			}
			
				#selectFeatures .features .info .desc p{
					color: #666;
					font-size: 12px;
					line-height: 16px;
					font-family: Helvetica, Arial, sans-serif;
				}

			/* Tick */
			#selectFeatures .features a.selected{
				background: url(../images/frontend/misc/tick_large.png) top right no-repeat;
				display: block;
				width: 150px;
				height: 37px;
			}
			
				#selectFeatures .features a.selected span{
					display: none;	
				}
/**********************************
	Enter your Store Details
**********************************/
.signup-details form{
	width: 650px;
	margin: 0 auto;
	overflow: hidden;
}

/**********************************
	Columns
**********************************/
.columns{ 
	overflow: auto; 
	width: 940px;
}

.column{
	float: left;
}

	.columns.col-features{
		margin: 30px 0 0;	
	}

	/* Header */
	.columns .c-intro{
		width: 540px;
		float: left;
		font-size: 14px;
		line-height: 22px;
		margin: 35px 0 0;
	}
	
		/* Intro Text */
		.c-intro p.introtext{
			font-size: 17px;
			line-height: 22px;
		}
		
	.columns .c-img{
		width: 400px;
		float: left;
		text-align: right;
	}
	
	/* Columns */
	.columns .col{
		width: 300px;
		float: left;
		margin: 0 0 20px 20px;
	}
	
		.columns .col.c-first{
			margin: 0 0 20px;
			clear: both;
		}
		
		.columns .col img{
			margin: 0 0 15px;	
		}
		
		.columns .col p{
			font-size: 12px;
			line-height: 22px;
			color: #3a3a3a;
		}
		
/**********************************
	ABOUT SWAPPLER - Call To Actions
**********************************/	
#about_cta{
	width: 940px;
	margin: 20px 0 40px;
	height: 140px;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: url(../images/frontend/misc/about-cta.png) left top repeat-x;
	border: solid #e2e2e2;
	border-width: 0 1px;
}

	.step{
		float: left;
		text-align: center;
		height: 110px;
	}

	.step.start,
	.step.end{
		width: 248px;	
	}

	.step.start,
	.step.middle{
		background: url(../images/frontend/misc/about-cta-arrow.png) right top no-repeat;
	}
	
	.step.start{
		padding: 30px 62px 0 31px;	
	}
	
	.step.middle{
		width: 258px;	
		padding: 30px 62px 0 0;
	}

	.step.end{
		padding: 30px 31px 0 0;	
	}
	
/**********************************
	Small Content - Forms
**********************************/
.small_content form{}

	.small_content form label{ 
		text-align: left; 
	}
	
	.small_content form .text input, .small_content form .password input{ 
		width: 483px; 
	}
	
	.small_content form .select select{ 
		width: 483px; 
	}
	
	.small_content form .input_description{ 
		width: 495px; 
	}
	
	.small_content form .error-message{ 
		clear: both; 
		float: left; 
	}

/**********************************
	Projects
**********************************/
#projects{}

	.pr_wrap, #projects .pr_articles, 
	#projects .pr_articles .pr_project, #projects .pr_menu h4{ 
		border: dashed #000; 
	}

	.pr_wrap{ 
		border-width: 0 1px 0 0; 
		overflow: hidden;
	}

	#projects .pr_menu{ 
		width: 203px; 
		float: right; 
	}
		
		#projects .pr_menu h4{ 
			padding: 0 0 10px 15px; 
			margin: 0 0 10px; 
			border-width: 0 0 1px; 
		}
		
			#projects .pr_menu ul{ 
				list-style: none; 
				padding: 0 !important; 
				margin: 0 15px !important; 
			}
				
				#projects .pr_menu ul li{ 
					list-style: none; 
					padding: 0 0 15px; 
					margin: 0; 
				}
					
					#projects .pr_menu ul li a{ 
						font-size: 16px; 
						font-weight: normal;
						line-height: 24px; 
						color: #333;
						text-decoration: none;
					}
						
						#projects .pr_menu ul li a:hover{ 
							color: #64B5B9;
						}

	#projects .pr_articles{ 
		width: 445px; 
		float: left; 
		border-width: 0 1px 0 0; 
	}
	
		#projects .pr_articles .pr_project{
			border-width: 0 0 1px; 
			padding: 10px 10px 10px 0; 
			overflow: auto;
		}
			
			#projects .pr_articles .pr_thumb{ 
				float: left;
				width: 137px; 
				margin: 0 10px 0 0;
			}
			
			#projects .pr_articles span{
				display: block; 
				float: left; 
				width: 298px;
			}
			
			#projects .pr_articles .button{}

				#projects .pr_articles .button a{ 
					float: right; 
					margin: 0; 
					text-decoration: none;
				}
				
			#projects .pr_articles .pr_content{ 
				padding: 0 10px 0 0; 
			}

/**********************************
	Sign up / Login
**********************************/
#signUpBox{ 
	width: 650px; 
	background: transparent url(../images/frontend/tables/blue-noise.jpg) top left scroll; 
	padding: 10px 0;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	overflow: auto; 
}

	#signUpBox .signupColumn{ 
		width: 285px; 
		float: left; 	
		padding: 5px 20px 10px;
	}
	
	#signUpBox .c-left{
		background: url(../images/frontend/tables/blueBox-divider.jpg) top right repeat-y;
	}

	#signUpBox a{
		color: #fff;
	}
	
	#signUpBox form.small .input label a{
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);	
	}
	
	#signUpBox form.small .input label{
		text-shadow: 1px 1px 1px #def2fa /*rgba(255, 255, 255, 0.7)*/;	
	}
	
	#signUpBox form.small .checkbox label{
		width: 255px;
		float: left;
		margin: 0 0 10px;
	}
	
	#signUpBox form.small .button input{
		margin: 0;	
	}
	
/* Columns */
.signUpColumn .column{
	margin: 0 20px !important;
	width: 285px !important;
}
	
/**********************************
	Cart Process
**********************************/
#cart_banner{
	padding: 20px 0 30px;
}

.cartSteps{
	width: 540px;
	margin: 0 auto;
}
	
/**********************************
	View Cart
**********************************/
.view_cart{}

	.view_cart span{
		float: left;	
		padding: 0 10px;	
	}

		.view_cart span.long{
			width: 180px;
		}
		
		.view_cart span.medium{
			width: 110px;	
			min-height: 27px;
		}
		
		.view_cart span.small{
			width: 55px;
		}
		
		.view_cart span.colour{
			width: 80px;
		}
		
		.view_cart span.qty{
			width: 20px;
		}
		
		.view_cart span.price{
			width: 85px;
		}
				
		.view_cart span.delete{
			width: 10px;
		}
		
		.view_cart .input input{
			width: 16px;
			padding: 3px 2px;
			margin: 3px 0;
			font-size: 11px;
		}
		
	.cartcontent{
		line-height: 27px;
		overflow: auto;
		clear: both;
		padding: 3px 0;
		border: solid #f1f1f1;
		border-width: 1px 0 0;
	}
	
		.cartcontent span.delete{
			padding: 8px 10px;	
		}

	.cart_top{
		overflow: auto;
		padding: 5px 0;
		background: url(../images/frontend/tables/blue-noise.jpg) top left repeat;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
	}
	
		.cart_top span{
			font-weight: bold;
			font-size: 13px;
			text-shadow: 1px 1px 1px #fff;
			background: url(../images/frontend/tables/blueBox-divider.jpg) top left repeat-y;
		}
				
		.cart_end{
			overflow: auto;
			padding: 5px 0;
			background: url(../images/frontend/tables/blue-noise.jpg) top left repeat;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright: 5px;	
			-webkit-border-bottom-left-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
		}
		
			.cart_end span{
				float: right;	
				padding: 3px 10px;
				font-size: 13px;
				text-shadow: 1px 1px 1px #fff;
			}
			
			.cart_end span.subtotal{
				width: 95px;
				padding: 3px 0;
				clear: both;
			}

/**********************************
	Shipping Options
**********************************/
.bluebox_start, .bluebox_middle, .bluebox_end{
	padding: 20px 10px;
	border-style: solid;
}
.bluebox_start{
	background: url(../images/frontend/tables/aqua-noise.jpg) top left repeat;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	
	border-width: 0 1px 1px;
	border-color: #75abc1 #e7e7e7;
}

.bluebox_middle{
	background: url(../images/frontend/tables/blue-noise.jpg) top left repeat;
	border-width: 1px;
	border-color: #a6dcf1 #e7e7e7 #76adc3;
}

.bluebox_end{
	background: url(../images/frontend/tables/aqua-noise.jpg) top left repeat;
	border-width: 1px 1px 0;
	border-color: #a6dcf1  #e7e7e7 #898989;
	
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	-moz-box-shadow: 0 2px 4px #a7a7a7;
	-webkit-box-shadow: 0 2px 4px #a7a7a7;
}

/* Shipping Form */
.bluebox_form{
	overflow: hidden;
}

	.bluebox_form .error-message{
		color: #666;
	}

/* Select Shipping Address */
.select_shipping{
	margin: 15px 10px ;
	clear: both;
	overflow: hidden;
}

	form.large .select_shipping label{
		width: auto;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		float: left;
	}

	form.large .select_shipping select{
		float: left;
		width: 384px;
		padding: 3px;
	}
/* Shipping Column Table */
.checkout .column{
	padding: 0 10px 15px;
	width: 305px;
}
	
/**********************************
	Store Contact Form
**********************************/
form.store_contact{
	width: 550px;
}

	form.store_contact .input{
		clear: both;
		padding: 6px 0;
		overflow: hidden;
	}

		form.store_contact .input label{
			color: #333333;
			display: block;
			float: left;
			font-size: 15px;
			line-height: 25px;
			margin-right: 20px;
			text-align: right;
			text-shadow: 1px 1px 1px #FFFFFF;
			width: 135px;
		}
		
		form.store_contact .input input{
			float: left;
			font-size :14px;
			height: 20px;
			padding: 4px 5px 0;
			width: 365px;
		}
		
		form.store_contact .input textarea{
			float: left;
			font-size :14px;
			padding: 4px 5px 0;
			width: 365px;
			border:1px solid #E6E6E6;
		}
		
		
	form.store_contact .button{
		margin: 10px 20px 0 0;
		clear: both;
	}

/**********************************
	Pagination
**********************************/
.pagination{
	overflow: hidden;
	padding: 5px 0;
}

	.pagination span{
		float: left;
		display: block;
		padding: 0 10px 0 0;
	}
	
	.pagination ul{
		display: block;
		float: left;
		padding: 0;
		margin: 0;
	}
	
		.pagination ul li{
			display: inline;
			margin: 0 5px 0 0;
		}

/*********************
 Static Pages
********************/
.static_wrap{
	overflow: hidden;	
}

	.static_content{
		float: left;
		width: 640px;
		font-size: 15px;
		line-height: 22px;
	}
	
		/* List */
		.static_content ul,
		.static_content ol{
			padding: 0 0 10px 40px;
			list-style-position: outside;
		}
		
		.static_content ul,
		.static_content ul li{
			list-style: disc;
		}
		
		.static_content ol,
		.static_content ol li{
			list-style: decimal;
		}
	
	.static_sidebar{
		width: 240px;
		float: right;
	}
	
		.static_sidebar ul{
				border: #e0e0e0 solid;
				border-width: 1px 0 0;
		}
		
			.static_sidebar ul li{
				border: #e0e0e0 solid;
				border-width: 0 0 1px;
				padding: 5px 0;
			}
			
				.static_sidebar ul li a{
					font-size: 15px;
					line-height: 18px;
					color: #444;
					text-decoration: none;
				}
				
				.static_sidebar ul li a:hover,
				.static_sidebar ul li.active a{
					color: #000;	
				}
/*********************
 Contact Us
********************/
#contact_form{
	width: 620px;
	float: left;
}

	#contact_form form.large label{
		width: 100px;	
	}
	
	#contact_form form.large .text input,
	#contact_form form.large .textbox textarea{
		width: 455px;
	}
	
	#contact_form form.large .error-message{
		margin: 0 0 0 120px;
	}

#contact_details{
	width: 300px;
	float: left;
	margin: 0 0 0 20px;
	overflow: hidden;
}

	#contact_details .details{
		margin: 0 0 20px;
		line-height: 
	}
	
		#contact_details .details p{
			margin: 0 0 5px;
		}

/*********************
 Merchants
********************/
.merchant {
	/*display:block;*/
	clear: both;
}

	.merchant span {
		float: left;
	}


/*********************
 Cake SQL Debug
********************/
.cake-sql-log {
	position:fixed;
	top:96%;
	z-index:10;
	width:90%;
	background-color:#000;
	color:#FFF;
	border-collapse:collapse;
}

.cake-sql-log caption {
	background-color:#900;
	color:#FFF;	
}

.cake-sql-log:hover {
	top:0;
	bottom:0;
	position:absolute;
}

.cake-sql-log td {
	padding:3px;
	border:1px solid #999;
	background-color:#EEE;
	color:#000;
}