* { 
    -moz-box-sizing: border-box; 
}

body{
	text-align:left;
	margin: 0px;
	padding: 0px;
	background: #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

a { color: #31378C;;text-decoration:none; }
a:hover { color: #FF9933;text-decoration:underline; }
a img { border:0px; }

li{
padding:0;
}

form { margin:0; }

input, select {
	padding: 2px;
	border:1px solid #ccc;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#777;
	margin-bottom:2px;
}

.btsubmit{
	font-size: 9px;
	border:1px solid #000000;
	color:#000000;
	padding:0;
	margin:5px
}

textarea {
	padding:2px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #eee;
	display:block;
	color:#777;
}

.btlogin{
   font-size:9px;
}


/* Error message box style */
.errormessagestyle{
	position:fixed;
	left:400px;
	top:250px;
	display:block;
	width:300px;
	visibility:hidden;
	z-index:100;
	background:#FFFFFF;
	border:#31378C 1px solid;
	text-align:center;
	padding-bottom:10px;
}
.errormessagestyle table{
	background:#3CAEEC;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	border-bottom:#31378C 1px solid;
}
.errormessagestyle a{
	color:#FFFFFF;
	font-weight:bold;
}

#topTab{
	background: #FFFFFF url("../images/main/topback.jpg");
	height:10px;
}

#leftTab{
	background: #FFFFFF url("../images/main/leftback.jpg");
	width: 4px;
}
#rightTab{
	background: #FFFFFF url("../images/main/rightback.jpg");
	width: 4px;
}
#mainTab{
	background: #FFFFFF;
}
#botTab{
	background: #FFFFFF url("../images/main/botback.jpg");
	height:11px;
}

/* Scroller with merchants */
#marqueecontainer{
position: relative;
width: 100%;
height: 240px;
overflow: hidden;
}

/**************************************************************************************************************************/
/***********************************************                   ********************************************************/
/***********************************************   HEADER STYLES   ********************************************************/
/***********************************************                   ********************************************************/
/**************************************************************************************************************************/


/* Main logo */
#masthead{
	position: relative;
	overflow:hidden;
	height:115px;
	width:100%;
	background: #FFFFFF url("../images/main/productlogo.jpg") no-repeat;
}


/* Horiz menu */
#globalNav{
	position: relative;
	width: 100%;
	height: 30px;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	background: #FFFFFF;
}
.top-left  { background:url("../images/main/leftbg.jpg") top left no-repeat;}
.top-right { background:url("../images/main/rightbg.jpg") top right no-repeat;}

#tabsJ {
      float:left;
      width:100%;
      }
#tabsJ ul {
      margin:0;
	  padding:0;
      list-style:none;
}
#tabsJ li {
      display:inline;
      margin:0;
      padding:0; 
	  
}
#tabsJ a {
      float:left;
      background:url("../images/main/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0;
      text-decoration:none;
	  color:#31378C;
}
#tabsJ a span {
      float:left;
      display:block;
      background:url("../images/main/tabrightJ.gif") no-repeat right top;
      padding:3px 10px 4px 10px;
      color:#31378C;
}
#tabsJ a span {float:none;}
#tabsJ a:hover span {
      color:#31378C;
}
#tabsJ a:hover {
      background-position:0% -42px;
}
#tabsJ a:hover span {
      background-position:100% -42px;
}



/* Box with language flags, links and accessibility utility */
#showflags{
	font-size: 10px;
	position: absolute;
	top: 5px;
	width:200px;
	right: 15px;
	text-align: center;
	color:#FFFFFF;
}
#showflags a{
	color: #FFFFFF;
}
#showflags a:hover{
	text-decoration: underline;
}



/**************************************************************************************************************************/
/********************************************                       *******************************************************/
/********************************************    MAIN BODY STYLE    *******************************************************/
/********************************************                       *******************************************************/
/**************************************************************************************************************************/

#main_content{
	padding:0;
	margin:0;
/*	background:#000000;*/
	position:relative;
	width:615px;
	height:515px;
	overflow:hidden;
	text-align:justify;
	font-size:12px;
	color:#000000;
	font-weight:normal;
}
#main_content ul{

list-style-type:square;

}



