/* Style sheet with blue colours */
/* HEADER: General Tags & Text */
#main-content {
	padding:15px 0 0 15px;
}

/* HELP: Style for checkboxes to avoid border applied to other input fields and tweak position */
.checkbox {
	position: relative;
	top: 2px;
	border: 0px;
}

/* HELP: Style for all form buttons used on your store, including form submission buttons */
.button{
	background-color:#01588D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#FFFFFF !important;
	font-size:10px;
	padding:2px 5px !important;
	display:inline-block;
	border:2px solid #C9E2F3;
	cursor:pointer;
}
.button:hover{
	background-color:#C9E2F3;
	border:2px solid #01588D;
	color:#01588D !important;
	text-decoration:none;
}

.button_large{
	background-color:#01588D;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	color:#FFFFFF !important;
	font-size:14px;
	padding:5px 15px !important;
	display:inline-block;
	border:4px solid #C9E2F3;
	cursor:pointer;
}
.button_large:hover{
	background-color:#C9E2F3;
	border:4px solid #01588D;
	color:#01588D !important;
	text-decoration:none;
}

/* HELP: Style used for places where a smaller text size is required, generally on product templates and product menu box listings */
.smaller-text {
	font-size:11px;
	width: 100%;
}

/* HELP: General styling for main product prices shown in the store, excluding cart and checkout price displays */
.price {
	font-weight: bold;
	color: #800000;
}

/* HELP: Style used for all error text in the store, e.g. form entry validation errors etc. */
.error-text {
	font-weight: bold;
	color: #ff0000;
}

/* HELP: List formatting for the top level sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
#menu-section-list {
	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
}


/* HELP: List formatting for the sub-sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
#menu-section-list ul {
	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
}

/* HELP: List formatting for the customer account links in the left menu. Also used for open account etc. links if customer is customer is not logged in */
#customer-links {
	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
}

/* HELP: List formatting for the news links in the left menu. The links themselves use the standard a and a:hover formatting */
#news-links {
	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
}

/* HELP: Used to surround the product lists shown in the right menu in your store */
.menu-product-list {
	clear: both; padding-top: 2px;
	margin-bottom: 2px;
}

/* HELP: Used to format the small thumbnail images shown in product lists on the right menu in your store */
.menu-product-image {
	margin-right: 5px; float: left; position: relative;
}

/* HEADER: Main Content */

/* HELP: Style for the breadcrumb div shown above all the main content titles */
#breadcrumb {
	border: 1px solid #003366;
	width: 100%;
	margin-bottom: 10px;
}

/* HELP: Style for the breadcrumb links<br/><br/> */
#breadcrumb a {
	text-decoration: none;
}

/* HELP: Style for the breadcrumb links when the mouse hovers over them<br/><br/> */
#breadcrumb a:hover {
	text-decoration: none;
}


/* HELP: Style for the title of the breadcrumb trail shown within the breadcrumb div */
#breadcrumb-title {
	font-weight: normal;
	color: #ffffff;
	background-color: #3586ef;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 3px;
	font-weight: bold;
	border-right: 1px solid #0b51ab;
}

/* HEADER: Section Page Style */
/* HELP: Container for the content (sub-sections &amp; products) on the section pages */
.section-content {
	clear: both; padding-top: 10px;
}

/* HELP: Container for each sub-section listed on a section page<br/><br/> */
.sub-sections {
	width: 100%; clear: both; text-align: left;
}

/* HELP: Style for the section thumbnails shown on section pages, both for the section and sub-section listings */
.section-thumbnail {
	float: left; margin-right: 5px; padding: 3px;
}

/* HELP: Style for the display of the sub-section title on section pages */
.sub-section-title, .sub-section-title a {
	font-weight: bold;
	text-decoration: none;
}


/* HEADER: Paging Styles */
/* HELP: Container for the paging links on section and search pages */
.pages-container {
	padding: 1px;
	margin: 15px 0 15px 0;
	text-align: center;
}

