/**********************************************************************************************

	Title: Website
	Author: John
	Date: March 2008 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2	Page Layout
			3.3	Header
			3.4	Maincontent
		

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	/*margin: 0;*/
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit; /*vertical-align: baseline;*/
}

/*img
{
	behavior:url('pngbehavior.htc');
}*/

body
{
	line-height: 1;
}

ol, ul
{
	list-style: none;
}

/*table
{
	border-collapse: separate;
	border-spacing: 0;
	width: 467px;
}*/

caption, th, td
{
	/*text-align: left;*/
	font-weight: normal;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	height: 100%; /*background: #e5e5e5;*/
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h7
{
}

p
{
	color: #422415;
}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/
input, textarea, select, form
{
	font: 1.1em Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}

/* 1.3	Links
-----------------------------------------------------------------------------------------------*/
a
{
	text-decoration: none;
	color: #cc0000;
}

a:visited
{
}

a:hover
{
}

a:active
{
}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/

hr
{
	display: none;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

abbr, acronym
{
	border-bottom: 1px dotted #999;
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.hide
{
	position: absolute;
	left: -9999px;
}

.imgreplace
{
	display: block;
	text-indent: -9999px;
}

.clear
{
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	/*display: inline-block;*/
	display: block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}

.clearfix
{
	/*display: block;*/
}
/* End hide from IE-mac */

.fleft
{
	float: left;
}

.fright
{
	float: right;
}

.container
{
	width: 941px; /*margin: 0 auto;*/
	margin: -15px auto;
}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/

#accessibility-menu
{
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Page Layout
-----------------------------------------------------------------------------------------------*/
#header
{
	background: url(    '../../images/bg-header.gif' ) center repeat-x;
	height: 133px; /*width:99px;*/
}

#secondarycontent
{
	background: url(    '../../images/bg-subheader.gif' ) repeat-x;
	height: 54px;
}

#content
{
	/*background: #fff url(    '../../images/bg-content.gif' ) repeat-x;*/
	position: relative; /*top: -17px; 	padding: 20px;*/
	top: 0px;
	width: 982px !important;
	margin-bottom: -20px; /*margin-left: 200px;*/
}

#footer
{
	padding: 11px 0;
}

/* 3.3	header
-----------------------------------------------------------------------------------------------*/
#header h1 a
{
	/*background: url(    '../images/logo-matchproduct.png' ) no-repeat;*/
	background: url(    '../images/logo-matchproduct.jpg' ) no-repeat;
	width: 353px;
	height: 109px;
	float: left;
	display: block;
	text-indent: -9999px;
}

#header ul.topmenu
{
	float: right;
	padding-top: 5px;
}

#header ul.topmenu li
{
	float: left;
	padding-bottom: 5px;
	display: block;
}

/*Edit by Off*/
#header ul.topmenu li a
{
	padding: 0 13px;
	padding-bottom: 5px;
	color: #422415;
	font-size: 1.2em;
	border-right: 1px solid #422415;
	font-weight: bold;
}

#header ul.topmenu li a.last
{
	border-right: none;
}

#header .welcome
{
	float: right;
	font-size: 1.2em;
	padding-right: 13px;
	margin-top: -5px;
}

#header .welcome a
{
	color: #422415;
}

/* mainnav */
#header .mainnav
{
	float: right;
	position: relative;
	top: -4px;
	padding-right: 15px;
	margin-bottom: -5px;
	font-weight: bold;
}

#header .mainnav .menu
{
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

#header .mainnav .menu a
{
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#header .mainnav .menu a:hover
{
	background-position: left bottom;
}

#header .mainnav .menu a:active
{
	background-position: left bottom;
}

#header .mainnav .menu .catalog
{
	width: 120px;
	height: 29px;
	background: url(    '../images/catalog.gif' ) no-repeat;
	left: -460px;
	top: -1px;
}

#header .mainnav .menu .aboutus
{
	width: 120px;
	height: 29px;
	background: url(    '../images/aboutus.gif' ) no-repeat;
	left: -340px;
	top: -1px;
}

#header .mainnav .menu .OurProcess
{
	width: 120px;
	height: 29px;
	background: url(    '../images/OurProcess.gif' ) no-repeat;
	left: -220px;
	top: -1px;
}

#header .mainnav .menu .ContactUs
{
	width: 120px;
	height: 29px;
	background: url(    '../images/ContactUs.gif' ) no-repeat;
	left: -100px;
	top: -1px;
}

#header .mainnav ul li
{
	display: block;
	float: left;
	font-size: 1em;
	color: #333;
	height: 29px;
	text-transform: uppercase;
}

#header .beta
{
	float: left;
	margin-left: 125px;
	margin-top: 5px;
}

#header .beta p
{
	color: White;
	font-size: 1.4em;
	font-weight: 700;
}

#header .beta a
{
	color: White;
	font-size: 1.3em;
}

/*
#header .mainnav ul li span {
  background:url(../images/bg-mainnavli.gif) repeat-x;
  height:29px;
  float:left;}
*/
/*Edit by Off*/
/*
#header .mainnav ul li:hover span {
  background:url(../images/bg-mainnavli-a.gif) repeat-x;
  height:29px;
  float:left;}


#header .mainnav ul li span a {
  position:relative;
  top:8px;
  padding:3px 20px;
  font-size:1.3em;
  color:#333;
  background:url(../images/bg-mainnavlia.gif) repeat-y right;
  
  }
*/
/*
#header .mainnav ul li.first {
  background:url(../images/bg-leftnav.gif) left no-repeat;
  padding-left:10px;}
*/
/*Edit by Off*/
/*
#header .mainnav ul li.first:hover {
  background:url(../images/bg-leftnav-a.gif) left no-repeat;
  padding-left:10px;}
*/
/*
#header .mainnav ul li.last {
  background:url(../images/bg-rightnav.gif) right no-repeat;
  padding-right:10px;}
*/
/*Edit by Off*/
/*
#header .mainnav ul li.last:hover {
  background:url(../images/bg-rightnav-a.gif) right no-repeat;
  padding-right:10px;}
*/
/*
#header .mainnav ul li.last span a {
  background:none !important;}
*
/* 3.4	secondarycontent
-----------------------------------------------------------------------------------------------*/
#secondarycontent .prodsearch
{
	padding: 8px 0 0 20px;
}

#secondarycontent span.titleprodsearch
{
	background: url(    '../images/title-productsearch.gif' ) no-repeat;
	width: 123px;
	height: 11px;
	float: left;
	margin: 5px 10px 0 0;
}

#secondarycontent .txtsearch
{
	width: 309px;
	height: 14px;
	padding: 2px;
	border: 1px solid #666;
	float: left;
}

#secondarycontent .selcat
{
	width: 280px;
	height: 20px;
	float: left;
	margin: 0 12px 0 5px;
	border: 1px solid #666;
}

#secondarycontent a.btngo
{
	background: url(    '../images/btn-go.gif' ) no-repeat;
	width: 65px;
	height: 24px;
	float: left;
}

/* 3.5	content
-----------------------------------------------------------------------------------------------*/
#content .findprod
{
	float: right;
	width: 160px;
	text-align: center;
}

#content .findprod .postit
{
	background-image: url('../images/findprodp.png') !important;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 135px;
	height: 130px;
}

#content .findprod .postit a
{
	z-index: 100;
}

#content .logincontent
{
	width: 540px;
	float: left;
	border: 0px dotted #999;
}


#content .logincontent .loginboxcontainerleft
{
	border-top: 2px dotted #bbb;
	border-bottom: 2px dotted #bbb;
	padding: 5px 0px 5px 0px;
	float: left;
	width: 248px;
	height: 210px;
	margin: 0px;
}

#content .logincontent .loginboxcontainerright
{
	border-top: 2px dotted #bbb;
	border-bottom: 2px dotted #bbb;
	padding: 5px 0px 5px 0px;
	float: right;
	width: 248px;
	height: 210px;
	margin: 0px;
}


#content .logincontent .loginboxleft
{
	/*background-color: #E5E5E5;*/
	background-color: #f5f6f1;
	padding: 0px;
	width: 248px;
	height: 210px;
	margin: 0px;
	border-width: 0px;
}

#content .logincontent .loginboxright
{
	/*background-color: #E5E5E5;*/
	background-color: #f5f6f1;
	padding: 0px;
	width: 248px;
	height: 210px;
	margin: 0px;
	border-width: 0px;
}

#content .logincontent .strongtext
{
	padding-left: 15px;
	padding-top: 20px;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 10px;
}

#content .logincontent .logincontrols
{
	padding-left: 15px;
	padding-top: 5px;
}

#content .logincontent .logincontrolwrapper
{
	padding-left: -1px;
	padding-top: 5px;
}

#content .logincontent .regulartext
{
	padding-left: 15px;
	padding-top: 0px;
	font-size: 1.2em;
	margin-bottom: 20px;
}


#content .frontcontent
{
	width: 710px;
	float: left;
	border: 2px dotted #999;
}

#content .frontcontent .coloredb
{
	/*background: #ebd5bd;*/
	background: url(    '../images/bg-grad01.jpg' ) no-repeat;
	margin: 5px;
}

#content .frontcontent .frontpic
{
	float: left;
	background: url(    '../images/photo-worldmouse.png' ) no-repeat;
	width: 362px;
	height: 325px;
	position: relative;
	top: -19px;
	left: 27px;
	margin-bottom: -69px;
}



#content .frontcontent .tcont
{
	float: left;
	position: absolute;
	width: 350px;
	top: 20px;
	left: 352px;
	padding: 30px 25px 0 0;
}

#content .frontcontent .tcont h3
{
	font-size: 35px;
	color: #422415; /*line-height: 19px;*/
}


#content .frontcontent .tcont p
{
	color: #422415;
	padding: 10px 0 0 0;
}

#content .frontcontent .tcont p.sub
{
	font-size: 1.6em;
}

#content .frontcontent .tcont p.subintro
{
	font-size: 1.4em;
}

#content span.redtext
{
	color: #cc0000;
}

#content a.lmbtn
{
	background: url(    '../images/btn-learnmore.gif' ) no-repeat;
	width: 132px;
	height: 24px;
	float: right;
	margin: 15px 0;
}

#content a.mlbtn
{
	background: url(    '../images/btn-MemberLogin.png' ) no-repeat;
	width: 132px;
	height: 24px;
	float: right;
	margin: 15px 0;
}

#content .frontsub
{
	border-top: 2px dotted #999;
	background: url(    '../images/bg-fs1.gif' ) repeat-y left 50%; /* faux columns */
}

#content .frontsub .col
{
	width: 199px;
	float: left;
	padding: 0 0 0 140px;
}

#content .frontsub .picleft
{
	background: url(    '../images/photo-cart.jpg' ) no-repeat;
	min-height: 148px;
	height: auto !important;
	height: 148px;
	margin: 13px 0 10px 15px;
}

#content .frontsub .picright
{
	background: url(    '../images/photo-boxes.png' ) no-repeat;
	min-height: 210px;
	height: auto !important;
	height: 210px;
	position: relative;
	top: -27px;
	left: 15px;
	margin-bottom: -27px; /* same with top*/
}

#content .frontsub .picright h4
{
	margin: 55px 0 10px 20px !important;
}

#content .frontsub h4
{
	color: #cc0000;
	font-size: 2em;
	margin: 15px 0 10px 20px;
}
.redheader
{
	color: #cc0000;
	font-size: 2em;
}

#content .frontsub p.yellowmarker
{
	background: url(    '../images/bg-markeryellow.gif' ) no-repeat 0 5px;
	font-size: 1.8em;
	color: #422415;
	padding: 0 0 0 22px;
	margin: 0 0 15px 5px;
	line-height: 22px;
}

#content a.btnregister
{
	background: url(    '../images/btn-register.gif' ) no-repeat;
	width: 131px;
	height: 24px;
	margin: 0 0 0 22px;
}

/* right column */
#content .featprod
{
	float: right;
	width: 160px;
}

#content .featprod ul li
{
	list-style-type: disc;
	font-size: 1.2em;
	padding-left: 0;
	margin-left: 0;
	line-height: 18px;
	color: #666666;
}

#content .featprod ul li a
{
	text-decoration: none;
	color: #666666;
}

#content .featprod .txtRight
{
	padding: 0 0 5px 30px;
	background-color: #f5f6f1;
	margin-top: -8px;
}

#content .featprod .txtRight li
{
	list-style-type: none;
	margin-top: 3px;
	margin-left: -20px;
	width: 140px;
	height: 23px;
	border-bottom: dotted 2px #999;
}

#content .featprod h3
{
	background: #e5e5e5;
	color: #666666;
	font-size: 1.3em;
	padding: 4px 4px 5px 10px; /*text-transform: uppercase;*/
	font-weight: bold;
	margin: 0 0 3px 0;
}
.ourProcessTitle
{
	color: #9C5532;
}
.ourProcessli
{
	padding-top: 5px;
	padding-left: 0px;
	margin-left: 15px;
	border-bottom: 1px solid #fff;
	font-size: 12px;
	list-style-type: disc;
	color: #422415;
	line-height: 15px;
}

.numberli
{
	padding-top: 5px;
	padding-left: 0px;
	margin-left: 30px;
	border-bottom: 1px solid #fff;
	font-size: 12px;
	list-style-type: decimal;
	color: #422415;
	line-height: 15px;
}

.listli
{
	padding-top: 5px;
	padding-left: 0px;
	margin-left: 15px;
	border-bottom: 1px solid #fff;
	font-size: 12px;
	list-style-type: disc;
	line-height: 15px;
}
.contentTopic
{
	color: Red;
	font-size: 14px;
	font-weight: bold;
}
#content .featprod .box
{
	border: 1px solid #ccc;
	margin: 8px 0;
	padding: 10px 0;
	background: #f5f6f1;
}

#content .featprod .box img
{
	display: block;
	margin: 0 auto 5px auto;
}

#content .featprod .box a img
{
	display: block;
	margin: 0 auto 5px auto;
	height: 95px;
}

#content .featprod .box p
{
	text-align: center;
	font-size: 1.1em;
}

#content .featprod .box p a
{
	color: #cc0000;
	font-size: 1.2em; /*text-decoration: underline;*/
	color: Gray;
}

/* Product Detail */
#content .catcol
{
	width: 160px;
	float: left; /*border-bottom: 5px solid #F5F6F1;*/
}

#content .catcol h3
{
	color: #666666;
	background: #E5E5E5;
	border-bottom: 1px solid #fff;
	padding: 5px 10px;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
}

#content .catcol ul li
{
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	font-size: 1.1em;
	background: #f5eade;
}

#content .catcol ul li a
{
	color: #422415;
}

/*
#content .catcol ul li a:active {
  color:#cc0000;}
*/

/*Edit by Off*/
#content .catcol ul li a:hover
{
	color: #cc0000;
}


#content .concol
{
	width: 622px;
	margin: -6px 20px; /*margin: -5px 20px;*/
	float: left;
}

#content .concol h3
{
	/*border-top: 2px dotted #999; 	border-bottom: 2px dotted #999;*/ /*padding: 5px 0;*/
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.8em;
}

#content .concol h3 span
{
	background: #B6B3AE; /*background-image: url('../../images/matchproduct02/background_pageHeadingGradient.jpg');*/
	padding: 5px 10px;
	color: #FFFFFF;
	display: block;
	padding-bottom: 7px;
	height: auto;
	padding-top: 5px;
}



#content .concol h5
{
	border-top: 2px dotted #999;
	width: 260px;
	padding: 5px 0;
	margin-bottom: 0px;
}

#content .concol h5 span
{
	background: #F5F6F1;
	padding: 5px 10px;
	color: #cc0000;
	display: block;
}

.photosec
{
	padding: 0 0 20px 51px;
	border-bottom: 2px dotted #999;
}

.photosec .mainphoto
{
	float: left; /*width: 310px;*/
	height: 275px;
}

.photosec .mainphoto .innerphoto
{
	margin: 0px 0px;
	width: 310px;
	height: 253px !important;
	border: 1px solid #ccc;
	text-align: center;
	background-color: #ffffff !important;
}

.photosec .mainphoto .innerphoto img
{
	padding: 4px; /*width: 310px;*/
	max-width: 300px; /*border: 1px solid #ccc;*/
	height: auto;
	max-height: 245px;
	vertical-align: middle;
}

.mainphoto .selectimage
{
	margin-top: 5px;
	width: 310px;
	visibility: hidden;
}

.thumbsec
{
	width: 135px;
	margin: 0 0 0 5px;
	padding-bottom: 5px;
	float: left;
	text-align: center;
}
.thumbsecfeatured
{
	width: 100px;
	margin: 0 0 0 5px;
	padding-bottom: 5px;
	float: left;
	text-align: center;
}

.thumbsec .thumbimage
{
	float: left;
	display: block;
	padding: 4px;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
	text-align: center;
	vertical-align: middle;
}
.thumbsecfeatured .thumbimage
{
	float: left;
	display: block;
	padding: 4px;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
	text-align: center;
	vertical-align: middle;
}

.thumbsec .thumbimage img
{
	float: none;
	cursor: pointer;
	width: auto;
	height: auto; /*display: block; 	float: none !important;*/ /*padding: 4px; 	width: 40px; 	height: 40px; 	border: 1px solid #ccc; 	margin: 0 5px 5px 0;*/
}
.thumbsecfeatured .thumbimage img
{
	float: none;
	cursor: pointer;
	width: auto;
	height: auto; /*display: block; 	float: none !important;*/ /*padding: 4px; 	width: 40px; 	height: 40px; 	border: 1px solid #ccc; 	margin: 0 5px 5px 0;*/
}

.thumbsec .noimage
{
	float: left;
	display: block;
	padding: 4px;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
}
.thumbsecfeatured .nofeaturedimage
{
	float: none;
	display: block;
	padding: 4px;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
}
.thumbsecfeatured .thumbfeaturedimage
{
	float: none;
	display: block;
	padding: 4px;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
	text-align: center;
	vertical-align: middle;
}

.thumbsec .blankimage
{
	float: left;
	display: block;
	padding: 4px;
	width: 40px;
	height: 40px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
	background-color: #F5F6F1;
}
.thumbsecfeatured .blankimage
{
	float: left;
	display: block;
	padding: 4px;
	width: 40px;
	height: 40px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
	background-color: #F5F6F1;
}

.thumbsec .selected
{
	background-color: #e5e5e5;
}

.thumbsec .blankimage .upload
{
	padding-top: 10px;
	text-align: center;
}

.thumbsec .blankimage .upload a
{
	text-decoration: underline;
}
.thumbsecfeatured.selected
{
	background-color: #F5F6F1;
}

.thumbsecfeatured .blankimage .upload
{
	padding-top: 10px;
	text-align: center;
}

.thumbsecfeatured .blankimage .upload a
{
	text-decoration: underline;
}

/*
#content .concol .photosec
{
	padding: 0 0 20px 51px;
	border-bottom: 2px dotted #999;
}

#content .concol .photosec .mainphoto
{
	float: left;
	width: 310px;
}

#content .concol .photosec .mainphoto img
{
	padding: 4px;
	width: 100%;
	max-width: 300px;
	border: 1px solid #ccc;
}

#content .concol .thumbsec
{
	width: 135px;
	margin: 0 0 0 5px;
	padding-bottom: 5px;
	float: left;
}

#content .concol .thumbsec img
{
	float: left;
	display: block;
	padding: 4px;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
	cursor: pointer;
}

#content .concol .thumbsec .noimage
{
	float: left;
	display: block;
	padding: 4px;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
}

#content .concol .thumbsec .blankimage
{
	float: left;
	display: block;
	padding: 4px;
	width: 40px;
	height: 40px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
	background-color: #f5eade;
}

#content .concol .thumbsec .blankimage .upload
{
	padding-top: 10px;
	text-align: center;
}

#content .concol .thumbsec .blankimage .upload a
{
	text-decoration: underline;
}
*/
#content .concol a.link
{
	font-size: 1.1em;
	padding: 0 0 0 15px;
}

#content .concol .circleul
{
	list-style: circle;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}


#content .concol .textsec h4
{
	color: #9c5532;
	font-size: 1.6em;
	padding: 0px 0;
	font-weight: bold;
	text-align: left;
}

/**/

.categoryHead
{
	color: #CC0000;
	font-weight: bold;
	font-size: 1.6em;
	padding: 0px 0;
	float: none;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
}

.categoryHead a
{
	float: none;
	margin-right: 5px;
}

.categoryHead a:hover
{
	text-decoration: underline; /*background-color: #e5e5e5;*/
}

.categoryHead p
{
	float: left;
	color: #cc0000;
	margin-right: 5px;
	font-size: 100% !important;
}

.divCategoryLeft
{
	width: 360px;
	float: left;
	clear: both;
	border-right: 2px dotted #999;
}

.divCategoryRight
{
	width: 360px;
	float: right;
	margin-right: 2px;
	padding-left: 0px; /*border-left: 2px dotted #999;*/
}
#divSubright a
{
	color: black;
}
#divsubleft a
{
	color: black;
}
#divList a
{
	color: black;
}
.test
{
	border-bottom: 2px dotted #999;
}

.subCategoryList
{
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 25px;
	float: left;
	margin-right: 2px;
	line-height: 18px;
	clear: left;
}

.subCategoryList a
{
	font-size: 12px;
	color: Black;
}

.subCategoryList a:hover
{
	text-decoration: underline;
	background-color: #e5e5e5;
}

.eachCategoryList
{
	padding-left: 20px;
	padding-top: 0px;
	margin-bottom: 20px;
	width: 500px;
	font-size: 12px;
}

/**/

#content .concol .textsec h4.product
{
	text-decoration: underline;
}


.product
{
	color: #9c5532;
	font-weight: bold;
	font-size: 1.6em;
	padding: 0px 0px;
	float: none;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
}
.ShowproductItem
{
	color: #9c5532;
	font-weight: bold;
	font-size: 1.6em;
	padding: 0px 0px;
	float: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

.product a
{
	float: left;
	margin-right: 5px;
}

.product a:hover
{
	text-decoration: underline; /*background-color: #e5e5e5;*/
}


#content .concol .textsec h6
{
	color: #9c5532;
	font-size: 1.6em;
	padding: 0px 0px 0px 0px;
}

#content .concol .textsec .helplogginglink
{
	height: 50px;
	margin-top: -20px;
	margin-bottom: 20px; /*border-bottom: 2px dotted #999;*/
}

#content .concol .textsec .helplogginglink li
{
	color: #422415;
	font-size: 12px;
	margin-top: 5px;
	padding-left: 20px;
}

#content .concol .textsec .helplogginglink li a
{
	color: #422415;
}

#content .concol .textsec p
{
	font-size: 1.2em;
	line-height: 15px;
}

#content .concol .textsec p
{
	font-size: 1.2em;
	line-height: 15px;
}

#content .concol .textsec p.detailtext
{
	border-bottom: 2px dotted #bbb;
	padding-bottom: 15px;
}

#content .concol .textsec p.entry
{
	padding: 0 0 2px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 7px;
}

#content .concol .textsec p.detailentry
{
	padding: 0 0 2px 0;
	margin-bottom: 7px;
}

#content .concol .textsec p.detailentry span
{
	width: 160px;
	float: left;
	display: block;
	padding-top: 7px;
	padding-bottom: 3px;
	border-top: 1px solid #ccc;
}

#content .concol .textsec p.detailentry span.entrydetail
{
	float: left;
	width: 380px;
	padding-top: 7px;
	padding-bottom: 3px;
	border-top: 1px solid #ccc;
}

#content .concol .textsec p.noBottomBorder
{
	border-bottom-style: none;
}

#content .concol .textsec p.noTopBorder
{
	border-top-style: none;
}

#content .concol .textsec p.entry span
{
	width: 160px;
	float: left;
	display: block;
}

#content .concol .textsec .txtContent
{
	margin-top: 5px;
	padding-bottom: 0px;
}

#content .concol .textsec .txtContent .SearchKeyword
{
	color: #422415;
	margin-top: 5px;
	padding-bottom: 0px; /*font-size: 13px;*/
	font-size: 1.2em;
	margin-left: 15px;
}

#content .concol .textsec .txtContent .Productlist
{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 5px 5px 0;
}

#content .concol .textsec .txtContent .Productlist .firstProductlist
{
	position: relative;
	display: block;
	width: 100%;
	height: 160px;
	float: left;
	border-bottom: 2px dotted #999;
	margin-bottom: 5px;
	top: 0px;
	left: 0px;
}
#content .concol .textsec .txtContent .Productlist .firstProductlist .first
{
	background-color: #F5F6F1;
	padding-bottom: 155px;
}

#content .concol .textsec .txtContent .Productlist .firstProductlist .second
{
	padding-bottom: 155px;
}

#content .concol .textsec .txtContent .Productlist .firstProductlist .ProductDetail
{
	position: relative;
	display: block;
	width: 68%;
	height: 100%;
	float: right;
	margin: 0 10px 0 0;
}

#content .concol .textsec .txtContent .Productlist .firstProductlist .ProductImage
{
	position: relative;
	display: block;
	width: 30%;
	height: 100%;
	float: left;
	margin-top: 15px;
}

#content .concol .textsec .txtContent .Productlist .ProductImage .Image
{
	position: absolute;
	top: 0px;
	left: 20px;
}

#content .concol .textsec .txtContent .Productlist .ProductImage .InnerProductImage
{
	position: absolute; /*top: 3px;*/
	width: 120px !important;
	height: 120px !important;
	border: 1px solid #ccc;
	text-align: center;
	padding: 4px;
	left: 20px;
	background-color: White;
}

#content .InnerProductImg
{
	width: 120px !important;
	height: 120px !important;
	text-align: center;
	background-color: White;
}

#content .concol .textsec .txtContent .Productlist .ProductImage .InnerProductImage Img
{
	vertical-align: middle;
	width: auto;
	height: auto;
}
#content .concol .textsec .txtContent .Productlist .checkbox
{
	position: absolute;
	top: -4px;
}

#content .concol .textsec .txtContent .Productlist .secondProductlist
{
	position: relative;
	display: block;
	width: 100%;
	height: 150px;
	float: left;
	background-color: #fff;
}
#content .concol .textsec .txtContent .Productlist .secondProductlist .ProductDetail
{
	position: relative;
	display: block;
	width: 68%;
	height: 100%;
	float: right;
	margin: 0 10px 0 0;
}

#content .concol .textsec .txtContent .Productlist .secondProductlist .ProductImage
{
	position: relative;
	display: block;
	width: 30%;
	height: 100%;
	float: left;
	margin-top: 5px;
}

#content .concol .textsec .alternatingItem
{
     background-color: #E5E5E5;
}

#content .concol .textsec .Item
{
     background-color: white;
}


/*** Manage Product List ***/
.manageList
{
	width: 100%;
	display: block;
}

.manageProductList /* item */
{
	width: 100%;
	padding-top: 8px;
	margin-bottom: 5px;
}
.checkboxColumn
{
	float: left;
	width: 25px;
	margin: -2px auto auto;
}
.productColumn
{
	float: left;
	width: 220px;
	margin-bottom: 2px;
}
.productColumn span
{
	width: 98px;
}
.postedColumn
{
	float: left;
	width: 55px;
}
.statusColumn
{
	float: left;
	width: 60px;
}
.impressColumn
{
	float: left;
	width: 75px;
}
.clickColumn
{
	float: left;
	width: 50px;
}
.contactColumn
{
	float: left;
	width: 55px;
}
.contactColumn p
{
	margin-left: 20px;
}

.editColumn
{
	float: left;
	width: 50px;
	margin-top: -3px;
}
.manageEndRow
{
	clear: both;
}
.header
{
	height: 100%;
}
.bottomDottedLine
{
	border-bottom: 2px dotted #999;
	margin-bottom: 4px;
}

.hilight
{
	background-color: #F5F6F1;
}

.hilightReport
{
	background-color: #e5e5e5;
}

/*** ******************* ***/

/***** Manage User List ****/

.useridColumn /* username */
{
	padding-left: 5px;
	float: left;
	width: 110px;
}

.firstnameColumn
{
	float: left;
	width: 90px;
}

.lastnameColumn
{
	float: left;
	width: 80px;
}

.companyColumn
{
	float: left;
	width: 115px; /*text-align:center;*/
}

.productCountHeaderColumn
{
	float: left;
	width: 65px;
	margin-left: -15px;
}

.productCountColumn
{
	float: left;
	width: 50px;
}

.emailColumn
{
	float: left;
	width: 215px;
}

.registdateColumn
{
	float: left;
	width: 90px;
	text-align: center;
}

.lastloginColumn
{
	float: right;
	width: 90px;
	text-align: center;
}

.userstatusColumn
{
	float: right;
	width: 40px;
	margin-left: 10px;
}

.userOnline
{
	color: Green;
}

.AdminRoleColumn
{
	/*float: left;
	width: 10px;*/
	text-align: center;
}

/***** ***************** ***/

#content .concol .textsec .txtContent .Content1
{
	position: relative;
	display: block;
	width: 100%;
	float: left;
	height: 20px;
	padding-bottom: 5px;
}

#content .concol .textsec .txtContent .Content1 .subContent1
{
	position: relative;
	display: block;
	width: 72%;
	float: left;
}
.addListingTitle
{
}
.addListingIntput input
{
	margin-top: 3px;
	width: 533px;
}
.addListingIntputshort
{
}
.addlistShortP
{
	margin-bottom: 5px;
}
.addListingIntputshort input
{
	width: 100%;
}
.addListingIntputshort select
{
	width: 100%;
}
.addListingIntput textarea
{
	margin-top: 3px;
	width: 99%;
	height: 80px;
}
.addListingIntput select
{
	margin-top: 3px;
	width: 100%;
}

#content .concol .textsec .MvcMembershipError
{
	color: Red;
	font-size: 12px;
}

#content .concol .textsec .txtContent .Content1 .subContent2
{
	position: relative;
	display: block;
	width: 100px;
	float: left;
}

#content .concol .textsec .txtContent .Content1 .subContent3
{
	position: relative;
	display: block;
	width: 50px;
	float: right;
}

#content .concol .textsec .txtContent .ContectDetail
{
	position: relative;
	display: block;
	width: 100%;
	height: 20px;
	float: left;
	padding-top: 5px;
}

#content .concol .textsec .txtContent .ContectDetail .ContectTxt
{
	position: relative;
	display: block;
	width: 30%;
	float: left;
}

#content .concol .textsec .txtContent .ContectDetail .ContectInput
{
	position: relative;
	display: block;
	width: 70%;
	float: right;
}

#content .concol .textsec .txtLastContent .ContectDetail
{
	position: relative;
	display: block;
	width: 100%;
	height: 20px;
	float: left;
	padding-top: 5px;
}

#content .concol .textsec .txtLastContent .ContectDetail .ContectTxt
{
	position: relative;
	display: block;
	width: 20%;
	float: left;
}

#content .concol .textsec .txtLastContent .ContectDetail .ContectInput
{
	/*position:absolute; 	margin-left:80px;*/
	position: relative;
	display: block;
	width: 70%;
	float: right;
}

#content .concol .textsec .secondContent
{
	border-bottom: 2px dotted #999;
	margin-top: 10px;
	padding-bottom: 10px;
}

.activeSection
{
	background-color: #f4f4f4;
}

/*#content .concol .textsec .secondContent h4
{
	padding-bottom: 2px;
}*/

#content .concol .textsec .secondContent .categoryColumn
{
	float: left;
	width: 33%;
}

#content .concol .textsec .secondContent .categoryEndRow
{
	clear: both;
}

#content .concol .loginlinks
{
	padding-left: 15px;
	margin-top: 20px;
}

.borderTopDotted
{
	border-top: 2px dotted #999;
}

#content .concol .bottomlinks
{
	/*border-bottom: 2px dotted #999;*/
	padding: 3px 0;
}

#content .concol .bottomlinks p
{
	background: #B6B3AE; /*background-image: url(../../images/matchproduct02/background_pageHeadingGradient.jpg);*/
	padding: 5px 10px;
	color: #cc0000;
	display: block;
	font-size: 1.1em;
}

#content .concol .bottomlinks p span.link1
{
	display: block;
	width: 210px;
	float: left;
	text-decoration: underline;
}

#content .concol .bottomlinks p span.btns
{
	width: 310px;
	float: left;
}

#content .concol .bottomlinks a.btncontactnow
{
	/*background: url(    '../images/btn-contactnow.gif' ) no-repeat;*/
	background: url(    '../images/btn-RequestInfo.gif' ) no-repeat; /* Eak1 Edit 01-07-08*/
	width: 95px;
	height: 20px;
	float: left;
}

#content .concol .loginlinks a.btnsignupnow
{
	background: url(    '../images/btn-signupnow.gif' ) no-repeat;
	width: 95px;
	height: 20px;
	float: left;
}

#content .concol .bottomlinks a.btnSubmit
{
	background: url(    '../images/btn-submit.gif' ) no-repeat;
	width: 95px;
	height: 23px;
	float: left;
	left: 25%;
	position: relative;
}


#content .concol .bottomlinks a.btnaddtofave
{
	background: url(    '../images/btn-addtofave.gif' ) no-repeat;
	width: 110px;
	height: 20px;
	float: right;
	padding-bottom: 5px;
}
#content .concol .bottomlinkslist a.btnaddtofavelist
{
	background: url(    '../images/btn-addtofave.gif' ) no-repeat;
	width: 110px;
	height: 20px;
	float: left;
	margin-top: 15px;
	margin-left: -3px;
}

.btnaddtofave
{
	border-bottom: 2px dotted #999;
	padding-bottom: 5px;
	margin-top: 8px;
}

.selectBar
{
	border-top: 2px dotted #999;
	border-bottom: 2px dotted #999;
	height: 30px;
}

.selectBar img.up
{
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}

.selectBar img.down
{
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}

.selectBar .btnManageAction
{
	padding-top: 5px;
	padding-right: 5px;
	cursor: pointer;
	float: left;
}

.selectBar .lnkManagHelp
{
	margin-top: 3px;
	padding-top: 8px;
	float: left;
	font-size: 1.2em;
}

.selectBar .lnkAddProduct
{
	margin-top: 3px;
	padding-top: 8px;
	float: right;
	font-size: 1.2em;
}

#content .featsub
{
	background: White;
	border-bottom: 5px solid #e5e5e5;
	margin-bottom: 10px;
	list-style-type: none;
	margin-top: 12px;
}

#content .rightCol
{
	background: White; /*border-bottom: 5px solid #e5e5e5;*/
	margin-bottom: 10px;
	list-style-type: none;
	margin-top: 12px;
}


#content .featsub p
{
	width: 138px;
	margin: 0 auto;
	font-size: 1.2em;
}

#content .featsub .box
{
	width: 138px !important;
	margin: 10px auto !important;
}

/* 3.6	footer
-----------------------------------------------------------------------------------------------*/
#footer p.copy
{
	width: 370px;
	float: left;
	display: block;
}

#fooer ul.links
{
	float: left;
	width: 550px;
}

#footer ul.links li
{
	display: block;
	float: left;
}

#footer ul.links li a
{
	color: #422415;
	padding: 0 5px;
	text-decoration: underline;
}

#content .concol .title
{
	/*border-top: 2px dotted #999; 	border-bottom: 2px dotted #999;*/
	padding: 10 0 0 10;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.8em;
	height: 42px;
}

#content .concol .inner
{
	background: #B6B3AE; /*background-image: url('../../images/matchproduct02/background_pageHeadingGradient.jpg');*/
	height: 30px;
	margin: 18px 0px 4px 0px;
	vertical-align: middle;
}

#content .concol .title span
{
	padding: 5px 10px;
	color: #FFFFFF;
	display: block;
	float: left;
}

#content .concol .title .pagemove
{
	float: right;
	width: 210px;
	font-size: 0.6em;
	vertical-align: middle;
	text-align: right;
	padding-right: 3px;
}
#content .concol .title .pagemovetext
{
	margin-top: 10px;
	float: left;
}
#content .concol .title .pagemove .pre img
{
	margin-top: 6px;
}

#content .concol .title .pagemove Form
{
	width: 80px;
	display: inline;
}

.pageSize
{
	width: 200px; /*width: 180px;*/
	float: right;
	text-align: right;
}

#content .concol .bottomlinks .clearfix
{
	height: 20px;
}

#content .concol .bottomlinks .clearfix .btns .btnaddtofave
{
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}

#content .concol .bottomlinks .pageSelector
{
	background: #B6B3AE; /*background-image: url('../../images/matchproduct02/background_pageHeadingGradient.jpg');*/
	border: none;
	height: 28px; /*28px;*/
	padding-top: 0px;
}

#content .concol .bottomlinks .pageSelector #FormPageMoveNext
{
	float: right;
	text-align: right;
	padding-right: 3px;
	vertical-align: middle;
	height: auto; /*28px;*/
	margin-top: 3px;
}

#content .concol .bottomlinks .pageSelector #FormPageSelect
{
	float: left;
	padding: 7px 3px 3px 5px;
}


#content .concol .bottomlinks .pageSelector #FormPageMovePrev
{
	float: left;
	text-align: left;
	padding-right: 3px;
	padding-left: 5px;
	padding-top: 7px;
	vertical-align: middle;
}

#content .concol .bottomlinks .pageSelectorReport
{
	background: #B6B3AE; /*background-image: url('../../images/matchproduct02/background_pageHeadingGradient.jpg');*/
	border: none;
	height: 28px; /*28px;*/
	padding-top: 0px;
}

#content .concol .bottomlinks .pageSelector #FormReportPageMoveNext
{
	float: right;
	text-align: right;
	padding-right: 3px;
	vertical-align: middle;
	height: auto; /*28px;*/
	margin-top: 3px;
}

#content .concol .bottomlinks .pageSelector #FormPageSelectReport
{
	float: left;
	padding: 7px 3px 3px 5px;
}


#content .concol .bottomlinks .pageSelector #FormReportPageMovePrev
{
	float: left;
	text-align: left;
	padding-right: 3px;
	padding-left: 5px;
	padding-top: 7px;
	vertical-align: middle;
}

/*********** Category List ****************/

#content .catcol div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem
{
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit; /*font-family: "MS Sans Serif" , Arial, sans-serif; 	font-size: 100%; 	font-style: normal; 	font-weight: normal;*/
	color: #666666;
}
#content .catcol div.menuBar
{
	/*background-color: #f5eade;*/ /*border: 2px outset;*/ /*padding: 1px 1px 1px 1px;*/
	text-align: left;
	margin-top: -11px;
	border-bottom: 5px solid #F5F6F1;
}
#content .catcol div.menuBar a.menuButton
{
	background-color: #F5F6F1;
	color: #666666;
	cursor: pointer;
	left: 0px;
	margin: 1px;
	padding: 5px 10px 5px 10px;
	position: relative;
	top: 0px;
	z-index: 100;
	display: block;
}
#content .catcol div.menuBar a.menuButton:hover
{
	/*background-color: transparent;*/
	border: 1px outset #e0e0e0;
	color: #666666;
}
#content .catcol div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover
{
	/*background-color: #5050f0; 	border: 1px inset #e0e0e0; 	color: #ffffff;*/ /*left: 1px; 	top: 1px;*/
}
#content .catcol div.menu
{
	background-color: #F5F6F1; /*border: 2px outset #e0e0e0;*/
	left: 0px;
	margin: 1px; /*padding: 0px 10px 5px 0px;*/
	padding: 5px 1px 5px 1px;
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 101;
}
#content .catcol div.menu a.menuItem
{
	/*color: #000000;*/
	cursor: pointer;
	display: block;
	padding: 3px 1em;
	text-decoration: none;
	white-space: nowrap;
	margin: 1px;
}
#content .catcol div.menu a.menuItem:hover, div.menu a.menuItemHighlight
{
	background-color: #F5F6F1;
	border: 1px outset #e0e0e0; /*color: #ffffff;*/
}
#content .catcol div.menu a.menuItem span.menuItemText
{
}
#content .catcol div.menu a.menuItem span.menuItemArrow
{
	margin-right: -.75em;
}
#content .catcol div.menu div.menuItemSep
{
	border: 1px inset #f5eade;
	margin: 4px 2px;
}


/***************************/

/*** Input field description ***/

#content .concol .textsec .secondContent table.mvcmembership
{
	/*width:100%;*/
}

#content .concol .textsec .secondContent table.mvcmembership input
{
	float: left;
}

#content .concol .textsec .secondContent table.mvcmembership select
{
	float: left;
	width: 193px;
}

.tooltipbox
{
	position: absolute;
	display: block;
	position: relative; /*float: left;*/
	visibility: hidden;
}

.tooltipbox .tooltipinner
{
	display: block; /*float: left;*/
	position: relative;
	width: 150px;
}

.tooltipbox .tooltipinner img
{
	display: block; /*float: left;*/
	z-index: 101;
	position: absolute;
}

.tooltipbox .tooltipinner .tooltipmsg
{
	display: block;
	float: left;
	border-style: solid;
	border-color: #ae775f;
	border-width: 1px;
	background-color: #f5eade;
	position: absolute;
	left: 11px;
	z-index: 100;
	width: 100%;
	padding: 3px 2px 2px 10px;
}

.required
{
	color: Red;
	float: left;
	margin-right: 6px;
}

.norequired
{
	color: White;
	float: left;
	margin-right: 6px;
}

/***************************/

/******Accounts Details********/
#content .concol .textsec .secondContent .leftColumn
{
	float: left;
	width: 350px;
}

#content .concol .textsec .secondContent .leftColumn table
{
	width: 350px;
}

#content .concol .textsec .secondContent .leftColumn input
{
	vertical-align: middle;
	width: 185px;
}

#content .concol .textsec .secondContent .leftColumn .readonlyInput
{
	color: Gray;
}

#content .concol .textsec .secondContent .rightColumn
{
	float: right;
	width: 350px;
}

#content .concol .textsec .secondContent .rightColumn table
{
	width: 350px;
}

#content .concol .textsec .secondContent .rightColumn input
{
	vertical-align: middle;
	width: 185px;
}

#content .concol .textsec .secondContent .rightColumn select
{
	vertical-align: middle;
	width: 190px;
}

#content .concol .textsec .secondContent td.labelColumn
{
	width: 120px;
}



/***************************/

/******index02********/
#content .frontcontent2
{
	width: 710px;
	float: left;
	border: 2px dotted #999;
}




#content .HeadLogo
{
	/*float: left;*/ /*position:absolute  ;*/
	width: 350px;
	top: 20px;
	left: 352px; /*padding: 30px 25px 0 0;*/
	font-size: 35px;
	font-weight: bold;
	color: #422415;
}

#content .HeadLogoForIphone
{
	/*float: left;*/ /*position:absolute  ;*/
	width: 350px;
	top: 20px;
	left: 352px; /*padding: 30px 25px 0 0;*/
	font-size: 17px;
	font-weight: bold;
	color: #422415;
}

#content .subHeadLogo
{
	color: #422415;
	padding: 10px 0 0 0;
	font-size: 1.6em;
}
#content .subHeadLogoForIphone
{
	color: #422415;
	padding: 10px 0 0 0;
	font-size: 1.0em;
}

#content .subHeadLogoP1
{
	color: #422415;
	padding: 10px 0 0 0;
	font-size: 1.4em;
}
#content .subHeadLogoP1ForIphone
{
	color: #422415;
	padding: 10px 0 0 0;
	font-size: 0.8em;
}
.suggestProduct
{
	/*float: left;*/
	width: 160px; /*background: #e5e5e5;*/ /*color: #666666;*/
	font-size: 1em;
	padding: 4px 4px 5px 10px; /*text-transform: uppercase;*/
	font-weight: bold;
	margin: 0 0 3px 0;
}
.box02
{
	border: 1px solid #ccc;
	margin: 8px 0;
	padding: 10px 0;
	background: #f5f6f1;
	text-align: center;
	padding-left: 14px;
	padding-right: 14px;
	font-size: 1.3em;
}
.box02 a:link
{
	color: #666666 !important;
}
.box02 a:visited
{
	color: #666666 !important;
}
.table2button
{
	border-collapse: separate;
	border-spacing: 0;
	width: 22px;
}