body {
	margin:0;
	padding:0;
	font-family:arial, sans-serif;
	font-size:0.7em;
	color:#747474;
	background:#125781 url(../Images/bodybg-rev.jpg) repeat-y top left;
	background: url(../Images/tile1.jpg);
	text-align:center;
}
* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	margin-bottom:1px;
}
#outerwrapper {
	margin:10px auto;
	width:852px;
	min-height:200px;
	text-align:left;
}
#masthead {
	position:relative;
	background:#8d2629 url(../Images/masthead-rev.jpg) no-repeat top left;
	width:825px;
	height:123px;
	margin:-8px 0 0px 12px;
	
}
#footer {
	background:url(../Images/footer.gif) no-repeat left bottom;
	width:825px;
	height:39px;
	margin:0px 0 12px 12px;
}
#productdetailcontainer {
	float:right;
	width:70%;
	margin:0 15px 10px 0;
}
/*----------------------------ROUNDED BOXES-------------------------*/
#wrapper {
   float:left;
	width:850px;
	background:url(../Images/bottom.jpg) no-repeat left bottom;
	min-height:450px;
}
#wrapper h2.layout {
	background:url(../Images/top.jpg) no-repeat top left;
	text-indent:-9000px;
}
#content {
	background:url(../Images/contentbottom.jpg) no-repeat left bottom;
	min-height:289px;
	margin-left:10px;
	padding-bottom:15px;
}
#content p.layout {
	background:url(../Images/contenttop.jpg) no-repeat left top;
	text-indent:-9000px;
}
#map {
	float:left;
	display:inline;
	margin:10px 0 10px 20px;
	width:320px;
	height:300px;
}
/*--------------------------------NAVIGATION-------------------------------------------*/
ul#productdetailimages {
	list-style:none;
	display:inline;
	float:right;
	margin:-20px 80px 0 0;
}
#productdetailimages li {
	float:left;
	padding-right:20px;
}
#productdetailimages li.smallimage {
	padding-top:30px;
}

/*-----------------ORDERED LISTS--------------------*/
#content ol {
	float:left;
	margin:0 0 0 40px;
	padding:0 30px 0 0;
	font-size:110%;
}
/*-----------------------------END MAIN NAVIGATION---------------*/
#footer ul {
	list-style:none;
	float:right;
	margin:10px 10px 0 0;
}
#footer ul li {
	float:left;
}
#footer li a {
	float:left;
	color:#ffffff;
	text-decoration:none;
	margin-right:10px;
}
#content a {
	text-decoration:none;
	color:#064974;
	font-size:100%;
}
#content a.bold {
	font-weight:bold;
}
#content a.selected {
	color:#902d30;
}
#content a:hover {
	text-decoration:underline;
}

/*---------------------------------IMAGES----------------------------*/
#masthead img.logo {
	margin:8px 0 0 9px;
}
#masthead img.phone {
	position:absolute;
	top:15px;
	right:2px;
	top:20px;
	right:10px;
}
#content img, #masthead img {
	border:none;
}
#content img.boy {
	position:relative;
	z-index:1;
	float:left;
	margin:7px 15px 0px -5px;
	margin:20px 15px 0 -5px;
}
#content img.bags {
	float:right;	
	margin:5px 25px 0px 0px;
}
#content img.order {
	float:left;
	margin:75px 0 0 45px;
}
#content img.rightone {
	float:right;
	margin:0px 22px 5px 7px;
}
#content img.righttwo {
	float:right;
	margin:0 0px 5px 10px;
}
#content img.rightthree {
	float:right;
	margin:0px 42px 5px 20px;
}


