/* -------------- Main Styles ---------------- */

html {
	height: 100%;
	text-align: center;
	font: 11px Arial, Helvetica, sans-serif;
	background-image: url(images/page-back.jpg);
	background-repeat: repeat-x;
}
body{		text-align: center;
			height: 100%; 
			font: 11px Arial, Helvetica, sans-serif; 
			margin: auto; 
			width:760px; 
			position:relative;
			
			
}

H1 {
	margin: 0px;
	padding-left: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: auto;
	background-repeat: no-repeat;
	height: auto;
	background-color: #00349a;
	text-align: left;
	background-image: url(images/shop-h1.jpg);
}

	
H2 {
	margin: 0px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: auto;
	height: 15px;
	background-color: #003366;
	border: 1px solid #CCCCCC;
}	
H3 {
	margin: 10px 0px;
	padding: 0px;
	font-size: 12px;
	color: #000099;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: bold;
	font-weight: normal;
	color: #003366;
	background-color: #000066;
}

/*the coloured headers on the leftnav*/
H5 {
	color: #666666;
	background-repeat: no-repeat;
	height: 22px;
	width: 200px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 2px;

	
}
	
P {margin-top: 10px;}


.price {margin-left: 0px;  color: #A61700;
	font-size: 11px; font-weight: bold; padding-top: 0px;}
	
#only {position: relative; vertical-align: center;}
#only img{vertical-align: center;}

.pricebig {margin-left: 0px;  color: #A61700;font-size: 13px; font-weight: bold; vertical-align: center;}

HR {border: 1px dashed #C3C3C3; margin: 0px;} 	
FORM { padding: 0px;
		margin: 5px;
		text-align:left}
.int_txtbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	bottom: 0px;
	padding-bottom: 0px;
	vertical-align: bottom;
	margin: 0px;
}

table{font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
	
th{background-color: #EFEFEF; height: 10px; text-align: left;}

.tableborder{border: 1px solid #BBB; border-collapse:collapse;}
.tableborder td{border: 1px solid #BBB;}


UL {padding-right: 5px; padding-bottom:0px; margin: 10px 0px 0px 5px;
	list-style: square inside;}

/* -------------- Top Bar ---------------- */

#bamshop-header{ position: relative; z-index: 1; margin: 0px; padding: 0px;}

#date{
	padding-top: 5px;
	position: absolute;
	right: 100px;
	text-align: right;
	z-index: 5;
	font-size: 10px;
	color: #FFFFFF;
}

#topsearch form{width: 208px; height: 36px; padding: 0px; margin: 0px; text-align: center; z-index: 5;}
	
.topnavbar form{margin: 0px; padding: 0px;}
	
#breadcrumb{padding-left: 15px; margin-left: 0px; background-color: #E9EAEC; height: 18px;}


	
/* -------------- Main Links ---------------- */
.main-area {
	width: 760px;
	text-align: left;
	position: relative;
	z-index: 10;
	margin: auto;
	border: 1px none #CCCCCC;

}


a:link {
	color: #000;
	text-decoration: none;
	font-size: 11px;
	margin: 2px;
	padding: 0px;
}
a:visited { 	color: #000;
	text-decoration: none;
	margin: 2px;
	padding: 0px;
}
a:hover {	color: #000;
	text-decoration: underline;
	margin: 2px;
	padding: 0px;
}

/* -------------- Left Navigation ---------------- */
#leftnav {
	text-align:left;
	#width: 200px;
	float: left;
	font-weight: normal;
	top: 0px;
	border: 1px none #CCCCCC;
	height: 220px;;
	margin-right: 0px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-color: #FFCC66;
	width: 200px;
	background-image: url(images/leftnav.jpg);
	}

#leftnav p{
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 2px 5px 5px;
}
#leftnav a:link {
	color: #000099;
	text-decoration: none;
	font-weight: bold;
}
#leftnav a:visited { color: #000099; text-decoration: none;	font-weight: bold;
}
#leftnav a:hover {color:#000099; text-decoration: underline;	font-weight: bold;
}



/* -------------- Top Navigation ---------------- */
#union-header {
	position: relative;
	width: 760px;
}
#topnavbar {
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 2px;
	padding-top: 4px;
	width: 760px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #003366;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #0099FF;
	border-right-color: #0099FF;
	border-bottom-color: #0099FF;
	border-left-color: #0099FF;
	margin-bottom: 0px;
	padding-bottom: 2px;
}
#topnavbar a:link{
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#topnavbar a:hover{
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#topnavbar a:visited{
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#topnav{
	background-image: url(images/ox-brookes-top.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 175px;
}*/


