﻿/* CSS Document */

*												{ margin:0; padding:0; }

body											{ font:normal 12px/18px Arial, Helvetica, sans-serif; color:#333; background:#c8c8c8; }

.clr											{ clear:both;}


#wrapper										{ width:978px; margin:0 auto; padding:20px 40px 20px; background:#fff;}
#wrapper .header								{ width:978px; float:left; }

#wrapper .header .logo							{ width:978px; float:left; position:relative; }
#wrapper .header .logo	img						{ width:auto; height:auto; margin-top:30px; float:left; }
#wrapper .header .logo	.live_chat				{ width:166px; height:63px; float:right; margin:0; padding:0;}
#wrapper .header .logo	.live_chat img			{ width:auto; height:auto; margin-top:0px; }

#wrapper .header .mainNav						{ width:978px; float:left; }
#wrapper .header .mainNav ul					{ width:978px; height:auto; float:left; list-style:none; border-bottom:2px solid #F38025; }
#wrapper .header .mainNav ul li					{ width:auto; float:right; background:#F38025; margin:0 0 0 2px; list-style:none; }
#wrapper .header .mainNav ul li:hover			{ background:#F90; color:#fff;}

#wrapper .header .mainNav ul li	a				{ float:left; margin:0; padding:0 0 0 17px; background:url(../images/menu_left_top.png) left top no-repeat; font:bold 13px/20px Arial, Helvetica, sans-serif; color:#fff;}
#wrapper .header .mainNav ul li	a span			{ width:auto; float:right;  margin:0; padding:7px 17px 4px 0; list-style:none; background:url(../images/menu_right_top.png) right top no-repeat; }



#wrapper  .widebanner						{ width:978px; height:auto; margin:1px 0 0; padding:0; border-bottom:3px solid #000; float:left; }

#wrapper  .container						{ width:978px; height:auto; margin:0; padding:0 0 10px; float:left; }
#wrapper  .container .sidebar				{ width:176px; height:auto; margin:0; padding:10px 0 0 0; float:left; }

#wrapper  .container .sidebar .sidemenu		{ width:176px; height:auto; margin:0; padding:10px 0; float:left; }

.sidemenu ul								{ width:176px; height:auto; margin:0; padding:0; float:left; list-style:none; }
.sidemenu ul li								{  width:176px; height:auto; margin:0; padding:0; float:left; list-style:none; background:#F38025; border-bottom:1px solid #C46721;  }
.sidemenu ul li:hover						{  background:#F90; border-bottom:1px solid #C46721;  }

.sidemenu ul li	a							{ width:160px; display:block; padding:10px 0 10px 16px; color:#fff; font:bold 13px/18px Arial, Helvetica, sans-serif; text-decoration:none; }

#wrapper  .container .sidebar .ads			{ width:176px; height:auto; margin:0; padding:10px 0; float:left; }

#wrapper  .container .content				{ width:750px; height:auto; margin:0; padding:30px 0 0 50px; float:left; }
#wrapper  .container .content h1			{ width:750px; height:auto; margin:0; padding:0px 0 10px; font:normal 20px/30px Arial, Helvetica, sans-serif; color:#000; }
#wrapper  .container .content h2			{ width:750px; height:auto; margin:0; padding:0px 0 10px; font:normal 18px/26px Arial, Helvetica, sans-serif; color:#000; }
#wrapper  .container .content h3			{ width:750px; height:auto; margin:0; padding:0px 0 10px; font:normal 16px/22px Arial, Helvetica, sans-serif; color:#000; }
#wrapper  .container .content h4			{ width:750px; height:auto; margin:0; padding:0px 0 10px; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000; }
#wrapper  .container .content h5			{ width:750px; height:auto; margin:0; padding:0px 0 10px; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#000; }
#wrapper  .container .content p				{ width:750px; height:auto; margin:0; padding:0px 0 5px; font:normal 12px/18px Arial, Helvetica, sans-serif;  }
#wrapper  .container .content p.image_btns	{ width:750px; height:auto; margin:0; padding:30px 0; text-align:center; }
#wrapper  .container .content p.image_btns a{  height:auto; margin:0 10px; padding:0; text-align:center; }

#wrapper  .container .content p.image_btns_small		{ width:750px; height:auto; margin:0; padding:30px 0 0px; text-align:center; }
#wrapper  .container .content p.image_btns_small a		{  height:auto; margin:0 20px; padding:0; text-align:center; }

#wrapper  .container .content ul				{ width:730px; height:auto; margin:0; padding:20px 0 5px 20px; font:normal 12px/18px Arial, Helvetica, sans-serif;  }
#wrapper  .container .content ul li				{ width:730px; height:auto; margin:0; padding:5px 0 5px 0px; font:normal 12px/18px Arial, Helvetica, sans-serif;  }

#wrapper .footer							{ width:978px; height:auto; float:left; padding:12px 0; text-align:center; background:url(../images/footer_bg.png) left top repeat-x #4c4c4c; color:#fff;}
#wrapper .footer a							{ color:#fff;}


/* ----------------  11/14/2012  starts ------------------ */

#wrapper  .container .content .category_block						{ padding:10px 0; }
#wrapper  .container .content .category_block .fIcons				{ padding:5px; width:125px; height:130px; float:left; border:1px solid #ccc; margin:0 10px 15px 0; text-align:center; }
#wrapper  .container .content .category_block .fIcons a				{ color:#666; text-decoration:none; } 			
#wrapper  .container .content .category_block .fIcons .fIconspic		{ height:85px;}	




.grid tr td	a,
.gridTable tr td	a { color:#F30}
.grid tr td	a:hover,
.gridTable tr td	a:hover { color:#F30; text-decoration:none;}

.grid tr td, .grid tr th	{ padding:2px; text-align:left;}

.grid tr th 				{ background:#000; padding:5px 3px; color:#FFF;}
.grid tr td					{/*border-bottom:1px solid #C0C0C0;*/ padding:5px 0; }

.grid .gridTable tr	td		{ border:none; border-bottom:1px solid #c0c0c0; padding:5px 3px; }
.grid .gridTable tr 		{   }
.grid .gridTable tr.odd		{ background:#f9f9f9; }

/* ----------------  11/14/2012  ends ------------------ */

/* ----------------  05/22/2013  starts ------------------ */
#wrapper .container .content .mainHeadding											{ background: url(../images/inner-sub-headding.png) repeat scroll 0 0 transparent; font-size: 20px; height: 43px; line-height: 43px; padding: 0 10px; width: 730px; }
#wrapper .container .content .category_block										{ width:750px; padding-top:15px;}
#wrapper .container .content .category_block table.stand_upgrade_blocks				{ border:none; }
#wrapper .container .content .category_block table.stand_upgrade_blocks	td			{ border:2px solid #ccc; padding:10px; }
#wrapper .container .content .category_block table.stand_upgrade_blocks	td table.sizeTable			{ border:1px solid #eee; padding:0px; }
#wrapper .container .content .category_block table.stand_upgrade_blocks	td table.sizeTable th		{ background:#f2f2f2; border-top:1px solid #eee; border-bottom:2px solid #ccc; padding:3px 2px; font:bold 11px/20px Arial, Helvetica, sans-serif;}
#wrapper .container .content .category_block table.stand_upgrade_blocks	td table.sizeTable td		{ border:none; padding:2px; border-top:1px solid #f2f2f2; }

#wrapper .container .content .category_block .stand_upgrade_blocks .spTitle 									{ color: #000000; font-size: 14px; font-weight: bold; margin-bottom: 3px; margin-top: 0; text-align: left; }
#wrapper .container .content .category_block .stand_upgrade_blocks .spPrice 									{ background-image: url(../images/spPrice.gif); color: #FFFFFF;  float: left; font-size: 12px; font-weight: bold; margin-right: 10px; padding-bottom: 22px; padding-top: 20px; text-align: center; width: 59px; }
#wrapper .container .content .category_block .stand_upgrade_blocks .spConfigTitle 								{ color: #F48024; font-size: 12px; font-weight: bold; margin-bottom: 0; margin-top: 5px; text-align: left; }

#wrapper .container .content .category_block .stand_upgrade_blocks .spColL 									{ float: left; font-size: 11px; margin-top: 5px; text-align: left; width: 150px; }
#wrapper .container .content .category_block .stand_upgrade_blocks .spColR 									{ float: right; font-size: 11px; margin-top: 5px; text-align: left; width: 165px; }

/* ----------------  05/22/2013  ends ------------------ */



/* ----------------  06/18/2013  starts ------------------ */

#wrapper  .container .content .stand_package_block														{ width:750px; margin:10px 0; min-height:300px;  float:left;} 

#wrapper  .container .content .stand_package_block h3													{ width:100%; padding:10px 0; }
#wrapper  .container .content .stand_package_block p													{ width:100%; padding:5px 0; }
#wrapper  .container .content .stand_package_block .stand_feature										{ width:100%; padding:15px 0 5px; }
/*#wrapper  .container .content .stand_package_block .stand_feature .left_block							{ width:25%; float:left; padding:0px 0; }
*/
#wrapper  .container .content .stand_package_block .stand_feature .note								{ background:#d00; border:1px solid #c00; color:#fff; padding:5px;}
#wrapper  .container .content .stand_package_block .stand_feature .grey								{ background:#f2f2f2; border:1px solid #ccc; color:#333; padding:5px;}

#wrapper  .container .content .stand_package_block .stand_feature .right_block							{ width:98%; float:left; padding:10px 0 0 2%; }



#wrapper  .container .content .stand_package_block .stand_feature .right_block	 ul,
#wrapper  .container .content .stand_package_block .stand_feature .right_block	 ul li					{ width:98%; float:left; padding:0 0 5px 2%; list-style:none; margin:0; }

#wrapper  .container .content .stand_package_block .stand_feature .right_block	 ul li label			{ width:20%; padding-right:4%; text-align:right; float:left; font-weight:bold;}
#wrapper  .container .content .stand_package_block .stand_feature .right_block	 ul li span				{ width:70%; float:left;}
#wrapper  .container .content .stand_package_block .stand_feature .right_block	 ul li input			{ float:left; width:6%;}

#wrapper  .container .content .stand_package_block .stand_feature .right_block h3										{ width:98%; float:left; font:bold 13px/20px Arial, Helvetica, sans-serif;}
#wrapper  .container .content .stand_package_block .stand_feature .right_block h4										{ width:98%; float:left; font:bold 13px/20px Arial, Helvetica, sans-serif;}
#wrapper  .container .content .stand_package_block .stand_feature .right_block	 ul.optional_signage li					{ width:98%; float:left; padding:0 0 5px 2%; list-style:none; margin:0; }
#wrapper  .container .content .stand_package_block .stand_feature .right_block	 ul.optional_signage li label			{ width:29%; float:left; text-align:left; font-weight:normal;}
#wrapper  .container .content .stand_package_block .stand_feature .right_block	 ul.optional_signage li label input			{ width:auto; float:left; margin:3px 5px 0;}
/* ----------------  06/18/2013  ends ------------------ */



/* -------------------------------  Logout Container   ------------------------------------ */

#wrapper  .container #logout_block						{ width:748px; height:auto; margin:0; padding:50px 115px 60px; float:left; }

#wrapper  .container #logout_block .logoutBlock			{ width:448px; height:308px; padding:40px 75px 0 225px; text-align:center; background:url(../Images/logout_bg.png) center top no-repeat;}
#wrapper  .container #logout_block .logoutBlock h3		{ width:448px; text-align:center;}

#wrapper  .container #logout_block .logoutBlock h4		{ width:448px; padding:20px 0 15px; font:normal 22px/30px Arial, Helvetica, sans-serif; text-align:center;}
#wrapper  .container #logout_block .logoutBlock p		{ width:448px; font:normal 18px/30px Arial, Helvetica, sans-serif; text-align:center;}

#wrapper  .container #logout_block .logoutBlock p a				{ color:#f90;}
#wrapper  .container #logout_block .logoutBlock p a:hover		{ color:#f90; text-decoration:none; }

