

A.menu:link {
    COLOR: #767981;
    TEXT-DECORATION: none;
    vertical-align : middle;
  }


A.menu:active {
    COLOR: #767981;
    TEXT-DECORATION: none;
    vertical-align : middle;
  }


A.menu:visited {
    COLOR: #767981;
    TEXT-DECORATION: none;
    vertical-align : middle;
  }


A.menu:hover {
    COLOR: #CC0000;
    TEXT-DECORATION: none;
    vertical-align : middle;
  }


TD.menu {
    FONT-SIZE: 10px;
    COLOR: #767981;
    FONT-FAMILY: Tahoma,Verdana,Arial;
    text-transform: uppercase;
    vertical-align : middle;
  }


DIV.menu {
    FONT-SIZE: 11px;
    COLOR: #767981;
    FONT-FAMILY: Tahoma,Verdana,Arial;
    text-transform: uppercase;
    vertical-align : middle;
  }


A:link {
    color: #0000DD;
    text-decoration: none;
  }


A:visited {
    color: #3344dd;
    text-decoration: none;
  }


A:active {
    color: #CC0000;
    text-decoration: none;
  }


A:hover {
    color: #000066;
    text-decoration: none;
  }


TD {
    font-size: 12px;
    font-family : Verdana;
  }


P {
    font-size: 12px;
    font-family : Verdana;
  }


TD.smaller {
    font-size: 11px;
    font-family : Verdana;
    color : #000000;
  }


P.smaller {
    font-size: 11px;
    font-family : Verdana;
    color : #000000;
  }


HR {
    color : #767981;
    height : 1px;
  }


P.catname {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 4px;
    vertical-align:top;
    text-align: left;
  }


P.catdesc {
    margin-top: 0px;
    margin-bottom: 4px;
    vertical-align:top;
  }


IMG.catimage {
    border:0px;
    border-thickness: 1px;
    border-color: #000;
    border-style: solid;
    vertical-align:top;
  }


TD.catimage {
    vertical-align:top;
  }


TD.catname {
    vertical-align:top;
    text-align: left;
  }


TD.catnavigation {
    vertical-align:middle;
    text-align: left;
  }


.bluecontents {
    color : #0a8cad;
  }

.bluelarge {
    color : #0a8cad;
    FONT-SIZE: 12px;
    FONT-FAMILY: Tahoma,Verdana,Arial;
   }

.quote {
color : #898989;
margin-right : 15px;
margin-left : 15px;
font-style : italic;
}

.leftfloat {
position: relative;
 float: left;
 width: 90%;
 padding: 10px 10px 10px 10px;
}

.rightfloat {
position: relative;
width: 200px;
float: right; 
padding: 0px 0px 10px 10px;
border: 1px dashed #999999;
}

#wrapper {
position:relative;
}

#leftpane {
float: left;
width: 230px;
padding: 0px 30px 0px 40px;
}


#smallerleftpane {
float: left;
width: 220px;
padding: 0px 30px 0px 40px;
}

#rightpane {
float:left;
width:230px;
padding: 0px 0px 0px 30px;
}

#largerrightpane {
float:left;
width:320px;
padding: 0px 0px 0px 30px;
}

.ignorantimage {
   clear:both;
   border: 0;
}

.pricefix {
   font-size: 18pt;
}

#iframestyle {
   border:0px;
   border-width:0px;
   border-color:#FFFFFF;
}

#mainbodyoftext {
   padding: 20px 20px;
}

.imageborder {
border:1px solid #ADADAE;
padding:5px;
background-color:#ffffff;
margin:5px 5px 5px 5px;
}

.bookbla { 
	margin: 10px 10px 10px 0;
	background-color:#F0F0F2;
	border:1px solid #989898;
}

.imgLeft {
	float: left; 
	margin: 10px 10px 10px 0;
}

.imgRight {
	float: right; 
	margin: 0px 0px 10px 10px;
}

.red {
	color:#990000;
}

.gold{
	color:#F0E43C;
}

.oatblue{
	color:#1F1085;
}

.unavailable {
border: 1px dashed #ffffff; 
background: #FF0000 none repeat scroll 0%; 
width: 93%; 
-moz-background-clip: -moz-initial; 
-moz-background-origin: -moz-initial; 
-moz-background-inline-policy:  -moz-initial;
padding:5px;
margin:5px 5px 5px 5px;
color:#FFFFFF;
text-align:center;
}

#message {
	clear:both;
	background-color:#F6EBE5;
	border: 1px dashed #7F7554;
	padding:8px 8px 6px 8px;	
}

#message div.title {
	font-size:1.2em;
	color:#900;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}

/*exemple of use
<div id="message">
	<div class="title">This is my title for the message or warning </div>
	<p>This is a message, this could be a warning, include all your text here.</p><br />
</div>
*/

h1.tc{
  font-size:2em;
  color:#26148C;
}

h2.tc{
  font-size:1.5em;
  color:#8687A8;
}

h1.tcsmall{
FONT-FAMILY: Tahoma,Verdana,Arial;
  font-size:1em;
  color:#26148C;
}

h2.tcsmall{
FONT-FAMILY: Tahoma,Verdana,Arial;
  font-size:0.8em;
  color:#006699;
}

p.tcsmall{
  font-size:0.6em;
}


/* --------------------------------- Krazy corners ----------------------------------- */

