html,body { 
  background-image: url(../images/bg.gif);
  background-repeat: repeat-x;
  margin: 0 auto;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.85em;
  color: #808080;
  line-height: 15px;}
 img {border: none;}
 form {padding:0px 0; margin: 0;}
a, a:visited {
	color: #000000;
	text-decoration: none}
a:hover {
	color: #808080;
	text-decoration: underline}
	
.img_frame img {
	border: 1px solid #ccc;}
.img_frame:hover img {
	border: 1px solid #999;}
.img_frame:hover {
	color:  #999;}
/*             Begin Navigation              */

.nav { position: relative; margin: 0; padding:6px 40px  29px  0px;  width: 805px; height: 20px; list-style: none; font-family:Arial, Helvetica, sans-serif; background: transparent url(../images/nav_bg.gif); }
.nav li { list-style: none; float: right;display: block; padding: 0px 0px 0 26px; background:url(../images/border.gif) 13px 2px no-repeat;font-size: 11px;
  line-height: 11px; }
.nav li.first { background:none; }
/*.navHome { left: 518px; top: 0; }
.navHome, .navHome a { height: 26px; width: 50px; }
.navHome a:hover { background: transparent url(../images/navbar.gif) -518px -26px no-repeat; }

.navFavourites { left: 481px; top: 0; }
.navFavourites, .navFavourites a { height: 26px; width: 87px; }
.navFavourites a:hover { background: transparent url(../images/navbar.gif) -481px -26px no-repeat; }

.navOrderInfo { left: 568px; top: 0; }
.navOrderInfo, .navOrderInfo a { height: 26px; width:104px; }
.navOrderInfo a:hover { background: transparent url(../images/navbar.gif) -568px -26px no-repeat; }

.navSubmitPhotos { left: 672px; top: 0; }
.navSubmitPhotos, .navSubmitPhotos a { height: 26px; width: 90px; }
.navSubmitPhotos a:hover { background: transparent url(../images/navbar.gif) -672px -26px no-repeat; }

.navContact { left: 762px; top: 0; }
.navContact, .navContact a { height: 26px; width: 83px; }
.navContact a:hover { background: transparent url(../images/navbar.gif) -762px -26px no-repeat; }
*/

.nav li a:link, .nav li a:visited  { display: block;/*text-indent: -8000px; background: transparent; */ text-decoration:none; color: #000; }
.nav li a:hover {  border-bottom: 1px solid #000; }

.cnav {float: left; position: relative; margin: 0; padding: 5px 14px 0 40px;  width: 162px; height: 311px; list-style: none; font-family: Arial, Helvetica, sans-serif; background:transparent url(../images/calnav_bg.gif) 0 0  no-repeat; }
.cnav li { list-style: none; display: block; padding: 4px 0 5px; background:url(../images/point.gif) 0 bottom repeat-x;}

.cnav li a:link, .cnav li  a:visited {display: block;  /*background: transparent; */ text-decoration:none; font-size:90%; text-transform:uppercase; letter-spacing:-0.02em; background:url(../images/arrow.gif) 0 5px no-repeat; padding-left: 10px;color: #808080;}
.cnav li a:hover {color: #000; padding-left: 16px; background:url(../images/arrow_dark.gif) 10px 5px no-repeat; color: #000;}
.cnav li.title a:link, .cnav li.title a:visited {color: #000; background:none; padding-left: 0; font-weight: bold;}
.cnav li.active a:link, .cnav li.active a:visited {color: #000; }

/*
.cnav09 {float: left; position: relative; margin: 0; padding: 0; background: #ffffff; width: 216px; height: 321px; list-style: none; background: transparent url(../images/calnav_09.gif); margin: auto }
.cnav09 li { list-style: none; position: absolute; display: block; }

.cnav09NG { left: 0px; top: 28px; }
.cnav09NG, .cnav09NG a { height: 24px; width: 216px; }
.cnav09NG a:hover { background: transparent url(../images/calnav_09.gif) -216px -28px no-repeat; }

.cnav09Smiths { left: 0px; top: 52px; }
.cnav09Smiths, .cnav09Smiths a { height: 24px; width:216px; }
.cnav09Smiths a:hover { background: transparent url(../images/calnav_09.gif) -216px -52px no-repeat; }

.cnav09Bata { left: 0px; top: 76px; }
.cnav09Bata, .cnav09Bata a { height: 24px; width: 216px; }
.cnav09Bata a:hover { background: transparent url(../images/calnav_09.gif) -216px -76px no-repeat; }

.cnav09BHG { left: 0px; top: 100px; }
.cnav09BHG, .cnav09BHG a { height: 24px; width: 216px; }
.cnav09BHG a:hover { background: transparent url(../images/calnav_09.gif) -216px -100px no-repeat; }

.cnav09Org { left: 0px; top: 124px; }
.cnav09Org, .cnav09Org a { height: 24px; width: 216px; }
.cnav09Org a:hover { background: transparent url(../images/calnav_09.gif) -216px -124px no-repeat; }

.cnav09Art { left: 0px; top: 148px; }
.cnav09Art, .cnav09Art a { height: 24px; width: 216px; }
.cnav09Art a:hover { background: transparent url(../images/calnav_09.gif) -216px -148px no-repeat; }

.cnav09Nature { left: 0px; top: 172px; }
.cnav09Nature, .cnav09Nature a { height: 24px; width: 216px; }
.cnav09Nature a:hover { background: transparent url(../images/calnav_09.gif) -216px -172px no-repeat; }

.cnav09Animals { left: 0px; top: 196px; }
.cnav09Animals, .cnav09Animals a { height: 24px; width: 216px; }
.cnav09Animals a:hover { background: transparent url(../images/calnav_09.gif) -216px -196px no-repeat; }

.cnav09Special { left: 0px; top: 220px; }
.cnav09Special, .cnav09Special a { height: 24px; width: 216px; }
.cnav09Special a:hover { background: transparent url(../images/calnav_09.gif) -216px -220px no-repeat; }

.cnav09Female { left: 0px; top: 244px; }
.cnav09Female, .cnav09Female a { height: 24px; width: 216px; }
.cnav09Female a:hover { background: transparent url(../images/calnav_09.gif) -216px -244px no-repeat; }

.cnav09Male { left: 0px; top: 268px; }
.cnav09Male, .cnav09Male a { height: 24px; width: 216px; }
.cnav09Male a:hover { background: transparent url(../images/calnav_09.gif) -216px -268px no-repeat; }

.cnav092010 { left: 0px; top: 292px; }
.cnav092010, .cnav092010 a { height: 24px; width: 216px; }
.cnav092010 a:hover { background: transparent url(../images/calnav_09.gif) -216px -292px no-repeat; }

.cnav09 a { display: block; text-indent: -8000px; background: transparent; }
*/
.maincontent {
	text-align: left;
	margin-top: 0px;
	width: 593px;
	background-image: url(../images/rightbg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	float: right;
    padding-right: 36px;}
	
.clear { clear: both; }

td,table {
	 font-family: inherit;
	 font-size: inherit;}

.maindiv { zoom: 1; overflow:hidden;
width: 845px;
padding: 0 9px 10px;
background-image: url(../images/mid.png);
background-repeat: repeat-y;
margin: 0 auto;}
	
#container {
  width: 845px;
  margin: 0px auto 0px auto;}

.header {
  margin: 20px auto -12px auto;
  height: 50px;
  width: 836px;}

.button { border: 0px; vertical-align: middle; }

input,textarea{
  padding: 2px;
  font-family: inherit;
  font-size: 100%;
  font-weight: normal;
  border:1px solid #CCCCCC;
  color: #808080;
  margin-bottom: 15px;}

label{
float: left;
text-align: right;
width: 100px;
margin-right: 10px;}

img { vertical-align: middle }

.productimg { vertical-align: middle; float: left; margin-right: 18px; }

.content {
 width: 836px;
 margin: auto auto;}

.shoppingcart {
background: url(../images/topmenu_bg.gif) no-repeat top center;
width: 806px;
height: 52px;
margin: 10px auto 0px auto;
font-size: 80%;
padding-top: 17px;}

.items {
text-align: right;
margin-top: -15px;}

.right {
line-height: 18px;
text-align: left;
float: right;
width: 593px;
margin: auto;}

.left {
float: left;
width: 175px;
margin: auto;}

.categories{
border: 1px solid #DDDDDD;
width: 175px;}

.categories ul{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 80%;}

.categories li a{
display: block;
padding: 4px 0;
padding-left: 7px;
width: 161px; 
text-decoration: none;
color: #808080;
background-color: #efefef;
border-left: 7px solid #DDDDDD;}
	
.searchbox {
 color: #AAAAAA;
 font-size: 90%;
 padding: 4px 9px 0px 8px;
 height: 18px;
 width: 132px;
 border: 0px;
 background: transparent url(../images/search_box_bg.gif) top left no-repeat;}

.submit {
 background-color: #EFEFEF;
 color: #808080;
 border: solid 1px #CCCCCC;
 padding: 2px;
 font-size: 90%;
 font-weight: bold }
 
select { font-family: inherit; font-size: inherit; color: #808080}

.productshow {
 font-size: 90%;
 width: 560px;
 background-color: #F7F7F7;
 border: solid 1px #DDDDDD;
 padding: 15px;}

.browse {
 font-size: 90%;
 width: 560px;
 border-bottom: solid 1px #DDDDDD;
 padding: 15px;}

.clear {clear: both;}

.footer {
background:url(../images/bottom.png) 0 0 no-repeat;
color: #CCCCCC;
text-align: center;
padding: 30px 0 15px 0;
margin: 0 auto;
font-size: 80%;
width: 863px;}


table.prolist td { text-align:center;}
table.prolist td a:link, table.prolist td a:visited {color: #000000; font-size:90%;	text-decoration: none}
table.prolist td a:hover {color: #808080;text-decoration: underline}
	
.pagecontrol {font-size:90%; color: #ccc; padding-bottom: 15px;}
.pagecontrol_btm {font-size:90%; color: #ccc; text-align:right;}
.pagecontrol a:link, .pagecontrol a:visited, .pagecontrol_btm a:link, .pagecontrol_btm a:visited { color: #000; text-decoration:none;}
.pagecontrol a:hover, .pagecontrol_btm a:hover { text-decoration:underline;}

.maincolor {
	color: #000000;}
.pagetitle {
	font-size: 120%;
	font-weight: bold;
	color: #000000;
}
.nav a:hover {/*	background-color: #000000;*/}
.nav a:hover span {
	color: #fff;
	background-color: #000000;
}
.nav .current a, .nav .current span {
	color: #fff;
	background-color: #000000;
}
.categories li a:hover {
	background-color: #000000;
	color: #ffffff;
	border-left-color: #ffffff;
}
.categories div.menutitle {
	color: #000000;
	padding: 4px;
	background-color: #FFFFFF;
	font-size: 80%;
	text-transform: uppercase;
}
.titlebox {
	font-weight: bold;
	font-size: 80%;
	color: #FFFFFF;
	width: 167px;
	padding: 5px;
	background-color: #000000;
}
.box {
	line-height: 18px;
	font-size: 80%;
	padding: 7px;
	width: 161px;
	border: 1px solid #000000;}
	#gallery { font-size: 90%; margin-top: 10px;}
	#gallery a:link, #gallery a:visited  {color: #808080; text-decoration:underline;}
	#gallery a:hover { color: #000; text-decoration:none;}
	
	.btn { font-family:Arial, Helvetica, sans-serif; font-size: 90%;}
	.btn:link, .btn:visited { text-decoration:none; color: #000;}
	.btn:hover {color: #808080;}
	
	
a.button:link,   a.button:visited  {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/button_bg.gif);
	text-decoration:none; padding: 2px 12px;
	border: 1px solid #86bce9;}
   
   
    a.button:hover {
	text-decoration:none;
	background:#c4def4;}