/*#topnav a:link { color: #ffffff; text-decoration: none; }
#topnav a:visited { color: #ffffff; text-decoration: none;}
#topnav a:hover {color:#ffffff; text-decoration: underline;}

/* -------------- Main Content ---------------- */

#maincontent {
	position:relative;
	width: 500px;
	position: relative;
	float:right;
}
#maincontent2 {
	width: auto;
	top: 0px;
	position: relative;
	float: right;
	margin-top: 5px;
}
#maincontentnew {
	width: auto;
	top: 0px;
	float: right;
	margin-top: 5px;
	position: relative;
}

.tableheader {
	height: 22px;
	width: 150px;
	font-weight: bold;
	font-size: 11px;
	color: white;
	text-align: center;
	background-color: #000099;
	margin-bottom: 10px;
}
.tableheader a:link{font-weight: bold; font-size: 11px; color: white; font-decoration: underline;}
.tableheader a:visited{font-weight: bold; font-size: 11px; color: white;}
.tableheader a:hover{font-weight: bold; font-size: 11px; color: white;}

#tablemiddle {background-image:  padding-left: 2px;}
.tablemiddle p{margin: 5px;}

/* -------------- Main content Table ---------------- */

.tablemaintop {
	height: 22px;
	font-weight: bold;
	font-size: 11px;
	color: white;
	text-align: left;
	padding-left:15px;
	background-color: #00349A;
}
.tablenewtop {
	height: 22px;
	font-weight: bold;
	font-size: 11px;
	color: white;
	text-align: left;
	padding-left:15px;
	background-color: #003399;
}
#nav-categories {
	padding: 0px 10px 10px;
	margin-left: 3px;
}
/* -------------- Category Table ---------------- */

.tablecategorytop {width: 459px; height: 21px; background-image:  url(images/tablecategory-top.gif); font-weight: bold; font-size: 11px; color: white; text-align: left; padding-left:15px;}
.tablecategorytop a:link{font-weight: normal; font-size: 11px; color: white; font-decoration: underline;}
.tablecategorytop a:visited{font-weight: normal; font-size: 11px; color: white;}
.tablecategorytop a:hover{font-weight: normal; font-size: 11px; color: white;}


.tablecategorymiddle {background-image: url(images/tablecategory-tile.gif); padding-left: 8px; margin-top: 0px; padding-right: 5px;}

.tableprice-top {height: 21px; width: 167px; background-image:  url(images/tableprice-top.gif); font-weight: bold; font-size: 11px; color: white; text-align: center;}
.tableprice-middle {background-image:  url(images/tableprice-tile.gif); padding-left: 2px; padding-top: 7px;}

.bargaintop {height: 22px; background-image:  url(images/whatsnew-top.gif); font-weight: bold; font-size: 11px; color: white; text-align: left; padding-left:15px;}

	
.textfield{font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10px; text-decoration: none; background-color: #EFEFEF; margin-top: 0px; padding-top: 0px;}

.login{ font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-decoration: none; background-color: #7CBADD; margin-top: 0px; padding-top: 0px;}

.highlight{color: #F00925;}
.highlightbold{color: #F00925; font-weight: bold;}
.fade{color: #999;}
.red {font-weight: bold; color: red; font-size: 16px;}

#pagenumber {float: right;}

/* -------------- Footer ---------------- */

#footer {
	margin:20px 0px 0px;
	text-align: left;
	color: #ffffff;
	width: 750px;
	background-repeat: no-repeat;
	padding: 3px;
	border: 1px none #CCCCCC;
	position: relative;
	background-color: #00349a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/shop-h1.jpg);
	clear: both;
}


#footer a:link{
	color: #FFFFFF;
	padding: 0px;
	font-weight: normal;
}
#footer a:hover{
	color: #FFFFFF;
	text-decoration: underline;

}
#footer a:visited{
	color: #FFFFFF;
	font-weight: normal;

}



#securitybig {bottom: 2px; padding-left: 0px; margin: 0px; z-index: 10;}

/* --------------  ---------------- */

#scroll{height: 210px; background-color: #EFEFEF; border: 1px solid #C7C6C7; overflow: auto; SCROLLBAR-FACE-COLOR: #FFCC00;
  SCROLLBAR-HIGHLIGHT-COLOR: white;
  SCROLLBAR-SHADOW-COLOR: buttonface;
  SCROLLBAR-3DLIGHT-COLOR: buttonface;
  SCROLLBAR-ARROW-COLOR: buttonshadow;
  SCROLLBAR-TRACK-COLOR: silver;
  SCROLLBAR-DARKSHADOW-COLOR: buttonshadow;
  SCROLLBAR-BASE-COLOR: buttonface;}
