@charset "UTF-8";
/* CSS Document */

.IE8Fix 
{
z-index: 100; 
}


body { min-width: 980px; margin: 0; background:url(images/background.jpg) no-repeat #000000;}
#PopBody { min-width:300px;margin:20px;background-color:#003366;}

* {margin:0; padding:0;}

.Clear { clear:both;}

/* Structure
-------------------------------------------------------------- */

#wrapper { width:960px;margin:0 auto; background:url(images/mainboxbottomcurve.gif) bottom no-repeat #003366;}

#top { background:#00274b url(images/topbg.gif) repeat-y; border-bottom:solid #ffcc00 8px;}

#mainSiteLinkHolder { border-top:solid #ffffff 5px;}
#mainSiteLink { background:#ffffff url(images/linkCorner.gif) bottom left no-repeat; padding: 0 13px 0 16px; float:right; margin-top: -3px;}

#tabsHolder { clear:both;}

.rightBox { background:#00274b url(images/rightBoxMid.gif) repeat-y; overflow:hidden;}
.rightBoxContent { background:url(images/rightBoxBottom.gif) bottom no-repeat; padding: 0 20px 10px 15px;}

.imageSpaceBottom { padding-bottom: 10px;}

.subNavBox { background:#00274b url(images/subNavBoxMid.gif) repeat-y; }
.subNavBoxContent { background:url(images/subNavBoxBottom.gif) bottom no-repeat; padding: 0 15px 10px 20px;}

.subNavLinkBox { background:url(images/subNavLinkBoxBottom.gif) bottom no-repeat;}

#flashHolder { background-color:#FFFFFF; height: 280px; margin-bottom: 10px;}

.contentElement {margin-bottom: 10px;}
.dotTop { border-top: dotted #6685a3 1px;}

#footer { border-top: dotted #6685a3 1px; border-bottom: solid #ffcc00 3px; padding: 20px 0 0 0; margin: 10px; clear:both;}


#popFooter { border-top: dotted #6685a3 1px; border-bottom: solid #ffcc00 3px; padding: 10px 0; clear:both;}
#popContent { clear:both; padding: 0 20px 20px 20px;}
#popContent h2 {font-size: 1.5em; font-weight: bold; text-transform: uppercase; padding: 15px 0 5px 0}

#DesignReligionLogo { width:960px;margin:0 auto; text-align:right;}

.flLeft { float:left; margin-right: 10px;}
.flRight { float:right; margin-left: 10px;}

.padding20 {padding:0 20px;}




/* Columns
-------------------------------------------------------------- */

#contentCol { width: 700px; margin: 10px 0 10px 10px; float:left;}
#rightCol { width: 245px; margin: 5px 0 10px 0; float:right;}

#areaContentCol { width: 710px; float:left; margin-bottom:10px;}
#HomePageContent_subNavCol { width: 185px; float:left; padding-top: 5px;}
#areaTextCol {background:#FFFFFF url(images/areaContentBottom.gif) bottom no-repeat; width: 520px; float:right; margin-top: 10px;}
#areaTextColCont {background:#FFFFFF url(images/areaContentBottomLong.gif) bottom no-repeat; width: 700px; float:right; margin-top: 10px;}




/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}



#fullContentCol {background:#FFFFFF url(images/fullAreaContentBottom.gif) bottom no-repeat; width: 940px; margin: 10px 0 10px 10px; float:left;}
#fullContent {background:url(images/fullAreaContentTop.gif) top no-repeat; padding:20px 20px 0 20px;}
#fullContent p {color:#000000;}

#halfContentCol {background:#FFFFFF url(images/halfAreaContentBottom.gif) bottom no-repeat; width: 700px; margin: 10px 0 10px 10px; float:left;}
#halfContent {background:url(images/halfAreaContentTop.gif) top no-repeat; padding:20px 20px 0 20px;}
#halfContent p {color:#000000;}

.blueBox { background-color:#e6ebef; margin-bottom:20px; padding: 10px 10px 10px 10px;}
/*.rightBlueBox { background-color:#e6ebef; margin-bottom:0px; padding:0px;}*/

#members {width:940px; margin:10px 0 10px 10px;}
#membersNav {width:170px; float:left; border-top: dotted #6685a3 1px;}
#membersContentCol {background:#FFFFFF url(images/membersAreaContentBottom.gif) bottom no-repeat; width:760px; float:right;}
#membersContent {background:url(images/membersAreaContentTop.gif) top no-repeat; padding:15px 20px 0 20px;}
#membersContent p {color:#000000;}

#newsRight {width:185px; float:right;}
#newsLeft {width:505px; float:left;}
.newsItem {background-color:#FFFFFF; margin-bottom: 10px; padding:10px;}
.newsItem p {margin:0;}

.paging { margin-bottom: 5px;}
.paging td { border-right:solid 0px #ffffff; padding:0 3px 0 3px; height:5px;color:#ff0000;}
.paging td a {}

#largeOrderButton {width:700px; float:left; margin: 10px 0 10px 10px;}


/*********** LOADING **********************/
.AjaxLoadingBackground {
background-color: #000000;
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}

.AjaxLoader
{
    position:absolute;
    left:45%;
    top:35%;
    width:150px; 
    background-color:#ffffff;
    text-align:center;
    padding-top:25px;
    border:solid 2px #253A4B;
    font-weight:bold;
    font-size:12px;
}


/**** Order Status Table ****/
.orderStatus {width:100%; color:#000000; border:solid 1px #A2B6C7; font-size:11px; border-collapse:collapse;}
.orderStatus th { text-align:left; background-color:#EFF6FC; border-bottom:solid 1px #A2B6C7; font-weight:bold; padding:5px;}
.orderStatus td { text-align:left; background-color:#ffffff; border-style:none; font-weight:normal; padding:5px; vertical-align:top;}
.orderStatus td.alternate {background-color:#F7FAFD;}
.orderStatus td table td { padding:0px; background-color:Transparent;}

/*** Summary total table ***/
.summaryTotalTable { width: 100%; border-collapse:collapse; border-style:none; }
.summaryTotalTable td {padding:2px; vertical-align:middle; line-height:1; font-weight:bold; height:25px; border-bottom:dotted 1px #6685a3; }

.coverOptions {}



.FTBCell select { width:86px; }