/* minimize paddings and margins*/
/* { margin: 0px; padding: 0px; } */


/* main body */
body { color: #333; font-size: 12px; font-family: Arial, Helvetica, SunSans-Regular; margin-top: 0; padding-top: 0; background-color: #000000; background-image: url(../menus/pattern_front.jpg); }

/* Standard items */

p, td            { font-size: 12px; line-height: 18px; margin-bottom: 16px; } 
input            { font-size: 12px; line-height: 18px; margin-bottom: 16px; } 
textarea  { font-size: 12px; line-height: 18px; margin-bottom: 16px; } 

/* Titles */

.title_main          { color: #990000; font-size: 18px; font-weight: bold; line-height: 18px; } 
.title_sub           { color: #996633; font-size: 16px; font-weight: bold; line-height: 14px; } 
.title_small           { color: #990000; font-size: 14px; font-weight: bold; line-height: 16px; }

.title_category          { padding-left: 40px; font-size: 14px; line-height: 14px; font-weight: bold;  } 
.title_category_sub          { padding-left: 40px; font-size: 12px; line-height: 12px; font-weight: normal;  } 
 


/* Content areas */


.left_column          { margin-left: 0px; text-align: center; line-height: 18px; font-size: 12px; color: #FFFFFF; } 
.right_column          { margin-left: 40px; margin-right: 30px; } 




.comment          { text-align: center; line-height: 14px; font-size: 12px; color: #FFFFFF; } 
.comment_sub      { text-align: center; line-height: 14px; font-size: 12px; color: #999999; font-style: italic; } 
.comment_main     {color: #666666}
.comment_grey          { text-align: center; line-height: 14px; font-size: 12px; color: #999999 } 



.cart { float: right; }
.titlebox { float: left; }
.clearthefloats { clear: both; }




/* Navigation*/

a:link              { color: #990000; font-weight: bold; text-decoration: none }       
a:visited           { color: #996600; font-weight: bold; text-decoration: none }      
a:hover             { color: #FF3300; font-weight: bold; text-decoration: none }       

/* Main Navigation*/

.menu { font-weight: bold; margin-right: 2px; padding-right: 2px; padding-left: 6px; padding-top: 4px; padding-bottom: 4px; line-height: 28px; border-top-width: 1px; border-right-width: 3px; border-bottom-width: 1px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFCC99; border-right-color: #663333; border-bottom-color: #000000; border-left-color: #FF9933; }

a.menu:link         { color: #FFCC00; background-color: #993300; text-decoration: none;} 
a.menu:visited      { color: #FF6600; background-color: #993300; text-decoration: none;} 
a.menu:hover        { color: #FFFFFF; background-color: #FF9900; text-decoration: none;} 


a.booklist:link         { color: #FFCC00; text-decoration: none; } 
a.booklist:visited      { color: #FF6600; text-decoration: none; } 
a.booklist:hover        { color: #FFFFFF; text-decoration: none; } 



a.moving:link         { color: #ffffff; text-decoration: none;font-size: 16px; font-weight: bold; line-height: 14px; } 
a.moving:visited      { color: #ffffff; text-decoration: none;font-size: 16px; font-weight: bold; line-height: 14px; } 
a.moving:hover        { color: #996633; text-decoration: none;font-size: 16px; font-weight: bold; line-height: 14px; } 



.review { padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }
a.review:link         { color: #FFFF33; background-color: #CC6600; } 
a.review:visited      { color: #FF9900; background-color: #CC6600; } 
a.review:hover        { color: #FFFFFF; background-color: #CC6600; } 





/* Book Category Navigation*/

#navcontainer { margin-left: 12px; margin-right: 18px; text-align: center; }
#navcontainer ul { margin-left: 0; padding-left: 0; list-style-type: none; }
#navcontainer li { font-weight: bold; font-size: 14px; text-decoration: none; text-align:center; display: block; margin: 0px; line-height: 22px; }
#navcontainer a { 
display: block; 
padding: 0px; 
width: 100%; 
color: #FFFFFF; 
background-color: #663300; 
margin-bottom: 8px; 

border-top-width: 1px; 
border-top-style: solid; 
border-top-color: #996666; 

border-bottom-width: 1px; 
border-bottom-style: solid; 
border-bottom-color: #333333; 

border-right-width: 3px; 
border-right-style: solid; 
border-right-color: #996600; 

border-left-width: 3px; 
border-left-style: solid; 
border-left-color: #000000; }

#navcontainer a:link, #navlist  { color: #FFF; text-decoration: none; }
#navcontainer  a:visited { color: #FFCC66; text-decoration: none; }
#navcontainer a:hover { background-color: #FF6600; color: #FFFFFF; }





/* Table Backgrounds */

td.sidebar { background-image: url(../menus/sidebar_fill.jpg); }
td.content { background-image: url(../menus/pattern_front.jpg); }

/* Signoff */

.signoff_grey     { color: #999; font-size: 10px; font-weight: bold; } 

a.signoff          { color: #666; font-size: 10px; font-weight: normal; text-decoration: none;  }       
a.signoff:visited  { color: #999; font-size: 10px; font-weight: normal; text-decoration: none;  }       
a.signoff:hover    { color: #FFFFFF; font-size: 10px; font-weight: normal; text-decoration: none;  }   

.tiny         { color: #000; font-size: 10px; } 
.tinywht      { color: #fff; font-size: 10px; } 
.tinygrey     { color: #999; font-size: 10px; } 
.white        { color: #fff; font-size: 12px; }


/* Image aligns */

img.right { margin-left: 10px; }
img.left  { margin-right: 10px; }
img.made_in_canada { margin-right: 40px; }
img { border: none;}

/* Switch content */
.handcursor{ cursor:hand; cursor:pointer; }
h5 { font-size: 12px; line-height: 18px; margin-bottom: 16px; font-weight: bold; } 



/* EDITOR Boxes *********************************************************/

.control_container { width: 100%; height: 100%; min-height: 100%; margin: 0px; background-color: #ffffff; background-image: none;  }
.control_body { color: #000000; font-size: 12px; font-family: Arial, Helvetica, SunSans-Regular; margin-top: 0; padding-top: 0; background-color: #ffffff; background-image: none; }


.mceContentBody textarea { background-color: #ffffff; background-image: url(../menus/pattern_front.jpg); }

.editor_title          { color: #003399; font-size: 18px; font-weight: bold; line-height: 18px; } 



#buffer { margin: 10px; }
.editor_box { width: 90%; padding: 14px; border: solid 4px #717171;  }
.WOG_banner { color: #fff; font-size: 14px; font-weight: bold; line-height: 14px; background-color: #006; margin-top: 8px; margin-bottom: 2px; padding-top: 0; padding-bottom: 8px; border-top: 3px solid #996; border-bottom: 3px solid #996; }
.editbutton { color: #fff; font-size: 9px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: 8px; background-color: #174db5; text-decoration: none; margin-bottom: 0px; padding-right: 2px; padding-bottom: 1px; padding-left: 4px; border-color: #69f #039 #000 #69f; border-style: solid; border-width: 1px; }

a.boxlink:link {  color: #fff; font-weight: bold; background-color: #ff001b; padding: 4px 8px; }
a.boxlink:visited { color: #ffeec1; font-weight: bold; background-color: #ff001b; padding: 4px 8px; }
a.boxlink:active { color: #ffff12; font-weight: bold; background-color: #ff6d15; padding: 4px 8px; }
a.boxlink:hover { color: #ffff12; font-weight: bold; background-color: #ff5418; text-decoration: none; padding: 4px 8px; }


/* EDITOR TEXT *********************************************************/

.editor_head { font-size: 16px; font-family: "Arial Black", "LB Helvetica Black"; line-height: 16px; margin-bottom: 0; padding-bottom: 0; }
.editor_sub { font-size: 12px; font-family: "Arial Black", "LB Helvetica Black"; line-height: 16px; }
a.button:link          { color: #fff; font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 14px; background-color: #039; padding: 4px; border: solid 2px #06c; } 
a.button:visited     { color: #fff; font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 14px; background-color: #039; padding: 4px; border: solid 2px #06c; }  
a.button:hover     { color: #fff; font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 14px; background-color: #6cf; padding: 4px; border: solid 2px #06c; }  

a.formbutton:link          { color: #fff; font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 14px; background-color: #c33; padding: 4px; } 
a.formbutton:visited     { color: #fff; font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 14px; background-color: #c33; padding: 4px; }  
a.formbutton:hover     { color: #fff; font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 14px; background-color: #fc0; padding: 4px; }