/* Flexible CSS coding by HotScot, http://www.hotscot.net

These styles control the overall design*/

body {
  background: #fff;
  margin: 0;
  padding: 0;
}
#container {
  margin: 20px auto 0px auto;
  width: 750px;
  position: relative;
  background-image: url(graphics/navbackgroundwide.gif);
}
#header {
  width: 750px;
  height: 97px;
  top:0;
  position: relative;
}
#subheader {
  width: 750px;
  height: 28px;
  position: relative;
  background-color: #000000;
}
#subheader p {
  font: bold 12px/28px Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  margin: 0px 0px 0px 10px;
  text-align: left;
  }
#subheader p.bookmark{
  font: normal 11px Arial, Helvetica, sans-serif;
  margin: -20px 20px 0px 0px;
  text-align: right;
}
.arrow {
  margin-top: -25px;
}
#subheader a {
  color: #FFFFFF;
  text-decoration: none;
}  
#subheader a:hover {
  text-decoration: underline;
}

#line {
  width: 750px;
  height: 9px;
  position: relative;
}

/***NEW ***/
/* Top Navigation Styles */
/***NEW ***/
.whitespace {
  width: 750px;
  height: 10px;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color:#FFFFFF;
}

#topnav {
  width: 750px;
  height:33px;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url(graphics/bg_topnav.gif);
  text-align:center;
}

#topnav ul {
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 0px 0px;
  list-style-type:none;
}

#topnav li {
  display:inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type:none;
}
#topnav li.spacer {
  font: bold 13px/25px Arial, Helvetica, sans-serif;
  display:inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  list-style-type:none;
  color:#FFFFFF;
}
#topnav li a {
  font: bold 13px/25px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
}
#topnav li a:hover {
  font: bold 13px/25px Arial, Helvetica, sans-serif;
  color:#FFFF00;
  text-decoration: none;
}
#topnav li a.on, #topnav li a.on:hover {
  color:#FFFF00;
}

/* Subnav Styles */ 
#subnav{
  width: 750px;
  height: 27px;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color:#000000;
  text-align:center;
}

#subnav ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type:none;
}

#subnav li {
  display:inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type:none;
}
#subnav li.spacer {
  font: 11px/25px Arial, Helvetica, sans-serif;
  display:inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  list-style-type:none;
  color:#FFFFFF;
}
#subnav li a {
  font: 11px/25px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
 }
#subnav li a:hover {
  font: 11px/25px Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: underline;
 } 

/* Shop Quicklinks & Basket Styles */ 
#graybar{
  width: 750px;
  height: 30px;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color:#cccccc;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
/* QUICK LINKS */
#graybar .shoplinks {
  width:169px;
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float:left;
  border-right: 1px solid #ffffff;
}
#graybar .shopbasket {
  width:580px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float:left;
}
#graybar .shopbasket p {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0px 10px 0px 0px;
  padding: 8px 0px 5px 0px;
  text-align:right;
}
#graybar .shopbasket p span.red {
	color:#cc0000;
}

#graybar form.quicklinks {
  margin: 4px 0px 0px 4px;
  padding: 0px 0px 0px 0px;
}

#graybar form .select {
  width:161px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}







/* These styles control the lefthand navigation column */

#shopnav {
  width: 169px;
  position: relative;
  float:left;
  margin: 0;
  padding:0;
}
#shopnav img.onlineshop {
  margin: 14px 14px 0px 14px;
  padding: 0px 0px 0px 0px;
}
#shopnav ul {
  margin: 3px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
  
}
#shopnav li {
  margin : 0px 0px 0px 0px;
  padding: 2px 0px 5px 15px;
  list-style-type: none;
  width: 125px;
  border-bottom: 1px dashed #F2BDBD;
  background: url(graphics/arrow_white.gif) no-repeat top left;
}
#shopnav li a {
  font: bold 13px/25px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  line-height:140%;
 }
#shopnav li a:hover {
  color:#000000;
}

#shopnav .shop_subnav {
  margin :0px 0px 0px 0px;
  padding: 0px 0px 0px 15px;
  list-style-type: none;
  width: 125px;
  background:none;
  border-bottom:none;
  text-align:right;
}

