/* 
CSS Design:		John Eagle - CAN
Date:  			11/26/08
*/

body  {
   /* font-family:Verdana, Myriad Pro, Arial, Helvetica, Sans-Serif;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
	font-size:13px;
	background-color:#333333;
    background-image:url(../siteimages/bodyBG.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
}

img a
{
    text-decoration: none;
    border: 0px solid white;
}

.required {
   color: #ff0000;
	font-size:13px;
}


 #container  
 {
	width: 760px;
	height:auto;
	margin: 0 auto;
	margin-top:5px;
	text-align: left;
} 

#contact
{
    float:left;
    width:235px;
    margin-top:10px;
    text-align:center;
    padding-bottom:20px;
}

#counter
{
    float:left;
    width:760px;
    text-align:center;
    margin-bottom:5px;
}
 #divLeft {
	float:left;
	width:500px;
	padding:10px;
	min-height:550px;

    border-right: solid 3px #333333;
}

#divRight 
 {
	float:left;
	width:235px;


}

#donate 
{
    float:left;
    height:38px;
    margin-top:0px;
	padding-bottom:15px;

    background-repeat:no-repeat;
    width:235px;

}

#fontChange 
{
    background: #FAF8F8;
    width: 280px;
    height: 25px;   
    
}
#fontChange a 
{
    font-size: 11px;   
    padding-left:5px;
    padding-right: 5px;
}
#mainContent { 
	margin: 0px;
	width:758px;
	float:left;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	background-color:#ffffff;
	background-repeat:no-repeat;
}

#flashbox {
    width:235px;
    float:left;
	margin-top:0px;
	margin-bottom:0px;
    height:225px;
    display:inline;
    overflow:hidden;    
}
	
 #footer { 
	float:left;
	width:760px;
	text-align:center;
	margin-top:15px;
	color:#ffffff;
	margin-bottom:20px;
	font-size:12px;
	text-transform:capitalize;
    font-family:Verdana, Myriad Pro, Arial, Helvetica, Sans-Serif;
}

 #footer2 { 
 	text-align:center;
 	padding-top:10px;
 	padding-left:10px;
	width:320px;
	height:25px;
	float:left;
	font-size:12px;
	color:#7f2935;
}

	
#footerlinks{
	float:left;
	width:50px;
	height:20px;
	padding-top:20px;
	margin-right:5px;
	}
	
 #headerbanner { 
	background: #ffffff; 
	margin:0px;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 	



#header1{
	float:left;
	width:760px;
	text-align:center;
	height:15px;
	color:#ffffff;
	font-size:13px;
	padding-top:20px;
	padding-bottom:20px;
	background-repeat:no-repeat;
    font-family:Verdana, Myriad Pro, Arial, Helvetica, Sans-Serif;
    background-image:url(../siteimages/header1.png);
	}

#header2{
	float:left;
	width:760px;
	text-align:center;
	height:140px;
    background-image:url(../siteimages/header2.jpg);
	}
#header2HomeLink{
	float:left;
	width:668px;
	text-align:center;
	height:140px;
    background-image:url(../siteimages/header2homelink.jpg);
	}
#header2ViewCart{
	float:left;
	width:92px;
	height:22px;
	margin-bottom:118px;
    background-image:url(../siteimages/viewcart.png);
	}

#header3{
	float:left;
	width:760px;
	text-align:center;
	height:25px;
	background-repeat:no-repeat;
	background-color:#000000;
	border-top:solid 1px #000000;
    border-bottom:solid 1px #000000;
	}
	
#header3Links
{
    float:left;
    width:150px;
    height:22px;
    padding-top:3px;
    margin-left:1px;
    margin-right:1px;
    display:inline;
    background-image:url(../siteimages/header3.jpg);
}
    

#headerbox{
	width:350px;
	height:180px;
	float:left;
	}

#homeContent { 
	margin: 0px;
	width:760px;
	float:left;
	background-color:#ffffff;
}
	




#homeLink
{
    height:70px;
    float:left;
    width:330px;
    background:url(../siteimages/homeLink.jpg);
}
	

#indexMainContentFooter
{
    float:left;
    width:760px;
    height:15px;
    background:url(../siteimages/indexMainContentFooter.png);
}

#joinEmailList
{
    float:left;
    height:33px;
    background-repeat:no-repeat;
    width:235px;
    background:url(../siteimages/joinlistbutton.jpg);
}

#joinEmailListPopUp
{
    float:left;
    height:176px;
    width:304px;
    background:url(../siteimages/emailpop.jpg);
}

#joinEmailForm 
{
    float: left;
    padding-top:60px; 
    padding-left:40px;

}

#joinEmailLabel 
{
    font-weight: bold;
    font-size:15px;  
    color: #000000; 
}
    

#left
{
    float:left;
    width:20px;
    height:500px;
    background-color:Blue;
}

#linkbox{
	width:290px;
	height:110px;
	float:left;
	margin-bottom:70px;
	padding-left:10px;
	}

#ordernowwide
{
    float:left;
    height:35px;
    margin-top:0px;
    background-repeat:no-repeat;
    width:235px;
    padding-bottom:15px;
    margin-bottom:0px;
    

}

#pictureRight
{
    float:right;
    padding-top:10px;
    padding-left:10px;
}

#picturerow {
    float:left;
    height:100px;
    width:140px;
    text-align:center;
    
}

#productrow {
    text-align:center;
    padding:10px;
    float:left;
    height:30px;
    overflow:none;
    width:120px;
    padding-bottom:0px;
}

#prices {
    float:left;
    width:140px;
    text-align:center;
    padding-bottom:25px;
    padding-top: 40px;
}

#partners
{
    float:left;
    width:720px;
    text-align:center;
    padding-bottom:30px;
    padding-top:30px;
}
	

#searchBox
    {
        float:left;
        height:35px;
        width:235px;
        padding-top:46px;
        text-align:center;
	    background-image:url(../siteimages/searchmain.jpg);
    }
#searchBar 
{
    padding-top: 10px;
}
#searchResults 
{
    width: 450px;
    float: left;  
    font-size:small; 
    display:inline; 
    word-wrap: break-word;
    padding-bottom: 20px;
}
#toplinks a{
	font-size:12px;
	float:left;
	height:18px;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:10px;
	padding-right:5px;
	padding-top:3px;
	width:72px;
	text-align:right;
    font-family:Verdana, Myriad Pro, Arial, Helvetica, Sans-Serif;
	text-transform:capitalize;
	color:#000000;
	}

#toplinks a:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:#7f2935;
	background-image:url(../siteimages/red1x1.jpg);
	background-repeat:repeat;
	}

#toplinks a:active{
	text-decoration:none;
	color:#ffffff;
	background-color:#056839;
	}

#toplinks2 a{
	font-size:12px;
	float:left;
	height:18px;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:5px;
	padding-right:10px;
	padding-top:3px;
	width:72px;
	text-align:left;
	text-transform:capitalize;
    font-family:Verdana, Myriad Pro, Arial, Helvetica, Sans-Serif;
	color:#000000;
	}

#toplinks2 a:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:#7f2935;
	background-image:url(../siteimages/red1x1.jpg);
	}

#toplinks2 a:active{
	text-decoration:none;
	color:#ffffff;
	background-color:#056839;
	}
	
#topLinksL {
	font-size:12px;
	float:left;
	height:103px;
	width:87px;
	text-align:left;
	margin-top:5px;
	margin-right:7px;
    font-family:Verdana, Myriad Pro, Arial, Helvetica, Sans-Serif;
	color:#ffffff;
	}
	
#topLinksR {
	font-size:12px;
	float:left;
	height:103px;
	margin-top:5px;
	width:87px;
	text-align:left;
    font-family:Verdana, Myriad Pro, Arial, Helvetica, Sans-Serif;
	color:#ffffff;
	}
	
ul 
{

    list-style: none;

}



#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 10em;
	padding-left:10px;
	padding-right:10px;
}

#nav li {
	float: left;
	width: 10em;
	padding-bottom:10px;
}

#nav li ul {
	position: relative;
	/*width: 10em;
	left: -999em;*/
	display:none;
	
}

