﻿root
{
    height: 100%;
}
html
{
    height: 100%;
}
body
{
    margin-left: 0px;
    margin-top: 0px;
    height: 100%;
    font-family: Verdana;
    font-size: 10px;
    background-image:url(../images/background.gif);
    background-color:#FFFFFF;    
    background-repeat:repeat-x;
}
.rootTable
{
    width: 960px;
    height: auto;
    border: none 0px;
}
.mainTable
{
    border: solid 1px #000000;
    width: 90%;
    min-height: 500px;
    height: 100%;
}
.mainTable td.logoTableCell
{
    height: 60px;
}
.mainTable td.tabs
{
    height: 20px;
    vertical-align: baseline;
}
.mainTable td.tabContents
{
    background-color: #42944A;
    padding-top: 0px;
    padding-left: 20px;
    vertical-align: top;
    text-align: left;
}
.mainTable td.container
{
    height: auto;
    min-height:300px;
    background-color:#EFEDEE;
}
.mainTable td.logos
{
    height: 70px;
    background-color:#ffffff;
    padding-top:10px;
    padding-bottom:10px;
}

.mainTable td.addRotatorTd
{
    height: 95px;
    background-color:#FFFFFF;
}

.rootTable td.header
{
    padding:0px;
    border:none;
    height: 8px;
    color:#FFFFFF;
    background-color:#387E43;
}


.rootTable td.header table
{
    border: 0px;
    width: 100%;
    height: 8px;
}

.rootTable td.header table td.left
{
    border: 0px;
    width:12px;
    text-align: left;
    background-image:url("../images/top_bg_left.gif");
    background-position:left;
    background-repeat:no-repeat;
}

.rootTable td.header table td.right
{
    border: 0px;
    width:12px;
    text-align: left;
    background-image:url("../images/top_bg_right.gif");
    background-position:right;
    background-repeat:no-repeat;
}

.rootTable td.footer
{
    padding:0px;
    border:none;
    height: 38px;
    font-family:Arial;
    font-size:10px;
    color:#FFFFFF;
    font-weight:bold;
    background-color:#387E43;
}

.rootTable td.footer table
{
    border: 0px;
    width: 100%;
    height: 38px;
    text-align: left;
}

.rootTable td.footer table A
{
    font-family:Arial;
    font-size:10px;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}

.rootTable td.footer table A:HOVER
{
    font-family:Arial;
    font-size:10px;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:underline;
}

.rootTable td.footer table td.left
{
    border: 0px;
    width:12px;
    text-align: left;
    background-image:url("../images/bottom_bg_left1.gif");
    background-position:left;
    background-repeat:no-repeat;
}

.rootTable td.footer table td.right
{
    border: 0px;
    width:12px;
    text-align: left;
    background-image:url("../images/bottom_bg_right1.gif");
    background-position:right;
    background-repeat:no-repeat;
}

.FindMerchant
{
    width: 100%;
    text-align: left;
}
.FindMerchant th
{
    width: 280px;
    font-family: Verdana;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
}
.FindMerchant th.cornerleft
{
    width: 20px;
    background-color: #42944A;
    margin: 0px;
    padding: 0px;
    background-image:url(../images/SearchTbl_Left.gif);
    background-position:right;
    background-repeat:no-repeat;
    height:72px;
}

.FindMerchant td.contentTh
{
    margin: 0px;
    padding: 0px;
    width:auto;
    border:none;
    background-image:url(../images/SearchTbl_Main.gif);
    background-repeat:repeat-x;
    height:72px;
}

.FindMerchant th.cornerright
{
    width: 20px;
    background-color: #42944A;
    margin: 0px;
    padding: 0px;
    background-image:url(../images/SearchTbl_right.gif);
    background-position:left;
    background-repeat:no-repeat;
    height:72px;
}


.FindMerchant .input
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    height: 22px;
    width: 260px;
    color:Gray;
    padding-top:5px;
}
.FindMerchant .inputCell
{
    width: 280px;
}

.logoTable
{
    width: 100%;
    background-color:#ffffff;
}
.logoTable td.logoCell
{
    padding-left: 20px;
    width: 289px;
}


/* Content Page level classes */

