body {
background-image:     url(/wp-content/uploads/fb_uploads/background.gif);
background-repeat: repeat;
background-position: center top;
text-align:center;
/*background-attachment: fixed;*/
  margin:0;
  padding:20px 20px;
 	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#CCCCCC;
  }
P, DIV, TD, BLOCKQUOTE {
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#CCCCCC;
}
form{margin:0;padding:0;}
A:ACTIVE{color:#FFFFFF;text-decoration:none;}
A:LINK{color:#FFFFFF;text-decoration:none;}
A:VISITED{color:#FFFFFF;text-decoration:none;}
A:HOVER{color:#CCCCCC;text-decoration:underline;}

/**Checkout Nav Table For Padding**/
.checkoutNav{
	height:30px;
}
/**TopBottom  Bar Styles **/
.TopBar{
background-image:     url(/kart_custom/topbar.gif);
background-repeat: repeat-x;
background-position: bottom;
	border-top: 0px solid ;
	border-right: 0px solid ;
	border-bottom: 0px solid ;
	border-left: 0px solid ;

font-size:11px;
	background-color:#222222;
	height:23;
	color:#FFFFFF;
}
A:ACTIVE.TopBarLink{color:#FFFFFF;text-decoration:none;}
A:LINK.TopBarLink{color:#FFFFFF;text-decoration:none;}
A:VISITED.TopBarLink{color:#FFFFFF;text-decoration:none;}
A:HOVER.TopBarLink{color:#CCCCCC;text-decoration:underline;}
.TopBarExpiration{
	font-size:11px;
	color:#CCCCCC;
}
.BottomBar{
background-image:     url(/kart_custom/topbar.gif);
background-repeat: repeat-x;
background-position: bottom;
	border-top: 0px solid ;
	border-right: 0px solid ;
	border-bottom: 0px solid ;
	border-left: 0px solid ;

font-size:11px;
background-color:#222222;
	height:25px;
text-align:center
}
A:ACTIVE.BottomBarLink{color:#ffffff;text-decoration:none;}
A:LINK.BottomBarLink{color:#ffffff;text-decoration:none;}
A:VISITED.BottomBarLink{color:#ffffff;text-decoration:none;}
A:HOVER.BottomBarLink{color:#CCCCCC;text-decoration:underline;}
/** BOX STYLES **/
.BoxFrame{background-color:#333333;}
.BoxHeader{
background-image:     url(/kart_custom/topbar.gif);
background-repeat: repeat-x;
background-position: bottom;
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	background-color:#333333;
	text-align:center;
	height:25px;
	color:#FFFFFF;
}
.BoxContent{
	font-family:verdana;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;
	background-color:#000000;
	color:#CCCCCC;
}
.BoxText{
	font-family:verdana;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	background-color:#000000;
	color:#CCCCCC;
}
A:ACTIVE.BoxLink{color:#FFFFFF;text-decoration:none;}
A:LINK.BoxLink{color:#FFFFFF;text-decoration:none;}
A:VISITED.BoxLink{color:#FFFFFF;text-decoration:none;}
A:HOVER.BoxLink{color:#CCCCCC;text-decoration:underline;}

/** PAGE HEADER AND NAVIGATION					**/
.PageHeader{
	font-family:verdana;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	background-color:#000000;
	text-align:left;
	padding:2px;
	padding-left:6px;
	height:20px;
	color:#FFFFFF;
}
.PageNavigation{
	font-family:verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	background-color:#000000;
	text-align:left;padding:3px;
	color:#FFFFFF;
}

/** CATALOG ITEMS				 				**/
.CatalogNavigation{
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	background-color:#333333;
	color:#FFFFFF;
}
.CatalogItemDark{
	font-family:verdana;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	background-color:#666666;
	padding:4px;
	color:#CCCCCC;
}
.CatalogItemLight{
	font-family:verdana;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	background-color:#000000;
	padding:4px;
	color:#999999;
}

/** FORMS										**/
.FormHeader{
        background-image:     url(/kart_custom/topbar.gif);
background-repeat: repeat-x;
background-position: bottom;
	border-top: 0px solid ;
	border-right: 0px solid ;
	border-bottom: 0px solid ;
	border-left: 0px solid ;
	font-family:verdana;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	/*background-color:#000000;*/
	padding:4px;
	color:#FFFFFF;
}
.FormItems{
	font-family:;
	font-size:;
	font-style:;
	font-weight:;
	background-color:#000000;
	padding:2px;
	color:#CCCCCC;
}
.FormSeparator{
background-image:     url(/kart_custom/topbar.gif);
background-repeat: repeat-x;
background-position: bottom;
	border-top: 1px solid ;
	border-right: 1px solid ;
	border-bottom: 1px solid ;
	border-left: 1px solid ;

	font-family:;
	font-size:;
	font-style:;
	font-weight:;
	background-color:#000000;
	padding:6px;
	color:#FFFFFF;
}
.FormInputText{
	font-family:arial;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	width:150px;color:#666666;
}
.FormInputSelect{
	font-family:arial;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	width:150px;
	color:#666666;
}
.FormRemark{
	font-family:verdana;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	color:#000000;	
}
.ProductSubtitle{
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
}

/** MENUS										**/	


.m0l0iout {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
	padding: 4px;
	color: ;
}
.m0l0iover {
	font-size: 11px;
	text-decoration: underline;
	padding: 4px;
	color: #FFFFFF;
}

.m0l0oout {
	text-decoration : none;
	border : 1px solid ;
	background: ;
}
.m0l0oover {
	text-decoration : none;
	border : 1px solid ;
	background: #000000;
}
/* level 1 inner */
.m0l1iout {
	font-size: 10px;
	text-decoration: none;
	padding: 4px;
	color: ;
}
.m0l1iover {
	font-size: 10px;
	text-decoration : undeline;
	padding: 4px;
	color: ;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	border : 1px solid ;
	background: ;
}
.m0l1oover {
	text-decoration : undeline;
	border : 1px solid ;
	background: ;
}

/* level 1 inner */
.m0l2iout {
	font-size: 10px;
	text-decoration: none;
	padding: 4px;
	color: ;
}
.m0l2iover {
	font-size: 10px;
	text-decoration : undeline;
	padding: 4px;
	color: ;
}

/* level 1 outer */
.m0l2oout {
	text-decoration : none;
	border : 1px solid ;
	background: ;
}
.m0l2oover {
	text-decoration : undeline;
	border : 1px solid ;
	background: ;
}
/* Details for index.php index.tpl */
.Details{font-size:11px;color:#FFFFFF;}
.Details A:link {color:#FFFFFF;font-weight:normal;text-decoration:none;}
.Details A:visited {color:#FFFFFF;font-weight:normal;text-decoration:none;}
.Details A:active {color:#FFFFFF;font-weight:normal;text-decoration:none;}
.Details A:hover {color:#CCCCCC;font-weight:normal;text-decoration:underline;}

/* Image Styling	*/
.kartImage{margin: auto;padding: 3px;border: solid 0px #FFFFFF;}
.kartImage a img{padding: 3px;border: 1px solid #666666;} 
.kartImage a:hover img {padding: 3px;border: 1px solid #FFFFFF; } 
/* Thumbnail Styling */
.thumbnail{margin: auto;padding: 3px;border: solid 0px #FFFFFF;}
.thumbnail a img{padding: 3px;border: 1px solid #999999;} 
.thumbnail a:hover img {padding: 3px;border: 1px solid #666666; } 
/*Company Phone & Email Styling*/
.Company{
font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-align:right;
	color:#FFFFFF;
}
.Company A:link {color:#FFFFFF;font-weight:normal;text-decoration:none;}
.Company A:visited {color:#FFFFFF;font-weight:normal;text-decoration:none;}
.Company A:active {color:#FFFFFF;font-weight:normal;text-decoration:none;}
.Company A:hover {color:#CCCCCC;font-weight:normal;text-decoration:underline;}
/*NavBar*/
.NavBar{
background-color: ;
font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-align:right;
	color:#CCCCCC;
}
.NavBarLink A:link {color:#FFFFFF;font-weight:bold;text-decoration:none;}
.NavBarLink A:visited {color:#FFFFFF;font-weight:bold;text-decoration:none;}
.NavBarLink A:active {color:#FFFFFF;font-weight:bold;text-decoration:none;}
.NavBarLink A:hover {color:;font-weight:bold;text-decoration:underline;}


/*Skooks Kart Link & Admin */
.sk{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	color:#666666;
}
.sk A:link {color:#666666;font-weight:normal;text-decoration:none;}
.sk A:visited {color:#666666;font-weight:normal;text-decoration:none;}
.sk A:active {color:#666666;font-weight:normal;text-decoration:none;}
.sk A:hover {color:#666666;font-weight:normal;text-decoration:underline;}
/*Thumbnail Text Styling*/
.thumbnailText{
font-family:verdana;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	color:#666666;
}
/*Styling for the top tables */
.tTop {
	/*background-color: ;*/
	border-top: 0px solid ;
	border-bottom: 0px solid ;
	border-right: 0px solid ;
	border-left: 0px solid ;
}
.tMain {
background-image:     url(/back.png);
background-repeat: repeat;
background-position: center top;
	/*background-color: ;*/
	border-top: 0px solid ;
	border-right: 0px solid ;
	border-bottom: 0px solid ;
	border-left: 0px solid ;
}

/*There are additional unused color codes 1 - 7 of the following #ColorCustom1# #ColorCustom1Link# #ColorCustom1Hover#*/
/* drop-down menu */

#whoIsContent {
	layer-background-color:#222222;
	font:10.5px Verdana, Geneva, sans-serif;
    /*border : 1px solid none;*/
	background-color:#222222;
	color: #FFFFFF;
}
#whoIsContainer{
}
.menu {}
.menu .options {
	margin-top:-5px;
	margin-left:-4px;
	margin-right:5px;
	margin-bottom:1px;
}

/*
.menu a, .menu a:visited, .menu a:active {
	font:11px Verdana, Geneva, sans-serif;
	text-decoration:none;
	color: #000000;
	line-height: 1.5;
}
.menu a:hover {
	color: #CCCCCC;
	text-decoration:underline;
}
*/

a.TopBarDropDownBarLink, a.TopBarDropDownBarLink:visited, a.TopBarDropDownBarLink:active {
	font:11px Verdana, Geneva, sans-serif;
	text-decoration:none;
	color: #000000;
	line-height: 1.5;	
}
a.TopBarDropDownBarLink:hover {
	color: #CCCCCC;
	text-decoration:underline;
}

/* end drop-down menu */
/*Message Window  */
a.MessageBoxLink:link, a.MessageBoxLink:visited, a.MessageBoxLink:active {
	font:11px Verdana, Geneva, sans-serif;
	color: #ffffff;
	text-decoration:none;
}
a.MessageBoxLink:hover {
	color: #CCCCCC;
	text-decoration:underline;
}
/* Normalize */html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


#branding { position: fixed; top: 0; left: 0; height: 85px; width: 100%; text-align: left; background: url(/wp-content/themes/flaunt_books/custom/styles/images/bg_header.png) bottom; z-index: 100; }

#branding h6 { position: absolute; top: 15px; left: 40px; width: 159px; height: 65px; overflow: hidden; text-indent: -9000px; background: url(/wp-content/themes/flaunt_books/custom/styles/images/clayton_jenkins.png) no-repeat; }
	#branding h6 a { display: block; width: 100%; height: 100%; } 
	
#navi, #util { position: absolute; top: 32px; left: 230px; font-family: "atrement-web-1", "atrement-web-2", Arial, Helvetica, sans-serif; font-size: 20px; letter-spacing: 0.05em; text-transform: uppercase; }
	#navi li, #util li { position: relative; float: left; }
	#navi a, #util a { color: #999; display: block; float: left; padding: 0px 13px; text-decoration: none; outline:none; }
		#navi a:hover, #navi a.active, #util a:hover { color: #fff; }

#navi li ul { display: none; float: left; }

div.subnav-wrapper { float: left; height: 26px; }
#navi li ul, #navi li.expanded ul { display: inline-block; font-size: 16px; padding: 0; }
	#navi li ul li { margin-right: 10px; }    
	#navi li ul a { color: #ccc; padding: 5px 0; }
		#navi li ul a:hover, #navi li ul a.active { color: #fff; }

div.subnav-wrapper { width: 1px; overflow: hidden; }
#navi li.expanded div.subnav-wrapper { width: auto; }

#navi table { float: left; font-size: 16px; height: 16px; line-height: 1; margin-top: -3px; padding: 0 5px; }
	#navi table td { padding-right: 10px; vertical-align: middle; }
	#navi table a { color: #ccc; display: block; padding: 5px 0; }

/*
#navi li.expanded ul { position: absolute; top: 20px; left: 8px; display: block; font-size: 16px; min-width: 400px; padding: 8px 0 10px; }
	#navi li ul li { float: left; margin-right: 10px; }    
	#navi li ul a { color: #ccc; display: block; float: left; padding: 5px; }
		#navi li ul a:hover, #navi li ul a.active { color: #fff; }
*/

#sidenav { position: absolute; right: 0; top: 0; height: 85px; width: 305px; background: url(/wp-content/themes/flaunt_books/custom/styles/images/bg_nav_side.png) repeat-x bottom; }
	#sidenav h5 { position: absolute; top: 10px; right: 20px; color: #555; font-size: 10px; text-transform: uppercase; }

div.dotdiv { position: absolute; left: -1px; top: 0; height: 85px; width: 1px; background: url(/wp-content/themes/flaunt_books/custom/styles/images/bg_dot.png) repeat-y; }

#util { left: 30px; }
	
#page { position: relative; width: 900px; border: 1px solid #999; color: #999; margin: 150px auto 30px; padding: 18px 18px 0; text-align: left; }
#page p { font-size: 12px; line-height: 18px; padding-bottom: 18px; }