/************************************************************************ Start Main Styles */
html,body{
	margin:0;
	padding:0
	font:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	}
img, div { behavior: url(/images/siteImg/iepngfix.htc) }
* {
	margin:0;
	padding:0;
	}
img {
	border:0;
	}
body{
	background:#f5f5f5;
	font:12px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}

div#header{
	background-color:#f5f5f5;
	}
div#bigimageholder{
	width:900px;
	height:auto;
	overflow: hidden;
	clear:both;
	text-align:center;
	}
div#topimageholder{
	width:900px;
	height:20px;
	background:url(/images/siteImg/topimageholder.jpg) top center no-repeat;
	}
div#wrapper{
	margin:0 0 0 35px;
	}	
div#container{
	width:900px;
	background: url(/images/siteImg/content_bg.jpg) repeat-y center;
	margin:0 auto;
	text-align:left;
	}
div#content{
	float:left;
	width:830px;
	background: transparent;
	}
div.innercontent2col{
	background: transparent;
	width:552px;
	float: left;
	}
div.innercontentright{
	background: transparent;
	width:276px;
	float: right;
	}
div.innercontent2col_blog{
	background: transparent;
	width:582px;
	float: left;
	}	
div.innercontentright_blog{
	background: transparent;
	width:246px;
	float: right;
	}
div.innercontentrightScroll{
	background: transparent;
	width:276px;
	float: right;
	margin-left:552px;
	position:fixed;
	overflow: auto;
	}
div.innercontent{
	background: transparent;
	width:276px;
	float: left;
	}
div.innercontent h1{
	font:bold 16px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #999;
	padding:2px;
	color:#666;
	letter-spacing:0;
	}
div.learnmore{
	clear:both;
	width:95%;
	text-align:right;
	margin:0 auto;
	}
	
/* Rounded Corner CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 5px;
	border:0px solid #666;
	background:#fff;
	}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(/images/siteImg/box2.png) no-repeat 100% 0;
	}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(/images/siteImg/box2.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
	}
	/* Bottom corners and border */
.bb {
	height:13px;
	margin:0 0 0 12px;
	background:url(/images/siteImg/box2.png) no-repeat 100% 100%;
	}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(/images/siteImg/box2.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
	}
	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(/images/siteImg/borders2.png) repeat-y 0 0;
	}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(/images/siteImg/borders2.png) repeat-y 100% 0;
	}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 2px;
	background:#fff;
	}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Rounded Corner CSS ends here */

div#botbrdr{
	width:900px;
	height:20px;
	background: url(/images/siteImg/footer_bg.jpg) no-repeat top center;
	clear:both;
	}
div#botlogo{
	width:900px;
	height:64px;
	background:#f5f5f5;
	clear:both;
	text-align:center;
	padding-bottom:15px;
	border-bottom:2px dotted #fff;
	}
div#botlogo img{
	padding:3px;
	}
div#footer{
	clear:both;
	width:100%;
	background:#f5f5f5;
	}
div#footer p{
	margin:0;
	padding:5px 10px;
	text-align:center;
	}
	
/************************************************************************ Start Main Menu */
/* Main menu settings */
#mainmenu {
	background:#f5f5f5;
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif; /* Menu font */
	z-index:1000; /* This makes the dropdown menus appear above the page content below */
	position:relative;
	}
/* Top menu items */
#mainmenu ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	position:relative;
	right:50%;
	}
#mainmenu ul li {
	margin:0 0 0 4px;
	padding:0;
	float:left;
	position:relative;
	left:50%;
	top:1px;
	}
#mainmenu ul li a {
	display:block;
	margin:0;
	padding:.6em .5em .4em;
	font-size:12px;
	line-height:12px;
	background:transparent;
	text-decoration:none;
	color:#690;
	}
#mainmenu ul li.active a {
	color:#fff;
	background:#2484c6;
	}
#mainmenu ul li a:hover {
	background:#2484c6; /* Top menu items background colour */
	color:#fff;
	}
#mainmenu ul li:hover a,
#mainmenu ul li.hover a { /* This line is required for IE 6 and below */
	background:#2484c6; /* Top menu items background colour */
	color:#fff;
	}
/* Submenu items */
#mainmenu ul ul {
	display:none; /* Sub menus are hiden by default */
	background:#2484c6;
	position:absolute;
	top:1.9em;
	left:0;
	right:auto; /*resets the right:50% on the parent ul */
	width:150px; /* width of the drop-down menus */
	padding:5px 0 5px 0;
	}
#mainmenu ul ul li {
	left:auto;  /*resets the left:50% on the parent li */
	margin:0; /* Reset the 1px margin from the top menu */
	clear:left;
	width:100%;
	}