/* Inset 3D Raised */
.raised {background: transparent; width:100%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:1.5em; color:#fff;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}


/* Inset 3D Curved */
.inset {background: transparent; width:40%; margin:0 auto;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:1.5em; color:#fff;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}

/* Chamfer Borders*/
.chamfer {background: transparent; width:40%; margin:0 auto;}
.chamfer h1, .chamfer p {margin:0 10px;}
.chamfer h1 {font-size:1.5em; color:#000;}
.chamfer p {padding-bottom:0.5em;}

.chamfer .top, .chamfer .bottom {display:block; background:transparent; font-size:1px;}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 {display:block; overflow:hidden; height:1px; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}
.chamfer .b1 {margin:0 5px; background:#000;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}

.chamfer .boxcontent {display:block; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}

/* Square cutout Borders*/
.square {background: transparent; width:40%; margin:0 auto;}
.square h1, .square p {margin:0 10px;}
.square h1 {font-size:1.5em; color:#00c;}
.square p {padding-bottom:0.5em;}

.square .top, .square .bottom {display:block; background:transparent; font-size:1px;}
.square .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c; border-top:1px solid #00c;}
.square .b2 {display:block; height:1px; margin:0; background:#9ce; border-left:7px solid #00c; border-right:7px solid #00c; overflow:hidden;}
.square .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c; border-bottom:1px solid #00c;}

.square .boxcontent {display:block; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c;}

/* Curved cutout Borders*/
.curved {background: transparent; width:90%; margin:0 auto;}
.curved h1, .curved p {margin:0 10px;}
.curved h1 {font-size:1.5em; color:#006AC8;}
.curved p {padding-bottom:0.5em;}

.curved .top, .curved .bottom {display:block; background:transparent; font-size:1px;}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px;}
.curved .b2, .curved .b3, .curved .b4 {background:#fff; border-left:1px solid #006AC8; border-right:1px solid #006AC8;}
.curved .b1 {margin:0 4px; background:#006AC8;}
.curved .b2 {margin:0 4px; height:2px;}
.curved .b3 {margin:0 3px;}
.curved .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}

.curved .boxcontent {display:block; background:#fff; border:0 solid #006AC8; border-width:0 1px; padding: 5px;}

/* flared serif */
.serif {background: transparent; width:40%; margin:0 auto;}
.serif h1, .serif p {margin:0 10px;}
.serif h1 {font-size:1.5em; color:#fff;}
.serif p {padding-bottom:0.5em;}

.serif .top, .serif .bottom {display:block; background:transparent; font-size:1px;}
.serif .b1, .serif .b2, .serif .b3, .serif .b4 {display:block; overflow:hidden;}
.serif .b1, .serif .b2, .serif .b3 {height:1px;}
.serif .b2, .serif .b3 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}
.serif .b4 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}

.serif .b1 {margin:0; background:#fff;}
.serif .b2 {margin:0 1px; border-width:0 2px;}
.serif .b3 {margin:0 3px;}
.serif .b4 {height:2px; margin:0 4px;}

.serif .boxcontent {display:block;  background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}

/* Pillar type */
.pillar {background: transparent; width:40%; margin:0 auto;}
.pillar h1, .pillar p {margin:0 10px;}
.pillar h1 {font-size:1.5em; color:#fff;}
.pillar p {padding-bottom:0.5em;}

.pillar .top, .pillar .bottom {display:block; background:transparent; font-size:1px;}
.pillar .b1, .pillar .b2, .pillar .b3, .pillar .b4 {display:block; overflow:hidden;}
.pillar .b1, .pillar .b2, .pillar .b4 {height:1px;}
.pillar .b2, .pillar .b3 {background:#d66; border-left:1px solid #fff; border-right:1px solid #fff;}
.pillar .b4 {background:#d66; border-left:4px solid #fff; border-right:4px solid #fff;}

.pillar .b1 {margin:0 2px; background:#fff;}
.pillar .b2 {margin:0 1px; border-width:0 1px;}
.pillar .b3 {height:2px; margin:0;}
.pillar .b4 {margin:0 2px;}

.pillar .boxcontent {display:block; background:#d66; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}


/* Barrel cutout Borders*/
.barrel {background: transparent; width:40%; margin:0 auto;}
.barrel h1, .barrel p {margin:0 10px;}
.barrel h1 {font-size:1.5em; color:#fff;}
.barrel p {padding-bottom:0.5em;}

.barrel .top, .barrel .bottom {display:block; background:transparent; font-size:1px;}
.barrel .b1, .barrel .b2, .barrel .b3, .barrel .b4, .barrel .b5 {display:block; overflow:hidden; height:1px; background:#e0cea3;}
.barrel .b1 {border-left:10px solid #dfd5c0; border-right:10px solid #dfd5c0;}
.barrel .b2 {border-left:5px solid #dfd5c0; border-right:5px solid #dfd5c0;}
.barrel .b3 {border-left:3px solid #dfd5c0; border-right:3px solid #dfd5c0;}
.barrel .b4 {border-left:2px solid #dfd5c0; border-right:2px solid #dfd5c0;}
.barrel .b5 {border-left:1px solid #dfd5c0; border-right:1px solid #dfd5c0;}
.barrel .b1 {margin:0 33%;}
.barrel .b2 {margin:0 20%;}
.barrel .b3 {margin:0 12%;}
.barrel .b4 {margin:0 5%;}
.barrel .b5 {margin:0 1px;}

.barrel .boxcontent {display:block; background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #999;}

.bluetext {
	color: 006AC8;
}

/* ---------------------------- end of Krazy corners -------------------------- */
