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

/* HELP: Basic body background for your store. You can use this to alter the background colour for your entire store */


html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
}


#background { position:fixed; top:0; left:0; width:100%; height:100%;}


#css{
	position: relative;
	z-index: 1;
}
#container { width: 960px; margin: 0 auto 0 auto; }

#header { text-align: right; height: 120px; padding: 50px 0 0 0; }

#main-container {
	background:#FFFFFF;
	margin-bottom: 0px;
}

#content { width: 960px; margin: 0 auto 0 auto; border: 0px solid #ff9900;  background:url(../bg-repeater-home.jpg) repeat-y right  }

#nav-container {   background: url('../images/bgblk.png'); }
#nav {width: 960px; margin: 0 auto 0 auto; }
/*#nav ul { padding: 0px; list-style:none;float: left;  }
#nav li { font-size: 12px; padding: 0px 0; margin: 0 25px 0 0px; float: left; }
#nav li a { margin: 0px; padding: 15px 0; color: #fff; font-size: 12px; font-weight: bold; text-decoration:none; }
#nav h2{ font-size: 12px; font-weight: bold; color: #fff; padding: 12px 15px 0 15px; margin: 0px; float: left; width: 220px;}*/

#nav ul { float:left; width:682px; list-style:none; padding:0; margin:0; font-size:12px; height:41px; }
#nav li { float:left; margin:12px 25px 0 0; padding:0; }
#nav a { float:left; color:#fff; font-weight:bold; text-decoration:none; }
#nav h2 { float:left; font-size:12px; color:#fff; padding: 12px 15px 0 15px; margin:0; float: left; width:224px; }

/*#main-block { width: 418px; float: left; margin: 0 14px 0 0; padding: 5px 0px 20px 0; border: 1px solid #ff9900;}*/
#right-block { float: right; width: 528px; border-top: solid 2px #fff; border: 0px solid #ff9900; }
#col1 { width: 250px; float: left; margin: 0 12px 0 0; background: #4182BA; border: 0px solid #ff9900;  }
#col2 { width: 460px; float: right; padding: 0 10px 0px 10px; background:#000; min-height: 0px;  border: 0px solid #ff9900; margin: 0 4px 0 0; }
#col1 ul,#col1 li { padding: 0px; margin: 0px; list-style:none; }
#col1 p{ padding: 0 10px 0 10px; margin-top: 0; color: #fff;}
#col1 h5{ padding: 0 10px 0px 10px; margin: 10px 0 0 0; color: #2E3A6A; font-size:12px; }
h1 {color: #A1A4AD; font-size: 16px;  }




/*--------------End of-----------------*/



/* HEADER: Main Content */
/* HELP: Basic style for the main content section of all the pages in your store. This is the section between the left and right menus. */
#main-content {
	width: 418px; float: left; margin: 0 0px 0 0; padding: 5px 0px 30px 0; border: 0px solid #ff9900;
	color: #000000;
	background-color: #ffffff;
	font-size: 1em;
}


/* HELP: Basic store link colour<br/><br/> */
a {
	color:#1B162D;
}

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

/* HELP: Main page headings, for example product names, section titles etc. */
h1 {
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	background-color: #1B162D;
	border-bottom: 1px solid #003366;
	border-top: 1px solid #3586ef;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
	clear: both;
}

/* HELP: Sub-headings on the page, for example the section and product listing headers on section pages */
h2 {
	color: #ffffff; 
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}

/* HELP: Standard paragraph formatting for your store. Anything in a &lt;p&gt; tag will be displayed using this. */
p {
	font-size: 12px;
	padding: 5px;
}



/* HELP: Style for the breadcrumb div shown above all the main content titles */
#breadcrumb {
	font-size: 10px;
	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;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 3px;
	font-weight: bold;
}




/* HELP: The overall container for each menu box in the left and right menus */
.menu-box {
	width: 100%;
	margin-top: 10px;
	font-size: 0.75em;
	font-weight: normal;
	padding-bottom: 2px;

}
.menu-box a { color: #55467F; }
.menu-box a:hover { color: #4182BA; }
/* HELP: The title for the menu box<br/><br/> */
.menu-box-title {
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	background-color: #1B162D;
	width: 100%;
	text-align: center;
	padding: 5px;
}

/* HELP: Standard formatting for each menu's content area<br/> */
.menu-box-content {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: left;
	overflow: auto;
}

/* HELP: The content area of each menu box where the contents in centered, e.g. the newsletter signup box */
.menu-box-content-center {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	overflow: auto;
}

/* 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: 0px; list-style-type: none; font-size:12px;
}


/* 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: 0px; list-style-type: none;
}
#menu-section-list ul li {
	color: #55467F;
	margin: 3px 0 3px 0;
	
}
#menu-section-list ul li a {
	color: #ffffff;
	
	
	
}
#menu-section-list ul li a:hover {
	color: #ffffff;
	
}
/* HEADER: Page Footer */
/* HELP: Containing div for the footer shown on every page in your store */
#footer {
	color: #fff;
	margin: 0px;
	padding-top: 20px;
	width: 100%;
	clear: both;
	text-align: left;
	font-size: 12px;
}

#footer a { color:#fff;}
/* HELP: Basic list formatting for the list of links in the footer<br/> */
.footer-links {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	font-size: 12px;
	padding-bottom: 10px;
}

/* HELP: Style for each entry in the list of links<br/><br/> */
.footer-links li {
	font-weight: bold;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

/* HELP: Style for each actual link in the footer links<br/><br/> */
.footer-links a { 
	color: #fff;
	padding: 1px 1px;
	margin: 2px 2px 0px 0px;
	white-space: nowrap;
	text-decoration: none;
	font-weight: normal;
}

/* HELP: Style for each link in the links list when the mouse hovers over it */
.footer-links a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #fff;
}
/* HEADER: Homepage news links */
/* HELP: Containing div for the news links shown on the homepage*/
#newslinks {
	color: #fff;
	margin: 0px;
	padding-top: 20px;
	width: 100%;
	clear: both;
	text-align: left;
	font-size: 12px;
}

#newslinks a { color:#fff;}
/* HELP: Basic list formatting for the list of news links on the homepage<br/> */
.newslinks-links {
	margin-left: 0;
	padding-left: 0;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	font-size: 12px;
	padding-bottom: 10px;
}

/* HELP: Style for each actual link in the homepage news links<br/><br/> */
.newslinks-links a { 
	color: #fff;
	padding: 1px 1px;
	margin: 2px 2px 0px 0px;
	text-decoration: none;
	font-weight: normal;
}

/* HELP: Style for each link in the news headline links list when the mouse hovers over it */
.newslinks-links a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #fff;
}