#mainmenu ul ul li a,
#mainmenu ul li.active li a,
#mainmenu ul li:hover ul li a,
#mainmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
	font-size:11px;
	font-weight:normal; /* resets the bold set for the top level menu items */
	background:#2484c6;
	color:#fff;
	line-height: inherit; /* overwrite line-height value from top menu */
	border-bottom:0px dotted #eee; /* sub menu item horizontal lines */
	zoom:1;
	margin:0;
	}
#mainmenu ul ul li a:hover,
#mainmenu ul li.active ul li a:hover,
#mainmenu ul li:hover ul li a:hover,
#mainmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
	background:#2484c6; /* Sub menu items background colour */
	color:#fff;
	text-decoration:underline;
	}
/* Flip the last submenu so it stays within the page */
#mainmenu ul ul.last {
	left:auto; /* reset left:0; value */
	right:0; /* Set right value instead */
	}
/* Make the sub menus appear on hover */
#mainmenu ul li:hover ul,
#mainmenu ul li.hover ul { /* This line is required for IE 6 and below */
	display:block; /* Show the sub menus */
	}
	
/************************************************************************ Font and Link Styles */
p{
	padding:1px 10px 10px 10px;
	background:transparent;
	color:#333;
	}
h1, h1.main, h1.extra{
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#690;
	letter-spacing:-1px;
	}
h1.main{
	background:url(/images/siteImg/h1mainbg2.png) bottom center repeat-x;
	font-size:20px;
	padding:5px 10px 5px 10px;
	margin:5px 5px;
	border:1px solid #eee;
	}
h1.slicks{
	color:#2484c6;
	background:#fff;
	font-size:20px;
	padding:0px 0px 0px 30px;
	}
h1.extra{
	font-size:18px;
	line-height:35px;
	color:#2484c6;
	background:url(/images/siteImg/checkmark.png) top left no-repeat transparent;
	padding:0px 0 0 40px;
	margin:0 0 0 0px;
	}
a{
	color:#00f;
	padding:0px; 
	text-decoration: none; 
	}
a:hover{
	color: #8dc63f;
	padding:0px; 
	text-decoration: none; 
	}
a:visited{
	text-decoration:none;
	}
h2{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px 10px 0px 10px;
	margin:0;
	}
h3{
	font:bold 18px "Trebuchet MS", Tahoma;
	color:#2484c6;
	background:#f9f9f9;
	border-top:1px dotted #eee;
	border-bottom:1px dotted #eee;
	letter-spacing:-1px;
	padding:2px 2px 2px 15px;
	margin:5px 0 0 0px;
	}

/************************************************************************ Store Table CSS */
table.store { 
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width:100%;
	margin:0 auto;
	text-align: left;
	border-collapse: collapse;	
	}
table.store a {
	text-decoration: underline;
	}
table.store a:visited {
	text-decoration: none;
	}
table.store tr.odd {
	background-color: #eeeeee;
	}
table.store tr a {
	color: #00f;
	text-decoration: underline;
	}
table.store tr:hover a {
	color: #00f;
	text-decoration: none;
	}
table.store tr:hover, table.store tr.odd:hover {
	background-color: #cfc;
	color: #666666;
	}
table.store thead th {
	font-size: 105%;
	color: #000;
	background: #fafafa;
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
	}
table.store tr {
	vertical-align: middle;
	}
table.store tr,th,td {
	padding:5px;
	}
table.store tfoot tr {
	background: #fff url(bbar.gif) repeat-x;
	}
table.store tfoot td, table.store tfoot th{
	color: #000;
	border: 0px;
	}

/************************************************************************ Login form styles */
fieldset.log{
	border: 1px solid #2484c6;
	width: 350px;
	margin:0 auto;
	padding:10px;
	}
legend.login{
	color:#fff;
	background:#2484c6;
	padding:2px;
	font-weight:bold;
	margin:5px 0;
	}
.logininput {
    border: 1px solid #2484c6;
    background: #eee;
	}
.logininput:hover {
    border: 1px solid #2484c6;
    background: #ffc;
	}
.loginbutton {
    border: none;
    background:#eee;
    padding: 2px 8px;
	border:1px solid #2484c6;
	}
.loginbutton:hover {
    border: none;
    background:#ffc;
    padding: 2px 8px;
	border:1px solid #2484c6;
	}
label.loginlabel{
    display: block;
    width: 100px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
	}
br.form { clear: left; }

/************************************************************************ Store Styles */
div.float {
	float:left;
	width:80px;
	height:140px;
	margin:5px;
	border:0px dotted #fff;
	}
div.float p {
	text-align: center;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	}