/* HELP: Basic list formatting for the paging links, including previous and next links */
.pages-list {
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

/* HELP: Formatting for each entry in the paging links<br/><br/> */
.pages-list li {
	color: #000000;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin: 0px;
	margin-left: 1px;
	margin-right: 1px;
}

/* HELP: Display style for the page entry in the list that you are currently viewing */
.pages-list span {	
	padding:2px 7px;
	background-color:#596D95;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:none;
	cursor:pointer;
}

/* HELP: Actual clickable link for page numbers and previous and next links */
.pages-list a {	
	padding:2px 7px;
	background-color:#31487C;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:none;
	cursor:pointer;
}

/* HELP: Clickable link style when mouse hovers over it<br/><br/> */
.pages-list a:hover {
	background-color:#596D95;
	color:#FFFFFF;
	text-decoration:none;
}


/* HEADER: Product Listing Styles */

/* HELP: Styling for the product thumbnails shown in the main content where products are listed, e.g. section pages */
.product-thumbnail {
	margin-right: 5px; padding: 3px; padding-left: 0px; border: 0px;
}

/* HELP: Used for the product lists if you've selected to show a single column in the template options */
.product-single {
	clear: both; text-align: left;
	margin-left: auto; margin-right: auto;
	zoom: 1;
}

/* HELP: Used for the left hand column on product lists if you've selected to show two columns in the template options */
.product-column-left {
	width: 49%; float: left;
}

/* HELP: Used for the right hand column on product lists if you've selected to show two columns in the template options */
.product-column-right {
	width: 49%; float: right;
}

/* HELP: Container used if you have selected to show two columns for products in the template options */
.product-double {
	width: 100%; clear: both; text-align: left;
}

/* HELP: Additional formatting for product titles shown on section/search pages */
.section-product-title, .section-product-title a {
	font-weight: bold;
	text-decoration: none;
}

/* HELP: Gap between products if you have selected two columns for products in the template options */
.product-gap {
	width:2%; float: left;
}

/* HELP: Vertical separator been products on product listing pages, e.g. section pages */
.product-separator {
	clear: both; 
	border: 0px; 
	margin-bottom: 8px; 
	height: 5px;
	border-bottom: 1px dotted #CCCCCC; 
	background: #ffffff; 
	color: #ffffff;
}

/* HEADER: Other Product Styles */

/* HELP: Used to contain the product flags where ever they appear, e.g. section pages, product pages */
.product-flag-container {
	margin-top:15px;
}

/* HELP: Used to style each individual product flag when displayed<br/><br/> */
.product-flag {
	padding:2px 7px;
	background-color:#596D95;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:none;
}

/* HELP: Styling for the product image shown on the product page.<br/><br/> */
.product-image {
	border: 1px solid;
	float: left; margin-right: 10px;
	margin-bottom: 10px;
}

/* HELP: Container for add to basket, add to wishlist and more info links */
.links-container {
	font-weight: bold;
	margin: 3px;
}

/* HELP: Style for product links, e.g. add to wishlist and more info links */
.product-link {
	font-weight: bold;
	border: 0px;
	color: #f08100;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: underline;
}

/* HELP: Style for product links, e.g. add to wishlist and more info links when mouse hovers over it */
.product-link:hover {
	color: #003366;
	text-decoration: underline;
}

/* HELP: Style for product add to cart buttons in your store<br/><br/> */
.product-add {
	font-weight: bold;
	background-color: #1a5bb0;
	color: #ffffff;
	padding: 2px;
	border: 1px solid #000000;
	cursor: pointer;
	height: 2em;
}

/* HELP: Style for product add to cart buttons in your store, when mouse hovers over them */
.product-add:hover {
	background-color: #f08100;
}

/* HELP: Overall container for the product extra fields section of the product pages */
.product-extra-fields {
	
}

/* HEADER: Product Option Tables */

/* HELP: Overall container for the product options section of the product pages */
.product-options-container {
	
}

/* HELP: Container for the table used to display attribute combinations, option stock levels and price combinations on product page template */
.product-table-div {
	margin-bottom:15px;
}

/* HELP: Table used to display attribute combinations, option stock levels and price combinations */
.product-table {
	/*
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	width: 100%;
	border: 0px;
	*/
}

/* HELP: Caption shown about a product option table on the product page template */
.product-table caption {
	display:none;
}

/* HELP: Header table cell for the product options table<br/><br/> */
.product-table th {
	/*
	font-weight: bold;
	background-color: #DDDDDD;
	padding: 2px;
	*/
	text-align: left;
	vertical-align: top;
}

/* HELP: Normal table cell for the product options table<br/><br/> */
.product-table td {
	/*
	font-weight: normal;
	background-color: #EEEEEE;
	padding: 2px;
	*/
	text-align: left;
}

/* HEADER: Cart Table Styles */
/* HELP: Overall container the cart on your cart.html template<br/><br/> */
.cart-div {
	text-align: center;
}

/* HELP: Style for the cart table itself<br/><br/> */
.cart-table {
	/*margin-left: auto; margin-right: auto;
	padding: 0px;
	border: 0px;*/
}

/* HELP: Style for caption tag above the cart table<br/><br/> */
.cart-table caption {
	display:none;
}

/* HELP: Style for table header cells<br/><br/> */
.cart-table th {
	/*font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	padding: 2px;*/
	text-align: left;
	vertical-align: top;
}

/* HELP: Style for table header sells with right justification<br/><br/> */
.cart-table th.right {
	/*font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	padding: 2px;*/
	text-align: right;
	vertical-align: top;
}

/* HELP: Style for table header totals<br/><br/> */
.cart-table th.total {
	/*
	font-weight: bold;
	*/
	text-align: right;
	vertical-align: top;
}

/* HELP: Style for normal table cells<br/><br/> */
.cart-table td {
	/*
	font-weight: normal;
	padding: 2px;
	*/
	text-align: left;
	vertical-align: top;
}

/* HELP: Style for normal table cells, with right justification<br/><br/> */
.cart-table td.right {
	/*
	font-weight: normal;
	padding: 2px;
	*/
	text-align: right;
	vertical-align: top;
}

/* HEADER: Send To Friend Styles */

/* HELP: Container for the send to a friend links shown in the store<br/><br/> */
.send-friend {
	font-weight: bold;
	margin-right: 3px;
	margin-top: 1px;
}

/* HELP: Style used for the send to friend link itself within the send-friend container */
.send-friend a {
	text-decoration: none; 
	color:#ff8d29; 
}

/* HELP: Style used for the send to friend link, when the mouse hovers over it, within the send-friend container */
.send-friend a:hover { 
	color:#ff8d29; 
	text-decoration: underline; 
	cursor: pointer;
}

/* HEADER: Account Styles */

/* HELP: Used as a container for the account home page information for both customer accounts and affiliate accounts */
#account-summary {
	margin-left: auto; margin-right: auto; text-align: center; width: 420px;
}

