/* Generic Page Attribuutes for ashortwalk */

body {background-color: #FFF;}

body td{ 
	font-size: 10px; 
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	}
	

h1 { color:#000;
	font:9pt verdana, arial, helvetica, sans-serif;
	font-weight:bold; 
	
	}
	
h2 { color:#000;
	font:8.5pt verdana, arial, helvetica, sans-serif;
	font-weight:normal; 
	}
	
h3 { color:#000;
	font:10px verdana, arial, helvetica, sans-serif;
	font-weight:bold; padding-bottom: 5px;
	}
	
	
h5 { color:#999;
	font:12px verdana, arial, helvetica, sans-serif;
	font-weight:bold; margin: 10px 0 0 0;
	
	}
	
.banner_top { color:#000;
	font:12px verdana, arial, helvetica, sans-serif;
	font-weight:bold; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	}

	
.banner_bottom { color:#000;
	font:12px verdana, arial, helvetica, sans-serif;
	font-weight:normal; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	}
	
.banner_bottom b { color:#000;
	font:20px verdana, arial, helvetica, sans-serif;
	font-weight:bold; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	}





/* links */

a.main_links{ 
	
	text-decoration: none;
	color:#666666;
	font-size:10pt;
	font-family: verdana, arial, helvetica, sans-serif;
	}

a.main_links:hover { 
	text-decoration: underline;
	color:#666666;
	font-size:10pt;
	font-family:verdana, arial, helvetica, sans-serif;
	}

	
a.links_medium{ 
	text-decoration: underline;
	font-weight:bold;
	color:#CCCCCC;
	font-size:9pt;
	font-family: verdana, arial, helvetica, sans-serif;
	}
a.links_medium:visited { 
	text-decoration: none;
	font-weight:bold;
	color:#7fb0db;
	font-size:9pt;
	font-family: verdana, arial, helvetica, sans-serif;
	}
a.links_medium:hover { 
	text-decoration: none;
	font-weight:bold;
	color:#FFFFFF;
	font-size:9pt;
	font-family:verdana, arial, helvetica, sans-serif;
	}

a.links_small{ 
color: #9B9EA8; font-size: 10px; font-weight: bold; text-decoration: none;
	}

a.links_small:hover { 
color: #9B9EA8; font-size: 10px; font-weight: bold; text-decoration: underline;
	}
a.contact_links{ 
	text-decoration: underline;
	font-weight:bold;
	color:#9EB1d8;
	font-size:9pt;
	font-family: verdana, arial, helvetica, sans-serif;
	}
a.contact_links:visited { 
	text-decoration: none;
	font-weight:bold;
	color:#9EB1d8;
	font-size:9pt;
	font-family: verdana, arial, helvetica, sans-serif;
	}
a.contact_links:hover { 
	text-decoration: none;
	font-weight:bold;
	color:#FFFFFF;
	font-size:9pt;
	font-family:verdana, arial, helvetica, sans-serif;
	}

a.contact_links:active { 
	text-decoration:underline;
	color:#CCCCCC;
	font-size:9pt;
	font-family:verdana, arial, helvetica, sans-serif;
	}
	
a.links_shop
{
text-decoration:none;
color:#999999;
font-size:13pt;
font-family: arial,verdana, sans-serif;
font-weight:bold;


}

a.links_shop:hover {color:#CCCCCC;
text-decoration: underline;}

a.links_reviews
{
text-decoration:none;
color:#333399;
font-size:8pt;
font-family: arial,verdana, sans-serif;
font-weight:bold;


}

a.links_reviews:hover {color:#333399;
text-decoration: underline;}

a.links_shop:hover {color:#CCCCCC;
text-decoration: underline;}

a.linkText
{
text-decoration:none;
color:#333399;
font-size:7pt;
font-family: arial,verdana, sans-serif;
font-weight:bold;


}

a.linkText:hover {color:#333399;
text-decoration: underline;}





.inputbox {

color:#5F6062;
font-size:8pt;
font-family: arial,verdana, sans-serif;
background: #EEEEEE;
border: 0px solid;
width: 120px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 3px;
padding-top: 0px;
margin: 3px 0px 0px 3px;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
}

.inputboxattach {

color:#5F6062;
font-size:8pt;
font-family: arial,verdana, sans-serif;
background: #EEEEEE;
border: 0px solid;
width: 160px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 3px;
padding-top: 0px;
margin: 3px 0px 0px 3px;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
}

.required_fields{  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; font-style: normal; color: #993300;
  font-weight: bold;
  text-decoration: none;}

.buttons {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #333333;
color: #FFFFFF;
border: 0 outset rgb(50,50,50);
padding-top: 2px;
padding-left: 0px;
padding-right: 2px;
padding-bottom: 2px;

}

.text_message {

color:#5F6062;
font-size:8pt;
font-family: arial,verdana, sans-serif;
background: #EEEEEE;
border: 0px solid;
width: 190px;
height: 170px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 0px;
margin: 3px 0px 0px 3px;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
}


.doNotDisplay {
display: none;
}

.highlighted
{  color:#EEEEEE;
   font-size:8pt;
   font-family: arial,verdana, sans-serif;
background-color:#999999;
padding-bottom: 2px;
padding-top: 2px;
padding-top: 1px;
padding-left: 2px;
padding-right: 2px;
text-decoration: none;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
font-weight: bold;
}

.spacer_small
{
	color:#7fb0db;
	font-size: 7pt;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	
}

.productinfo {padding-top: 20px;}

.products {padding-left: 0px; padding-top: 20px; padding-bottom: 20px; font-size: 14px;}


a.mastheadlink{ 
        display: inline;
	text-decoration: none;
	font-weight:bold;
	color:#CCCCCC;
	font-size:10pt;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 4px;


	}
a.mastheadlink:visited { 
	text-decoration: none;
	font-weight:bold;
	color:#CCCCCC;
	font-size:10pt;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 4px;
	}
a.mastheadlink:hover { 
	text-decoration: underline;
	font-weight:bold;
	color:#CCCC;
	font-size:10pt;
	font-family:verdana, arial, helvetica, sans-serif;
	padding: 4px;
	}
	
.masthead td {padding-top: 20px;}

.masthead img {}

a.demo {
      
      display: block;
      padding-top: 12px;
      text-align: center;
      color: #000;
      font-size: 14px;
      font-weight: bold;
      height: 20px;
      width: 134px;
      margin-top: 20px;
      background-color: #F5F5F2; 
      padding: 4px;
      text-decoration:none;
      border: 2px solid #000;
       }
       
a.demo:hover {
     display: block;
     padding-top: 12px;
     color: #000;
     font-size: 14px;
     font-weight: bold;
     height: 20px;
     width: 134px;
     margin-top: 20px;
     text-align: center;
     text-decoration:underline;
      padding: 4px;
      border: 2px solid #000;
      
       }
       
      
a.subnav {
      
      display: inline;
      color: #9B9EA8;
      font-size: 9px;
      font-weight: bold;
      padding: 4px;
      margin: 0 0 0 0;
      text-decoration: none;
   

       }
	   
a.subnav:hover {
      
      display: inline;
    
      font-size: 9px;
  
      padding: 4px;
      margin: 0 0 0 0;
      text-decoration: underline;
	  font-size: 9px;
   

       }
       
.nav1 {margin: 0; padding: 0;}
      
.nav1 li {display: inline; list-style: none; text-align: right;}

.productcontent  {padding-right: 100px; }

.nav2 li {display: inline; list-style: none; text-align: right;}

.productcontent  {padding-right: 100px; margin: 0 0 0 0;}


ul li {list-style: none; text-align: left;}

.productcontent  {padding-right: 100px; }



.head1 {padding-bottom: 5px;}

.head2 {padding-top: 5px;}

.mobile {padding-right: 40px;}

p.demo {width: 220px; padding-right: 0px; text-align: left;}


.banner {background:url(bannerbg3.jpg) repeat-y ; color: #000; padding-left: 5px; padding-right: 5px; }
.banner h3 {color: #000; margin: 0; font-size: 10px;}
.bannercontainer {width: 220px; margin: 5px; margin: 0; padding:0;}

.bannercontainer td {width: 270px;}

.cost em {font-size: 16px; text-decoration: normal; font-weight: bold;}

.handsets td {width: 50px;}

a.faqlink  {color:#999;
	font:12px verdana, arial, helvetica, sans-serif;
	font-weight:bold; margin: 10px 0 0 0;}
	
.comments {text-align: left; margin: 0; color: #999;}

/* additions 2009*/

td.home {border-left: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; padding: 10px; }


.home h1 {font-size: 14px; padding-top: 2px;}

a.category {font-size: 14px; padding-top: 2px; color: #000; font-weight: bold; text-decoration: none;}
a.category:hover {font-size: 14px; padding-top: 2px; color: #000; font-weight: bold; text-decoration: underline;}

.img-right { padding-bottom: 0px; top: 2px; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333;}
#content { width: 360px; float: left; padding-top: 0px; font-size: 10px; color: 9B9EA8; font-weight: bold;  }
#content h1{margin-top: 0px;}
#content a {color: #9B9EA8; font-size: 10px; font-weight: bold; line-height: 20px; text-decoration: none;}
#content a:hover {color: #9B9EA8; font-size: 10px; font-weight: bold; line-height: 20px; text-decoration: underline;}

p.change  {color: #000; font-size: 14px; font-weight:bold;}
#content a {color: #9B9EA8; font-size: 10px; font-weight: bold; line-height: 20px; text-decoration: none;}
#content a:hover {color: #9B9EA8; font-size: 10px; font-weight: bold; line-height: 20px; text-decoration: underline;}
#facts a {color: #9B9EA8; font-size: 10px; font-weight: bold; line-height: 20px; text-decoration: none;}
#facts a:hover {color: #9B9EA8; font-size: 10px; font-weight: bold; line-height: 20px; text-decoration: underline;}

td.category-box {border: none;}
p.category-head {font-size: 14px; padding-top: 2px; color: #000;}
#content span a{font-size: 9px; margin-left: 180px;}
#content span a:hover{font-size: 9px; margin-left: 180px;}
em {color: #000;}
a.footer {color: #9B9EA8; font-size: 10px; font-weight: bold; text-decoration: none;}
a.footer:hover {color: #9B9EA8; font-size: 10px; font-weight: bold; text-decoration: underline;}

.footer{
margin: 0px 0px 0px 0px;
width: 100%;
border-left: solid 0px #000000;
border-right: solid 0px #000000;
border-top: solid 1px #333333;
border-bottom: solid 0px #000000;

}

a.contactus {color: #9B9EA8; font-size: 10px; font-weight: bold; line-height: 20px; text-decoration: none;}
a.contactus:hover {color: #9B9EA8; font-size: 10px; font-weight: bold; line-height: 20px; text-decoration: underline;}
.design {color: #b5ba40; font-size: 15px; text-decoration:none; font-weight: bold;}

/* set the size of the definition list <dl> and add the background image */


  
  #imap {display:block; width:836px; height:707px; background:url(mugs.jpg) no-repeat; position:relative; margin:10px 0 10px 75px;}
 
#imap a#painting {display:block; width:300px; height:0; padding-top:210px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(masters/small.jpg) no-repeat 300px 210px; cursor:default;}
* html #imap a#painting {height:210px; he\ight:0;}
 
#imap a#painting:hover {background-position: 0 0; z-index:10;}
 
#imap dd {position:absolute; padding:0; margin:0;}
#imap #chris {left:160px; top:220px; z-index:20;}
#imap #dan {left: 290px; top:228px; z-index:20;}
#imap #dom {left:398px; top:249px; z-index:20;}
#imap #paul{left:480px; top:260px; z-index:20;}
#imap #mike{left:550px; top:278px; z-index:20;}
#imap #jabbs{left:595px; top:286px; z-index:20;}
#imap #gael{left:650px; top:293px; z-index:20;}
 
#imap a#link_chris {display:block; width:100px; height:153px; text-decoration:none; z-index:20;}
#imap a#link_dan {display:block; width: 90px; height: 147px; text-decoration:none; z-index:20;}
#imap a#link_dom{display:block; width: 70px; height:127px; text-decoration:none; z-index:20;}
#imap a#link_paul{display:block; width: 60px; height:115px; text-decoration:none; z-index:20;}
#imap a#link_mike{display:block; width: 45px; height:100px; text-decoration:none; z-index:20;}
#imap a#link_jabbs{display:block; width: 45px; height:98px; text-decoration:none; z-index:20;}
#imap a#link_gael{display:block; width: 40px; height:87px; text-decoration:none; z-index:20;}

 
#imap a em {display:none;}
 
#imap a span, #imap a:visited span {display:none;}
 
#imap a#link_chris:hover, #imap a#link_dan:hover, #imap a#link_dom:hover, #imap a#link_paul:hover, #imap a#link_mike:hover, #imap a#link_jabbs:hover, #imap a#link_gael:hover{border:2px solid #b5ba40; background: url(bg.png);}
 
#imap a:hover span {position:absolute; display:block; color:#000; width:330px; height:270px; line-height:1.8em; font-size:0.9em; text-align:left;}
#imap p {width: 200px;}
#imap a#link_chris:hover span {left:700px; top:-20px; }
#imap a#link_chris:hover em {position:absolute; display:block; left:60px; top:30px; width:0px; height:1px; overflow:hidden; font-size:1px; background:#f00;}
#imap a#link_dan:hover span {left:570px; top:-20px;}
#imap a#link_dan:hover em {position:absolute; display:block; left:60px; top:30px; width:0px; height:1px; overflow:hidden; font-size:1px; background:#f00;}
#imap a#link_paul:hover span {left:380px; top:-20px;}
#imap a#link_paul:hover em {position:absolute; display:block; left:50px; top:45px; width:0px; height:1px; overflow:hidden; font-size:1px; background:#f00;}
#imap a#link_dom:hover span {left:460px; top:-20px;}
#imap a#link_dom:hover em {position:absolute; display:block; left:50px; top:45px; width:0px; height:1px; overflow:hidden; font-size:1px; background:#f00;}
#imap a#link_mike:hover span {left:310px; top:-20px;}
#imap a#link_mike:hover em {position:absolute; display:block; left:50px; top:45px; width:0px; height:1px; overflow:hidden; font-size:1px; background:#f00;}
#imap a#link_jabbs:hover span {left: 267px; top:-20px;}
#imap a#link_jabbs:hover em {position:absolute; display:block; left:50px; top:45px; width:0px; height:1px; overflow:hidden; font-size:1px; background:#f00;}
#imap a#link_gael:hover span {left:170px; top:-20px;}
#imap a#link_gael:hover em {position:absolute; display:block; left:50px; top:45px; width:0px; height:1px; overflow:hidden; font-size:1px; background:#f00;}

 
#imap a:hover span img {float:left; margin-right:1em; margin-bottom:0.5em; border:1px solid #000;}
 
#imap a span:first-line {font-weight:bold; font-style:italic;}
#info h3 {margin:0 0 0 75px; font-size:1.2em; font-weight:normal; font-family: Arial, Helvetica, sans-serif;  padding-bottom:5px; border-bottom:1px solid #aaa; width:650px;}
#info .para {width:300px; margin:0 0 0 75px;}
 
