@charset "utf-8";
/* CSS Document */

/* Generic Styles */
body {
	margin:0px; padding:0px; /* Normalize */
	background:#28479a;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
p {
	margin:0px; padding:0px; /* Normalize */
}
ul {
	margin:0px; padding:0px; /* Normalize */
}
ul ul {
	margin:0px; padding:0px; /* Normalize */	
}
li {
	margin:0px; padding:0px; /* Normalize */
}
a {
	margin:0px; padding:0px; /* Normalize */
	text-decoration:none;
	color:#4fc7e8;
	outline:none;
}
h1 {
	margin:0px; padding:0px; /* Normalize */
	color:#4fc7e8;	
	font-size:24px;
	margin-top:20px;
}
h1 span {
	font-size:14px;
}
h2 {
	margin:0px; padding:0px; /* Normalize */
	color:#4fc7e8;	
	font-size:18px;
}
h2 span {
	font-size:12px;
}
input {
	margin:0px; padding:0px; /* Normalize */
	font-size:11px;
	/*height:15px;*/
	border:1px solid #d7d7d7;
	border-top:2px solid #d7d7d7;
	border-left:2px solid #d7d7d7;
}
input[type=image] {
	height:15px;	
}
textarea {
	margin:0px; padding:0px; /* Normalize */
	font-size:11px;
	border:1px solid #d7d7d7;
	border-top:2px solid #d7d7d7;
	border-left:2px solid #d7d7d7;
}
select {
	margin:0px; padding:0px; /* Normalize */
	font-size:11px;
	border:1px solid #d7d7d7;
	border-top:2px solid #d7d7d7;
	border-left:2px solid #d7d7d7;
}
form {
	margin:0px; padding:0px; /* Normalize */	
}
table {
	margin:0px; padding:0px; /* Normalize */
}
td {
	vertical-align:top;	
}
img {
	border:none;	
}
#wrapper {
	margin:0px; padding:0px; /* Normalize */
	width:998px;
	background:#ffffff;
	border:1px solid #91d2f2;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
}
#headerlinks {
	margin:0px; padding:0px; /* Normalize */
	width:998px;
	text-align:right;
	height:22px;
	padding-top:6px;
	background:#ffffff;
	border-bottom:1px solid #90d3f2;
}
#headerlinks ul li {
	list-style:none; 
	display:inline;	
	padding-left:15px;
	padding-right:15px;
}
#headerlinks ul li+li {
	border-left:1px solid #01b5ea;
}
#headerlinks ul li a {
	color:#01b5ea;	
}
#homeheader {
	width:998px;
	height:228px;
	background-image:url('/images/homeheaderbg.jpg');
	background-position:left;
	background-repeat:no-repeat;
	border-top:10px solid #00b5e9;
	border-bottom:1px solid #90d3f2;
}
#homeheader div {
	width:998px;
	height:228px;
	display:none;
	background:none;
}
#homeheader div.active_ticker {
	display:block;	
	background:none;
}
#header {
	width:998px;
	height:118px;
	background-image:url('/images/header.gif');
	background-position:right;
	background-repeat:no-repeat;
	border-top:10px solid #00b5e9;
	border-bottom:1px solid #90d3f2;
}
#header img { /* logo */
	margin-top:25px;
	margin-left:27px;
}
#loginbar {
	border-top:1px solid #90d3f2;
	background:#00b5e9;
}
#loginbar table {
	width:998px;
}
#loginbar input[type=text] {
	width:85px;
}
#mainarea {
	border-left:12px solid #90d3f2;
	padding:10px;
}
#footer {
	width:998px;
	height:43px;	
}
#footercopy {
	width:133px;
	float:left;
	height:20px;
	padding-top:8px;
	background:#ffffff;
	color:#01b5ea;
	padding-left:15px;
	font-size:10px;
	border-top:15px solid #00b5e9;
}
#footerlinks {
	margin:0px; padding:0px; /* Normalize */
	width:850px;
	text-align:right;
	float:right;
	height:22px;
	padding-top:6px;
	background:#ffffff;
	border-top:15px solid #00b5e9;
}
#footerlinks ul li {
	list-style:none; 
	display:inline;	
	padding-left:15px;
	padding-right:15px;
}
#footerlinks ul li+li {
	border-left:1px solid #01b5ea;
}
#footerlinks ul li a {
	color:#01b5ea;	
}
#textfooter {
	width:1000px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:11px;
}
#textfooter a {
	color:#ffffff;	
}
#mainside {
	float:left;
	width:204px;
}
#breadcrumbs {
	float:right;
	width:720px;
	color:#363636; /* Off black */
	margin-right:15px;
	height:30px;
}
#maincontent {
	float:right;
	width:720px;
	color:#363636; /* Off black */
	margin-right:15px;
	margin-top:15px;
}
#maincontent h1 {
	margin-bottom:10px;
}
#maincontent h2 {
	margin-bottom:10px;
}
#maincontent p {
	margin-bottom:10px;
}
#maincontent ul {
	margin-top:10px;
}
#maincontent ul li {
	list-style:none; 
	padding-left:10px;
	background-image:url('/images/arrow_light_small_white.gif');
	background-repeat:no-repeat;
	background-position:0px 5px;
	color:#4fc7e8;
}
#menu {
	width:204px;
}
#menu ul li {
	list-style:none; 
}
#menu ul li+li {
	border-top:1px solid #ffffff;
}
#menu ul li a {
	color:#FFFFFF;
	display:block;
	width:164px;
	padding-top:7px;
	padding-left:30px;
	padding-right:10px;
	padding-bottom:7px;
	background-image:none;
	background-repeat:no-repeat;
	background-position:14px 11px;
	background-color:#28469b;
	font-size:13px;
	font-weight:bold;
}
#menu ul li.selected a {
	background-image:url('/images/arrow_light.gif');
	background-color:#00b5e9;
}
#menu ul li a:hover {
	background-image:url('/images/arrow_light.gif');
	background-color:#00b5e9;
}
#menu ul ul {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
#menu ul ul li a {
	width:144px;
	background-position:34px 11px;
	padding-left:50px;
	background-color:#6ec6ee;
	font-size:11px;
}
#menu ul ul li.selected a {
	background-color:#6ec6ee;
}
#menu ul ul li+li {
	border-top:1px solid #5fa9da;
}
#menu ul ul li a:hover {
	background-color:#6ec6ee;
	background-image:none;
}
#menu ul ul li.selected a:hover {
	background-image:url('/images/arrow_light.gif');
}
#searchbox {
	width:194px;
	margin-top:5px;
	padding:5px;
	background:#00b5e9;
	font-size:14px;
	font-weight:bold;
}
#searchbox input[type=text] {
	width:145px;
}
#searchbox h2 {
	color:#ffffff;	
	font-size:14px;
}
#searchbox ul {
	margin-top:5px;
}
#searchbox ul li {
	list-style:none;
}
#searchbox ul li a {
	color:#ffffff;
	font-size:11px;
	font-weight:normal;
	margin-left:10px;
}
#newsbox {
	width:194px;
	margin-top:5px;
	padding:5px;
	background:#00b5e9;
}
#newsbox p {
	margin-top:5px;
	margin-left:5px;
	font-size:14px;
	font-weight:bold;
}
#newsbox p a {
	color:#ffffff;
}
#newsbox ul {
	margin-top:5px;	
}
#newsbox ul li {
	border-top:1px solid #57c2ee;
	list-style:none; 
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	background-image:url('/images/arrow_light_small.gif');
	background-repeat:no-repeat;
	background-position:5px 9px;
	font-size:11px;
}
#newsbox ul li a {
	color:#ffffff;
	font-style:italic;
}
.messagebox {
	margin-bottom:10px;	
	padding:10px;
}
.messagebox_success {
	color:#4fc7e8;
	border:1px dashed #4fc7e8;
}
.messagebox_failure {
	color:#FF0000;
	border:1px dashed #FF0000;
}
.fielderror {
	color:#FF0000;
}
/* Home Page Styles */
#homeintrotext1 {
	display:block;
	/*height:150px;*/
	padding-left:170px;
	background-image:url('/uploads/images/homeintro1.jpg');
	background-repeat:no-repeat;
	background-position:10px 0px;
	color:#363636; /* Off black */
	padding-bottom:10px;
}
#homeintrotext2 {
	display:block;
	/*height:160px;*/
	padding-left:170px;
	background-image:url('/uploads/images/homeintro2.jpg');
	background-repeat:no-repeat;
	border-top:1px solid #9ad4f2;
	background-position:10px 10px;
	color:#363636; /* Off black */
	padding-bottom:10px;
}
#homeintrotext2 h2 {
	padding-top:15px;
}
#homeintrotext3 {
	display:block;
	/*height:160px;*/
	padding-left:170px;
	background-image:url('/uploads/images/homeintro3.jpg');
	background-repeat:no-repeat;
	border-top:1px solid #9ad4f2;
	background-position:10px 10px;
	color:#363636; /* Off black */
	padding-bottom:10px;
}
#homeintrotext3 ul {
	padding-bottom:10px;
}
#homeintrotext3 h2 {
	padding-top:15px;
}
/* Category Page Styles */
.categorylisting {
	display:block;
	min-height:150px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:170px;
	background-repeat:no-repeat;
	background-position:right 35px;
	color:#363636; /* Off black */
}
.categorylisting+.categorylisting {
	border-top:1px solid #9ad4f2;	
}
/* Search Page Styles */
.searchbar {
	float:right;
	width:100%;
	margin-top:-11px;
	text-align:right;
	clear:both;
	
}
.searchbar#searchbartop {
	position:absolute;
	top:247px;
	width:720px;
	padding-top:10px;
	border-top:1px solid #9ad4f2;
	
}
.searchbar#searchbarbottom {
	width:100%;
	padding-top:10px;
	border-top:1px solid #9ad4f2;
}
.productlisting {
	display:block;
	min-height:150px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:170px;
	background-repeat:no-repeat;
	background-position:right 35px;
	color:#363636; /* Off black */
	border-top:1px solid #9ad4f2;
}
.price {
	font-size:14px;
	font-weight:bold;
	color:#4fc7e8;
}
/* SiteMap Page Styles */
ul#sitemap {
	margin-bottom:20px;
}
ul#sitemap ul {
	margin:0px; padding:0px; /* Normalize */
	margin-left:15px;
}
/* Basket Page Styles */
.basketthumbnail {
	float:left;
	margin-right:10px;
	width:50px;
	height:50px;
	margin-left:-3px;
}

#maincontent input {
	padding:3px;	
	margin-bottom:5px;
}

#CheckoutLoginBox {
	border-top:1px #4fc7e8 solid;
	border-bottom:1px #4fc7e8 solid;	
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:15px;
}

/* Scroll styles */

.tickercontainer { /* the outer div with the black border */
background: #28469b; 
width: 998px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 3px;
width: 998px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 998px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 