/* Reset */
/* CSS Reset Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, p, th, td{
	margin:					0;
	padding:				0;
	font-size:				101%; 
}
fieldset, img{ 
	border:					0;
}
table{
	border-collapse:		collapse;
	border-spacing:			0;
	font-size:				100%;
}
ol, ul{
	list-style:				none;
}
address, caption, cite, code, dfn, em, th, var{
	font-weight:			normal;
	font-style:				normal;
}
caption, th{
	text-align:				left;
}
h1, h2, h3, h4, h5, h6{
	/*font-weight: normal;*/
	font-size:				100%;
}
q:before, q:after{
	content:				'';
}
abbr, acronym{
	border:					0;
}


/* Main Style Sheet */

body{ 
	/*font-family:		verdana, arial; */
}
p{ 
	margin: 			10px 0 12px 0; 
}
h2{ 
	margin:				10px 0 12px 0;
	font-size:			165%;
}

/* classes */
.clear{	
	clear:				both; 
	display:			block; 
	height:				1px; 
	font-size:			0; 
	overflow:			hidden; 
	visibility:			hidden; 
}
.bold{	
	font-weight:		bold; 
}
.italic{
	font-style:			italic;
}
.underline{ 
	text-decoration:	underline;
}
.nospace{ 
	margin:				0;
}

/* form */
form{
	border:				0;
	width:				100%;
}
#cardholder-details label{
	float:				left;
	font-weight:		bold;
	display:			block;
	width:				170px;
}
input.textbox, input.textbox-small, input.textbox-large, input.textbox-qty, input.textbox-total, select.dropdown{
	border:				1px solid #ccc;
	margin-bottom:		5px;
	width:				150px;
}
input.textbox-small{
	width:				60px;
}
input.textbox-large{
	width:				200px;	
}
input.textbox-qty{
	width:				40px;
	margin:				0;
	padding:			0;
	text-align:			center;
}
input.textbox-total{
	width:				100px;
	margin:				0;
	padding:			0;
}
input.textbox-price{
	background:			#fff;
	border:				0;
	color:				#999;
	width:				50px;
}
input.submit {
	background-color: 	#5FBDED;
	border: 			none;
	padding: 			3px;
	color: 				#fff;
	margin:				0;
}

/* products */
table#products-table td{
	padding:			2px;
}
td.product-name{
	font-weight:		bold;
}
tr td.product-details-row{
	text-align:			left;
	width:				260px;
}
tr td.product-price-row{
	width:				60px;
}
tr td.product-qty-row{
	text-align:			center;
}
tr td.product-total-row{
	text-align:			center;
}
tr td.grand-total{
	text-align:			right;
	font-size:			115%;
	font-weight:		bold;
	color:				#000;
}
tr td.grand-total input#grandtotal{
	font-size:			105%;
	font-weight:		bold;
}


/* card logos */
div#card-logos{
	margin-top:			30px;
	text-align:			center;
}
div#card-logos img{
	margin:				5px;
}

/* world pay logo */
div#worldpay-logo{
	margin-top:			10px;
	text-align:			center;
}

/* layout */
div#container{
	border-top:			1px solid #ccc;
	border-bottom:		1px solid #ccc;
	margin:				20px 0 30px 0;
	padding:			0 0 20px 0;
}
div#ecom-left-container{	
	float:				left;
	margin-top: 		20px;
	margin-left:		20px;
	width:				45%;
}
div#ecom-right-container{
	float:				right;
	margin-top: 		20px;
	width:				50%;
}