@import "main.css"; /* CSS for new browsers only */
body, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em; 
	color: #000;
}
body {
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 120%; 
}
h2 {
	font-size: 115%; 
}
h3 {
	font-size: 110%; 
}
p {
	font-size: 100%; 
}
a {
	color:#4068B0;
}
a:link {
}
a:visited {
}
a:hover {
	color:#3D3E3E;
}
a:active {
}
a img {
	border: none;
}
ul li {
}
ol li {
}
ul.usp {
	margin-left: 0;
	padding-left: 17px;
}
ul.usp li {
	font-size: 110%;
}
ul.arrow {
	margin-bottom: 20px;
}
ul.arrow li {
	min-height: 15px;
	background-image: url(../images/arrow.gif);
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left center;
	/*
	padding-top: 10px;
	*/
	padding-left: 50px;
	vertical-align: middle;
}
* html ul.arrow li { /* Hidden from all BUT IE */
	height: 15px;
}

.Hide,
.skipLinks {
	display: none;
}
#banner {
	position: relative;
	width: 100%;
	color: white;
	background-color: #4068B0;
	margin: 0;
	padding: 0px;
	min-height: 100px;
}
* html #banner { /* Hidden from all BUT IE */
	height: 100px;
}
#banner h1 {
	font-size:35px;
	margin: 0px;
	padding: 10px;
	text-align: right;
}
#banner h1 span {
}
#banner div {
	float: left;
	padding: 10px;
}
#strapline {
	position: relative;
	width: 100%;
	background-color:#54C1EA;
	color: white;
	margin: 0;
	padding: 0px;
}
#strapline h2 {
	margin: 0px;
	padding: 10px;
	margin-right: 20em;
	font-size: 120%;
}
#strapline .left,
#strapline .right {
	position: absolute;
	z-index: 1;
	height: 13px;
	width: 13px;
	bottom: 0px;
	float: none;
	background-repeat: no-repeat;
}
#strapline .left {
	background-image: url(../images/crvlf.gif);
	background-position: left bottom;
	left: 0px;
}
#strapline .right {
	background-image: url(../images/crvrt.gif);
	background-position: right bottom;
	right: 0px;
}
* html #strapline .left,
* html #strapline .right { /* Hidden from all BUT IE */
	bottom: -0px;
}
* html #strapline .right { /* Hidden from all BUT IE */
	right: -1px;
}

#mainContent {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0px;
	z-index: 102;
}
#contents {
	padding: 10px;
	text-align: justify;
	margin-left: 250px;
	color:#000;
}
#contents.popup {
	margin-left: 0;
}
* html #contents { /* Hidden from all BUT IE */
	height: 500px;
}

#contents h1,
#contents h2,
#contents h3,
#contents strong {
	color: #4068B0;
}
#contents h3,
#contents h2 {
	margin-top: 0px;
}
#footer {
	position: relative;
	width: 100%;
	text-align: right;
	background-color:#EDF0F5;
	clear: both;
}
#footer h6 {
	padding: 15px 2px;
	margin: 0;
}
#navigation {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 101;
	width: 250px;
	/*
	height: 500px;
	*/
}
#navigation h2 {
	font-size: 120%;
	color: #1B9FD1;
	text-decoration: underline;
}
#main_menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 200px;
}
#main_menu li {
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #ccc;
}
#main_menu li.first-child {
	padding-bottom: 10px;
	border-top: none;
}
#main_menu a {
	font-weight: bold;
	text-decoration: none;
}
#product_catalogue {
}
#product_catalogue li {
	list-style-image: url(../images/bullet.gif);
}
#payment_gateway {
	border: 1px solid #ccc;
	width: 200px;
	text-align: center;
}
#payment_gateway p {
	margin: 5px 10px;
	text-align: left;
}
#payment_gateway div {
	margin: 10px;
	border-bottom: 1px solid #ccc;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#payment_gateway div.first-child {
	margin: 0;
	background-image: none;
}
#payment_gateway div img {
	margin: 5px;
}

.left {
	float: left;
}
.left img,
img.left {
	margin-right: 15px;
}
.right {
	float: right;
}
img.right {
	margin-left: 15px;
}
.columns hr {
	clear: both;
}
.columns2 {
	width: 48%;
}
.columns3 {
	width: 200px;
	text-align: left;
}
.columns3img {
	width: 200px;
	text-align: left;
}
.columns3img ul {
	margin-bottom: 0;
}
.segments {
	clear: both;
}
.advert {
	float: left;
	padding: 10px;
	width: 220px;
	text-align: left;
}

.products {
	position: relative;
	width: 100%;
	min-height: 250px;
	text-align: right;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	margin-bottom: 20px;
	clear: both;
}
.products .left,
.products .right {
}
.products .left {
	text-align: center;
	width: 200px;
}
.products .right {
	float: none;
	text-align: left;
	padding: 0 0 0 210px;
}
.Golden,
#contents h3,
#contents a {
	color: #B19226;
	/*
	text-decoration: none;
	*/
}
#contents strong.alert,
#contents a.alert,
.alert {
	color: #f00;
}
hr.alert {
	background-color: #f00;
}
hr.blend {
	visibility: hidden;
	background-color: #fff;
	border: 0;
}
span.rosette {
	background-image: url(../images/rosette.gif);
	background-repeat: no-repeat;
	height: 123px;
	width: 76px;
	position: absolute;
	display: none;
}

.cartTable {border:1px solid #54C1EA;}
.cartTable th {
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #54C1EA;
	height:24px;
	padding-left:5px;
}
.cartTable td {
	font-size:85%;
	padding-left:5px;
}

/*************** search styles *****************/
#searchform{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 101;
	width: 30em;
	text-align: right;
}

#searchform input{
  font-size: 100%;
  margin: 0px  0px 0px 10px;
  width: 17em;
 }
 
#searchform a:link, #searchform a:visited {
	font-size: 80%;
	font-weight: bold;
	color: #fff;
}

#searchform a:hover{
	margin: 0px;
}

#searchform .button {
	width: auto;
}

#searchform label {
	display: none;
}

/*************** Below are just styles for reference *****************/
h1.test[title] {
	color: #f00;
}
h2.test+p { /* This sets a paragraph immediately following a header2 tag */
	margin-top: -1em;
	padding-top: -1em;
}
#mainContent * p { /* This affects a P tag the is a child of another tag within #mainContent */
}
html>body p { /* Hidden from IE */
/* declarations */ 
} 
* html p { /* Hidden from all BUT IE */
/* declarations */ 
}
h1.test:first-letter	{
	color:#f00;
}

div.content { 
  width:400px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:300px;
}
html>body .content {
  width:300px;
}

@media print {
	.noprint,
	#banner,
	#strapline,
	#navigation,
	#footer {
		display: none;
	}
	#contents {
		margin: 0;
		padding: 10px;
	} 
	* html #contents { /* Hidden from all BUT IE */
		text-align: left;
	}
	#contents h1,
	#contents h2,
	#contents h3,
	#contents .products h3,
	#contents strong {
		color: #000;
	}
	.new-page {
		page-break-before: always;
	}
}