.PagerootTable
{
    width: 100%;
    height: auto;
    border: none 0px;
}
.PagemainTable
{
    border: none;
    width: 100%;
    height: 100%;
}
.PagemainTable td.logoTableCell
{
    height: 60px;
}
.PagemainTable td.tabs
{
    height: 20px;
    vertical-align: baseline;
}
.PagemainTable td.tabContents
{
    background-color: #EFEDEE;
    height: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
    text-align: left;
}
.PagemainTable td.logos
{
    height: 70px;
}
.PagemainTable td.footer
{
    height: 40px;
}
.PagemainTable td.footer table
{
    border: 0px;
    width: 100%;
    height: 25px;
    text-align: left;
}
.PageContent
{
    width: 97%;
    text-align: left;
    background-color: #EFEDEE;
}
.PageContent th
{
    width: 280px;
    font-family: Verdana;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    text-align: left;
}
.PageContent th.corner
{
    width: 11px;
    background-color: #EFEDEE;
    margin: 0px;
    padding: 0px;
}
.PageContent .input
{
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    height: 22px;
    width: 260px;
}
.PageContent .inputCell
{
    width: 280px;
}
.PageContentTable
{
    text-align:center;
    padding-left: 20px;
    background-color:#DDDBDC;
    height:100%;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
}


.Prodlist
{
}

.Prodlist a
{
    font-weight:bold;
    color:Orange;
    text-decoration:none;
}


.Prodlist a:hover
{
    font-weight:bold;
    color:Orange;
    text-decoration:underline;
}

.FindMerchant th .smallHeading
{
    width: 280px;
    font-family: Verdana;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: left;
}
.slider
{
	width:150px;
	height :100px;
}

/* Custom Classes */

.H1Label
{
	font-family:Verdana;
	font-size: 18px;
	font-weight:bold;
	color:#0060B6;
}
.ItalicLabel
{
	font-family:Verdana;
	font-size: 10px;
	font-style:italic;
	font-weight:bold;
	color:#0060B6;
}
.Label
{
	font-family:Verdana;
	font-size: 10px;
}
.TextBox
{
	font-family:Verdana;
	font-size: 10px;
}
.DropdownList
{
	font-family:Verdana;
	font-size: 10px;
}
.ButtonBg
{
	font-family:Verdana;
	font-size: 10px;
	color:White;
	background-color:Black;
	border-bottom-color:Red;
	border-width:2px;
	height:25px;
	font-weight:bold;
	background-image: url('../images/snap_headerBg.gif');
	background-position:center;
}
.Location
{
    font-family: Verdana;
    font-size: 14px;
    color: #FFFFFF;
    text-transform:uppercase;
}

.terms{}

.terms p
{
    padding-left:20px;
    padding-right:20px;
}

.adRotator
{
    padding:4px;
    border:2px solid green;
    background-color:#FFFFFF;
}
.addRotator
{
   width:931px;
   height:96px;
   border:1 px solid green;
   border:none;
}
.addRotator td.top
{
   width:930px;
   height:6px;
   background-image:url(../images/adrotator_01.gif);
   background-repeat:no-repeat;
}
.addRotator td.main
{
   width:901px;
   height:84px;
   background-color:#ffffff;
} 
.addRotator td.left
{
   width:16px;
   height:84px;
   background-image:url(../images/adrotator_02.gif);
   background-repeat:no-repeat;
}  
.addRotator td.right
{
   width:13px;
   height:84px;
   background-image:url(../images/adrotator_04.gif);
   background-repeat:no-repeat;
   background-position:left;
}            
.addRotator td.bottom
{
   width:930px;
   height:5px;
   background-image:url(../images/adrotator_05.gif);
   background-repeat:no-repeat;
} 
/* Login Box Css */
.topleft
    {
    	background:url(../images/Login/topleft.gif) no-repeat;
    }
	.topmiddle
	{
		background:url(../images/Login/topstrip.gif) repeat-x;
	}
	.topright
	{
	    background:url(../images/Login/topright.gif) no-repeat;
	}
	.middleleft
	{
		background:url(../images/Login/middleleftstrip.gif) repeat-y;
	}
	.middleright
	{
		background:url(../images/Login/middlerightstrip.gif) repeat-y;
	}
	.middle
	{
		background:#FFFFFF;
		width:300px;	/*adjust this width to adjust the box width*/
	}
	.bottommiddle
	{
		background:url(../images/Login/bottomstrip.gif) repeat-x;
	}