@import url("style_forms.css");

/* BEGIN Shop.css tags */

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

/* Begin DynamicDrive CSS Left Frame Layout styles */

body {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
	/* BWS added below */
	background-color: #9966FF; 
	color: #000000;
	background-image:url('../images/header/toon_red_prp_left_pnl.gif');
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size : 14px;
	line-height: 18px;
}

#framecontent {
	position: absolute;
	top: 0;
	bottom: 0; 
	left: 0;
	width: 180px; /*Width of frame div*/
	height: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	color: black;
}

#maincontent {
	position: fixed;
	top: 0; 
	left: 180px; /*Set left value to WidthOfFrameDiv*/
	right: 0;
	bottom: 0;
	overflow:auto;  
	background: none; /* keeps FFox from using the left faux column BG again */
}

.tm-innertube-left {
	margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.tm-innertube-main {
	margin: 10px 40px 10px 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
	padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
	height: 100%; 
	width: 100%; 
}

/* END DynamicDrive CSS Left Frame Layout styles */

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


h1{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 24px;
	line-height:1.4em;
	font-weight : bold;
	color: #FFFF00;
}

h2{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size : 18px;
	line-height:1.4em;
	font-weight : bold;
	color: #000398;
}

h3{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size : 14px;
	line-height:1.4em;	
	font-weight : bold;
	color: #000000;
}

/*  END Shop tags  */


/* Basic Links */

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

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

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

#tm-logo {
	float: left;
	background-image:url('../images/header/logo.png');
	background-repeat: no-repeat;
	margin: -10px 20px 0px -10px;
	width: 170px;
	height: 223px;
}

#tm-slogan {
	float: left;
	background-image:url('../images/header/logo_slogan.png');
	background-repeat: no-repeat;
	margin: 0px 20px 0px -5px;
	width: 160px;
	height: 85px;
}


#tm-slogan-divider  {
	text-align: left;
	width: 100px;
	margin: -5px 0px 5px 20px;
	color: #000000;
	height: 2px;
	filter:wave(Strength=3,lightstrength=30);
}


#tm-nav { /* Position of left main NAV */
    clear: left;
	float: left;
	display: block;
	border: 0px silver solid;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px -5px;
	width: 147px;
	
}

#tm-nav-main {
	
}


#tm-subnav { /* Position of left Sub NAV */
	clear: left;
	float: left;
	display: block;
	border: 0px silver solid;
	padding: 10px 10px 10px 10px;
	margin: 0px 20px 5px 0px;
	width: 137px;
}



/* BWS - 04/11/08 - Sliding Doors text/link Button Styles */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton {
background: transparent url('../images/header/oval-orange-ripple-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
font-weight: bold;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin: 2px 0px 2px 0px;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
color: #000000; /*button text color*/
}

a.ovalbutton span {
background: transparent url('../images/header/oval-orange-ripple-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover { /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span { /* Hover state CSS */
background-position: bottom right;
color: #83282E;
}

a.ovalbutton:hover span SelectedLink { /* Hover state CSS */
background-position: bottom right;
color: lime;
}

a.ovalbutton:hover span OpendedLink { /* Hover state CSS */
background-position: bottom right;
color: lime;
}


.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* SAME Button Type for Subnav */

a.ovalbutton-sub {
background: transparent url('../images/header/oval-red-ripple-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
font-weight: bold;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin: 2px 0px 2px 0px;
}

a:link.ovalbutton-sub, a:visited.ovalbutton-sub, a:active.ovalbutton-sub {
color: #000000; /*button text color*/
}

a.ovalbutton-sub span {
background: transparent url('../images/header/oval-red-ripple-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton-sub:hover { /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton-sub:hover span { /* Hover state CSS */
background-position: bottom right;
color: #FFFFFF;
}

a.ovalbutton-sub:hover span SelectedLink { /* Hover state CSS */
background-position: bottom right;
color: lime;
}


.buttonwrapper-sub { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



/* Bread Nav and TAF */

#tm-breadcrumbs{
	font-size: 11px;
	text-align: right;
	color: #ffffff;
	background: inherit;
	margin: 0px -20px 0px -10px;
}

#tm-mini-links {
	float: right;
	text-align: right;
}


.TMtitle h1 {
}

.TMtitle.a  {
	display: block;
}

#tm-copyright {
	font-size: 11px;
	text-align: right;
	color: #ffffff;
	background: inherit;
	text-align:center;
}

.ar {
	text-align:right;
}

.al {
	text-align:left;
}

.ac {
	text-align:center;
}

/*  END BWS NEW 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;
}


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

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


/* CD Boxes */

.tm-cd {
	border: black 2px solid; 
	padding: 20px 20px 20px 20px; 
	width: 80%; 
	background-color: #884CFF;
}