div.prodcontainer {
	width:100%;
	margin:0 auto;
	float:left;
	text-align:center;
	background-color: #fff;
	}
div.spacer {
	clear: both;
	}

/************************************************************************ Extra Styles */
/* MAKE SPECIFIC UL CLASS FOR MAIN STYLE*/
div#content ul{
	list-style: none;
	margin:5px 0 5px 15px;
	padding-left: 1em;
	text-indent: -1em;
	list-style-type: circle;
	list-style-position: inside;
	}
div#content ul li{
	padding:5px;
	}

div.hr{
	height: 3px;
	width:95%;
	margin:0 auto;
	margin-top:3px;
	margin-bottom:3px;
	background:transparent url(/images/siteImg/hr.gif) repeat-x center;
	}
div.hr hr {
	display: none;
	}
	
.lft{
	float:left;
	}
.rt{
	float:right;
	clear: both;
	border:1px solid #000;
	}
.va-middle{
	vertical-align:middle;
	}
.img4rounded{
	border-bottom:1px solid #ccc; 
	margin-bottom:5px;
	}
div#content ol{
	list-style-position:inside;
	padding-bottom:5px;
	padding-left:5px;
	margin:5px 5px 5px 15px;
	}
div#content ol li{
	padding:2px;
	}
	
.strong{
	font-weight:bold;
	}

/*========= store home page gallery */
table.storeHomeGallery td
{
  width:85px;
	text-align:center;
	vertical-align:top;
	color:#000;
  text-decoration: none;
  font-size:smaller;  
}
table.storeHomeGallery a
{
	color:#000;
  text-decoration: none;
}
table.storeHomeGallery a:visited
{
	color:#000;
}
table.storeHomeGallery a:hover
{
	color:green;
}
/*===========/store home page gallery */


/*========== Store Gallery */	
/* --new code start-- */

ul.gallery
{
	float: left;
	/*width:580px;*/
	margin-left:0;
	list-style:none;
	margin-bottom:5px;
	padding:0;
}

ul.gallery li
{
	list-style:none;

	padding:0;
	float:left;
	display:inline;
	/*margin: 0 0 5px 5px;*/
	width:85px;
	text-align:center;
}

ul.gallery img
{
display:block;

border:0px solid;
margin:0 auto 5px;
}

ul.gallery a
{
display:block;
height:140px;
padding-left:2px;
padding-right:2px;
color:#000;
text-decoration: none;
font-size:smaller;
}
/*
ul.gallery a:hover
{
color: #690;
}*/
/* --/new code start-- */

.blogBody
{
  margin-left:3px;
  margin-right:3px;
  text-align:justify;
}
.blogDate
{
  color:Orange;
  font-size:12px;
}
.blogTitle
{
  color:#ec4913;
  font-size:18px;
  font-weight:bold;
}
.blogTitle a, .blogTitle a:link, .blogTitle a:visited, .blogTitle a:active
{
  color:#ec4913;
  text-decoration:none;
}
.postedBy
{
  color:#919191;
  font-size:11px;
}
.blogCommentDiv
{
  color:#d1d6d2;
}
.blogCommentTitle
{
  font-size:14px;
  font-weight:bold;
}
.blogDiv hr
{
  clear:both;
}

h4{
margin:3;
padding:3;
font:bold 20px 'trebuchet ms', arial, sans-serif;
color:#09c;
letter-spacing:-1px;
text-align:center;
}

/*=== background color ===*/
.bgGreen
{
	background-color: #CFF5BE;
}
.bgGray
{
	background-color: #e0e0e0;
}
.bgDarkBrown
{
	background-color: #DEDFC8;
}
.bgYellow
{
	background-color: #ffff00;
}
.bgRed
{
	background-color: #ff0000;
}
.bgPink
{
	background-color: #e2bac0;
}

/*..................................................Search Section*/	
div#searchsection{
	background: #f5f5f5;/* urlcategoryIDsearch_bg.gif) top center no-repeat transparent;*/
	/*width:600px;*/
	height:35px;
	}
div#searchsection ul{
	background:transparent;
	width:600px;
	height:35px;
	margin:0 auto;
	list-style-type: none;
	text-align:center;
	vertical-align:middle;
	}
div#searchsection ul li{ 
	display: inline;
	display:inline-block;
	padding-left:3px;
	padding-top:5px;
	float: left;
	}
div#searchsection p{
	font:9px Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding-top:9px;
	}
.textInput{
	border-top: 1px solid #c33;
	border-left: 1px solid #c33;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 220px;
	height: 18px;
	background: #fff;
	color: #000;
	font-size:14px;
	float: inherit;
	}  
