/* file - shop.css
 * author - jlatta
 * purpose - main css file
 * =======
 * security - n/a
 * =======
 * updated - 4/6/2005
 * reason - 1) switching to more structured css rather than table formatting
 */

/* still used from old format */
.warning{
  color: #FF0000;
  font-weight: bold;
}


.itemheader{
  color: #FFFFFF;
  background-color: #339999;
}

table.itemcost
{
  color: #000000;
  background-color: yellow;
}

table tr.odd_row
{
  background-color: #d8d8d8;
}

table tr.even_row
{
  background-color: #e6e6e6;
}

table th.cart_header{
  background-color: cornsilk;
}

.box
{
  background-color: ghostwhite;
}

.blue {  color: #6666FF;
			font-weight: bold;
}

.required{
color: #ff0000;
font-weight: bold;
}

.highlight{
color: #ff0000;
font-weight: bold;
}
.resultNav
{
background-color: #cccccc;
}
.font3qtr{
font-size: 75%;
}

input.rightalign{
	vertical-align: text-bottom;
	float: right;
}

table.mainflypage{
	width:618px;
	margin:0 auto 0 auto;
	border-width: 1;
	border-color: red;
}

table.flypageform{
	background-color: lightgray;
	margin: 2 2 2 2;
}

/* end old format */

/* debug page */
.debug {
    background-color: #FFD700;
  }

/*currently used for errors and notes */
.highlight, .required, .warning, .error{
    color: #ff0000;
}

html {
	color:#000000;
	background-color: #ffFFFF;
	margin:0px;
	padding:0px;
}

body {
	width:780;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: x-small;
	margin:0;
/*   margin: 0 auto 0 auto; */
	padding:0px;
	background-color:#ffffff;
}

* html body {
font-size: xx-small; /* for ie5/win */
f\ont-size: x-small;  /* all other ie versions */
}

/* set table as the body setting does not seem to apply */
table {
	font-size: x-small;
}

* html table {
font-size: xx-small; /* for ie5/win */
f\ont-size: x-small;  /* all other ie versions */
}

/* page header */
#header {
	width:780;
    margin:0px;
		padding:0px;
		height:80px;
    color: #339999;
	 background: url(/images/header_bg.png) no-repeat;
    background-color: #BFFFFF;
    border-bottom: thick solid #339999;
  }

#logo{
	margin:0px;
	padding:80px 200px 0px 0px;
	display:inline;
	float:left;
	overflow:hidden;
	background: url(/images/logo2.png) no-repeat;
	height: 0px !important;
	height/**/:80px; /*ie5/windows fix*/
	}

#topmenu {
    float: right;
    margin: 65px 65px 0px 0px;
/*		height:80px; */
		background-color:transparent;
  }

#topmenu ul{
	margin: 0;
	background-color:transparent;
	height:100%;
}

#topmenu li{
  display:inline;
	margin: 0px;
	background-color:transparent;
}

#topmenu a {
  font-weight:bold;
  margin: 0px;
  padding: 0px 4px 0px 4px;
  color: #000000;
	background-color:transparent;
  }

/* main content section */
#content{
margin:0px 0px 0px 130px;
padding:10px 0 0 0;
width:650px;
}

#status{
color:red;
font-weight:bold;
}

#content h1{
font-size:110%;
font-weight:bold;
}

#content h2{
font-weight:bold;
}

/* Page footer */
#footer {
margin:10px 0 0 0;
width:780px;
color: #FFFFFF;
background-color: silver;
clear:both;
}

/* bottom menu */
/* used for links to site info */
#bottom_menu {
	color: #FFFFFF;
	background-color:transparent;
}

#bottom_menu a{
	float: right;
	font-weight:bold;
	margin: 0;
	padding: 0 4 0 4;
	text-decoration:none;
	background-color:transparent;
}

#bottom_menu li {
    margin: 0;
    padding:4 0 4 0;
    display:inline;
    list-style:none;
}

/* left hand column */
/* used for navigation and search */
#left_column{
float:left;
/*
position:absolute;
top:30;
left:0;
*/
width:125;
padding:0;
margin:0 5 0 0;
}