#nav li:hover ul {
	/*left: auto;*/
	display:block;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li ul li{
	background-color: #72001A;
	display: block;
	width: 149px;
	padding-top:10px;
	border-left: 1px solid #000000;	
	border-right: 1px solid #000000;	
	border-bottom: 1px solid #000000;	
	padding-top:10px;

}

#nav li ul li a
{
    text-decoration:none;
    text-align:left;
    font-size:.8em;
    width: 140px;
    padding-right:5px;

}
#nav li ul li a:hover
{
    text-decoration:underline;
}




#pressHeader 
{
    font-size: 35px;
    font: BankGothic Md BT;
    float: left;
    text-align: center;
    width: 500px;
    padding-bottom: 10px;
    
}

#pressTitle 
{
    font-size: 20px;
    font: BankGothic Md BT;
    float: left;
    text-align: left;
    width: 500px;
    padding-bottom: 10px;
}

#pressBlurb 
{

    font: BankGothic Md BT;
    float: left;
    text-align: left;
    width: 500px;
    padding-bottom: 10px;
    font-weight: bold;
}

#mainContentFooter
{
    float:left;
    width:760px;
    height:15px;
    background:url(../siteimages/MainContentFooter.png);
}
#viewTrailer
{
    float:left;
    height:50px;
    background-repeat:no-repeat;
    width:235px;
    padding-bottom:15px;
    background-repeat:no-repeat;
    padding-top:15px;

}