#shopnav .shop_subnav a {
  font-weight:normal;
  /*line-height:5px;*/
  font-size:12px;
}

#shopnav #active_nav{
 color:#FFFF00;
}


/*#shopnav #subnav  {
  width: 120px;
  margin: 0px 0px 0px 0px;
  padding: 0;
  height: 20px;
  text-align: right;
}
#shopnav #subnavtop  {
  width: 120px;
  margin: 5px 0px 0px 0px;
  padding: 0;
  height: 20px;
  text-align: right;
}
#shopnav #subnavbottom  {
  width: 120px;
  margin: 0px 0px 5px 0px;
  padding: 0;
  height: 20px;
  text-align: right;
}
#shopnav #subshopnav a, #shopnav #subshopnavtop a, #shopnav #subshopnavbottom a {
  font: 12px/20px normal Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
}
#shopnav #subshopnav a:hover, #shopnav #subshopnavtop a:hover, #shopnav #subshopnavbottom a:hover {
  color:#000;
}*/
.quote {
  margin: 30px 0px 20px 15px;
}

/* These styles control the left hand content column*/

.clear {
	height:1px;
	clear:both;
}

#leftcontent {
  width: 288px;
  position: relative;
  float: left;
  margin: 0;
  padding: 10px 10px 10px 15px;
}
#leftcontentwide {
  width: 556px;
  position: relative;
  float: left;
  margin: 0;
  padding: 10px 10px 10px 15px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#leftcontentwide a, #leftcontent a {
 color: #CC0000;
}
#leftcontentwide a:hover, #leftcontent a:hover {
 color: #000;
 text-decoration: none;
}
#leftcontent h1, #leftcontentwide h1 {
  font: bold 22px Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0px 0px 10px 0px;
  padding: 0;
}
#leftcontent h2, #leftcontentwide h2 {
  font: bold 17px Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 20px 0px 0px 0px;
  padding: 0;
}
#leftcontent h3, #leftcontentwide h3 {
  font: bold 17px Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 10px 0px 0px 0px;
  padding: 0;
}
#leftcontent h4, #leftcontentwide h4 {
  font: bold 15px Arial, Helvetica, sans-serif;
  color: #CC0000;
  margin: 0px 0px 15px 0px;
  padding: 0;
}
#leftcontent h5, #leftcontentwide h5 {
  font: bold 15px Arial, Helvetica, sans-serif;
  color: #CC0000;
  margin: 10px 0px 0px 0px;
  padding: 0;
}
#leftcontent p, #leftcontentwide p {
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
  margin: 0px 0px 10px 0px;
  /*width: 280px;*/
}
#leftcontentwide p {
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
  margin: 0px 0px 10px 0px;
  width: 550px;
}

#leftcontent li, #leftcontentwide li {
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
  margin: 0px 0px 7px 0px;
  list-style-image: url(graphics/bullet.gif);
}

/* for cms images floating on homepage */
.rightimage {
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:right;
}

.rightimage img{
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}


.imagefloat {
  float: right;
  margin: 0px 0px 0px 0px;
  padding:0;
}
.imagefloat2 {
  float: right;
  margin: 0px 0px 0px 5px;
  padding:0;
}
#leftcontent .subitems {
  margin: 0px 0px 0px 20px;
  font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
#leftcontent .subitemslinks {
  margin: 5px 0px 10px 20px;
}
#leftcontent .subitemslinks a {
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #CC0000;
}
#leftcontent .subitemslinks a:hover {
  color: #000;
  text-decoration: none;
}
#leftcontent #frontnews {
  margin: 5px 0px 10px 20px;
  }
#leftcontent #frontnews p {
  font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
  margin: 0px 0px 14px 0px;
  width: 270px;
}
#frontnews a {
  font: bold 12px/10px Arial, Helvetica, sans-serif;
  color: #CC0000;
  text-decoration: none;
}
#frontnews a:hover {
  color: #000;
}
.shoplink {
  font: bold 13px Arial, Helvetica, sans-serif;
}
#termstext p {
  width: 550px;
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
}
#termstext h4 {
  font: bold 15px Arial, Helvetica, sans-serif;
  color: #CC0000;
  margin: 15px 0px 3px 0px;
  padding: 0;
}
#homecontent p {
 font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
}
#sitemap li {
  margin: 17px 0px 17px 0px;
}

