body {font-family: Arial, Helvetica, Verdana, "Bitstream Vera Sans", sans-serif; font-weight: normal; font-size: 13px; color:#8996a0;}

img{border:none;}
a{color:#90725D; text-decoration:none;}
h2{margin:0; padding:0; color:#90725D; font-size:16px;}

#separate {clear:both; height:1px;}

/*********************
 LAYOUT
*********************/
#container {width:980px; margin:0 auto;}


/*********************
HEADER
*********************/
/*#header{color:#9fb1bb;}
#header #logo {float:left; height:93px; padding:0; margin:0; width:205px;}
#header #top_banner {float:right; margin:0; padding:0;	height:93px;}	
#header #topnov {color:#acb9c1; clear:both; padding:15px 0 5px 50px; margin:0 0 0 0; height:33px;}
#header #topnov a {color:#acb9c1; text-decoration:none;}
#header #topnov a:hover {color:#0097ae;}
*/
#header{color:#9fb1bb;}
#header #logo {float:left; height:93px; padding:0; margin:0;width:205px;}
#header #top_banner{float:right; margin:0; padding:0; height:93px;}	
#header #topnov {color:#acb9c1; clear:both; padding:15px 0 0 40px; margin:0 0 0 0; height:33px;}
#header #topnov a{color:#acb9c1; text-decoration:none;}
#header #topnov a:hover{color:#0097ae;}


/*********************
 SEACH BAR & TAG CLOUD
*********************/
#searchbar {clear:both;	margin-bottom:5px;}
#search { float:left; width:650px; height:105px; padding:0 0 0 0; background:url(../images/small_search_back.jpg) no-repeat; margin:0px 5px 5px 0;}
#search h2 {color:#FFFFFF; padding:0; margin: 17px 0 0 45px; font-weight:normal; font-size:18px; line-height:normal;}
#search form {padding:0 0 0 45px; margin:0;}
#search input {width:350px; margin:1px 0 0 0; border:0; padding: 10px 0 0 5px; color:#e1caa2; font-size:12px; height:28px; line-height:17px; float:left;}
#cloud {line-height:2em; height:105px; overflow:hidden;}
#cloud a{color:#e1caa2; height:20px; text-decoration:none;}

/*********************
 MAIN CONTENT
*********************/
#maincol{float:left; width:980px;}
#content{border:1px solid #e1caa2;padding:10px; margin:0 10px 0 5px;}
	
/***************************
SOCIAL MEDIA & CATEGORY BOX
***************************/
#socialmedia{padding:0; background-color:#c3c9cf; margin:5px 5px 5px 0; width:200px; float:left; clear:both; height:65px; }
#socialmedia a {color:#fff; text-decoration:none; }
#socialmedia div {margin-left:25px; margin-top:10px;}
#socialmedia p {margin:0 0 5px 0;}
#socialmedia img {vertical-align:middle;}
#categorybox {background-color:#d5c7a2; padding:0 0 0 10px; margin:5px 0 5px 0; width:765px; float:left; height:65px; color:#fff; text-align:left; line-height:17px;}
#categorybox div {margin-top: 7px; padding: 0 10px 0 10px;}
#categorybox a {color:#fff; text-decoration:none;}
#categorybox a:hover {text-decoration:underline;}

/***************************
FOOTER LINKS
***************************/
#footer{font-size:11px; clear:both; padding:10px 0 0 50px;}
#footerlinks{float:left; width:600px; color:#9fb1bb;}
#footerlinks a {font-size:10px; color:#9fb1bb; text-decoration:none;}
#footerlinks a:hover {color:#00a8ba; text-decoration:none;}
#copyright{width:300px; float:right; text-align:right; color:#9fb1bb;}


/***************************
USER DASHBOARD
***************************/
.dashboard_topic{text-align:center; border-top:1px solid #E1CAA2;}
.dashboard_topic div {display:none; text-align:left; padding-left:350px;	}
	
/***************************
 * General Styles For Main Layout
***************************/
.title h1 {color: #0096ac;font-size:35px; font-weight:bold;margin:0; padding:0;}
.title span {font-weight:normal;}
	
/***************************
 * Main Content Panel
***************************/
#general_container {border:1px solid #e1caa2;padding:10px 0 0 15px;margin:0 0 0 0;line-height:normal;}
#general_container table {border:solid 7px #e0d1aa; border-collapse:collapse; width:750px; border-spacing:0px;}
#general_container td {width:134px; border:1px solid #cccccc; padding:.7em .5em; text-align:left; color:#485f6f; font-size:15px;font-weight:bold;}
#general_container table.form_table {width:500px;border:none;}
#general_container table.form_table input {width:300px;}
#general_container label {margin:0; padding:0; color:#917b65;}
#general_container td.label_cell {background-color:#f9f6ed; color:#917b65; padding:.7em 1em;  width:150px; text-align:left;}
#general_container table.form_table span {width:300px; color:#F00; font-size:10px; font-weight:normal; text-align:left;}

#general_container span {color:#0096ac;}
#general_container p.intro {color:#c3c9cf; font-size:19px; line-height:normal;} 

#admin_container {border:1px solid #e1caa2;padding:10px 0 0 15px;margin:0 0 0 0;line-height:normal;}
/* table container */
div.table {float:left;	position:relative;	width:951px;	margin:0 0 37px 0;	}
table.listing {	border:none;	border-bottom:1px solid #9097A9;	width:950px;	padding:0;	margin:0;	border:1px solid #9097A9;	}
table.listing th {	border-top:0 !important;	}
table.listing th.full {border-left:0;border-right:0 !important;text-align:left;text-transform:uppercase;}
div.table img.left {position:absolute;	top:0;	left:0;	}
div.table img.right {	position:absolute;	top:0;	right:1px;}
/* table styles */
table.listing .icon {width:65px;}
table.listing .tick1 {background-image:url(/images/icons/sign_tick.png); background-position:center; background-repeat:no-repeat; padding:0;}
table.listing .tick0 {background-image:url(/images/icons/sign_cacel.png); background-position:center; background-repeat:no-repeat; padding:0;}

table.listing td, table.listing th {border:1px solid #fff;	text-align:center;}	
table.listing th {background:#9097A9;	color:#fff;	padding:5px;}
table.listing td {background:#D8D8D8;color:#000; 	padding:3px 5px;	}
table.listing .bg td {	background-color:#ECECEC;	}
table.listing .white td {	background:#fff;	}	
table.listing .first {border-left:0px solid #9097A9;text-align:left;}
table.listing .last {border-right:0px solid #9097A9;}

table.listing th.first {background:#9097A9 url(../img/bg-th-left.gif) no-repeat left top;border-left:0;}
table.listing th.last {background:#9097A9 url(../img/bg-th-right.gif) no-repeat right top;border-right:0;}

table.listing .style1 {font-weight:bold;color:#FF7A00;}
table.listing .style2 {font-weight:bold;padding-left:16px;}
table.listing .style3 {padding-left:25px;}
table.listing .style4 {padding-left:35px;}
table.form .last {padding:1px 0 1px 5px;text-align:left;}
table.form th,
table.form td {padding-left:10px;}
table.form input.text {width:262px}


/***************************
 * Advertise
***************************/
#advertise{border:1px solid #e1caa2;padding:10px 0 0 15px;margin:0 0 0 0;line-height:normal; clear:both; min-height:400px; height:auto !important; height:400px;	}

#advertise form{margin:0; padding:0;}
#advertise p {color:#c3c9cf; font-size:19px; line-height:normal;} 
#advertise span {color:#0096ac;}
#advertise button {width:100px;}

#advertise table {border:solid 7px #e0d1aa; border-collapse:collapse; width:750px; border-spacing:0px;}
#advertise td {width:134px;border:1px solid #cccccc; padding:.7em .5em; text-align:center; color:#485f6f; font-size:15px;font-weight:bold;}
#advertise td.benfits {background-color:#f9f6ed; color:#917b65; padding:.7em 1em;  width:348px; text-align:left;}
#advertise td.tick {background-image:url(../images/tick.gif); background-position:center; background-repeat:no-repeat;}

#advertise div.left {float:left; width:150px; margin:0 5px 0 0; padding:43px 0 0 0; font-size:13px;}
#advertise div.left p {font-size:13px;  color:#879aa3;}
#advertise div.right {float:right; width:750px; margin:0 10px 0 0; padding:0;}
#advertise div.right table.package_header {border:#FFF; border-bottom:none; border-right:solid 7px #fff; border-collapse:collapse;}
#advertise div.right table.package_header td {background-color:#fff; padding-bottom:0; border-color:#FFF; border-bottom:none;}
#advertise div.right td.standard {background-image:url(/images/packages/standard_header.gif); background-position:bottom; background-repeat:no-repeat; width:134px; height:39px;}
#advertise div.right td.enhanced {background-image:url(/images/packages/enhanced_header.gif); background-position:bottom; background-repeat:no-repeat; width:134px; height:39px;}
#advertise div.right td.premium {background-image:url(/images/packages/premium_header.gif); background-position:bottom; background-repeat:no-repeat; width:134px; height:39px;}

#advertise p.general {font-size:14px;}
#advertise p.supplier_details {color:#879aa3; font-size:14px;}

#advertise table.form_table {width:500px;border:none;}
#advertise table.form_table input {width:300px;}
#advertise label {margin:0; padding:0; color:#917b65;}
#advertise td.label_cell {background-color:#f9f6ed; color:#917b65; padding:.7em 1em;  width:150px; text-align:left;}
#advertise table.form_table span {width:300px; color:#F00; font-size:10px; font-weight:normal; text-align:left;}
	
/***************************
 * Competition
***************************/
#competition table {border:solid 7px #e0d1aa; border-collapse:collapse; width:750px; border-spacing:0px;}
#competition td {text-align:left; width:300px}
#competion_options td.label_cell { text-align:left; width:325px}
#competion_options td { text-align:center; width:40px;}
#competition span {width:100%; color:#F00; font-size:10px; font-weight:normal; text-align:left;}

/***************************
 * Suppliers
***************************/

#topbar {padding:0; border:1px solid #9b9c9e; min-height:100px; margin: 0 0 15px 0; background-color:#fff; width:960px; padding:10px 10px 10px 10px;}
#topbar .address {}

#suppliers_container  form {margin:0; padding:0;}

#suppliers_container              					 {width:980px; background-color:#FFF; margin:0; padding:0;}
#suppliers_container  #leftcol    					 {background-color:#FFF; padding:0; margin:0; float:left; width:313px; overflow:hidden;}

#suppliers_container  #maincol    					 {background-color:#FFF; padding:0; margin:0 5px 0 5px; float:left; width:473px; border:1px solid #9b9c9e; min-height:677px;}
#suppliers_container  #maincol h2 					 {background-color:#bbd0d7;  width:463px; padding:10px 0 10px 10px; margin:0; color:#FFF;}
#suppliers_container  #maincol h4 					 {background-color:#FFF;  width:463px; padding:10px 0 10px 10px; margin:0; color:#8db0bd;}
#suppliers_container  #maincol h3 					 {padding:0 0 0 10px;}
#suppliers_container  #maincol p  					 {padding:5px 0 10px 10px; line-height:19px;}
#suppliers_container  #maincol .listing    			 {padding:10px 10px 10px 10px; border-bottom:1px solid #9b9c9e;}
#suppliers_container  #maincol .listing h3 			 {margin:5px 0 10px 0; padding:0;}
#suppliers_container  #maincol .listing .rating_text {clear:both;}
#suppliers_container  #maincol textarea              {margin-left:0px; width: 440px; height:150px; font-family:Arial; font-size:12px; padding:5px; color:#333;}
#suppliers_container  #maincol button				 {clear:both; margin:25px 0 10px 0; display:inline; padding:inherit;}
/*#suppliers_container .fb_even                      {background-color:#e7e7e7;}
#suppliers_container .fb_odd                         {background-color:#eee;}*/
 
.even                           {background-color:#e7e7e7;}
.odd                            {background-color:#fff;}




#suppliers_container #rightcol { background-color:#FFF; padding:0; margin:0; float:right; width:180px; position:relative;}
#rightcol{border:1px solid #9b9c9e; float:right; width:161px; padding-top: 12px; min-height:677px;}
#rightcol h2{background-color:#eddfc4;  padding:10px;}
#rightcol h2.sub_cat {padding:10px 0 0 0; font-size:12px; color:#8db0bd; background-color:#FFF;}
#rightcol p.cat_options {font-size:10px; line-height:normal; margin:5px 0 0 0; padding:0;}

#rightcol h3{background-color:#bbd0d7;  font-size:12px; margin:0; padding:5px;}

#rightcol .box{padding:0 5px 15px 5px; min-height:40px;  }
#rightcol a {color:#8db0bd; text-decoration:underline}


.supplier_name{
    padding:0;
    margin:0 0 5px 0;
    color:#0096ac;
    font-size:18px;
}

#viewport{
	width: 283px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
	float:left;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport li{
	width: 100px; /* Defines the size of inner element */
	height: 60px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 0 1px;
	padding: 10px;
	text-align:center;
}

#viewport img{
	border:2px #FFF solid;
}


/* Cosmetic */
#simplePrevious, #simpleNext{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
}


#article_container {border:1px solid #e1caa2;padding:10px 0 0 15px;margin:0 0 0 0;line-height:normal;}




.mainheading1 {
	color: #0098AA;
	font-size: 48px;
	font-weight: bold;
}
.mainheading2 {
	color: #0098AA;
	font-size: 48px;
	font-weight: normal;
}

.whitetext {
	color: #FFFfff;
	font-size: 10px;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
}
.subheader1 {
	color: #666;
	font-size: 30px;
	line-height: 100%;
	padding-right: 2px;
	padding-left: 2px;
}
.subheader1c {
	color: #0098AA;
	font-size: 30px;
	line-height: 100%;
	text-align: center;
}
.subheader2 {
	color: #000;
	font-size: 16px;
	line-height: 100%;
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 10px;
}
.articlelayout {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	text-align: left;
	color: #555;
}
.sidebox {
	background-color: #999;
	vertical-align: bottom;
	padding: 10px;
	padding-bottom: 10px;
	border-color: #999;
}
.sideboxdark {
	background-color: #222;
	vertical-align: bottom;
	padding: 10px;
	padding-bottom: 10px;
	border-color: #999;
}
.imagebox {
	background-color: #999;
	vertical-align: bottom;
}
.subheaderbox {
	padding: 10px;
	padding-top: 0px;
		margin: 5px;
}
.articlebox {
	padding: 10px;
	padding-top: 0px;
	margin: 5px;
	color: 555555;
}
.articlelayout tr .articlebox h2 {
	font-size: 120%;
	color: #000;
	font-weight: bold;
}
.articlelayout tr .articlebox h3 {
	color: #0098AA;
	font-weight: normal;
	font-size: 90%;
	padding-right: 5px;
	padding-left: 5px;
}
.articlelayout tr .articlebox p {
	font-weight: normal;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
}
.articlelayout tr .articlebox p a {
	color: #0098AA;
	text-decoration: underline;
}
.articlelist {
	list-style-type: circle;
}
.featuretable {
	margin: 0px;
	padding: 10px;
	border-collapse: collapse;
	text-align: center;
	border-color: #333;
	border-top-width: thin;
	border-bottom-width: thin;
	/* border-top-style: solid;
	border-bottom-style: solid; */
}
.featuretable thead {
	color: #0098AA;
	font-weight: bold;
	font-size: 110%;
	padding: 5px;
}
.featuretable td {
	border-color: #777;
	border-left-width: thin;
	border-right-width: thin;
	border-left-style: solid;
	border-right-style: solid;
	padding: 5px;
	color: #333;
}
.featuretable tr.odd {
	background-color: #eee;
}
.featuretable tr.price {
	color: #555;
	font-size: 110%;
	font-weight: bold;
}.articlelayout tr .footnote {
	font-size: 10px;
	color: #999;
}
.articlelayout .creatlistingbox {
	background-color: #b1a77e;
	padding:0;
        margin:5px 5px 5px 0;
        width:698px;
        float:left;
        height:65px;
        color:#fff;
		text-align:center;
}
.articlelayout tr td h3 {
	color: #0098AA;
	text-align: left;
}
.articlelayout td h2 {
	color: #0098AA;
	text-align: center;
}