/*
'************************************************************
'*         TERMS & CONDITIONS / COPYRIGHT NOTICE            *
'************************************************************
'*   By Downloading or using this software, you agree to    *
'*   the terms and conditions as stated in the Software     *
'*   License Agreement.  An updated copy of this agreement  *
'*   can be seen at http://www.pagedowntech.com/terms.      *
'*                                                          *
'*        PageDown Technology, LLC., Copyright 2009.        *
'*             pagedowntech.com / pdshop.com                *
'*                                                          *
'*  (this copyright notice must not be altered or removed)  *
'************************************************************
*/

/* Main Body */
 BODY {
	
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #5c3006;
	background-image: url('../Siteimages/bg1.jpg');
	background-repeat: repeat-x;
	

}

.clear { clear: both; }

/* General page wide */
A:hover   {text-decoration: underline;}

/* Main Page Sections */
.mainbodydiv                {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	
}

a:link.headernav { color: #FFFFFF ; font-size: 25px; font-family: "Times New Roman", Times, serif; text-decoration: none }
a:active.headernav { color: #FFFFFF ; font-size: 25px; font-family: "Times New Roman", Times, serif; text-decoration: none }
a:visited.headernav { color: #FFFFFF ; font-size: 25px; font-family: "Times New Roman", Times, serif; text-decoration: none }
a:hover.headernav { color: #FFFFFF ; font-size: 25px; font-family: "Times New Roman", Times, serif; text-decoration: underline }

a:link.headernavmini { color: #000000 ; font-size: 13px; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; text-decoration: none }
a:active.headernavmini { color: #000000 ; font-size: 13px; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; text-decoration: none }
a:visited.headernavmini { color: #000000 ; font-size: 13px; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; text-decoration: none }
a:hover.headernavmini { color: #000000 ; font-size: 13px; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; text-decoration: underline }


.headerdiv                {
	height: 97px;
	position: relative;
}

.logodiv                {
	width: 375px;
	position: absolute;
	top: 5px;
	left: 11px;
	height: 72px;
	right: 564px;
}


.areadiv                {
	width: 226px;
	position: absolute;
	top: 8px;
	left: 393px;
	height: 56px;
	right: 331px;
}

.navcartdiv                {
	position: absolute;
	width: 230px;
	top: 16px;
	left: 693px;
	text-align: center;
}

.searchdiv                {
	position: absolute;
	width: 268px;
	top: 47px;
	left: 654px;
	text-align: right;
}
.navdiv                {
	height: 32px;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
}
.navshadowdiv                {
	
}


.scenediv                {
}
.sceneshadowdiv                {
	
}
/* holds the left nav and page data div's*/
.contentbodydiv                {
	width: 950px;
	background-color: #94551a;
	float: left;
}
.leftnavdiv    {
	width: 278px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}

.leftnavinner1    {
	border: 1px solid #a77443;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
}

.leftnavinner2    {
	border: 4px solid #331902;
	width: 242px;
	margin-right: auto;
	margin-left: auto;
	background-color: #5e2c06;
	background-image: url('../SiteImages/LeftBack.jpg');
	background-repeat: repeat-x;
}

/*  BEGIN LEFT NAV MENU DESIGN */

#leftnavinner3    {
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
}

#leftnavinner3 ul.category-subnav a, #leftnavinner3 ul.category-subnav a:link, #leftnavinner3 ul.category-subnav a:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}
#leftnavinner3 ul.category-subnav a:hover, #leftnavinner3 ul.category-subnav a:active {
	text-decoration: none;
	color: #f9dcac;
}
#leftnavinner3 ul {
	padding: 0px;
	margin: 0 0 15px 0;
}

#leftnavinner3 li {
	border-bottom: 1px solid #e4c9ec;
	list-style: none;
	border-bottom-color: #7f583a;
	border-bottom-style: dotted;
	padding-top: 4px;
	padding-bottom: 4px;
}
ul.category-subnav li.head {
	margin: 0px 0px 0px 0px;
	color: #f9dcac;
	padding: 10px 0px 10px 0px;
	border-bottom: none;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 25px;
	border-width: 0px;
}


/*  END LEFT NAV MENU DESIGN */




#pagedatadiv    {
	width: 668px;
	margin-right: auto;
	margin-left: auto;
	float: right;
	
}


.footerdiv                {
	width: 950px;
	height: 127px;
	position: relative;
	top: 0px;
	left: 0px;
}

.footertext_left                {
	width: 300px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	float: left;
}
.footertext_right                {
	width: 352px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	float: right;
}




.columndatadiv				{margin-top: 0px; margin-left: auto; margin-right: auto;}
.columnspacer			    {}

/* Main Shop Sections */
.slogan                 {text-align: left;}
.topsec					{text-align: left; border-color: #FFFFFF; border-style: solid; border-width: 1px}
.topbanner				{background-color: #660000; border-color: #FFFFFF; border-style: solid; border-width: 1px}
.bannertxt 	   		    {color: #f9dcac; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none}
.searchbanner			{background-color: #CCCCCC; border-color: #FFFFFF; border-style: solid; border-width: 1px}
.area1					{text-align: left; background-color: #660000; border-color: #FFFFFF; border-style: solid; border-width: 1px}
.area2					{text-align: left; background-color: #FFFFFF; border-color: #FFFFFF; border-style: solid; border-width: 1px}
.botsec					{border-color: #FFFFFF; border-style: solid; border-width: 1px}
.botlinksec				{background-color: #FFFFFF} 
.botbanner				{background-color: #660000; border-color: #FFFFFF; border-style: solid; border-width: 1px}
.botbannermenu	  	    {padding: 10px; color: #FFFFFF; font-family: Arial; font-size: 12px}
.botbannermenu	A 	    {color: #f9dcac}
.leftcol				{background-color: ;}

/*.middlecol				{background-color: ;}*/
.middlecol				{}

/*.rightcol				{background-color: ;}*/
.rightcol				{}

.sectionspacer			{width: 100%; height: 8px;}

.sectioncontentdiv      {padding: 10px; }

/* Menu Tabs (Small) */
.menutab {margin-right: 1px; margin-left: 1px; float: left; height: 15px; background-color: #000000;}
.menutabtext A  {position: relative; top: 2px;  color: #f9dcac; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none} 

/* Menu Tabs (Large) */
.menutabL {margin-right: 1px; margin-left: 1px; float: left; height: 20px; background-color: #000000;}
.menutabtextL A  {position: relative; top: 2px;  color: #f9dcac; font-family: Arial; font-size: 14px; font-weight: bold; text-decoration: none} 

/* Menu Tabs (Text Links) */
.menutextlink 	A	{padding: 2px; color: #f9dcac; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: underline;}
.menutextlinkL 	A	{padding: 4px; color: #f9dcac; font-family: Arial; font-size: 14px; font-weight: bold; text-decoration: underline;}


/* Section Headings */
.headingtextS   		{padding: 1px; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none}
.headingtext  			{padding: 2px; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.headingtextL  			{padding: 5px; font-family: Arial; font-size: 14px; font-weight: bold; text-decoration: none}
.tabheading  		    {font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none}

/*.customheading    		{color: #999999; background-color: ; font-family: Arial; font-size: 16px; font-weight: bold; padding: 5px; border-color:#CCCCCC; border-style: none; border-width: 1px; text-decoration: none}*/
.customheading    		{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	border-style: none none solid none;
	border-width: 0px 0px 2px 0px;
	text-decoration: none;
	border-bottom-color: #552905;
}

.headingmessages        {padding: 5px; color: #f9dcac; font-family: Arial; font-size: 11px; font-weight: normal} 


/* Buttons & Links */
.buttonsstandard		{font-size:10px; font-weight: bold; font-family: Arial; margin-left: 2px; margin-top: 2px; margin-bottom: 2px; margin-right: 2px;}
.textlinks              {padding-right: 5px; font-family: Arial; font-size: 12px; font-weight: bold}
.textlinks  A           {font-family: Arial; font-size: 12px; font-weight: bold}
.textlinks  A:hover     {text-decoration: underline}
.butttxt 	   		    {color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none}
.custombutton		    {color: #FFFFFF; background-color: #999999; font-size:11px; font-weight: bold; font-family: Arial; margin-left: 2px; margin-top: 2px; margin-bottom: 2px; margin-right: 2px;}
      

/* Item Related */
.itemname               {color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.itemname A            	{color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.itemdesc               {color: #FFFFFF; font-family: Arial; font-size: 11px; }
.itemdesc   A           {color: #FFFFFF; font-family: Arial; font-size: 11px}
.price                  {color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: bold}

.listname               {color: #FFFFFF; font-family: Arial; font-size: 13px; font-weight: bold; text-decoration: none}
.listname   A           {color: #FFFFFF; font-family: Arial; font-size: 13px; font-weight: bold; text-decoration: none}
.listname   A:hover     {color: #FFFFFF; font-family: Arial; font-size: 13px; font-weight: bold; text-decoration: underline}

.listdesc               {padding-top:5px; padding-right:5px; padding-bottom:5px; color: #FFFFFF; font-family: Arial; font-size: 12px; }
.listprice              {color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: bold}
.listitemno             {color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: bold}

/* Category Related */
.catname                {color: #f9dcac; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.catname  A             {color: #f9dcac; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.catname  A:hover       {text-decoration: underline}
.subcats                {color: #f9dcac; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.subcats  A             {color: #f9dcac; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.subcats  A:hover       {text-decoration: underline}
.catdesc                {color: #FFFFFF; font-family: Arial; font-size: 11px; text-decoration: none}
.catdelim               {color: #f9dcac; font-family: Arial; font-size: 8px; text-decoration: none}

/* Shopping Cart related */
.cartdata               {color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none}
.cartdata A           	{color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none}
.cartdata2              {color: #f9dcac; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none}
.cartdata2 A            {color: #f9dcac; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none}

/* Top Level Category listing*/
.toplevelcat            {color: #f9dcac; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.toplevelcat A          {color: #f9dcac; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.toplevelcat A:hover    {text-decoration: underline}
.toplevelcatdot         {color: #f9dcac; font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none}
.toplevelcatdes         {color: #FFFFFF; font-family: Arial; font-size: 11px; text-decoration: none}
.toplevelsub   A        {color: #f9dcac; font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none}
.toplevelsub   A:hover  {text-decoration: underline}
.toplevelsubdot         {color: #f9dcac; font-family: Arial; font-size: 8px; font-weight: bold; text-decoration: none}
.toplevelsubdes         {color: #FFFFFF; font-family: Arial; font-size: 10px; text-decoration: none}

/* System Text & Error Messages  */
.messages               {color: #f9dcac; font-family: Arial; font-size: 18px; font-weight: normal}
.messages  A            {color: #f9dcac; font-family: Arial; font-size: 18px; font-weight: normal}
.messages2              {color: #f9dcac; font-family: Arial; font-size: 14px; font-weight: bold}
.errors                 {color: red; font-family: Arial; font-size: 10px; font-weight: bold}

/* Forms */
.formheadings 	   	    {color: #f9dcac; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.formheadings2 	   	    {color: #f9dcac; font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none}
.forms				    {background-color: transparent; color: #4c2604; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none}
.formbox     		    {font-family: Arial;	font-size: 11px; font-weight: normal}
.forms  textarea	    {background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 12px; font-weight: normal}
.forms	select		    {background-color: #FFFFFF; color: #000000; border: 1px solid #EEEEEE; font-family: Arial; font-size: 12px; font-weight: normal}
.formordertotal	   	    {color: #f9dcac; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.searchforms		    {background-color: #4c2604; color: #FFFFFF; border: 1px solid #EEEEEE; font-family: Arial; font-size: 10px; font-weight: bold;}
.searchinput     	    {font-family: Arial; color: #000000; font-size: 11px; font-weight: normal; background-color: #FFFFFF; width: 100px}
.rowline				{color: #f9dcac; height: 1px}
.formfield    		    {font-family: Arial; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 200px}
.formfield2     	    {font-family: Arial; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 50px}
.formfield3     	    {font-family: Arial; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 100px}
.formfield4     	    {font-family: Arial; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 275px}
.formfield5     	    {font-family: Arial; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 35px}

/* Item Detail & Item Options Form */
.itemdescription        {color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: normal;}
.itemformheadings 	    {color: #f9dcac; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none}
.iteminput			    {background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 12px; font-weight: normal}
.itemtextarea		    {background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 12px; font-weight: normal}
.itemcheck			    {color: #f9dcac; font-family: Arial; font-size: 12px; font-weight: normal}
.itemselect			    {background-color: #FFFFFF; color: #000000; border: 1px solid #000000; font-family: Arial; font-size: 12px; font-weight: normal}
.itemradio			    {color: #f9dcac; font-family: Arial; font-size: 12px; font-weight: normal}
.itemmonetaryinput     	{background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 12px; font-weight: normal; width: 50px}

/* Order Receipt Page */
.orderheader	        {background-color: ; color: ; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none}
.orderheader2	        {color: #f9dcac; font-family: Arial; font-size: 11px}
.ordertxt               {color: #f9dcac; font-family: Arial; font-size: 11px}
.orderheader3	        {color: ; font-family: Arial; font-size: 14px; font-weight: bold; text-decoration: none}


/* POPUP BODY STYLE (will override above in the Pop-Up Window) */

.popupbody  {
background-image: none; 
background-color: #FFFFFF;
} 

/* POPUP CONTAINER STYLES */

#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("img/background-trans.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;

}
#popupInner {
	border: 2px solid #CCCCCC;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
}


#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
	
}



#popupTitleBar {
	background-color: #4c2604;
	color: #FFFFFF;
	font-weight: bold;
	height: 1.3em;
	padding: 0px;
	border-bottom: 2px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;

	
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
	
}