/*-------------------------------PARAGRAPHS/HEADINGS-------------------*/
#content p {
   color:#71828f;
	padding:0 30px 0 23px;
	margin:5px 0 5px 0;
	font-size:110%;

}
#content p.breadcrumb {
	font-size:100%;
	float:left;
	margin:-5px 0 5px 0;
}
.highlight {
	color:#a96265;
}
p.website {
	position:absolute;
	left:-9000px;
}
.maroonhighlight {
	color:#902d30;
	font-weight:bold;
}
#productdetailcontainer p.disclaimer {
	float:left;
	margin:0 0 0px 10px;
	padding:0 0 10px 0;
}
#footer p {
	float:left;
	color:#ffffff;
	font-size:100%;
	text-transform:uppercase;
	line-height:39px;
	margin-left:15px;
	display:inline;
	
}
#footer p.website {
	margin-left:570px;
	text-transform:none;
	padding-left:2px;
	
}
#footer a {
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#content h1 {
	color:#902d30;
	position:relative;
	margin:-7px 0 0 380px;
}
#content h2 {
	color:#902d30;
	margin:10px 0 7px 21px;
	clear:both;
}
#content h3 {
	color:#902d30;
	clear:both;
	margin:0 0 10px 22px;
}
/*----------------------------------FORMS-------------------------*/
form#searchproducts {
	position:absolute;
	top:25px;
	right:270px;
}
#searchproducts label {
	color:#ffffff;
	padding-right:5px;
	text-transform:uppercase;
}
#searchproducts input {
	margin:0;
	padding:0;
	border:1px solid #903031;
}
#searchproducts input.btn {
   color:#ffffff;
	background:none;
	font-weight:bold;
	font-size:1.2em;
	padding:0;
	font-style:italic;
	font-family:"trebuchet MS";
	border:none;
}
input#search {
	margin-bottom:0px;
}
form#contactform {
	float:right;
	position:relative;
	display:inline;
	margin: -8px 30px 15px 30px;
	width:52%;
}
#contactform fieldset, #sampless fieldset {
   padding:10px 10px 15px 10px;
	border:1px solid #054974;
	margin-bottom:10px;
}

#contactform legend, #sampless legend {
	font-weight:bold;
	color:#902d30;
	font-family:arial, serif;
	font-size:150%;
	padding:0 5px 0 5px;
}
#contactform label {
	display:block;
	font-size:100%;
	font-family:arial, serif;
}
#contactform em.required {
  font-size: 95%;
  color:#747474;
}
#contactform input {
	width:200px;
	border:1px solid #999;
	background:url(../Images/input.gif);
}
#contactform textarea {
	width:360px;
	height:100px;
	border:1px solid #999;
}
#contactform input.btn {
	border:1px solid #054974;
	background:#ffffff;
	width:75px;
	height:30px;
	margin-left:170px;
	text-transform:uppercase;
}

form#sampless {
	float:left;
	position:relative;
	margin:10px 0 0px 22px;
	display:inline;
	padding-bottom:15px;
	
	width:780px;
}
#sampless p.divider {
	padding-bottom:20px;
}
#sampless label {
	float:left;
	width:160px;
}
#sampless label.product {
	width:100px;
}
#sampless label.size {
	float:left;
	padding-left:10px;
	width:60px;
}
#sampless input {
	border:1px solid #999;
	background:url(../Images/input.gif);
}
#sampless input.float {
	float:left
}
#sampless textarea {
	width:570px;
	height:100px;
	border:1px solid #999;
}

#sampless input.btn {
	border:1px solid #054974;
	background:#ffffff;
	width:75px;
	height:30px;
	margin-left:370px;
	text-transform:uppercase;
}
.sampleserrorMsg {
  position: absolute;
  left: 350px;
  padding-top:2px;
  width: 200px;
  color: #902d30;
  font-weight: bold;
}
.contacterrorMsg {
  position: absolute;
  left: 245px;
  padding-top:16px;
  color: #902d30;
  font-weight: bold;
}
/*--------------------------------------------*/
form#print {
	float:right;
	padding-right:50px;
}
#print input  {
	border:none;
	background:none;
	font:1em arial, serif;
	color:#747474;
	
}
/*-------------------------------TABLES-------------------------*/
table#productlisting {
	margin:20px 0 7px 50px;    
	border-collapse:collapse;
}

#productlisting td {
	padding-right:70px;
	text-align:center;
}
#productlisting a {
	font-size:95%;  /*105%*/
	color:#064974;
	text-decoration:none;
}
table#productdetail {
	background:#064974;
	margin:0px 0 10px 4px;
	border-collapse:no-collapse;

}
#productdetail td {
	padding:0 0 0 20px;
	color:#ffffff;
}
table#colors {
	float:right;
	margin:0px 10px 0 0px;
	padding-top:0px;	
	border-collapse:no-collapse;
}

#colors caption {
	color:#064974;
	margin:-20px 25px 10px 0;
	border:0px solid red;
}
#colors td {
	font-size:0.9em;
	width:65px;
}
#colors p {
	margin:0;
	padding:0;
}
/*--------------------------MISCELLANEOUS----------------*/
br.clear {
	clear:both;
	margin-bottom:15px;
}
#cat_pagination {
	text-align:right;
	padding-right:30px;
	font-size:1.2em;
}

/*---------------------------MAIN NAVIGATION---------------------------------------*/
/*The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.*/