/* main navigation system */
/* developed from article at http://www.alistapart.com/articles/taminglists/ */
#navigation{
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		font-weight:bold;
}

#navigation li{
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		margin: 0;
}

#navigation li a{
		display: block;
		padding: 2 0 2 0;
		background-color: #60BFBF;
		color: #ffffff;
		text-decoration: none;
		width: 100%;
}

html>body #navigation li a{
		display: block;
		padding: 2 0 2 0;
		background-color: #60BFBF;
		color: #ffffff;
		text-decoration: none;
		width: 100%;
}

#navigation a:hover{
		background-color: #339999;
		color: #fff;
}

/*the quick search input*/
#quick_search{
	margin:0;
	padding:0;
	width:100%;
	background: #ffd700 url(/images/search_br.gif) no-repeat bottom right;
}

#quick_search input, #quick_search button{
	margin:5 0 5 2;
	padding:0;
	width:90%;
}

/* shopping basket */
#basket{
}

#basket caption{
padding:20 0 5 0;
}

#basket table{
width:100%;
margin:0;
padding:0;
border:0;
}
#basket thead{
background-color: cornsilk;
}
#basket tbody tr{
background-color:#ccffcc;
margin:0;
padding:0;
border:0;
}
#basket tbody tr.alternate_row{
background-color:linen;
margin:0;
padding:0;
border:0;
}

#basket td th{
margin:0;
padding:0;
border:0;
}

#cart_name{
width:20%;
}
#cart_sku{
width:25%;
}
#cart_price{
width:10%;
}
#cart_quantity{
width:20%;
}
#cart_subtotal{
width:10%;
}
#cart_action{
width:15%;
}

#colour_table tbody tr{
background-color:#d2d2d2;
}

#colour_table tbody tr.alternate_row{
background-color:#ececec;
}

#result_pager{
margin:0;
padding:0;
width:100%;
text-align:center;
background-color: #cccccc;
}

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

#result_pager a,
#result_pager a:link,
#result_pager a:visited,
#result_pager a:hover,
#result_pager a:active{
margin:0 5 0 5;
padding:0;
text-decoration:none;
}

#category_navigation{
margin:0;
padding:3 0 3 0;
width:100%;
}

#category_navigation li{
display:inline;
list-style:disc;
}

#category_navigation a{
font-weight:bold;
margin:0;
padding:0 3 0 3;
}

#minimal_child_list{
margin:0;
padding:3 0 3 0;
width:100%;
}

#minimal_child_list li{
display:inline;
list-style:disc;
}

#minimal_child_list a,
#minimal_child_list a:link,
#minimal_child_list a:visited,
#minimal_child_list a:hover,
#minimal_child_list a:active{
font-size:75%;
margin:0 2 0 2;
padding:0;
text-decoration:none;
}

#login_form{
}

#login_form fieldset{
}

#login_form label{
}

#login_form input{
}

#registration_form{
display:block;
}

#registration_form table{
display:table;
width:90%;
}
#registration_form #label{
width:30%
}
#registration_form #input{
width:70%
}
#registration_form #button{
text-align:center;
}

/* category navigation */
/* using tabbed list */
#category_navigation {
}
#category_navigation li{
vertical-align:middle;
}
#category_navigation li a{
vertical-align:middle;
}

/* flypage */
#flypage {
text-align:center;
width:628px;
padding:4px;
margin:0px auto 0px auto;
background-color:#ffffff;
text-align:center;
border-color:#000000;
border-style:solid;
border-width:1px;
}

#flypage h1 {
margin:0px;
padding:0px;
color: #FFFFFF;
background-color: #339999;
}

#flypage p {
margin:10px 0px ;
padding:0px;
}

#flypage img {
margin:0px;
padding:0px;
}

#flypage fieldset {
text-align:left;
}

#flypage legend {
border:none;
}

#flypage #colours label,
#flypage #names label{
float:left;
width:125px;
}

#flypage #colours input,
#flypage #colours select,
#flypage #names input,
#flypage #names select{
margin:0px 0px 0px 130px;
width: 225px;
position:relative;
top:-1em;
}

