/* CSS Document */
/* File Name: 9mmStyle2.css */

body 
{
	margin:0px; padding:0px; 
  	font: 0.8em verdana, arial, sans-serif;
	/* font: 0.8em Georgia, "Times New Roman", Times, serif; */
	/* font: 0.8em verdana, arial, sans-serif; */
    text-align:center;  /* This makes Old IE's Center the page */
	background-color:#CC33FF;
	background-image: url(Images/BackGround1.jpg);
}
* {
	margin:0;
	padding:0;
}
hr {margin-bottom:5px;}

#PageContainer
{
	margin-left:auto; margin-right:auto;
	width:910px;
	/* border:1px solid #000000; */
	/* height:2000px; */
	height:auto;
	text-align:left; /* counters the IE hack put in body style */
	background-color:#FFFFFF;
}

#BannerContainer
{
	text-align:center;	
	/* border:1px solid #000000; */
	/* background-color:#CCFF33; */
	height:100px;
}
#BannerLeftSide
{
	float:left;
	margin-left:2px;
	padding-top:12px;	
	/* border:1px solid #000000; */	
}
#BannerMiddle
{
	float:left;
	position:relative;
	/* width:500px; */
	top:15px; left:58px;
	margin-left:0px;
	font: 2em verdana, arial, sans-serif;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	line-height:35px;
	/* background-color:#3399FF; */
}
#BannerRightSide
{
	float:right;
}

#AllColumnContainer
{

}
#LeftColumnContainer
{
	width:160px;
	margin-left:3px;
	float:left;
	/* border-right:1px solid #000000; */
}
#LeftColumnContainerBG
{
	background-color:#FFF;
	background:url(Images/LeftNav.gif) repeat-y top left;
	position:relative; 	
}

#MiddleColumnContainer
{
	width:565px; /* MARKER_1 575*/
	float:left;
	/* margin-left:3px; */
	padding-left:5px;
	padding-right:5px;
	/* border:1px solid #000000; */
}

#MiddleColumnContainer h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	text-align:center;
	color: #000088;
	padding-top:10px;
	padding-bottom:5px;
}
#MiddleColumnContainer h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
	color: #993300;
	padding-top:5px;
	padding-bottom:5px;
}

#MiddleColumnContainer .centerText
{
	text-align:center;
}
#MiddleColumnContainer #spcTxt
{
	text-align:center;
	color:#CC3300;
	font-weight:normal
}
#MiddleColumnContainer .linkDiv
{
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	color: #993300;
	line-height:2em;	
}

#MiddleColumnContainer .centerDiv
{
	padding:5px;
}

#MiddleColumnContainer .leftColDiv
{
	width:275px;
	/*border:1px solid #000000; */
	float:left;
}
#MiddleColumnContainer .rightColDiv
{
	width:275px;
	/* border:1px solid #000000; */
	float:right;
}
#MiddleColumnContainer .shipTable
{
	margin-left:10px;
	margin-right:auto;
}

#RightColumnContainer
{
	width:150px;
	float:left;
	/* border-left:1px solid #000000; */
	padding-left:5px;
}

#FooterContainer
{
	text-align:center;
}

#bookDetailsContainer
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	/* border:1px solid #000000;*/
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	
}
.lcDetails
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	vertical-align:top;
}

#wsFormContainer
{
	border:1px solid #000000;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	
}
.wsformLabel
{
	font-family:"Courier New", Courier, monospace;
	color:#000099;
	font-weight:bold;
	line-height:2.5em;
}
#wsfl1 { margin-left:49px;}
#wsfl2 { margin-left:17px;}
#wsfl3 { margin-left:17px;}
#wsfl4 { margin-left:33px;}
#wsfl5 { margin-left:25px;}
#wsfl6 { margin-left:9px;}
#wsfl7 { margin-left:40px;}

#cuFormContainer
{
	border:1px solid #000000;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	
}

#shipForm
{
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
}

