/*
'************************************************************
'*         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)  *
'************************************************************
*/

/*** added by mna ***/

/* mna - headings*/
	h1,h2,h3,h4,h5,h6{ letter-spacing:.5px;}
	h1,h2{ clear:both; color:#a74915; }
	h3,h4,h5,h6 { font-weight:normal; clear:both; color:#a74915; }

	h1{ font-size: 18px; margin: 5px 0px 10px; 	}
	h2{	font-size: 18px; }
	h3{	font-size: 16px; margin: 15px 0px 10px; }
	h4{	font-size: 14px; margin: 10px 0px 10px; }
	h5{	font-size: 12px; margin: 5px 0px 10px; 	}
	h6{	font-size: 10px; margin: 5px 0px 10px;	}


/* text elements */
	blockquote {
		font-family:'Georgia','Tahoma', san-serif;
		letter-spacing:0px;
		font-size:15px;
		background:transparent url(../images/blockquote.png);
		background-position: left top;	
		background-repeat: no-repeat;	
		line-height: 24px;
		padding-left:70px;
		padding-top:10px;
		padding-bottom:10px;
		margin:0px;
		font-style:italic;
	}

	blockquote em, blockquote i, blockquote cite {
		font-style:normal;
	}
	pre {
		font:11px Monaco, monospace;
		line-height:18px;
		margin-bottom:18px;
	}
	code { font:11px Monaco, monospace;	}
	ins {text-decoration:none;	}
	sup {bottom: 1ex;	}
	sub {top: .5ex;	}

/* cufon text*/
	.cufon-loading h1,
	.cufon-loading h2,
	.cufon-loading h3,
	.cufon-loading h4,
	.cufon-loading h5,
	.cufon-loading h6 { /* for Cufon.replace('h1') */
		visibility: hidden !important;
	}

body, p {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	font-size:13px;
	line-height:17px;
	color:#4D4D4D;
}

	/* links */
	a{	
		color:#6A6A6A;
	}
	a:hover{
		color:#a74915;
	}

#topmenuitems a  {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	font-size:15px;
	color:#000;
	text-transform: uppercase;
	text-decoration: none;
}
		
#topmenuitems a:hover  {
	color:#a74915;
	text-decoration: underline;
}

.menuspace {
	float: right; margin-left: 10px; margin-right: 10px;
	}
	
.headerbanner {
	float: left;
	width: 550px;
	padding: 10px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	font-size:22px;
	font-weight: bold;
	color:#fff;
}
.headertext {
	float: left;
	width: 550px;
	padding: 5px;
	padding-left: 25px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	font-size:14px;
	font-weight: normal;
	color:#fff;
}
.clear {
	clear: both;
}
#clear {
	clear: both;!important 
}

a.searchbutton, a.searchbutton:visited, a.searchbutton:link {
	margin-left: 10px;
	border: 1px solid #fff;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 12px;
	padding-left: 12px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	font-size:12px;
	font-weight: normal;
	color:#fff;
	text-decoration: none;
}

a.searchbutton:hover {
	background-color: #900;
	text-decoration: none;
}

/* text elements */
	blockquote {
		color:#8A8C8C;
		background-color:#F8F8F8;
		border:1px solid #ededed;
	}
	
.back1 {
background-image:url('../images/sub_background.png'); 
background-repeat:repeat-x; 
background-position:top left; 
height: 623px;
width: 100%;
}

.back2 {
background-image:url('../images/sub_top.png'); 
background-repeat:no-repeat; 
background-position:center 113px; 
/*width: 960px; height: 553px;*/
z-index: 10;
margin: 0 auto;
}

#footer-bottombord {
/*	position: relative;
	bottom: 0px;*/
	width:  100%;
	height: 182px;
/*	margin: 0 auto;*/
	overflow: hidden;
	
	background-image: url(../images/footer_back.png);
	background-repeat: repeat-x;
	z-index: 1;
	}
		
#footer-contact {
	position: absolute;
	display: inline;
	width: 960px;
	height: 182px;
	left: 0px;
	top: 0px;
	z-index:10;
}

#footermenu {
position: absolute;
float: left;
top: 33px;
left: 30px;
z-index: 11;
width: 900px;
}

#area2 {
position: absolute;
top: 120px; 
width: 350px;
left: 10px;
height: 40px;
z-index: 100;
overflow: visible;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	font-size:14px;
	color:#fff;
}

