@import url("style_forms.css");

/* BEGIN Shop.css tags */

* { -moz-box-sizing: border-box; 
}

body{
	background: #FFFFFF;
	color: #000000;
	margin : 0px 0px 0px 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size : 12px;
	line-height: 15px;
}

form{
 margin : 0px 0px 0px;
}


h1{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	font-weight : bold;
	color: #000398;
}

h2{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color: #000000;
}

h3{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color: #000398;
}

/*  END Shop tags  */

/*  Style added to keep content from going off page in shop sites
    div goes in shop_pageheader with close in shop_pagetrailer.  */
#TMmain-content {
	width:inherit;
	margin-left:15px;
	margin-right:15px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: inherit;
	color: inherit;
}

/*  Design Colors - Normally Set the col1TD to the same as the maint PgTitle1 color if both dark  */

.Col1TD {
   background-color : #26AAFC;
   color: inherit; 
} 
.Col2TD {
   background-color : #003399; 
   color: inherit;
} 
.Col3TD {
   border-top: 0px #000000 solid;
   background-color : #003399; 
   color: inherit;
} 

/* TM Left Menu Styles */

.TMmenuhdr {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color : #003399;
	color : #FFFFFF;
	font-size : 12px;
	font-weight : bold;
	padding : 2px 0px 2px 3px;
	text-align : left;
	border-top : 0px dashed #D79999;
	border-left : 0px dashed #D79999;
	border-right : 0px dashed #D79999;
	border-bottom : 0px dashed #D79999;
	background-image: url('../images/header/topbg.jpg'); 
	background-position: top right;	
	background-repeat: repeat-x;
	/* display:none; */
}

.TMdashed {
	border-left : 1px solid #003399;
	border-right : 1px solid #003399;
	border-bottom : 1px solid #003399;
	background-color : #A4DCFF;
	color:inherit;
}

.TMleftnavcell {
	background-color: #A4DCFF;
	color: #C81E1E;
	padding:0;
	margin:0px 0px 0px 4px;
	width: 156px;
}

.TMleftmenumain a {
	border-top : 0px solid #2B552B;
	display: block;
}