/* Main area text styles */
#main_content h1 {
	font-weight : bold;
	margin:0 0 15px 0;
	padding-left:15px;
	color:#31378C;
	text-align:left;
	font-size:20px;
	border-bottom:1px solid #31378C;
}

#main h2 {
	font-weight : bold;
	margin:0 0 10px 0;
	padding-left:15px;
	color:#31378C;
	text-align:left;
	font-size:16px;
	border-bottom:1px solid #31378C;
}

#main h2.picheader { /* Heading style for headings with picture, e.g. shopcustomer.asp */
	background-position:1% 50%;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
	color:#333;
	font-size:12px;
/*	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;*/
	background-color:white;
	text-align:left;
	padding:10px 5px 10px 50px;
	margin:0px;
}



/**************************************************************************************************************************/
/*****************************************                                *************************************************/
/*****************************************    USED IN TEMPLATES STYLES    *************************************************/
/*****************************************                                *************************************************/
/**************************************************************************************************************************/
/* standard table display */
.std_table {
	background:#F9F9F9;
/*	border:1px solid #E3E3E3 !important;*/
	border:1px solid #31378C !important;
	margin-bottom:10px;
	padding:10px;
	text-align:left;
	vertical-align:top;
	line-height:20px;
	font-size:12px;
}

.std_table table { 
	border-collapse:collapse;
	width:100%;
}

.std_table th { 
	vertical-align:top;
	padding:0px 10px 0px 0px;
	width:200px;
	font-weight:normal;
}
.std_table td {	padding:0px 5px 0px 0px; }

/* tmp_categories.htm, tmp_default.htm , tmp_shoploginforce.htm*/
#content_top{
	position:absolute;
	left:0px;
	top:0px;
	height:300px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:justify;
}
/* shopdisplaycategories.asp, tmp_default.htm, tmp_shoploginforce.htm*/
#content_bottom{
	position:absolute;
	left:0px;
	top:250px;
	height:260px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:justify;
}

/* FAQ content */

#masterdiv{
margin-left:30px;
}

#question{
background-color:#3CAEEC;
padding:4px 0 4px 0;
font-weight:bold;
}

.menutitle{
cursor:pointer;
color:#FFFFFF;
width:570px;
margin-bottom: 1px;
}
.submenu{
color:#000000;
border-bottom:1px #3CAEEC solid;
border-left:1px #3CAEEC solid;
border-right:1px #3CAEEC solid;
margin-bottom:10px;
}
.submenu p{
padding:5px;
margin:0px;
}




/* Home, main page content*/
.home_left
{
float:left;
width: 374px;
height:250px;
overflow:hidden;
margin:40px 5px 0 0;
}
.home_right
{
float:right;
width: 236px;
height:250px;
background:url("../images/contents/homepage-bags.jpg") no-repeat;
margin-top:30px;
}

.categories_left{
float:left;
height:250px;
margin:62px 5px 0 0;
}
.categories_right{
float:right;
width: 410px;
height:250px;
margin-top:40px;
}

.merchants_left{
float:left;
width: 450px;
height:195px;
margin:-3px 5px 0 0;
}
.merchants_right{
float:right;
width: 160px;
height:169px;
background:url("../images/contents/thumbs_06.jpg") no-repeat;
}

.offers_left{
float:left;
width: 490px;
height:206px;
margin:-3px 5px 0 0;
}
.offers_right{
float:right;
width: 120px;
height:120px;
background:url("../images/contents/offers.jpg") no-repeat;
}





/**************************************************************************************************************************/
/*********************************************                       ******************************************************/
/*********************************************   LEFT MENU STYLES   ******************************************************/
/*********************************************                       ******************************************************/
/**************************************************************************************************************************/

#leftmenu {
	float: left;
	width: 175px;
	height:520px;
	overflow:hidden;
	margin:0 5px 0 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#leftmenu h1 {
	padding: 5px 0px 5px 10px;
	margin: 0;
	font-weight:bold;
	font-size:14px;
	color:#31378C;
	border-bottom: 1px #31378C solid;
	background: #85D5F0;
}

#leftmenu ul {
	list-style:none;
	margin: 0;
	padding: 0;
	margin-bottom:10px;
}

#leftmenu ul li {
	padding: 0 5px;
}