.menu {
  position:relative;
	float:left;
	display:inline;
   width:825px; 
	margin:-3px 0 0 0px ;
	font-size:1em;
	height:27px;
	background:url(../Images/below-nav-1.jpg) no-repeat left top;
}
* html .menu {
   padding-bottom:0;
}
.menu ul {
   list-style-type:none;
   float:left;
	display:inline;
	margin:-27px 0 0px 0px;
   height:27px;
	line-height:27px;
	padding-left:202px;
	width:623px;
	z-index:10;
	position:relative;
}
.menu li {
   float:left;
}
.menu li a  {
   color: #ffffff;
   text-transform:uppercase;
	text-decoration: none;
   display: block;
   height: 27px;
	line-height:30px;
   width: 89px;
   margin:0;
   padding: 0px;
	cursor:pointer;
	text-align:center;
	background:url(../Images/onbutton.jpg) no-repeat left top;
	
}
#home .menu li a.home, #about .menu li a.about, #sportsbags .menu li a.sportsbags, #clothing .menu li a.clothing, #accessories_accessories .menu li a.accessories, #samples .menu li a.samples, #info .menu li a.info, #info .menu li a.home  {
	background:url(../Images/hoverbutton.jpg) no-repeat left top;
	color:#d3d1ae;
}
#contact .menu li a.about, #privacy .menu li a.about, #schoolbags .menu li a.schoolbags, #schoolbags_nursery .menu li a.schoolbags, #schoolbags_junior .menu li a.schoolbags, #schoolbags_senior .menu li a.schoolbags, #sportsbags_bags .menu li a.sportsbags, #sportsbags_clothing .menu li a.sportsbags   , #sportsbags_equipment .menu li a.sportsbags, 
#clothing .menu li a.clothingmain, #clothing_jackets .menu li a.clothingmain, #clothing_sweatshirts .menu li a.clothingmain, #clothing_shirts .menu li a.clothingmain, #clothing_headwear .menu li a.clothingmain, #clothing_other .menu li a.clothingmain  {
	background:url(../Images/hoverbutton.jpg) no-repeat left top;
	color:#d3d1ae;
}
#contact .menu li a.contact, #privacy .menu li a.privacy, #schoolbags_nursery .menu li a.nursery, #schoolbags_junior .menu li a.junior, #schoolbags_senior .menu li a.senior, #sportsbags_bags .menu li a.bags, #sportsbags_clothing .menu li a.clothing1, #sportsbags_equipment .menu li a.equipment, #clothing_jackets li a.jackets, #clothing_sweatshirts li a.sweatshirts, #clothing_shirts li a.shirts, #clothing_headwear li a.headwear, #clothing_other li a.other, #info .menu li a.info   {
	color:#d3d1ae;
	background:none;
}



.menu :hover {
   white-space:normal;
}
.menu a:hover  {
   background:url(../Images/hoverbutton.jpg) no-repeat left top;
	color:#d3d1ae;
	
}
/*--------------------------------SUBNAV--------------------*/
 .menu ul ul {
   visibility:hidden;
   position:absolute;
   height:27px;
   margin-top:-3px;
   left:0px;
   width:623px;  
	background:#8d2629;
	z-index:10;
   padding-left:0px;
  
}
.menu ul li:hover ul, .menu ul a:hover ul{
   display:block;
   visibility:visible;
	top:30px;
	padding-left:202px;
	height:26px;
	background:#8d2629;	
	
	
}

.menu ul li:hover ul.hover {
	background:url(../Images/below-nav-1.jpg) no-repeat left top;
	top:30px;
	height:27px;
}


.fixedmenu ul {
	visibility: visible;
	position:absolute;
	margin-top:0px;
	left:0px;
	padding-left:202px;
   width:623px;
   background:#8d2629;
   z-index:0;
}

/* the display of the buttons on the subnav -- basically the same as for mainnav*/
.menu ul :hover ul li a, .fixedmenu li a  {
	display:block; 
   	height:25px;
   	line-height:28px; 
   	width:89px; 
	float:left; 
	text-align:center;
	color:#fff;
	background:none;
}
/* the mouseover on the subnav-----*/
.menu ul :hover ul li a:hover, .fixedmenu li a:hover {
	color:#d3d1ae;
	background:none;
}
/*---------------for IE-----------------------------*/


#masthead .menu table {
   position:absolute;
   border-collapse:collapse;
   left:0px;
   top:0px;
   width:100%;
   z-index:10;
}