/* HELP: Style for the left column of the account home page information */
#account-summary-left {
	float: left; width: 200px; text-align: left;
}

/* HELP: Style for the right column of the account home page information */
#account-summary-right {
	float: right; width: 200px; text-align: left;
}

/* HEADER: Form Entry Tables */

/* HELP: Container for form entry tables<br/><br/> */
.form-div {
	text-align: center;
}

/* HELP: Table definition for form entry tables<br/><br/> */
.form-table {
	/*
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	border: 0px;
	*/
}

/* HELP: Caption styler shown above form entry tables<br/><br/> */
.form-table caption {
	display:none;
}

/* HELP: Header table cell<br/><br/> */
.form-table th {
	/*
	font-weight: bold;
	padding: 2px;
	padding-top: 3px;
	*/
	text-align: left;
	vertical-align: top;
}

/* HELP: Normal table cell<br/><br/> */
.form-table td {
	/*
	font-weight: normal;
	padding: 2px;
	*/
	text-align: left;
}

/* HELP: Style for the table row that contains the submit button for the form<br/><br/> */
.form-table td.submit-row {
	text-align: right;
}

/* HELP: Select box (drop-down) formatting for the form<br/><br/> */
.form-table select {
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000;
	border: 1px solid #30799E;
}


/* HEADER: General Table Styles */
/* HELP: Container for general tables used throughout the store templates<br/><br/> */
.general-table-div {
	text-align: center;
}

/* HELP: Sryling for the table tag itself, overall styling for the table<br/><br/> */
.general-table {
	/*
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	border: 0px;
	*/
}

/* HELP: Container for caption tag shown above general tables<br/><br/> */
.general-table caption {
	display:none;
}

/* HELP: Style for table header cell<br/><br/> */
.general-table th {
	/*
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	padding: 2px;
	*/
	text-align: left;
	vertical-align: top;
}

/* HELP: Style for normal table cell<br/><br/> */
.general-table td {
	/*
	font-weight: normal;
	padding: 2px;
	*/
	text-align: left;
}

/* HELP: Style for normal table cell with bold font styling<br/><br/> */
.general-table td.bold {
	/*
	padding: 2px;
	*/
	font-weight: bold;
	text-align: left;
}

/* HEADER: Advanced Styles */
html {
	margin: 0px;
	padding: 0px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
}

/* HELP: Simple style for forms to avoid any unplanned gaps */

.clear-left {
	clear: left;
}

.clear-both {
	clear: both;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.center {
	text-align: center;
}