.searchform{
	width: 220px;
	height: 18px;
	background:transparent;
	color: #000;
	margin-right:5px;
	float: inherit;
	} 
/*................................................../Search Section*/	

/*-- text format --*/
.fRedBold
{
  color:Red;
  font-weight:bold;
}

/************************************************************************ Manager Menu Styles */
div.innercontent2colrt{
	background: transparent;
	width:669px;
	float: right;
	border-left:0px solid #eee;
	}
div.innercontentlft{
	background: transparent;
	width:160px;
	float: left;
	font:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	}
	
div.portalheader{
	background:#fff url(/images/siteImg/portal-header-bg.gif) top center no-repeat;
	width:830px;
	margin:0 auto;
	border-bottom:0px solid #eee;
	margin-bottom:0px;
	}

h1.manager{
	background: url(/images/siteImg/h1-bg.gif) bottom center no-repeat transparent;
	font:bold 18px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#2484c6;
	letter-spacing:-1px;
	line-height:22px;
	padding:0px 0px 30px 20px;
	}
	
p.portalsm{
	font:10px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color:#999;
	margin:0 0 2px 0;
	padding:0;
	}
p.portalsm a, p.portalsm a:hover, p.portalsm a:visited{
	color:#999;
	text-decoration:none;
	}
.menuhead{
	font:bold 11px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	background: url(/images/siteImg/manager-button-bg-header.gif) top center no-repeat #fff;
	margin:3px 0 0 0px;
	padding:5px 5px 5px 8px;
	border-bottom:0px dotted #2484c6;
	}
.managertable{
	width:500px;
	margin:0 auto;
	border-collapse:collapse;
	font:10px Century Gothic, Arial, Helvetica, sans-serif;
	border:1px solid #2484c6;
	}
.managertable thead{
	background:#f5f5f5;
	text-align:center;
	}
.managertable tfoot{
	background:#f5f5f5;
	text-align: center;
	font-weight:bold;
	font-size:11px;
	}
	
.managertable2{
	width:600px;
	margin:0 auto;
	background:#fff;
	border-collapse:collapse;
	font:10px Century Gothic, Arial, Helvetica, sans-serif;
	border:1px solid #2484c6;
	text-align:center;
	}
.managertable2 thead{
	background:#f5f5f5;
	text-align:center;
	font-weight:bold;
	}
.managertable2 tfoot{
	background:#f5f5f5;
	text-align: center;
	font-weight:bold;
	font-size:11px;
	}
	
.chartIcons{
	width:670px;
	text-align: center;
	}
.chartIcons img{
	margin:10px;
	}
/*................................................../*Tabber*/
.tabberlive .tabbertabhide {
	display:none;
	}
.tabber {
	}
.tabberlive {
	margin: 0 auto;
	padding:5px;
	}
ul.tabbernav{
	margin:0;
	padding: 2px 0;
	border-bottom: 1px solid #ccc;
	font: bold 12px Verdana, sans-serif;
	}
ul.tabbernav li{
	list-style: none;
	margin: 0;
	display: inline;
	}
ul.tabbernav li a{
	padding: 2px 0.5em;
	margin-left: 10px;
	border: 1px solid #ccc;
	border-bottom: none;
	background: #eee;
	text-decoration: none;
	}
ul.tabbernav li a:link { color: #8dc63f; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover{
	color: #fff;
	background: #8dc63f;
	border-color: #ccc;
	}
ul.tabbernav li.tabberactive a{
	background-color: #fff;
	border-bottom: 1px solid #fff;
	}
ul.tabbernav li.tabberactive a:hover{
	color: #8dc63f;
	background: #fff;
	border-bottom: 1px solid white;
	}
.tabberlive .tabbertab {
	background:#fff;
	padding:5px;
	border:1px solid #ccc;
	border-top:0;
	}
.tabberlive .tabbertab h2 {
	display:none;
	}
.tabberlive .tabbertab h3 {
	display:none;
	}
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	overflow:auto;
	}
	
div.searchsection{
	width:830px;
	height:30px;
	margin:0 auto;
	margin-bottom:5px;
	}
div.searchsection ul{
	width:269;
	margin: 0 auto; 
	padding: 0;
	margin-right:10px;
	float:right;
	}
div.searchsection ul li{
	display: inline;
	float:left;
	}
/* attributes of the container element of textbox */
.loginboxdiv{
margin:0px 0px 0px 0px;
height:30px;
width:200px;
background: url(/images/siteImg/search-box-bg.gif) no-repeat bottom;
}
/* attributes of the input box */
.loginbox
{
background:none;
border:none;
width:160px;
height:30px;
margin:0;
padding: 0px 10px 0px 30px;
font:12px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
line-height:30px;
}