/*******************************************************************
 Adapted from "Chocolatey Brown - Style.css - By Kalyan Chakravarthy"
 by Morton A. Goldberg, DVM
*******************************************************************/
body 
{
 margin: 0em;
 padding: 0;
 height: 100%;
 background-color: #663300;
 background-image: url(http://keepintune.com/img/dark-brown-leather.jpg);
 background-repeat: repeat;
 background-attachment: fixed;
 color: #000000;
 text-align: center;
 font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
 font-size: 100%;
}

/*@font-face 
{
 font-family: Alfredo-Regular;
 src: url(http://keepintune.com/fonts/alfr60.ttf);
 font-weight: 200;
}*/    

h1 
{
 font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
 font-size: 4em;
 color: #e79b50;
 width: 600px;
 margin: auto auto auto auto;
 font-weight: 100;
}

h2 
{
 font-size: 1.65em;
}

h3 
{
 font-size: 0.99em;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 1em;
 padding-top: 0.75em;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0.75em;
}

h4 
{
 font-size: 0.875em;
 margin-top: 0.75em;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0.75em;
 padding-top: 0.6em;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0.6em;
}

.hnolmg 
{
 font-size: 0.875em;
 margin-top: 0.75em;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 padding-top: 0.6em;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0.6em;
}

hr 
{
 width: 33%;
 margin-top: 2em;
 margin-bottom: 2em;
 margin-left: auto;
 margin-right: auto;
 clear: both;
}

p, ul, ol 
{
 font-size: 0.9em;
 text-align: justify;
}

a 
{
 text-decoration: none;
}

a:link 
{
 color: #000000;
}

/* unvisited link */
/* a:link 	  	{color:#D6640A;}  unvisited link */
/* a:visited {color:#FF6977;}    visited link */
.i 
{
 font-style: italic;
}

.b 
{
 font-weight: bold;
}

.ib 
{
 font-style: italic;
 font-weight: bold;
}

.st 
{
 text-decoration: line-through;
}

/*	THE MID-COL DIVISION AND RELATED STYLES	- THESE STYLES ARE USED TO HANDLE THE SHADOW EFFECT OF THE TEMPLATE	*/
#mid-col 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding: 28px;
 padding-top: 17px;
 padding-bottom: 17px;
 width: 900px;/*38em;*/
 text-align: left;
 vertical-align: middle;
 background-image: url(http://keepintune.com/img/wood124.jpg);
 background-repeat: repeat;
}

#mid-col h2 
{
 margin-top: 0;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0;
 padding-top: 5px;
 padding-right: 0px;
 padding-bottom: 3px;
 padding-left: 0;
 color: #000000;
 font-weight: 300;
}

.s_c 
{
 color: #fba852;
}

/*	THE HEADER BAR CLASSES		*/
#header 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
 background-image: url(http://keepintune.com/img/european_walnut.jpg);
 background-repeat: repeat;
 width: 895px;
 height: 235px;
 border-color: #000000;
 border-width: 2px;
 border-style: solid;
}


#header h1 
{
 font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
 font-size: 4em;
 color: #e79b50;
 width: 600px;
 margin: auto auto auto auto;
 font-weight: 100;
 padding: 0.55em 0 0 0;
}


#header h2 
{
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 1.5em;
 padding-top: 1em;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 1.75em;
 font-weight: lighter;
 letter-spacing: 0.08em;
}

.sbar 
{
 width: 630px;
 height: 195px;
 text-align: center;
 color: #e79b50;
}


.sbar a
{
  color: #e79b50;
}


.sbar a:hover 
{
 text-decoration: none;
 color: #ff4422;
}


.logo
{
 margin: -185px 0 0 0;
 width: 260px;
 height: 165px;
 padding-top: 0;
 float: right;
}


/*	THE FLOATING COLUMN OR THE RIGHT SIDE BAR - RELATED STYLES		*/
#float-col 
{
 position: relative;
 float: right;
 margin-top: .5em;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: .5em;
 padding-top: 0;
 padding-right: .7em;
 padding-bottom: .25em;
 padding-left: .7em;
 width: 218px;
 border-color: #999999;
 border-width: 1px;
 border-style: solid;
 background-image: url(http://keepintune.com/img/side_bg.gif);
 background-repeat: repeat;
}

#float-col h2 
{
 color: #fba852;
}

#float-col ul 
{
 margin-top: 0em;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0em;
 padding: 0;
 list-style: none;
}

#float-col li 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: .2em;
 margin-left: 1em;
}

#float-col li a 
{
 text-decoration: none;
}

#float-col a 
{
 color: #DDCC66;
}

#float-col a:hover 
{
 color: #ff4422;
}

/*	THE FOOTER RELATED DIVISIONS AND CLASSES	*/
.footer 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 height: 50px;
 line-height: 0.5em;
 width: 930px;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 padding-top: 0.25em;
 color: #fba852;
 background-image: url(http://keepintune.com/img/wood124.jpg);
 background-repeat: repeat-x;
 vertical-align: sub;
}

.tac 
{
 text-align: center;
}

.footer a 
{
 padding: 10px;
 color: #DDCC66;
}

.footer a:hover 
{
 color: #ff4422;
}

#ftr, #ftr ul 
{
 text-align: center;
 vertical-align: sub;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.6em;
 font-weight: 400;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 list-style: none;
 line-height: 0.5em;
 width: 750px;
}

#ftr a 
{
 display: block;
}

#ftr li 
{
 /* all list items */

 float: left;
 padding: 0.5em 0 1.5em 0;
 /* width: 180px; */
 /* width needed or else Opera goes nuts */
}

.l
{
 width: 185px;
 margin-top: 2em;
}

/*	THE CONTENT DIVISION	*/
#content 
{
 display: block;
 width: 900px;
 border-color: red;
 border-width: 0px;
 border-style: solid;
 /* margin-top: 25px; */
}

#content a:hover 
{
 /*color:#ff0022;*/

 color: #ff0000;
}

/* SOME ( LOTS ) OF DESIGN RELATED CLASSES */
/* THE CONTENT TOP AND BOTTOM CURVY STYLES  */
.ct, .cb, .cbody 
{
 margin: 0px;
 padding: 0px;
}

.ct 
{
 height: 30px;
 width: 900px;
 margin-top: 0;
 background-image: url(http://keepintune.com/img/wood124.jpg);
}

.cb 
{
 display: block;
 height: 30px;
 width: 900px;
 background-image: url(http://keepintune.com/img/co_bot.gif);
 overflow: hidden;
}

.cbody 
{
 background-image: url(http://keepintune.com/img/notes.png);
 background-repeat: repeat;
 width: 860px;
 padding: 20px;
 display: block;
}

/* THE BREADBAR LINK STYLES */
.ct a 
{
 vertical-align: middle;
 line-height: 30px;
 color: #DDCC66;
}

.spl_link 
{
 color: #000000;
}

/* 		THE TOP NAVIGATION BAR STYLE CLASSES		*/
.tbar 
{
 background-image: url(http://keepintune.com/img/wood124.jpg);
 background-repeat: repeat;
 text-align: center;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 font-weight: 600;
 padding: 0 0 5px 0;
 width: 900px;
 height: 25px;
}

.tbar a 
{
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 color: #DDCC66;
 padding: 11px;
 padding-bottom: 9px;
}

.tbar a:hover 
{
 color: #ff4422;
 text-decoration: none;
}

/* SUPER SUCKERFISH MENU */
#nav, #nav ul
{
 /* all lists */

 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 10px;
 text-align: left;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 font-weight: 600;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 list-style: none;
 line-height: 0.85;
}

#nav a
{
 display: block;
 width: 95px;
}

#nav li
{
 /* all list items */

 float: left;
 width: 95px;/* width needed or else Opera goes nuts */
}

#nav li ul 
{
 /* second-level lists */

 position: absolute;
 background-color: #302c23;
 background-repeat: repeat;
 background-attachment: fixed;
 width: 12em;
 left: -999em;/* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul 
{
 /* third-and-above-level lists */

 margin-top: -3em;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 10.5em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
{
 left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{
 /* lists nested under hovered list items */

 left: auto;
}

/* THE ACTIVE PAGE EFFECT IN THE TOP NAVIGATION BAR  */
a.current 
{
 /* background:url(http://keepintune.com/img/alink_bg.gif) repeat-x; */

 color: #fba852;
}

/* THE STYLES OF SEARCH BOX IN THE TOPBAR */
.searchbox form 
{
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
 margin: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.925em;
 font-weight: 600;
 display: inline;
}

.searchbox form p 
{
 padding: 0;
 margin: 0;
 display: inline;
}

.searchbox input 
{
 background-image: url(http://keepintune.com/img/wood124.jpg);
 background-repeat: repeat-x;
 border-color: #DDCC66;
 border-width: 1px;
 border-style: solid;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.925em;
 font-weight: 600;
 color: #DDCC66;
}

.searchbox 
{
 width: 240px;
 max-height: 15px;
 border-color: #CC6600;
 border-width: 0px;
 border-style: solid;
 margin-left: auto;
 margin-right: auto;
 padding-top: 0.5em;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.925em;
 font-weight: 600;
 color: #DDCC66;
}

/*	AN SEO CLASS - IS USED TO ENHANCE THE KEYWORD OPTIMIZATION */
.seo 
{
 position: absolute;
 left: -100px;
 top: -100px;
 right: 0;
}

/*	SOME GENERAL PURPOSE CLASSES	*/
.bbg 
{
 background-color: #666666;
}

.caption 
{
 width: 95%;
 font-size: 0.875em;
 font-style: italic;
 text-align: center;
}

#fleft1 
{
 float: left;/* HOME PAGE - OLD PIANO PICTURE */

 clear: left;
 width: 68px;
 height: 56px;
 margin: 1em 1em 1em 0;
 display: block;
}

#fleft2 
{
 float: left;/* HOME PAGE - MASON & HAMLIN A PICTURE */

 clear: left;
 width: 271px;
 margin-right: 1.25em;
 display: block;
}

#cclogo 
{
 float: right;
 width: 100px;
 height: 66px;
 padding-right: 6.25em;
 padding-top: 0.5em;
 display: block;
}

#pplogo 
{
 float: left;
 width: 75px;
 height: 75px;
 padding-left: 3.25em;
 display: block;
}

/*  THIS CLASS HANDLES THE LINKS WITH SOME DESCRIPTION - LIKE  THE LINKS IN THE SIDEBAR OF THE TEMPLATE */
.links-with-desc 
{
 color: #FFFFFF;
 font-size: 12px;
}

.links-with-desc li 
{
 padding-bottom: 6px;
}

.links-with-desc a 
{
 color: #66FFFF;
 font-weight: lighter;
 text-decoration: none;
}

.links-with-desc a:hover 
{
 color: #cc9933;
}

#float-col .links-with-desc a:hover 
{
 color: #cc9933;
}

#float-col .links-with-desc a 
{
 color: #66FFFF;
 text-decoration: none;
}

/* TAGS STYLES */
div 
{
 border-color: red;
 border-width: 0px;
 border-style: solid;
}

/* debugging the layout divs */
p 
{
 margin-top: 3px;
 margin-bottom: 7px;
 margin-left: 5px;
 padding: 0;
}

a 
{
 color: #000000;
}

/* a { color:#D6640A; } */
a:hover 
{
 color: #FFCC99;
 text-decoration: underline;
}

img 
{
 padding: 2px;
 margin-left: auto;
 margin-right: auto;
 border-color: #6F7850;
 border-width: 0px;
 border-style: solid;
 display: block;
}

blockquote 
{
 margin: 1em;
 padding: .5em;
 border-top-color: #cccccc;
 border-top-width: 1px;
 border-top-style: solid;
 border-bottom-color: #cccccc;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 color: #FFDDCC;
}

blockquote p 
{
 margin: .2em;
}

/* IMAGE ALIGNMENT CLASSES */
.img-left 
{
 float: left;
 margin-left: 0;
 margin-right: 2em;
}

.img-right 
{
 float: right;
 margin-left: 2em;
 margin-right: 0;
}

.figcenter 
{
 margin: auto;
 text-align: center;
}

.midhead 
{
 margin-left: auto;
 margin-right: auto;
 width: 600px;
 padding-top: 2.5em;
 padding-right: 0;
 padding-bottom: 5em;
 padding-left: 0;
}

.lisp 
{
 padding-bottom: 1.5em;
}

.subl 
{
 list-style-type: disc;
}

/* TEXT HIGHLIGHTING CLASS */
.hl 
{
 color: #fba852;
}

/* CONTACT FORM PROPERTIES */
.contact 
{
 border-width: 2px;
 border-color: #000000;
 width: 67%;
 margin-left: auto;
 margin-right: auto;
}

.td1 
{
 background-color: #EDCC99;
}

.td2 
{
 background-color: #FFEECC;
}

.star 
{
 color: #ff0000;
}

.button 
{
 border-width: 0;
}

/* GASBUDDY CODE STARTS */

.gasbuddy_com_gadget 					
{
	background:url(http://images.gasbuddy.com/images/widgets/search_300x250/LongIsland.png) no-repeat;
} 

.gasbuddy_com_gadget a:visited	
{
 color:Black;
} 

.gasbuddy_com_gadget a:hover	
{
 text-decoration:underline;
 text-decoration:none;
} 

.gasbuddy_input_text 					
{
 border:solid 1px gray;
 padding:2px;
 height:19px;
 width:135px;
} 

.gasbuddy_input_form 					
{
	position:relative;
	z-index:10;
} 

.gasbuddy_input_text 					
{
 border:solid 1px gray;
 padding:2px;
 height:23px;
 width:135px;
}

/* GASBUDDY CODE ENDS */

/* WEB-STORE-BUDDY CODE BEGINS */

.addtobasket
{ 
   width: 110px;
   height: 28px;
   border-width: 0;
}   

.view_basket
{ 
   width: 110px;
   height: 28px;
   border-width: 0;
}      
   
.checkout 
{ 
   width: 110px;
   height: 28px;
   border-width: 0;
}      
   
/* WEB-STORE-BUDDY CODE ENDS */