#scroll p{padding-left: 5px;}
#scroll h3{
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000099;
}

.tableadmintop {height: 22px; background-image:  url(images/tableadmin-top.gif); font-weight: bold; font-size: 11px; color: white; text-align: left; padding-left:15px;}
.tableadminmiddle {
	padding-left: 8px;
	margin-top: 0px;
	padding-right: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.systemstop {height: 21px; background-image:  url(images/systems-top.gif); font-weight: bold; font-size: 11px; color: white; text-align: left; padding-left:15px;}
.systemsmiddle {background-image: url(images/systems-middle.gif); padding-left: 8px; margin-top: 0px;padding-right: 5px;}

.systemstop a:link{font-weight: normal; font-size: 11px; color: white; font-decoration: underline;}
.systemstop a:visited{font-weight: normal; font-size: 11px; color: white;}
.systemstop a:hover{font-weight: normal; font-size: 11px; color: white;}

.alphabet {text-align: center; font-weight: bold; font-size: 12px; background-color: #EEE; letter-spacing: 0.03em;}

.flash {background-image:  url(images/table-tile.gif); padding-left: 0px;}

.invisible {color: white;}

.asterisk {color: #A61700; font-size: 16px; font-weight: bold; vertical-align: center;}

#main {
	left: 0px;
	width:760px;
	height:auto;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000865;
	border-right-color: #000865;
	border-bottom-color: #000865;
	border-left-color: #000865;
	margin-top: 25px;
	/*background-image: url(images/bamshop-background.jpg);*/
	background-repeat: no-repeat;
}
#mainright {
	width: 545px;
	float:right;
	position:relative;
	margin-right: 3px;
	padding: 0px;
	clip: rect(auto,auto,auto,auto);
	border-top: 1px none #FFCD00;
	border-right: 1px none #FFCD00;
	border-bottom: 1px none #FFCD00;
	border-left: 1px none #FFCD00;
	margin-top: 5px;
	margin-left: 10;

}



#mainright p {
	margin-top: 10px;
	margin-left: 10px;
}

#mainright ul {
	font-size: 12px;
	color: #000;
	text-align: left;
}
/*Search*/
/*boxes*/
#boxtop {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 2px;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(images/ox-shop-h1.jpg);
	border: 1px solid #CCCCCC;
}
#tablemainmiddle {
	padding-left: 5px;
	padding-right: 5px;
	height: auto;
	width: auto;
	padding-top: 0px;
	margin: 0px 0px 10px;
}
#tablemainmiddle_shop {
	
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	height: auto;
	width: auto;
	padding-top: 0px;
	margin: 0px 0px 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#tablemainmiddle p{
	margin-top: 5px;
	padding: 10px;
	margin-bottom: 0px;
}
#yellowbottom{
	background-repeat: no-repeat;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 20px;
	width: auto;
}

/* Admin Sectio */

.sub header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#orders {
	width: 700px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
}

/* products */

#products {
	width: 320px;
	border: 1px solid #CCCCCC;
	margin-left: 50px;
}

.home_ad {
width:260px;
float:left;
margin-left:7px;
margin-bottom:5px;


}

#home_page_ads {
	width:550px;
	position:relative;
	padding: 0px 4px 4px;
	margin-left: 210px;
}
.wide_ad {
width:560px;
float:left;
clear:left;
margin-left:7px;
margin-bottom:5px;

}

.nav_ads {

margin-top:10px;
margin-left:5px;
float:left;
clear:left;

}
.nav_left_link {
font-size:15px;
text-align:left;
text-decoration:underline;
font-weight: bold;
}
#nav-categories ul li {
	list-style:url(none) none;
	text-indent: 0px;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	margin-left:-35px;
}

.main_nav_cat {

	padding:5px;
margin-bottom:5px;
border-bottom: thin solid #003366;
	}
#nav-categories ul {
	margin-top:-3px;
}
#topnavbar {
margin-top:10px;
}

#topnav {
	padding: 0px;
}

#loginBar  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-position: center;
	width: 760px;
	margin: 0px 0px -30px;
	background-color: #6699cc;
	color: #FFFFFF;
	padding: 2px 2px 4px;
}
#loginBar a:link {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 4px;
}
#loginBar a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
#loginBar a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}
.bargain_box {
width:120px;
height:150px;
float:left;
margin-left:55px;
display:inline;
margin-top:40px;
}
.bpic {
height: 120px;}
.bargain_text {
font-size:10px;
color:red;
font-weight:bold;
}
.bargain_desc a{
color: blue;
text-decoration:underline;}