#flypage #date{ /*fieldset*/
text-align:center;
}

#flypage #date select{
display:inline;
}

/* oneOffSpecial */
#oneOffSpecial {
float:right;
width:45%;
padding:4px;
margin:4px;
background-color:#fffff0;
text-align:center;
border-color:#000000;
border-style:solid;
border-width:1px;
}

#oneOffSpecial h4{
margin:0px;
padding:0px;
text-align:center;
color: #FFFFFF;
background-color: #3399ff;
}

#oneOffSpecial h5 {
margin:0px;
padding:0px;
text-align:center;
color: #000000;
background-color: #ffffff;
}

#oneOffSpecial p, #oneOffSpecial a, #oneOffSpecial a img{
text-align:center;
margin:10px 0px ;
padding:0px;
}

#category_list {
float:left;
width:648px;
padding: 0;
border-width: 1px;
border-style:solid;
border-color: #60BFBF;
}

#category_list dl{
float:left;
width:638px;
margin:5px;
padding:0;
display: inline; /* ie/win double margin bug */
border-width: 1px;
border-style: solid;
border-color: #d9e0e6;
background-color:#ececec;
}

#category_list dl.rowcolour0,#category_list dl.rowcolour0 dt, #category_list dl.rowcolour0 dt a, #category_list dl.rowcolour0 dd a{
color:#f20d0d;
}
#category_list dl.rowcolour1,#category_list dl.rowcolour1 dt, #category_list dl.rowcolour1 dt a, #category_list dl.rowcolour1 dd a{
color:#008000;
}
#category_list dl.rowcolour2,#category_list dl.rowcolour2 dt, #category_list dl.rowcolour2 dt a, #category_list dl.rowcolour2 dd a {
color:#800080;
}

#category_list dt, #category_list dt a{
float:right;
width: 628px;
margin:2px;
padding:0;
font-size:120%;
font-family:Comic Sans, Comic Sans MS, cursive;
font-weight:bold;
}

#category_list dd{
margin:0 0 0 134px;
padding:0;
}

#category_list dl dd.img{
margin: 0;
}

#category_list dd.img img{
float:left;
margin: 0;
padding: 4px;
}

#category_list .alt dt{
float:left;
}

#category_list .alt dd{
margin: 0 138px 0 0;
}

#category_list .alt dd.img img{
float:right;
margin: 0 0 0 8px;
}

#product_list {
float:left;
width:648px;
padding: 0;
border-width: 1px;
border-style:solid;
border-color: #60BFBF;
}

#product_list dl{
float:left;
width:638px;
margin:5px;
padding:0;
display: inline; /* ie/win double margin bug */
border-width: 1px;
border-style: solid;
border-color: #d9e0e6;
background-color:#FFEBE6;
}

#product_list dl.rowcolour0,#product_list dl.rowcolour0 dt, #product_list dl.rowcolour0 dt a, #product_list dl.rowcolour0 dd a{
color:#330099;
}
#product_list dl.rowcolour1,#product_list dl.rowcolour1 dt, #product_list dl.rowcolour1 dt a, #product_list dl.rowcolour1 dd a{
color:#330099;
}
#product_list dl.rowcolour2,#product_list dl.rowcolour2 dt, #product_list dl.rowcolour2 dt a, #product_list dl.rowcolour2 dd a {
color:#330099;
}

#product_list dl.onspecial,#product_list dl.onspecial dt, #product_list dl.onspecial dt a, #product_list dl.onspecial dd a{
color:#330099;
background-color:#FFFF80;
}

#product_list dt, #product_list dt a{
float:right;
width: 628px;
margin:2px;
padding:0;
font-size:110%;
font-family:Comic Sans, Comic Sans MS, cursive;
font-weight:bold;
}

#product_list dd{
margin:0 0 0 134px;
padding:0;
}

#product_list dl dd.img{
margin: 0;
}

#product_list dd.img img{
float:left;
margin: 0;
padding: 4px;
}

#product_list .alt dt{
float:left;
}

#product_list .alt dd{
margin: 0 138px 0 0;
}

#product_list .alt dd.img img{
float:right;
margin: 0 0 0 8px;
}