/*
'************************************************************
'*         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 {
    text-align: center;
    margin-top: 0px;
    margin-left: auto; margin-right: auto;
    
    background-color: #fff;
    background-image: url('../images/bkg.jpg');
    background-repeat: repeat;
    background-position: left top;
    
    /* Note: scrollbar attributes are not considered a legal standard and only work in Internet Explorer. */
    scrollbar-face-color: #ffffff; scrollbar-arrow-color: #00ccff; 
    
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding-bottom:5px;
	padding-right: 20px;
}
 ul { 
	list-style:inside;
	list-style-image:url(img/bullet.jpg);
 }
/* Main Shop Sections */
.topsec					{border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px
}
.topbanner				{background-color: ; border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px
}
.bannertxt 	   		    {color: #FFFFFF; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none}
.searchbanner			{background-color: #00ccff; border-color: #cccccc; border-style: solid; border-width: 0px}
.area1					{background-color: #FFFFFF; border-color: #FFFFFF; border-style: solid; border-width: 0px}
.area2					{background-color: #FFFFFF; border-color: #FFFFFF; border-style: solid; border-width: 0px}
.botsec					{border-color: #FFFFFF; border-style: solid; border-width: 0px}
.botlinksec				{background-color: #00ccff}
.botbanner				{background-color: ; border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px
}

.botbannermenu	  	    {color: #00ccff; font-family: Arial;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
.botbannermenu	A 	    {color: #000; font-family: Arial;

}


.leftcol				{background-color: #FFFFFF;}
.middlecol				{background-color: #FFFFFF;}
.rightcol				{background-color: #FFFFFF;}
.sectionspacer			{width: 100%; height: 8px;}

/*
.pagebody				{background-color: #F9F9F9;}
.columnspacer			{background-color: #FFFFFF;}
*/


/* Main Menu Tabs Text & Backgrounds */
.mmtabtextlinkS 		{color: #FFFFFF; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: underline;}
.mmtabtextlinkL 		{color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: underline;}
.mmspacerS 				{color: #FFFFFF; font-family: Arial; font-size: 10px; font-weight: bold;}
.mmspacerL 				{color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: bold;}
.mmstyle6	   			{color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.mmstyle5	   			{color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.mmtabtextL A 			{color: #FFFFFF; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none;}
.mmtabtextS A 			{color: #FFFFFF; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none;}

/* Heading Text Styles */
.hdstyle10	   			{font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none}
.hdstyle12	   			{font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}

/* Buttons & Links */
.buttonsstandard		{font-size:10px; font-weight: bold; font-family: Arial; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px;}
.textlinks              {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: #000000; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none}

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

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

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

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

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

/* Forms */
.formheadings 	   	    {color: #000000; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none}
.formheadings2 	   	    {color: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.forms				    {background-color: #FFFFFF; color: #00ccff; 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: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none}
.searchforms		    {background-color: #00ccff; color: #000000; 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: #000000; height: 0px}
.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: #000000; font-family: Arial; font-size: 12px; font-weight: normal;}
.itemformheadings 	    {color: #000000; 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: #000000; 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: #000000; 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: #FFFFFF; color: #000000; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none}
.orderheader2	        {color: #000000; font-family: Arial; font-size: 11px}
.ordertxt               {color: #000000; font-family: Arial; font-size: 11px}
.orderheader3	        {color: #000000; 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: #fff;
} 

/* 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: #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;
	
}