.bookBox
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	/* border:1px solid #000000;*/
}
.bookBox div.image
{
	float:left;
	/* width:200px; */
	/* height:300px; */
	/* border:1px solid #000000; */
	padding-left:0px;
	padding-right:5px;
}
.bookBox div.titleBlock
{
	/* font-family:Arial, Helvetica, sans-serif; */
	font-family: verdana, arial, sans-serif;
	font-size:18px;
	color:#780306;
	text-align:center;
}
div.titleBlock .Title
{
	font-size:26px;
	font-weight:bold;
	color:#780306;	
}
div.titleBlock .subTitle
{
	font-size:16px;
	font-style:italic;
	color:#780306;	
}
div.titleBlock #ForeverBrief
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:center;
	/* border:1px solid #000000; */
	margin-left:200px;
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
   /* padding-bottom:30px;
	margin-bottom:10px;*/
}
div.titleBlock #special
{
	/* border:1px solid #0000CC; */
	margin-left:200px;
}
div.titleBlock #cd
{
	float:left;
	margin-top:30px;
	margin-left:20px;
	margin-right:10px;
}
div.titleBlock #SonOfPopBrief
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	/* border:1px solid #000000; */
	margin-left:0px;
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
}
div.titleBlock span#tinyText { font-size:8px; color:#000000; }

div.tinyBlock
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
}

.buyLink { font-family:Verdana, Arial, Helvetica, sans-serif;}
.buyLink {padding-top:5px; padding-bottom:5px;}
.buyLink a:link {color:#25502F; background-color:#FFE3BD; text-decoration:none;}
.buyLink a:visited {color:#25502F; background-color:#FFE3BD; text-decoration:none;}
.buyLink a:hover {color:#FFE3BD; background-color:#25502F; text-decoration:none;}
.buyLink a:active {color:#25502F;  background-color:#FFE3BD; text-decoration:none;}

div.bookBox div.textBox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	/* border:1px solid #000000; */
	text-align:left;
	padding-top:5px;
	padding-left:0px;
	padding-right:5px;
}
.blueHighlite
{
	color:#003399;
	font-weight:bold;
	font-style:italic;
}
.redHighlite
{
	color:#780306;
	font-weight:bold;
	font-style:italic;
}


/* Navigation */
div.button {width:158px; height:22px; top:0px; left: 0px; /*border: 1px #000 solid;*/}
a.roll  {width:158px; height:22px; display:block; padding-top:2px; font-weight:bold; text-align:center; background:#6cc; }
div.button a.roll:link {color:#25502F; background-color:#FFE3BD; text-decoration:none;}
div.button a.roll:visited {color:#25502F; background-color:#FFE3BD; text-decoration:none;}
/* div.button a.roll:hover {color:#FFE3BD; background-color:#25502F; text-decoration:none;} */
div.button a.roll:hover {color:#ffffff; background-color:#F59093; text-decoration:none;}
/* F59093 pink */
div.button a.roll:active {color:#25502F; background-color:#FFE3BD; text-decoration:none;}
/*
div.button a.roll:link {background:#fff; color: black; text-decoration:none;}
div.button a.roll:visited {background:#fff; color: black; text-decoration:none;}
div.button a.roll:hover {color:#000; text-decoration:none; background:#999;}
div.button a.roll:active {color:#CCC; text-decoration:none; background:#fff;}
*/
.leftMenuHeading
{
	font-family:Arial, Helvetica, sans-serif; 
	width:158px; height:22px; top0px; left:0px;
	line-height:22px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	/* background-color:#fff; */
	background-color:#780306;
	text-transform:uppercase;
}

#siteSeal
{
	border:0px;
	background-color:#780306;
}
#activeSiteSeal
{
	text-align:center;
	//padding-top:50px;
}

#summerSale
{
	font-weight:bold;
	font-size:1.5em;
	color:#FF0000;
	text-align:center;
}
#shipForm
{
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
}
.styl_lv1 // Similar to an H Tag
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #000088;
}


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */#table1 {
	margin-right: auto;
	margin-left: auto;
}