.TMleftmenumain {
	background-color: #A4DCFF;
	color: #990000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

.TMleftmenumain a:link {
	background-color:inherit;
	color: #990000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-top: 1px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}

.TMleftmenumain a:visited {
	background-color:inherit;
	color: #990000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-top: 1px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}

.TMleftmenumain a:hover {
	background-color: #85CFFE;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-top: 1px;
	text-align: left;
	text-decoration: none;
	width: 100%;
	background-image: url('../images/header/menu_hover_bg.gif');
	background-repeat: repeat-y;
}

.TMleftmenumain a:active {
	background-color:inherit;
	color: #333333;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-top: 1px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}

.TMleftmenumain-search {
	background-color: inherit;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.TMleftmenumain-advanced {
	background-color: inherit;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	margin: -15px 0px 0px 0px;
}


.TMcartminilinks {
	background-color:inherit;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-top: 1px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}

/* Shop Breadcrumb styles */

.TMbreadcrumb {
	font-size: 10px;
	white-space: normal;
	text-align: left;
	color: #000000;
	background-color: inherit;
	text-decoration: none;
	margin: 0px 6px 0px 6px;
}

.TMbreadcrumb a:link {
	color: #990000;
	background-color: inherit;
	text-decoration: none;
}

.TMbreadcrumb a:visited {
	color: #990000;
	background-color: inherit;
	text-decoration: none;
}

.TMbreadcrumb a:hover {
	color: #E40000;
	background-color: inherit;
	text-decoration: none;
}

/* Navigation Page Title color */
.TMtitle {
   font-size : 20px; 
   color : #002981; 
   background-color: inherit;
   font-weight : bold; 
   font-style: italic;
   font-family: inherit;
   line-height : 1.25em; 
   text-align: center;
   float: right;
   margin-top: 15px;
   margin-right: 300px; /* might need 50xp */
   padding-right:3px;
   height:1.5em; 
   /* Filter: Shadow(Color=#004EE4, Direction=135); */
   white-space: nowrap;
   border: 0px solid yellow;
} 

.TMtitleadmin {
	font-size:10px;
	font-weight:bold;
	line-height:normal;
	font-style:normal;
}

.SmallTxt {
	color: #000000;
	background-color: inherit;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.25em;
}

.SmallTxt1 {
	color: #003399;
	background-color: inherit;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.25em;
}

.SmallTxt2 {
	color: #990D00;
	background-color: inherit;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.25em;
}

.SmallTxt3 {
	color: #0060CF;
	background-color: inherit;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.25em;
}

a:link
{
	color: #A40300;
	background-color: inherit;
	text-decoration: none;
}

a:visited
{
	color: #A40300;
	background-color: inherit;
	text-decoration: none;
}

a:hover
{
	color: #F00300;
	background-color: inherit;
	text-decoration: none;
}

/*   ********** Opt1 & Opt2 Hover effects and colors - Set this one to look good on your normal background       */ 
/* and near your primary dark color and your above main link colors on your primary dark color.          ******* */ 

a.Opt1:link {
	color: #003399;
	background-color: inherit;
	text-decoration: none;
}

a.Opt1:visited {
	color: #003399;
	background-color: inherit;
	text-decoration: none;
}

a.Opt1:hover {
	color: #1C86FF;
	background-color: inherit;
	text-decoration: none;
}

a.Opt2:link {
	color: #ffffff;
	background-color: inherit;
	text-decoration: none;
}

a.Opt2:visited {
	color: #ffffff;
	background-color: inherit;
	text-decoration: none;
}

a.Opt2:hover {
	color: #ffff99;
	background-color: inherit;
	text-decoration: none;
}

/*  ****  02/16/08  This is CSS Design Styles for : ApexSecurity Systems/Theme Magic.  ****  */  
/* Copyright 2004 - 2008 - All Rights Reserved - Thierry Koblentz - www.TJKDesign.com */

#TMouter_wrapper {
 	/* because "min-width" is not supported by IE, these pages use a script from PVII */
	/* min-width:740px; */
	/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
	/* width:100%;  */
	/* faux-column technique, this is the left one */
	/* background: url() repeat-y left; */
}

#TMwrapper {
	/* faux-column technique, this is the right one */
	/* background:url() repeat-y right; */
}

/* 
#TMheaderbox {
	background-image: url('../images/header/bg_nav.gif'); 
	background-repeat: no-repeat; 
	background-position:right;
	background-color: #26AAFC; 
    border: 0px solid #003399;
    border-bottom: 0x solid #FFFF00;
}
*/

#TMheaderbg2 {
    border: 0px solid #FFFF00;
    background-image: url('../images/header/navbg2.gif'); 
    background-repeat: no-repeat;
	background-position:right;
	
	height:135px;
	width:100%;
}

#TMheader {


	border: 0px solid #b0b0b0;
	/* */
	background-image: url('../images/header/navbg.jpg'); 
	background-repeat: repeat-x;
	background-position: 0px;
	background-color: #26AAFC;  
	color: inherit;
	height: 107px;
	/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */;
	width: 100%; 
	/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */;
	margin: 0px 0px;
	white-space:nowrap;
	border: 0px Gray solid;
	/*  overflow:hidden; - Turned out this was not needed to fix logo2 wrapping down below logo when fully compressed. */
}



#TMcontainer {
	width:100%;
	/* IE doubles the margins on floats, this takes care of the problem */
	display:block;
	/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
	clear: both;
}

#TMleft {

/* IE doubles the margins on floats, this takes care of the problem */
margin-left:5px;
}

#TMmain {
	margin:0;
	color: inherit;
	background-color: #FFFFFF;
	border-top: 0px #003399 solid;
	border-left: 0px #003399 solid;
	border-bottom: 0px #003399 solid;
	border-right: 0px #003399 solid;
	padding: 0px 20px 0px 20px;

}