#bottombanner {
position: absolute;
top: 115px; 
width: 450px;
right: 0px;
height: 60px;
z-index: 100;
overflow: visible;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	font-size:13px;
	color:#fff;
}

	
/*** end added by mna ***/	
	
	
/* Main Body */
 BODY {
    text-align: center;
    margin-top: 0px;
    margin-left: auto; margin-right: auto;
    
    background-color: #FFFFFF;
    background-image: none;
    background-repeat: repeat-x;
    background-position: left top;
    
    /* Note: scrollbar attributes are not considered a legal standard and only work in Internet Explorer. */
    /* scrollbar-face-color: ; scrollbar-arrow-color: #FFFFFF; */
    
}

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

/* Main Page Sections */
.mainbodydiv                {margin-top: 0px; margin-left: auto; margin-right: auto;}
.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: ; border-color: ; border-style: solid; border-width: 1px}
.bannertxt 	   		    {color: #000000; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: none}
.searchbanner			{background-color: #b9340b; border-color: ; border-style: solid; border-width: 1px}
.area1					{text-align: left; background-color: #FFFFFF; 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: ; border-color: ; border-style: solid; border-width: 1px}
.botbannermenu	  	    {padding: 10px; color: #FFFFFF; font-family: Verdana; font-size: 12px}
.botbannermenu	A 	    {color: #999999}
.leftcol				{background-color: ;}
.middlecol				{background-color: ;}
.rightcol				{background-color: ;}
.sectionspacer			{width: 100%; height: 5px;}
.sectioncontentdiv      {padding: 10px; }

/* Menu Tabs (Small) */
.menutab {margin-right: 1px; margin-left: 1px; float: left; height: 15px; background-color: #ba291e ;}
.menutabtext A  {position: relative; top: 2px;  color: #000000; font-family: Verdana; 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: #ba291e ;}
.menutabtextL A  {position: relative; top: 2px;  color: #000000; font-family: Verdana; font-size: 14px; font-weight: bold; text-decoration: none} 

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


/* Section Headings */
.headingtextS   		{padding: 1px; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: none}
.headingtext  			{padding: 2px; font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: none}
.headingtextL  			{padding: 5px; font-family: Verdana; font-size: 14px; font-weight: bold; text-decoration: none}
.tabheading  		    {font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: none}
.customheading    		{color: #999999; background-color: ; font-family: Verdana; font-size: 16px; font-weight: bold; padding: 5px; border-color:#CCCCCC; border-style: none; border-width: 1px; text-decoration: none}
.headingmessages        {padding: 5px; color: #999999; font-family: Verdana; font-size: 11px; font-weight: normal} 


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

/* Item Related */
.itemname               {color: #000000; font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: none}
.itemname A            	{color: #000000; font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: none}
.itemdesc               {color: #000000; font-family: Verdana; font-size: 11px; }
.itemdesc   A           {color: #000000; font-family: Verdana; font-size: 11px}
.price                  {color: #000000; font-family: Verdana; font-size: 12px; font-weight: bold}
.listname               {color: #000000; font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: none}
.listname   A           {color: #000000; font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: none}
.listname   A:hover     {color: #000000; font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: underline}
.listdesc               {padding-top:5px; padding-right:5px; padding-bottom:5px; color: #000000; font-family: Verdana; font-size: 11px; }
.listprice              {color: #000000; font-family: Verdana; font-size: 11px; font-weight: bold}
.listitemno             {color: #000000; font-family: Verdana; font-size: 11px; font-weight: bold}

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

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

/* Top Level Category listing*/
.toplevelcat            {color: #000000; font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: none}
.toplevelcat A          {color: #000000; font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: none}
.toplevelcat A:hover    {text-decoration: underline}

.toplevelcat, .toplevelcat A , .toplevelcat A :hover { display: inline-table; } /** added mna to fix FF wrapping bug **/

.toplevelcatdot         {color: #999999; font-family: Verdana; font-size: 12px; font-weight: normal; text-decoration: none}
.toplevelcatdes         {color: #000000; font-family: Verdana; font-size: 11px; text-decoration: none}
.toplevelsub   A        {color: #000000; font-family: Verdana; font-size: 12px; font-weight: normal; text-decoration: none}
.toplevelsub   A:hover  {text-decoration: underline}
.toplevelsubdot         {color: #999999; font-family: Verdana; font-size: 8px; font-weight: bold; text-decoration: none}
.toplevelsubdes         {color: #000000; font-family: Verdana; font-size: 10px; text-decoration: none}

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

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

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

/* Order Receipt Page */
.orderheader	        {background-color: #ffffff; color: #a74915; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none}
.orderheader2	        {color: #999999; font-family: Verdana; font-size: 11px}
.ordertxt               {color: #999999; font-family: Verdana; font-size: 11px}
.orderheader3	        {color: #a74915; font-family: Verdana; 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: #ffffff;
	color: #767678;
	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;
	
}