/**  * CSS Styles *  * @author Alex Williams - http://www.alexwilliams.ca * @since July 2007 * @version 2.0 * 
* Colours used in the site * #FFFFFF = white, main background * #000000 = black, text * #005C9E = dark blue, footer background, header text * #518BC9 = light blue, menu background colours * #FF9933 = orange, backgrounds ***/

/*-----------Generic-----------*/
body {	background: #cccccc;	color: #005C9E;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; margin: 0; padding: 0; }
img { border: 0; }
li, p, h1, h2, h4 { margin: 0; padding: 0; }
a { color: #FFFFFF; text-decoration: none; }
a:hover { color: #FF9933; }a:visited { color: #ffffff; }
form { margin: 0; }
.bottom { clear: both; }
.text3 { color: #FFFFFF; font-size: 10px; }

/*-----------Header-----------*/
#header { 	background-color: #518BC9;	color: #FFFFFF;	margin: 0 auto;	padding: 0;	width: 900px;}

/*-----------Top-----------*/
#header .top { 	margin: 0;	padding: 0;	height: 70px;}
#header .top-left { 	float: left;	background: url("images/logo-left.gif") no-repeat;	width: 245px;	height: 70px;	margin: 0;	padding: 0;}
#header .top-right { 	float: left;	background: url("images/cshop_banner.jpg") no-repeat;	width: 900px;	height: 70px;	margin: 0;	padding: 0;	text-align: right;}
#header .top-right p { padding: 10px 15px 0 0; }
#header .top-mid {	background: url("images/logo-mid.gif") repeat-x;	height: 70px;	margin: 0;	padding: 0;	margin-left: 245px;	margin-right: 654px;}

/*-----------Top Menu-----------*/
#header ul.top-menu {	clear: both;	background-color: #005C9E;	border: solid #005C9E;	border-width: 2px 0;	padding: 0; 	margin: 0;	float: left;	width: 100%;}
#header ul.top-menu li {	border-right: 2px solid #005C9E;	display: inline; 	list-style-type: none; 	float: left;}
#header ul.top-menu li.space { 	padding-right: 5px; 	background-color: #005C9E; }
#header ul.top-menu li a { 	background-color: #518BC9; 	color: #FFFFFF;	padding: 5px 10px 4px 10px; 	display: block;}
#header ul.top-menu li a:hover { background-color: #FF9933; }
#header ul.top-menu li a:hover.space { background-color: #005C9E; }
#header ul.top-menu li a.selected { background-color: #FF9933; }

/*----------Main Site----------*/
#main {	margin: 0 auto;	background: #518BC9;	width: 900px;}

/*------------Sidebars------------*/
#main .sidebar { 	background: #518BC9 url("images/gradient.gif") no-repeat; 	color: #FFFFFF; 	width: 125px; 	margin: 0;	padding: 25px 0;}
#main .sidebar h4 {	padding: 4px 0;	background-color: #FF9933;}
#main .sidebar h4 a {	color: #FFFFFF;	padding: 3px 15px 4px 10px;}
#main .sidebar p {	padding: 10px;}
#main .sidebar ul {	border-top: 1px dotted #005C9E;	margin: 0;	padding: 0 0;	}
#main .sidebar ul li {	border-bottom: 1px dotted #005C9E;	font-size: 10px;	padding: 0;	margin: 0;	list-style-type: none; }
#main .sidebar ul li a {	display: block; 

/* Here's the magic! */	padding: 5px 10px; 	color: #FFFFFF;}
#main .sidebar ul li a.viewcart { background-color: #005C9E; font-size: 14px; }
#main .sidebar ul li a:hover { background-color: #005C9E; }
#main .sidebar ul li a.selected { background-color: #005C9E; }

/*------------Left Sidebar------------*/
#main .sidebar-left {	float: left; }

/*-------------Right Sidebar-------------*/
#main .sidebar-right { 	float: right; }

/*------------Content------------*/
#main .content { 	background: #FFFFFF;	float: left; 	margin: 0;	width: 725px;	padding:15px;}
#main .content .text h3 { padding-top: 0; margin-top: 0; }
#main .content a { color: #005C9E; text-decoration: underline; }
#main .content a:hover{ color: #518BC9; text-decoration: underline; }
#main .content span.gt { color: #FF9933; }

/*------------Content Catalog------------*/
#main .content .text h4.title {
	background-color: #005C9E;
	font-size: 100%;
	color: #FFFFFF;
	padding: 2px 5px;
	margin: 0;
	font-weight: bold;
}
#main .content .text hr { background-color: #CCCCCC; color: #CCCCCC; border: 0; height: 2px; }
#main .content .text .product { border: 2px solid #518BC9; padding: 0; }
#main .content .text .product .imgCol { float: left; width: 345px; }
#main .content .text .product p { float: left; width: 300px; border-left: 2px solid #518BC9; margin: 20px 0; padding-left: 15px; }
#main .content .text .colours { float: left; margin: 0 15px 15px 0; }
#main .content .text .colours h4.title { display: none; width: 175px; padding: 2px 5px; font-size: 10px; font-weight: bold;}
#main .content .text .colours img { width: 185px; margin: 0; border: 2px solid #518BC9; }
.product select {width: 100px; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-weight: bold; color: #005C9E}
.product label {width: 75px; float: left;}
.product br {clear:both}

.tblPriceLbl { display: block; margin: 10px 0 0 68px; }
.tblPrice { margin: 2px 5px; font-size: 100%; width: 325px; border-right: 1px solid #E882B4; color: #000; font-weight: bold; }
.tblPrice th { text-align: right; width: 60px; border-right: 1px solid #E882B4; font-family: Times New Roman, Times, serif; }
.tblPrice td { border: 2px solid #E882B4; padding: 0 2px; border-width: 2px 1px 0; }
.tblPrice tr.last td { border-bottom-width: 2px; }
#prdNote { display: block; margin: 0 0 5px; text-align: right; font-weight: bold; color: #000; font-size: 90%; }

/*------------Checkout Section------------*/
.checkout {	align: center;	font-size: 12px;	line-height: 26px;	padding: 15px;}
.checkout input {width: 250px; border: 1px solid #005C9E; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-weight: bold; color: #005C9E; float: left}.checkout select {width: 250px; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-weight: bold; color: #005C9E}.checkout textarea {width: 375px; border: 1px solid  #CCCCCC; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-weight: bold; color: #005C9E;}
.checkout .not_required {border: 1px solid #CCCCCC}.checkout label {width: 125px; float: left;}
.checkout br {clear:both}.checkout .info_pane {width: 170px; background-color: #005C9E; color: white; vertical-align: top; padding: 15px; line-height: 20px}.checkout .cc_pane {width: 170px; background-color: white; color: #005C9E; border: 2px solid #005C9E; vertical-align: top; padding: 15px; line-height: 20px}.checkout .cc_pane .radio {width: 12px; font-size: 12px; font-weight: bold; color: white; border: 0px}.checkout .cc_pane .input {width: 160px; font-size: 12px; font-weight: bold; color: #005C9E; border: 1px solid #005C9E}.checkout .error_pane {background-color: #810B0B; color: white; font-size: 11px; vertical-align: middle; padding: 15px; line-height: 20px}.std_btn {width: 80px; height: 24px; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-weight: bold}.xxl_btn {width: 250px; height: 48px; font-family: Arial, Helvetica, Sans-serif; font-size: 18px; font-weight: bold}.checkout_items {font-family: Arial, Helvetica, Sans-serif; font-size: 13px; color: black; line-height: 22px}.credit_info {font-family: Courier New, Courier, Arial, Helvetica, Sans-serif; font-size: 11px; font-weight: bold; color: black}.price_info {font-family: Courier New, Courier, Arial, Helvetica, Sans-serif; font-size: 13px; font-weight: bold; color: black}.fieldset {border: 2px solid #E8E9EA; padding: 5px; margin: 5px}

/*-----------Footer-----------*/#main .footer p { 	background-color: #005C9E; 	color: #FFFFFF; 	clear: both; 	text-align: center; 	font-weight: bold;	font-size: 0.8em;	width: 900px;	margin: 0 auto;}#main .footer p { padding: 5px 0; }