/* These styles control the right hand content column*/

#rightcontent {
  width: 251px;
  position: relative;
  float: right;
  padding: 15px 0px 0px 4px;
  background-image: url(graphics/backgroundleft.gif);
  text-align: center;
}

#rightcontent img {
  margin-bottom: 10px;
}
#newsitems ul {
  margin: 0px 0px 0px 25px;
  padding: 0;
  width: 200px;
}
#newsitems p {
  width: 270px;
}
#newsitems a {
  line-height: 18px;
}
/* These styles control the footer content*/

#footer {
  width: 750px;
  height: 62px;
  background-color:#FFF;
  position: relative;
  clear: both;
  padding: 0px 0px 20px 0px;
}
#footer p {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  margin: 10px 0px 0px 5px;
  padding: 0;
}
#credits {
  width: 350px;
  height: 30px;
  position: relative;
  clear: both;
  margin: -65px 0px 0px 0px;
  float:right;
}
#credits p {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  margin: 9px 0px 0px 0px;
  padding: 0;
  text-align: right;
}
#credits a, #footer a {
  color: #CC0000;
  text-decoration: none;
}
#credits a:hover, #footer a:hover {
  color: #000000;
}

/* These styles are for the Ezeshop header */

.shopheader {
  margin: 20px 0px 0px 8px;
  width:60px;
  text-align:center;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}


/*NEW STYLES*/
/************************************************************/


#top {
  width:581px;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  float: left;
}
#top h1  {
  font: bold 22px Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 15px;
}
.top_left {
  width: 326px;
  position: relative;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.top_right {
  width: 255px;
  position: relative;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align:right;
}
.top_right form {
  margin: 0px 0px 0px 4px;
  padding: 0px 0px 0px 0px;
}

.top_right .shop_search_field {
  margin: 0px 25px 0px 0px;
  padding: 1px 5px 1px 5px;
  width:150px;
}

.top_right .button {
  width:60px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* Styles for Hompage Shop Items */
.homeshopitem_title {
  width:248px;
  height: 36px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url(graphics/bg_homeshoptitle.gif);
}
#rightcontent .homeshopitem_title h2  {
  font: bold 22px Arial, Helvetica, sans-serif;
  color:#FFFF00;
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 0px 15px;
  text-align:left;
}

#rightcontent .homeshopitem_box {
  width:248px;
  margin: 0px 0px 40px 0px;
  padding: 10px 0px 0px 0px;
  background: #ffffff url(graphics/bg_homeshopbox.jpg) repeat-x;	
}

#rightcontent .homeshopitem_box img {
  margin: 0px 10px 0px 10px;
  padding: 0px 0px 0px 0px;
  border: solid 1px #cc0000;
  float:left;	
  width:121px;
  height:161px;
}

#rightcontent .homeshopitem_box h3 {
    font: bold 16px Arial, Helvetica, sans-serif;
	text-align:left;
    color:#cc0000;
}

#rightcontent .homeshopitem_box p.info {
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  margin: 0px;
  padding: 0px;
  text-align:left;	
}

#rightcontent .homeshopitem_box p.price {
  font: bold 18px/25px Verdana, Arial, Helvetica, sans-serif;
  color:#cc0000;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  text-align:left;	
}

/* CHECKOUT STYLES */
#checkout_page{
  width: 730px;
  background-color:#ffffff;
  position: relative;
  float: left;
  margin: 0;
  padding: 10px 0px 10px 20px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#checkout_page table{
    width:730px;
}
#checkout_page h1 {
  font: bold 22px Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0px 0px 10px 0px;
  padding: 0;
}
#checkout_page h2 {
  font: bold 17px Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 20px 0px 0px 0px;
  padding: 0;
}
#checkout_page h3 {
  font: bold 17px Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 10px 0px 0px 0px;
  padding: 0;
}


/* ONLINE SHOP STYLES */