/* good to know: if #TMsidebar is to be shorter than #TMmain, then there is no need for this rule */

#TMsidebar {
	margin: 0px 0px 0px 0px;
}

#TMsidebar p {
	/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #TMheader, but using a different fix) */
	position:relative;
}

#TMfooter {
	/* see #TMouter_wrapper  */
	width:100%;
	/* this is to clear #TMcontainer */
	clear:both;
	background-color: inherit;
	color: inherit;
	margin: 10px 0px 10px 0px;
}

/* this is the class that is applied to 2 structural hacks in the markup. 
   The first "meaningless" element is used to clear #TMleft in NN6 and the 
   last one is used to clear #TMcontainer in NN4 */

.TMclearing {
	height:0;
	clear:both;
}


/*  My Stuff This first class is applied to the background of the page via the body tag... 
    so that the editor will still have white I hope. Or I'll have to add a div perhaps. */

.TMbackground {
	margin: 0px;
	background-color: #FFFFFF;
	color: inherit;
  	background-image: url('');
}


#TMlogo {
	float: left;
	text-align: left;
	width: 390px;
	height: 88px;
	background-color: inherit;
	color: #000000;
	background-image: url('../images/header/logo.png'); 
	background-repeat: no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}


#TMlogo2 {
	text-align:right; 
	display:inline;	
	background-image: url('../images/header/logo2.gif');
	width:1px;
	height:1px;
	border: 0px red solid;
	margin:0px 0px 0px 0px;
}


#TMbreadnav {
	width: 100%;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0;	
	font-size: 10px;
	background-image: url('');
	background-repeat: no-repeat;
	white-space: nowrap;
	position:absolute;
	top:88px;
	left:0px;
}

#TMbreadnav.A:hover, A:active {background: inherit; color: #0000FF;}

#TMbreadnav {background: inherit; color: #00FFFF;}


#TMheader-table {
	background-color: inherit;
	color: inherit;
	border-top: 0px #000000 solid;
	border-bottom: 0px #000000 solid;
}

#TMcenter {
	margin: 0px auto 0px auto;
	text-align: center;
}

#TMnavbar {
	font-size: 12px;
	font: normal normal bold 100% Arial, Helvetica, Verdana, sans-serif;
	width: 100%;
	clear: both;
	margin: 0px auto 0px auto;
	text-align: center;
	color: #FFFFFF;
	background-color: #003399;
	border-top: 0px #000000 solid; /* size set for mini-shop navigation to be correct size */
}

/* 	TMPOP-UP This is the Title Bar for TAF and Newsletter Signup Pop-ups. 
	(Set same as TMNavBar above) */

div#dwindow {
	background-color: #003399; 
	color: inherit;
}

/*  ****** TOP NAV - Horizontal Styles *** */

#TMHorznavcontainer {
	margin: 0px 0px 0px -10px;
	padding: 0px 0px 0px 10px;
}

#TMHorznavcontainer UL {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	line-height : 1.25em; 

}

#TMHorznavcontainer LI {
	display: block;
	margin: 0;
	padding: 0;
	float: left; 
	width: auto;
	line-height : 1.25em; 

}

#TMHorznavcontainer A {
	color: #FFFFFF;
	display: block;
	width: auto;
	text-decoration: none;
	background-color: inherit;
	background-image: url('../images/header/bg_hzl_nav_end.jpg');
	background-position: left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 3px 10px 3px 10px;
	border-left: 1px solid #3364D0;
	border-top: 0px solid #FFFFFF;
	border-right: 1px solid #3364D0;
}

/* NOTE Fixed the lingering highlight after back button by splitting above line into two (below) */
#TMHorznavcontainer a:active {background: #003399; color: inherit;}
#TMHorznavcontainer a:hover {background: #3364D0; color: #ffffff;}

#TMHorznavcontainer a.active:Link, #TMHorznavcontainer a.active:visited {
	position: relative;
	background: #3364D0;
	color: inherit;
	font-weight: bold;
}

