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;  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; position: relative;}

	

#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;}

.searchform {text-align:right; position: absolute; top: 70px; right:30px;}

.searchform input {margin:0; }

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;}

  

  .leftcontent {width: 162px;  margin-top: 10px;}
  
  
  
  a.btn_buynow{ width: 167px;height:42px; background:url(../images/buy-now.jpg) 0 0 no-repeat; display:block;margin-top: 25px;}

a.btn_buynow:hover { background-position:0 -42px;}