#leftcontentwideshop {
  width: 581px;
  position: relative;
  float: left;
  margin: 0;
  padding: 10px 0px 10px 0px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#leftcontentwideshop a {
 color: #CC0000;
}
#leftcontentwideshop a:hover {
 color: #000;
 text-decoration: none;
}
#leftcontentwideshop h1 {
  font: bold 22px Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0px 0px 10px 0px;
  padding: 0;
}
#leftcontentwideshop h2 {
  font: bold 17px Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 20px 0px 0px 0px;
  padding: 0;
}
#leftcontentwideshop h3 {
  font: bold 17px Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 10px 0px 0px 0px;
  padding: 0;
}
#leftcontentwideshop h4 {
  font: bold 15px Arial, Helvetica, sans-serif;
  color: #CC0000;
  margin: 0px 0px 15px 0px;
  padding: 0;
}
#leftcontentwideshop h5 {
  font: bold 15px Arial, Helvetica, sans-serif;
  color: #CC0000;
  margin: 10px 0px 0px 0px;
  padding: 0;
}
#leftcontentwideshop p {
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
  margin: 0px 0px 10px 20px;
}

#leftcontentwideshop li {
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
  margin: 0px 0px 7px 0px;
  list-style-image: url(graphics/bullet.gif);
}

.line2 {
  width:561px;
  height:1px;
  margin: 20px 0px 20px 20px;
  padding: 0px 0px 0px 0px;
  background-color:#cccccc;
}

.item_box {
  display:block;
  position:relative;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  float:left;
}

.item_box p{
    text-align:center;
    width:121px;
}

.item_tab {
  width:125px;
  height: 26px;
  margin: 0px 0px 1px 20px;
  padding: 0px 0px 0px 0px;
  background-image: url(graphics/bg_shopitem_tab.gif);
}

#leftcontentwideshop .item_box .item_tab h2  {
  font: bold 13px Arial, Helvetica, sans-serif;
  color:#ffffff;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  text-align:center;
}

#leftcontentwideshop .item_box .item_tab h2 a {
	color:#ffffff;
	text-decoration:none;
}

#leftcontentwideshop .item_box .item_tab h2 a:hover {
	color:#ffff00;
	text-decoration:none;
}

.item_photo {
  width:125px;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
}
.item_photo img {
  width:121px;
  height:161px;
  border: solid 2px #cccccc;
}

/* ITEM DISPLAY STYLES */

.catalogue_photo {
  width:266px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 2px #cccccc;
  text-align:center;
}

img.catalogue {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


img.item_related_left {
  margin: 10px 19px 10px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 2px #cccccc;
  width:121px;
  height:121px;
}

img.item_related_right {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 2px #cccccc;
  width:121px;
  height:121px;
}

.extrapics {
  width:266px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align:left;
}

img.branding {
  margin: 20px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  width:121px;
}



#rightcontent_shop {
  width: 251px;
  position: relative;
  float: right;
  padding: 15px 0px 0px 4px;
}

#rightcontent_shop a {
 color: #CC0000;
}
#rightcontent_shop a:hover {
 color: #000;
 text-decoration: none;
}
#rightcontent_shop h1 {
  font: bold 22px Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0px 0px 10px 0px;
  padding: 0;
}
#rightcontent_shop h2 {
  font: bold 17px Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 20px 0px 0px 0px;
  padding: 0;
}
#rightcontent_shop p {
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
  margin: 0px 0px 10px 0px;
}

#rightcontent_shop p.list {
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
  margin: 0px 0px 5px 0px;
}

#rightcontent_shop ul {
  margin: 0px 0px 20px 30px;
  padding: 0px 0px 0px 0px;
}

#rightcontent_shop li {
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
  margin: 0px 0px 5px 0px;
  list-style-image: url(graphics/bullet.gif);
}

#rightcontent_shop p.red {
	color:#cc0000;
}

#rightcontent_shop p.itemprice {
  font: bold 18px Verdana, Arial, Helvetica, sans-serif;
  color: #cc0000;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 10px 0px;
  border-top: dotted 1px #cccccc;
  text-align:right;
}

#rightcontent_shop p.total {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  text-align:right;
}

#rightcontent_shop form.stockitems {
  margin: 10px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}

#rightcontent_shop img.basketbutton {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}