#TMHorznavcontainer .OpenedLink {
	background: #FFFFFF; 
	color: #002267;
}

#TMHorznavcontainer .SelectedLink {
	background: #002267; 
	color: #FFFFFF;
}


#TMHorzsubnav {
	position: relative;
	top: -1px;
	/* z-index: 101;  */
	margin: 0;
	padding: 0px 0 3px 0;
	background: #003399;
	color: inherit;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aaa;
}

#TMHorzsubnav UL {
	list-style: none;
	margin: 1px 0px 0px 13px;
	padding: 0px;
	border-right: 1px solid #fff;
	border-left: 1px solid #aaa;
}

#TMHorzsubnav LI {
	position: relative;
	/* z-index: 102;  */
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
}

#TMHorzsubnav A {
	color: #fff;
	background-color: inherit;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding: 2px 12px 2px 10px;
}

#TMHorzsubnav A:hover, .TMHorzsubnav A:active { color: #AE262B; background-color: inherit;}
#Horzsubnav A.active:link, .TMHorzsubnav A.active:visited { color: #AE262B; background-color: inherit; }
#TMHorzsubnav BR, .TMHorznavcontainer BR { clear: both;}



/* ***** LEFT NAV Virtical Nav Styles   */

/* List-O-Matic left Nav Styles */
#TMnavcontainer { 
    /* width: 150px;  */  
	margin-top: 15px;
	margin-left: 3px;
	margin-right: 10px;
	margin-bottom: 0px;
	border: 0px red solid;
	background-color: inherit;
	color: inherit;
	font-size: 12px;
	}

#TMnavcontainer ul {
	white-space: nowrap;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
}

#TMnavcontainer a {
	/* width: 130px;  */
	display: block;
	padding: 3px 3px 3px 5px;
	background-color: inherit;
	color: #002981;
	border-bottom: 1px solid #D8F0FF;
}

#TMnavcontainer a:link, .TMnavlist a:visited {
	color: #002981;
	background-color: inherit;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}

#TMnavcontainer a:hover {
	background-color: #D8F0FF;
	color: #002981;
}
/* END List-O-Matic left Nav Styles */


/* List-O-Matic ADMIN MENU Nav Styles - Cool */

.TMnavcontainer-bar {
	background-color: #EDE5D7;
	color: inherit;
}

.TMnavcontainer-admin { 
    /* width: 150px;  */  
	margin-top: 0px;
	margin-left: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px red solid;
	background-color: inherit;
	color: inherit;
	}
	
.TMnavcontainer-admin ul {
	white-space: nowrap;
	margin-left: 0px;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-stretch: condensed;
}

.TMnavlist-admin-title {
	white-space: nowrap;
	font-size: 11px;
	font-weight: bold;
	/*  RIGHT HERE ***** */
	margin-left: 0px;
	font-stretch: condensed;
}

.TMnavcontainer-admin a {
	/* width: 130px;  */
	display: block;
	padding: 0px 1px 0px 2px;
	background-color: #FFFFFF;
	color: #F6D23B;
	border-bottom: 1px solid #DDDDDD;
}

.TMnavcontainer-admin a:link, .TMnavlist-admin a:visited {
	color: #000000;
	background-color: inherit;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}

.TMnavcontainer-admin a:hover {
	background-color: #F8F6D4;
	color: #000000;
}
/* END List-O-Matic Admin Menu Nav Styles */

div#TMlogin {
	text-align: left; 
	margin-left: 5px; 
	white-space: nowrap;
}

/* Thumbnail pop-up styles for shop detail page */

#TMthumbnails { 
	width: 100%; /* the width of the thumbnail block */ 
	text-align: center; 
	margin: 0 auto; 
} 

#TMthumbnails * { /* avoids spacing bug cross-browser */
	margin: 0; 
	padding: 0; 
}

#TMthumbnails ul li { 
	list-style: none; 
	float: left; 
} 

#TMthumbnails a img { 
	border: 0px solid #7d5757; 
	margin: 3px; 
}