/* Style sheet with blue colours */
/* HEADER: General Tags & Text */


* {
	margin: 0;
}

html {
		height: 100%;
}




/* HELP: Basic body background for your store. You can use this to alter the background colour for your entire store */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/page-back.jpg);
	background-repeat: repeat-x;
	background-color: #C3DCEF;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-size:100%;
}

/* HELP: Basic store link colour */
a {
	color:#003366;
	text-decoration: none;
}

/* HELP: Basic store link colour (when mouse hovers over it) */
a:hover {
	color:#ff8d29;
	text-decoration: hover;
}

/* HELP: Main page headings, for example product names, section titles etc. */
h1 {
	font-size: 0.70em;
	font-weight: bold;
	color: #000000;
/*	background-color: #1a5bb0; */
	border-bottom: 0px solid #cccccc;
	border-top: 0px solid #cccccc;
	padding: 10px 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	clear: both;
}

/* HELP: Sub-headings on the page, for example the section and product listing headers on section pages */
h2 {
	font-size: 0.70em;
	font-weight: bold;
	color: #000000;
/*	background-color: #1a5bb0; */
	border-bottom: 0px solid #cccccc;
	border-top: 0px solid #cccccc;
	padding: 10px 0px;
	margin-bottom: 20px;
	margin-top: 2px;
	clear: both;
}

/* HELP: Standard paragraph formatting for your store. Anything in a <p> tag will be displayed using this. */
p {
	font-size: 0.75em;
	padding-bottom: 10px;
	line-height: 22px;
}


/* HELP: Formatting for the <strong> HTML tag. By default this shows text in bold */
strong {
	font-weight: bold;
}

/* HELP: Basic styling for all user input form fields, including text boxes, textarea boxes etc. */
input { 
	font-size: 1em;
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #1a5bb0; 
	height: 1.25em;
	margin-bottom: 1px;
}

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

/* HELP: Formatting for form select boxes (also called drop-down boxes) */
select { 
	font-size: 1em;
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #1a5bb0; 
}

/* HELP: Style for all form buttons used on your store, including form submission buttons */
.button {
	font-size: 0.9em;
	font-weight: bold;
	background-color: #3586ef;
	border: 1px solid #000000;
	color: #ffffff;
	cursor: pointer;
	height: 2em;
	padding-bottom: 1px;
}

/* HELP: Style for all form buttons used on your store when mouse hovers over them */
.button:hover {
	font-size: 0.9em;
	font-weight: bold;
	background-color: #1a5bb0;
	border: 1px solid #000000;
	color: #ffffff;
	cursor: pointer;
	height: 2em;
	padding-bottom: 1px;
}

/* 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: 0.8em;
	line-height: 30px;
	padding-bottom: 50px;
	padding-right: 75px;
}

/* HELP: General styling for main product prices shown in the store, excluding cart and checkout price displays */
.price {
	font-weight: bold;
	font-size: 0.8em;
	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: #bd353d;
	font-size: 0.8em;
}

/* HEADER: Page Header */
/* HELP: The main header bar for your store, where your logo, search and mini cart reside */
#header {
/*	background-color: #3586ef; */
/*	border-bottom: 1px solid #1a5bb0; */
/*	border-top: 1px solid #8dbfff; */
	margin: 0px 0px 0px 0px;
	width: 100%;
	padding: 0px;
	overflow: auto;
	height: 182px;
}

/* HELP: This is the right hand section of the header where the top links and search reside */
#header-right {
	font-size: 0.7em;
	float: right;
	text-align: right;
	font-weight: bold; 
	margin-top: 5px;
	padding: 0px 15px 25px 0px;
}

/* HELP: This appears under the header and contains the welcome message and the mini cart plus cart and checkout links */
#sub-header {
	display: none;
}

/* HELP: Span used to display the welcome message itself */
#welcome-message {
	display: none;
}

/* HELP: Styling for your logo that appears in the main header for the store */
#logo {
	display: none;
}

/* HELP: Surrounding container for the top links shown in the right hard part of the store header */
#top-links {
	display: none;
}

/* HELP: Basic styling for the list of links, created with an unordered list. This basically just ensures there are no margins around the list of links */
#top-links-list {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

/* HELP: Each link will have this overall style and this ensures that they are output side by side, rather than below each other */
#top-links-list li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-weight: normal;
	text-transform: uppercase;
}

/* HELP: Formatting for the actual links themselves */
#top-links-list a { 
	font-weight: bold;
	font-size: 0.95em;
	padding: 1px 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	color: #ffffff;
	text-decoration: none;
}

/* HELP: Formatting for the actual links when the mouse hovers over them */
#top-links-list a:hover {
	text-decoration: underline;
	color: #000000;
}





/* HELP: Top Section Navigation Bar */
div#navcontainer {
	display: none;

}



ul#navlist {
	padding: 0px 25px;
	margin: 0px;
	text-transform: uppercase;
}

#navlist li {
	display: inline;
	list-style-type: none;
}


#navlist a:link, #navlist a:visited {
	font-size: 0.75em;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding-right: 25px;
}

#navlist a:hover
{
	font-size: 0.75em;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}



/* HELP: Styling for the search section of the header bar */
#search {
	margin-right: 5px; 
	clear: right; 
	padding-top: 10px;
}

/* HELP: Styling for the search box itself in the search section */
#search-box {
	font-size: 1em;
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #1a5bb0; 
	height: 17px;
	margin-bottom: 1px;
	width: 75px;
}




/* HELP: Styling for the search button in the search section of the header */
#search-button {
	background-color: #8dbfff;
	font-weight: bold;
	font-size: 0.9em;
	border: 1px solid #000000;
	color: #000000;
	cursor: pointer;
	padding-bottom: 1px;
	height: 17px;
	position: relative;
	padding-bottom: 2px;
}



/* HELP: Surrounding container for the mini cart shown in the sub-header section */
#mini-cart {
	float: right;
	display: inline;
	padding-top: 10px;
	padding-right: 15px;
	border: 0px solid #ff0000;
}

/* HELP: Basic styling for the mini cart, created with an unordered list. This basically just ensures there are no margins around it */
#mini-cart-list {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

/* HELP: Each entry will have this overall style and this ensures that they are output side by side, rather than below each other */
#mini-cart-list li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-weight: normal;
	padding: 0px;
}

/* HELP: Formatting for the links within the mini cart */
#mini-cart-list a { 
	font-weight: bold;
	font-size: 1em;
	padding: 1px 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

/* HELP: Formatting for the actual links when the mouse hovers over them */
#mini-cart-list a:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	text-transform: uppercase;
}

/* HEADER: Left and Right Menus */
/* HELP: The div container for the left menu in the store */
#left-menu {
/* 	font-size: 1em; */
/* 	color: #000000; */
/* 	width: 160px; */
}

/* HELP: The div container for the right menu in the store */
#right-menu {
	display: none;
	
	
}