#leftmenu ul a {
	display:block;
	font-weight:normal;
	color: #000000;
	padding:5px 0 0 10px;
	text-decoration:none;
}

#leftmenu ul a.top{	
	border-top: 1px dashed #31378C;
}

#leftmenu ul a:hover {
/*	padding: .3em 0 .3em 10px;*/
	border-left: 5px solid  #FF9933;
	padding:4px 0 0 5px;
	color: #FF9933;
	border-bottom: 1px solid #FF9933;
}

#leftmenu input {
	font-size: 9px;
}

#leftmenu input.btsubmit{
	font-size: 9px;
	border:1px solid #000000;
	color:#000000;
	padding:0;
	margin:2px
}


/**************************************************************************************************************************/
/*********************************************                       ******************************************************/
/*********************************************   RIGHT MENU STYLES   ******************************************************/
/*********************************************                       ******************************************************/
/**************************************************************************************************************************/
/* Menu on the right */


#rightmenu {
	float: right;
	width: 175px;
	height:520px;
	overflow:hidden;
	margin:0 5px 0 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#rightmenu h1 {
	padding: 5px 0px 5px 10px;
	margin: 0;
	font-weight:bold;
	font-size:14px;
	color:#31378C;
	border-bottom: 1px #31378C solid;
	background: #85D5F0;
}

#rightmenu ul {
	list-style:none;
	margin: 0;
	padding: 0;
	margin-bottom:10px;
}

#rightmenu ul li {
	padding: 0 5px;
}

#rightmenu ul a {
	display:block;
	font-weight:normal;
	color: #000000;
	padding:5px 0 0 10px;
	text-decoration:none;
}

#rightmenu ul a.top{	
	border-top: 1px dashed #FF9933;
}

#rightmenu ul a:hover {
	border-left: 5px solid  #FF9933;
	padding:4px 0 0 5px;
	color: #FF9933;
	border-bottom: 1px solid #FF9933;
}

#rightmenu input {
	font-size: 9px;
}

#rightmenu input.btsubmit{
	font-size: 9px;
	border:1px solid #000000;
	color:#000000;
	padding:0;
	margin:5px
}

.sidebox {

	border: 1px solid #31378C;
	margin-bottom: 10px;
	background:#FFFFFF;
}

/**************************************************************************************************************************/
/***********************************************                   ********************************************************/
/***********************************************   FOOTER STYLES   ********************************************************/
/***********************************************                   ********************************************************/
/**************************************************************************************************************************/


#footer {
	text-align:center;
	margin: 0; padding:4px 5px 0 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	height:20px;
	background:#3CAEEC;
}

#footer h1, #footer p {	margin-left: 0; }

#footer-content{
	font-size: 9px;
	color:#31378C;
	width: 982px;	
}

#footer-content a {
	font-size: 9px;
	color: #31378C;
	text-decoration:none;
}
#footer-content a:hover {
	text-decoration:underline;
	color: #E84489;
	color: #FFFFFF;
}

#footer-content .col {
	width: 200px;
	text-align:left;
}
#footer-content .col2 {
	text-align:right;
}




/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }


.ac { text-align:center !important; }
.ar { text-align:right !important; }
.al { text-align:left !important; }
.aj { text-align:justify !important; }
.fr { float:right !important; }
.fl { float:left !important; }
.vt { vertical-align:top !important; }
.vm { vertical-align:middle !important; }
.vb { vertical-align:bottom !important; }
.cb {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

.errorfloat{
	left:25%;
	/*right:50%;*/
	position:fixed;
	top:220px;
	display:block;
	width:600px;
	/*visibility:hidden;*/
	z-index:100;
	background:#E4E4E4;
	color:#000000;
	border:#000000 1px groove;
	text-align:center;
	}
.errorfloat table{
	background:#E4E4E4;
	font-size:12px;
}

.trheader{
	background:#3CAEEC;
	height:20px;
	width:600px;
}

.errorfloatstyle a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
	.class2{visibility:hidden;}
	.close{margin-right:5px; font-color:#ffffff; font-size:10px; text-decoration:none; float:right;}
	.close a{color:#ffffff; font-size:10px; text-decoration:none; margin-right:5px;}
	.centererror{ padding:10px; width:580px;}