@charset "utf-8";
/* CSS Document */

/* DEFAULT DEFINITION */
html, body { margin:0; padding:0 0 10px 0; font:12px Arial, Verdana, Helvetica, sans-serif; color:#333333; background: #31353D url(../img/bg_body.jpg) top center repeat-x; }
h1.first{text-align:center; font-size:11px; height:11px; padding:3px 0px 2px 0px; margin:0px; color:#0756a5; background:none; 
position:absolute; top:10px; z-index:-500;}
h1.first a,h1.first a:hover{text-decoration:none; color:#0756a5;}
a { outline:0 none; color:#FF6600; text-decoration:underline; cursor:pointer; }
a:hover { text-decoration:none; }
.floatLeft {
	float:left;
}
.floatRight { float:right; }
.clearer{clear:none; height:1px;}
.line{float:left !important; float:none; display:block; width:1050px; border-bottom:1px solid #DFE5E8; padding-bottom:2px; margin-bottom:10px;}

img, fieldset, legend, form, h1, h2, h3, h4, h5, h6, p, ul, ol  {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

h1
{
   display:block;
   margin:0 0 12px 0;
   color:#FF7E00;
   font-size:23px;
}

h2
{
   font-size:20px;
   display:block;
   font-weight:normal;
}
h3
{   
   display:block;
   text-transform:capitalize;
   color:#1D75BB;
   font-size:18px;
   padding-bottom:8px;
   margin-bottom:16px;
   padding-left:16px;
   border-bottom:1px solid #DFE5E8;
}

h4
{
   font-size:25px;
   display:block;
   color:#1B73B9;   
}
.thumb01
{
   background:#595D64;
   border:1px solid #787A7E;
   padding:6px;
   float:left;
}

/*FORM */

a.twitter{
background-position:2px 50% !important;
display:block !important;
height:80px !important;
margin:-45px 0 0 !important;
padding:0 !important;
position:fixed !important;
top:50% !important;
right:0;
width:80px !important;
z-index:100001 !important;


-moz-border-radius-bottomleft:1em;
-moz-border-radius-bottomright:0;
-moz-border-radius-topleft:1em;
-moz-border-radius-topright:0;

background-image:url(/img/twitter.png);
background-repeat:no-repeat;


}

input.inputText {
	border: none;
}
input.inputText {
	border: 1px solid #666666;
	padding-left:3px !important;
}
select {
	border: 1px solid #666666;

}
select.inputText {
	border: 1px solid #666666;
}
input.small {
	width:70px;
	border: 1px solid #666666;
	padding-left:3px;
}
input.image {
	border:none;
}
label {
	color:#000;
	font-weight:normal;
	padding: 0 5px 2px 0;
	text-align:left;
}
#required {
	color: #CC0000;
}
input.button {
   padding:2px 5px;
   border:1px solid #ACBAC4;
   display:block;
   background:#fff;
   text-decoration:none;
   color: #455A75;	
   text-align:center;
   font-weight:bold;
}
input.button_blue {
   padding:2px 5px;
   border:1px solid #ACBAC4;
   display:block;
   background:#455A75;
   text-decoration:none;
   color: #FFFFFF;	
   text-align:center;
   font-weight:normal;
}
input.button_blue:hover
{
    background:#E8EBEE;
	color: #455A75;
	cursor:pointer;
}
input.button:hover
{
    background:#E8EBEE;
	cursor:pointer;
}


textarea.quotepage { width:465px; height:70px; margin:6px 0 0 12px; padding:2px 0 0 2px; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
textarea.formdesignquote { width:445px; height:70px; margin:6px 0 0 12px; padding:2px 0 0 2px; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
form.formdesignquote {
	color:#000000;
}
/* -------------- */



.color333 { color:#333; }
.color666 { color:#666; }
.color000 { color:#000; }
.colorfff { color:#fff; }
.color01 { color:#1D75BB; }
.color02 { color:#ff6600; }
.bgfff { background:#fff; }
.bgfff2 { background:#fff; border: 1px solid #CCCCCC; }
.bgebeb { background:#EBEBEC; }

.font13 { font-size:13px; }


.dotted02
{
   background:url(../img/bg_dotted_02.gif) top left repeat-x;
   padding-top:1px;
   height:0px;
}


/* CONTENT */
#container { width:900px; margin:0px auto; }



#flashheader { float:left; width:100%; height:100px; }



#leftContent { float:left; width:194px; margin:-5px 0 0 0; }

#leftContent .col01, #leftContent .col02{ float:left !important; float:none; display:block; width:100%; background:url(../img/bg_left_col.jpg) top left repeat-y; }
#leftContent .col01 .top { float:left; width:100%; background:url(../img/bg_left_col01_top.jpg) top left no-repeat; }
#leftContent .col01 .bot, #leftContent .col02 .bot { float:left; width:100%; background:url(../img/bg_left_col_bot.jpg) bottom left no-repeat; padding-top:13px; }

#leftContent .col02 .top { float:left; width:100%; background:url(../img/bg_left_col02_top.jpg) top left no-repeat; }
#leftContent .col02 .sign-up a { color:#FF6600; font-size:24px; font-weight:bold; text-decoration:none; }
#leftContent .col02 .sign-up a:hover { color:#FFB787; text-decoration:none; }
#leftContent .col02 .more-info a { color:#1B8BD6; font-weight:bold; text-decoration:none; }
#leftContent .col02 .more-info a:hover { color:#50ADEB; font-weight:bold; text-decoration:none; }

#leftContent .col03 { float:left; width:100%; background:url(../img/bg_right_col02.jpg) top left repeat-y; margin:0px 0px 0px 4px;}
#leftContent .col03 .top { float:left; width:100%; background:url(../img/bg_right_col03_top.jpg) top left no-repeat; }
#leftContent .col03 .bot { float:left; width:100%; background:url(../img/bg_right_col02_bot.jpg) bottom left no-repeat; padding-top:11px; }
#leftContent .col03 .sign-up a { color:#FF6600; font-size:24px; font-weight:bold; text-decoration:none; }
#leftContent .col03 .sign-up a:hover { color:#FFB787; text-decoration:none; }
#leftContent .col03 .more-info a { color:#1B8BD6; font-weight:bold; text-decoration:none; }
#leftContent .col03 .more-info a:hover { color:#50ADEB; font-weight:bold; text-decoration:none; }
#leftContent .col03 h1 {
color:#FFFFFF;
font-size:14px;
margin-top:3px;
}
#rightContent .col03 { float:left; width:100%; background:url(../img/bg_right_col02.jpg) top left repeat-y; }
#rightContent .col03 .top { float:left; width:100%; background:url(../img/bg_right_col03_top.jpg) top left no-repeat; }
#rightContent .col03 .bot { float:left; width:100%; background:url(../img/bg_right_col02_bot.jpg) bottom left no-repeat; padding-top:11px; }
#rightContent .col03 .sign-up a { color:#FF6600; font-size:24px; font-weight:bold; text-decoration:none; }
#rightContent .col03 .sign-up a:hover { color:#FFB787; text-decoration:none; }
#rightContent .col03 .more-info a { color:#1B8BD6; font-weight:bold; text-decoration:none; }
#rightContent .col03 .more-info a:hover { color:#50ADEB; font-weight:bold; text-decoration:none; }
#rightContent .col03 h1 {
color:#FFFFFF;
font-size:14px;
margin-top:3px;
}

#leftContent .seo { float:left; width:100%; background:url(../img/bg_seo.jpg) top left no-repeat; height:40px; }
#leftContent .seo p { text-align:center; color:#fff; font-size:24px; font-weight:bold; padding:5px 0 0 0; }

#leftContent .need { float:left; width:100%; background:url(../img/bg_need.jpg) top left no-repeat; height:40px; }
#leftContent .need p { text-align:center; color:#fff; font-size:16px; font-weight:bold; padding:10px 0 0 0; }







#middleContent { float:left; width:512px;  }

.menuTop
{
   float:left;
   width:100%;
   margin:2px 0 0 0;
}

#menu {
	display:block;	
	margin:0 0 0 18px;
}

#menu li
{
   position: relative;
   float: left;
   text-align:center;
}
#menu li a
{
   color:#fff;
   float:left;
   display:block;
   text-decoration:none;
   background:url(../img/bg_navigation.jpg) top left no-repeat;
   height:22px;
   padding:10px 0 0 0;
   font-weight:bold;
   width:80px;
}
#menu li a:hover
{
   text-decoration:none;
   color:#FF6600;
   background-position:0 -32px;
}
#menu li.active a {
   text-decoration:none;
   color:#FF6600 !important;
   background-position:0 -32px !important;

} 

#middleContent .col01 { float:left; width:512px; background:url(../img/bg_middle_col01.jpg) top left repeat-y; }
#middleContent .col01 .top { float:left; width:512px; background:url(../img/bg_middle_col01_top.jpg) top left no-repeat; }
#middleContent .col01 .bot { float:left; width:512px; background:url(../img/bg_middle_col01_bot.jpg) top left no-repeat; height:24px; }

#middleContent .col02 { float:left !important; display:block; width:100%; background:url(../img/bg_middle_col01.jpg) top left repeat-y; }
#middleContent .col02 .top { float:left; width:512px; background:url(../img/bg_middle_col02_top.jpg) top left no-repeat; padding-top:10px; }
#middleContent .col02 .bot { float:left; width:512px; background:url(../img/bg_middle_col02_bot.jpg) bottom left no-repeat; padding-top:11px; }
#middleContent .col02 .content { width:466px; margin:0px auto; }






.quote
{
	float:left;
	width:100%;
	margin:2px 0 0 0;
	background:#DDE3E6;
	padding-bottom: 10px;
}
/*
.formquote { display:block; list-style:none; margin:0; padding:14px 0; }
.formquote p { padding:0 0 8px 0; float:left !important; float:none; display:block; margin:0px !important; margin:0 0 8px 0; }
.formquote label { font-weight: bold; color:#000; padding: 0 14px 2px 0; text-align:right; cursor:pointer; }
.formquote .inputText { width:196px; padding: 4px 0 4px 4px; height:16px; border:1px solid #000; vertical-align:middle; float:left; }
.formquote select.inputText {
	width:202px;
	padding: 1px 0 0px 2px;
	height: 21px;
}*/
.formquote .submit { float: right; width:70%; text-align:right;  }


#rightContent { float:left; width:194px; }

#rightContent .col01 { margin:-1px 0 0 0; float:left; width:100%; background:url(../img/bg_right_col01.jpg) top left repeat-y; }
#rightContent .col01 .top { float:left; width:100%; background:url(../img/bg_right_col01_top.jpg) top left no-repeat; }
#rightContent .col01 .bot { float:left; width:100%; background:url(../img/bg_right_col01_bot.jpg) bottom left no-repeat; padding-top:23px; }

#rightContent .col02 { float:left; width:100%; background:url(../img/bg_right_col02.jpg) top left repeat-y; }
#rightContent .col02 .top { float:left; width:100%; background:url(../img/bg_right_col02_top.jpg) top left no-repeat; }
#rightContent .col02 .bot { float:left; width:100%; background:url(../img/bg_right_col02_bot.jpg) bottom left no-repeat; padding-top:11px; }

#rightContent .col02 .more a { color:#FF6600; font-weight:bold; text-decoration:none; display:block; }
#rightContent .col02 .more a:hover { text-decoration:underline; }
#rightContent .col02 h2 {
	font-size:14px;
	color: #1D75BB;
	border-bottom:1px solid #CCCCCC; padding-bottom:8px; margin-bottom:10px;
	font-weight:bold;
	text-transform:capitalize !important;
}
#rightContent .col02 h1 {
	font-size:14px;
	color: #FFFFFF;
	margin-top:3px;
	
}





.paragraph { float:left !important; float:none; display:block; width:496px; color:#fff; padding:0 8px; margin-bottom:30px; }

.steps { background:url(../img/bg_steps.jpg) top left repeat-y; width:482px; float:left; color:#3C474E; margin:4px 0 0  6px !important; margin:4px 0 0 3px; }
.steps .bgTop { background:url(../img/bg_steps_top.jpg) top left no-repeat; width:100%;  float:left; }
.steps .bgBot { background:url(../img/bg_steps_bot.jpg) bottom left no-repeat; width:100%; float:left; }
.steps .step { width:132px; float:left; margin-top:86px; }




.editLogo {
	width:180px;

	float:right;
	text-align:center;
	background:#E8EBEE;
	border:1px solid #ACBAC4;
	padding: 5px;
}
.editLogo img { border:1px solid #ACBAC4; margin:6px 0 0 0; }
.editLogo a { color:#31353D; font-weight:bold; }
.editLogo2 {
height:15px; text-align:left; padding-left:10px; background-color:white; float: left; display: block; border:1px solid #ACBAC4; padding: 5px;
}
.editLogo2 a { color:#31353D; font-weight:bold; }
.edit { color:#1D75BB; font-weight:bold; float:right; margin:-30px 0 0 0; }


.advertisment { float:left; background: #0351A0 url(../img/bg_advertisment.jpg) top left repeat-x; width:484px; border-bottom:1px solid #0351A0; margin:0 0 0 14px !important; margin:0 0 0 7px; }




.new-design { float:left !important; float:none; display:block; width:496px; padding:0 8px; }
.new-design h1 { color:#3194E1; }
.new-design ul { display:block; }
.new-design ul li { float:left; }
.new-design ul li img { background:#595D64; border:1px solid #787A7E; padding:6px; float:left; }



.confirmation { display:block; padding:20px 8px 0 8px; }
.confirmation h3 { color:#FF7E00; margin:0 0 8px 0; text-transform:uppercase; }
.confirmation .congratulation {
	float:left;
	width:100%;
	background:url(../img/bg_congratulation.jpg) top left no-repeat;
}
.confirmation .congratulation h4 { color:#1D75BB; margin:0 0 8px 0; font-size:20px;}
.confirmation .congratulation .color333 { padding:0 0 0 36px; }
.confirmation .congratulation .email { font-size:13px; background:url(../img/bg_arrow01.gif) left .4em no-repeat !important; margin:16px 0 16px 14px; padding:0 0 0 24px; }
.confirmation .congratulation .font13 { padding:0 0 0 38px; }
.confirmation .congratulation .important { font-size:16px; font-weight:bold; color:#FF0000; padding:40px 0 0 24px; }
 


.get_listed { display:block; padding:20px 8px 0 8px; }
.get_listed h3 { color:#1D75BB; text-transform:capitalize; }
.get_listed h3 span { font-size:13px; color:#31353D; text-transform:none; }

/*.get_form { display:block }
.formget { display:block; list-style:none; margin:0; }
.formget label { color:#000; padding: 0 14px 2px 0; text-align:right; cursor:pointer; }
.formget .inputText {  padding: 4px 0 4px 4px; height:16px; border:1px solid #000; vertical-align:middle; color: #000000; }
.formget .firstCol .inputText { width:146px; }
.formget .secCol .inputText { width:246px; }
*/

.member { display:block; padding:20px 8px 0 8px; }
.member h3 { color:#1D75BB;  text-transform:capitalize; }
.member .content { width:474px; margin:0px auto; }
.member .content .category { width:276px; float:left; }
.member .content .category .cat { display:block; border-bottom:1px solid #ABB0B2; padding:0 0 12px 0; margin:0 0 22px 0; }
.member .content .category .titleCat { color:#000; font-weight:bold; font-size:13px; background:url(../img/bg_dotted_design.gif) bottom left repeat-x; padding:0 0 4px 0; margin:0 0 10px 0; }
.member .content .category a { font-size:11px; }
.member .content .memberStatus { float:right; width:183px; background:url(../img/bg_member.gif) top left repeat-y; }
.member .content .memberStatus .member_top { float:left; width:100%; background:url(../img/bg_member_top.gif) top left no-repeat; }
.member .content .memberStatus .member_top_inactive { float:left; width:100%; background:url(../img/bg_member_top_inactive.gif) top left no-repeat; }
.member .content .memberStatus .member_bot { float:left; width:100%; background:url(../img/bg_member_bot.gif) bottom left no-repeat; }
.member .content .memberStatus .feed { color:#fff; background:url(../img/bg_member_feed.gif) top left no-repeat; height:23px; }




.portofolio { display:block; padding:20px 8px 0 8px; }
.portofolio h3 { color: #1D75BB/*#1D75BB*/;   text-transform:capitalize;}
.portofolio .portImgBig {
	width:300px;
	background:#E8EBEE;
	border:1px solid #ACBAC4;
	float: left;
	margin-left: 10px;
	margin-top: -3px;
}
.portofolio .portImgBig img { border:1px solid #fff; }
.portofolio .content { float:left; width:100%; color:#000; margin:16px 0 0 0; } 
.portofolio .content p { padding:0 20px 0 20px; }
.portofolio .content .subject { border-bottom:1px solid #DFE5E8; padding:0 20px 8px 20px; margin:0 0 10px 0; }
.portofolio .content .link a { color:#1D75BB; }
.portofolio .contentMain { width:364px; float:left; }



.free_quote { display:block; padding:20px 8px 0 8px; }
.free_quote h3 { color:#FF7E00; }

.quote_form { display:block; margin:10px 0 0 0; }
/*.formquote { display:block; list-style:none; margin:0; }
.formquote label { color:#000; font-weight:normal; padding: 0 14px 2px 0; text-align:right; cursor:pointer; }
.formquote label span { color:#FF0000; }
.formquote .inputText {
	padding: 4px 0 4px 4px;
	height:16px;
	border:1px solid #000;
	vertical-align:middle;
	color: #00000;
}
.formquote .firstCol .inputText { width:146px; }
.formquote .secCol .inputText { width:146px; }
.formquote textarea.inputText { width:470px; height:70px; margin:6px 0 0 12px; padding:2px 0 0 2px; font-size:11px; font-family:Arial, Helvetica, sans-serif; }




.design_quote_form { display:block; margin:10px 0 0 0; color:#000; }
.formdesignquote { display:block; list-style:none; margin:0; }
.formdesignquote label { color:#000; font-weight:normal; padding: 0 14px 2px 0; text-align:right; cursor:pointer; }
.formdesignquote label span { color:#FF0000; }
.formdesignquote .inputText { 	padding: 4px 0 4px 4px;
	height:16px; border:1px solid #000; vertical-align:middle; color: #000000; }
.formdesignquote .firstCol .inputText { width:146px; }
.formdesignquote .secCol .inputText { width:146px; }
.formdesignquote textarea.inputText { width:470px; height:70px; margin:0; padding:2px 0 0 2px; font-size:11px; font-family:Arial, Helvetica, sans-serif; }*/



.select_firms { display:block; padding:20px 8px 0 8px; }
.select_firms h3 {
	color:#1D75BB;
}
.select_firms .content { display:block; }
.select_firms .content .details {
}
.select_firms .content .details a { text-decoration:none; color:#3D9200; }
.select_firms .content .details a:hover { text-decoration:underline; }



/* FOOTER */

.footer
{
	width: 100%;
	float: left !important;
	float:none;
	margin:18px 0 0 0;
	background: url(../img/bg_footer.jpg) top left no-repeat;
	height:60px;
}
.footer_wide
{
	width: 100%;
	float: left !important;

	margin:18px 0 10px 0;
	background: url(../img/bg_footer01.jpg) top left no-repeat;
	height: 65px; 
}

.footer_wide2
{
	width: 1112px;
	float: left !important;

	margin:18px 0 0px 0;

	background: url(../img/bg_footer02.jpg) top left no-repeat;
	height: 65px; 
}
.footer .links
{
	color: #000;
	float: left;
	text-align: center;
	width:100%;
	padding:10px 0 0 0;
}
.footer .links a
{
	padding: 0 5px;
	color:#000;
	text-decoration:none;
	font-size:11px;
}
.footer .links a:hover
{
	text-decoration:underline;
}
.footer_wide .links
{
	color: #000;
	float: left;
	text-align: center;
	width:100%;
	padding:10px 0 0 0;
}
.footer_wide .links a
{
	padding: 0 5px;
	color:#000;
	text-decoration:none;
	font-size:11px;
}
.footer_wide .links a:hover
{
	text-decoration:underline;
}


.footer_wide2 .links
{
	color: #000;
	float: left;
	text-align: center;
	width:100%;
	padding:10px 0 0 0;
}
.footer_wide2 .links a
{
	padding: 0 5px;
	color:#000;
	text-decoration:none;
	font-size:11px;
}
.footer_wide2 .links a:hover
{
	text-decoration:underline;
}
.copyright
{
	color: #575757;
	width:100%;
	float:left;
	background:none;
	font-size:11px;
	text-align:center;
	margin:12px 0 10px 0;
}


.directoryText
{
    width:480px;;
	float:left;
	color:#333333;
	margin-bottom:4px;
}
.directoryText a
{
    font-size:16px;
	color:#2181D6;
	font-weight:bold;
}
.directoryTextP 
{
   padding:8px 6px;
   float:left;
   display:block;
}




.company_list
{
   display:block;
   padding:0 16px;
   float:left;
/*   width:464px;*/
/*   clear:both;*/
   margin-bottom:14px;
}
.company_list .c-more-info
{
    text-align:center;

}
.company_list .c-more-info a
{
   padding:2px 0;
   border:1px solid #ACBAC4;
   display:block;
   background:#fff;
   text-decoration:none;
   color: #455A75;

}
.company_list .c-more-info a:hover
{
    background:#E8EBEE;
}


.company_list .cat { float:left !important; display:block; width:100%; border-bottom:1px solid #ABB0B2; padding:0 0 12px 0; margin:0 0 22px 0; }




.smallLogo { padding:4px; float:left; text-align:center; background:#E8EBEE; border:1px solid #ACBAC4; }
.smallLogo img { border:1px solid #ACBAC4; }

.smallLogo_dir {
	padding:1px;
	float:left;
	text-align:center;
	background:#EBEBEB;
	border:none;
}
.smallLogo_dir img { border:none; }

#memberContent { background:url(../img/bg_member_container.jpg) top left repeat-y; float:left; width:100%; }
.memberContentTop { background:url(../img/bg_member_top.jpg) top left no-repeat; float:left; width:100%; }
.memberContentBottom { background:url(../img/bg_member_bottom.jpg) bottom left no-repeat; float:left; width:100%; }

#memberContent .menuTop { position:relative; clear:both; padding-left:180px; width:500px; }
#memberContent .menuTop ul#menu { clear:both; }
#memberContent .member {
	padding:16px 16px 20px 16px;
	float:left;
	width:860px;
}
#memberContent .content {
	width:840px;
	float: left;
}
#memberContent .category {
	width:640px;
	float: left;
	margin-left: 5px;
}
ul.leftmenu  {
	list-style-type: disc !important;
	color: #227CC1 !important;
	margin-left: 30px;
	margin-bottom: 20px;
}
.leftmenu ul li {
	list-style:circle !important;
	margin-left:10px !important;
}
ul.leftmenu a:hover {
color:#2181D6;
}

ul.leftmenuweb  {
	list-style-type: none !important;
	color: #227CC1 !important;
	margin-left: 5px;
	margin-bottom: 10px;
}
ul.leftmenuweb li {
	list-style:none !important;
	margin-left:10px !important;


}
ul.leftmenuweb li a {
padding-bottom:5px;!important; 

	display:block;
	width:165px;

}
ul.leftmenuweb a:hover {
color:#2181D6;
}


ul.leftmenuweb2  {
	list-style-type: none !important;
	color: #227CC1 !important;
	margin-left: 5px;
	margin-bottom: 10px;
}
ul.leftmenuweb2 li {
	list-style:none !important;
	margin-left:10px !important;
	padding-bottom:5px;


}
ul.leftmenuweb2 li a {
padding-bottom:2px;!important; 

	display:block;
	color:#31353D;
	font-size:12px;

}
ul.leftmenuweb2 a:hover {
color:#2181D6;
}
.mocha {
	border: 1px solid #666666 !important;
	padding: 0px 0px 0px 0px !important; 
	background: #FFFFFF;
}
.mocha h3.mochaTitle {
	font-size: 12px !important;
	padding: 5px !important;
	background-color:#2e3f55 !important;
	color:#FFFFFF !important;
	display:block !important;
	border-bottom: 1px solid #CCCCCC !important;
	text-transform:capitalize;
}
.mocha div.close {
	float: right;
	margin-right: 5px;
	margin-top:5px;
}
.mocha div.close a {
text-decoration: none;
font-weight:bold;
}
.mocha div.close a:hover {
text-decoration: none;
font-weight:bold;
}
.mocha .mochacontent {
	padding:6px !important;
}
.carouselcontainer {
	background:#E8EBEE; border:1px solid #ACBAC4; float:right; width:115px;
}
div.specialblock {
	margin: 0px auto;
	padding-bottom: 10px;
	width: 494px !important;
/*	border: 1px solid #33455B;*/

}
div.specialblock_profile {
	margin: 0px auto;
	padding-bottom: 10px;
	width: 620px !important;
/*	border: 1px solid #33455B;*/

}
div.specialblockcontainer_profile {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	float: left;
	width: 598px !important;
	padding:10px;
	margin-bottom:20px;
}
div.specialblockcontainer {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	float: left;
	padding-top:10px;
}
.specialblock h3 {
	/*background-color: #33455B #2F8CCF*/;
	font-size: 13px;
	color: white;
	padding: 5px;
	text-transform:capitalize;
	background-image: url(../img/specialblockh3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 0px;
}
.specialblock_profile h3 {
	/*background-color: #33455B #2F8CCF*/;
	font-size: 13px;
	color: white;
	padding: 5px;
	text-transform:capitalize;
	background-image: url(../img/specialblockh3_profile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 0px;
}
.company_list h3 {
background-image:none;
	color:#000000;
	font-size: 14px;
}
.company_list h3 a {
background-image:none;
	color:#1D75BB;
	font-size: 14px;
	text-decoration: none;
}
.company_list h3 a:hover {
background-image:none;
	color:#1D75BB;
	font-size: 14px;
	text-decoration: underline;
}
.company_list h3 span {
font-size:10px !important; font-weight:normal;
}
.company_list h3 span a {
font-size:10px !important; font-weight:normal;
color:#000000;
}
.company_list h3 span a:hover {
font-size:10px !important; font-weight:normal;
color:#000000;
}
.company_list #firmtitle {
	background-image:none;
	background-color:#E9E9E9;
	border-top: 1px solid #CCCCCC;
}
.company_list #content {
	padding: 5px;

}
.company_list #content p {
	color:#666666;

}
#dirpath {
	 padding-left:14px; 
	 padding-top:0px;
}
#dirpath a {
	color: #666666 !important;
	text-decoration: underline;
}
#dirpath a:hover {
	color: #666666;
}
.profiletext_spacer {
	height:10px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
	float:left;
	width:618px;
	margin-left: -10px;
	margin-right: -10px;
}
.profiletext_title {
	height:22px;
	background:url(../img/bg_dotted_02.gif) repeat-x bottom left;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin-bottom:5px;
	float:left;
	width:598px;
}
.member .memberStatus { float:right; width:183px; background:url(../img/bg_member.gif) top left repeat-y; }
.member .memberStatus .member_top { float:left; width:100%; background:url(../img/memberstatus_h3.gif) top left no-repeat; }
.member .memberStatus .member_bot { float:left; width:100%; background:url(../img/bg_member_bot.gif) bottom left no-repeat; }
.member .memberStatus .feed { color:#fff; background:url(../img/bg_member_feed.gif) top left no-repeat; height:23px; }
.orange {
	color: #FF7E00;
}
.ad_block {
	width:450px;
	margin:0px 0px 0px 12px;
	float: left;
	border: 1px solid #D3D8DA;
	padding: 10px;

}
.details {
	text-align:center;
	padding: 5px;
}
.details a { text-decoration:none; color:#3D9200; }
.details a:hover { text-decoration:underline; }
.ad_name {
	background-image: url(../img/bg_dotted_01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.ad_prices {
	background-image: url(../img/bg_dotted_01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.ad_block2 {
	background-image: url(../img/bg_dotted_01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 183px;
}
.ad_block3 {
	background-image: url(../img/bg_dotted_01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.ad_block {
	width:450px;
	margin:0px 0px 0px 12px;
	float: left;
	border: 1px solid #D3D8DA;
	padding: 10px;

}

#advertising {
	width:762px;
	margin:0px auto;
	border: 1px solid #D3D8DA;
	padding: 10px;
	float: left;
}

.ad1 {
	width: 183px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
.ad2 {
	width: 183px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;

}
.ad3 {
	width: 183px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;

}
.ad4 {
	width: 183px;
	float: left;
	margin-bottom: 20px;
}
.ad1:hover {
	width: 183px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;

}
.ad2:hover {
	width: 183px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;

}
.ad3:hover {
	width: 183px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;

}
.ad4:hover {
	width: 183px;
	float: left;
	margin-bottom: 20px;

}
.ad1 h3 {
	width:173px;
	background:url(../img/memberstatus_h3.gif) top left no-repeat;
	display:block;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 0 0 -2px 0;
	background-color: #425771;
}
.ad2 h3 {
	width:173px;
	background:url(../img/memberstatus_h3.gif) top left no-repeat;
	display:block;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 0 0 -2px 0;
	background-color: #425771;
}
.ad3 h3 {
	width:173px;
	background:url(../img/memberstatus_h3.gif) top left no-repeat;
	display:block;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 0 0 -2px 0;
	background-color: #425771;
}
.ad4 h3 {
	width:173px;
	background:url(../img/memberstatus_h3.gif) top left no-repeat;
	display:block;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 0 0 -2px 0;
	background-color: #425771;
}
.ad1:hover h3 {
	width:173px;
	background:url(../img/memberstatus_h3_over.gif) top left no-repeat;
	display:block;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 0 0 -2px 0;
	background-color: #095ba7;
	cursor:pointer;
}
.ad2:hover h3 {
	width:173px;
	background:url(../img/memberstatus_h3_over.gif) top left no-repeat;
	display:block;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 0 0 -2px 0;
	background-color: #095ba7;
	cursor:pointer;
}
.ad3:hover h3 {
	width:173px;
	background:url(../img/memberstatus_h3_over.gif) top left no-repeat;
	display:block;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 0 0 -2px 0;
	background-color: #095ba7;
	cursor:pointer;
}
.ad4:hover h3 {
	width:173px;
	background:url(../img/memberstatus_h3_over.gif) top left no-repeat;
	display:block;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 0 0 -2px 0;
	background-color: #095ba7;
	cursor:pointer;
}
.ad1:hover button.addtomyorder  {
	width: 183px;
	height: 30px;
	border:none;
	padding:0;
	margin:0;
	text-align:center;
	background:url(../images/addtomyorder_over.gif);
	cursor: pointer;
}
.ad2:hover button.addtomyorder  {
	width: 183px;
	height: 30px;
	border:none;
	padding:0;
	margin:0;
	text-align:center;
	background:url(../images/addtomyorder_over.gif);
	cursor: pointer;
}
.ad3:hover button.addtomyorder  {
	width: 183px;
	height: 30px;
	border:none;
	padding:0;
	margin:0;
	text-align:center;
	background:url(../images/addtomyorder_over.gif);
	cursor: pointer;
}
.ad4:hover button.addtomyorder  {
	width: 183px;
	height: 30px;
	border:none;
	padding:0;
	margin:0;
	text-align:center;
	background:url(../images/addtomyorder_over.gif);
	cursor: pointer;
}


.adcontent {
	width: 171px;
	border-top: 1px solid #465C76;
	/*border-bottom: 1px solid #465C76;*/
	border-left: 1px solid #465C76;
	border-right: 1px solid #465C76;
	padding:5px 5px 10px 5px;
}
.adcontent img {
	border:1px solid #666666;
	margin-bottom:10px;
}
.adbottom  {
	width: 171px;
	text-align:center;
}
.adbottom button.addtomyorder {
	width: 183px;
	height: 30px;
	border:none;
	padding:0;
	margin:0;
	text-align:center;
	background:url("../images/addtomyorder.gif");
}
.adspacer {
	background-image: url("../img/bg_dotted_01.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.adspacer_h3 {
	border-bottom: 1px solid #DFE5E8;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
button.upgrade_button {
	width:132px;
	height:31px;
	border:none;
	padding:none;
	margin:none;
	background:url("../images/upgrd_button.jpg");
	cursor:pointer;
}
button.upgrade_button:hover {
	width:132px;
	height:31px;
	border:none;
	padding:none;
	margin:none;
	background:url("../images/upgrd_button_over.jpg");
	cursor:pointer;
}
.answers {
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	width: 480px;
	margin-bottom: 20px;
}
.answers_head  h2 {
	color: #3d9200;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}
.answers_head {

}
.answers_head {
	margin-bottom: 10px !important;
	width: 480px;
}
.topspacer {
	height: 3px;
	background-color: #FFFFFF;
	background-image: url(../img/bg_dotted_02.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.bottomspacer {
	height: 3px;
	background-color: #FFFFFF;
	background-image: url(../img/bg_dotted_02.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.answersheadcontent {
	background-color: #f3f2f2;
	padding: 5px 5px 9px 5px;
	height: 10px;
	color: #000000;
	font-weight: bold;
}
.answers_content {
	float: left;
	width: 460px;
	padding: 10px;
	border-bottom: 1px solid #e9e9e9;
}
.answers_content2 {
	float: left;
	width: 460px;
	padding: 10px;
}
.answers_question {
	margin-top: 5px;
}
.answers_question a {
	text-decoration: none;
	color:#1D75BB;
}
.answers_question a:hover {
	text-decoration: underline;
	color:#1D75BB;
}
.answers_question span {
	color: #333333;
	font-weight: bold;
	margin-right: 10px;
}
.answers_answer span {
	color: #333333;
	font-weight: bold;
	margin-right: 10px;
}
.answers_answer {
	clear: both;
	float: left;
	margin-top: 10px;
}
.answers_readmore a {
	color: #3d9200;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 10px;
}
.answers_readmore a:hover {
	text-decoration: underline;

}
.answers_bottom {
	clear: both;
	float: left;
	width: 460px;
	margin-top: 10px;
	padding-left: 10px;
	margin-left: 0px;
}
.answerscat_head {
	margin-top: 10px;
	float: left;
	width: 480px;
}
#article_tools {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	margin-left:20px;   
	border: 1px dashed #CCCCCC; 
	padding: 5px; 
	width: 100px; 
	margin-bottom: 10px;
}
#article_tools a {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	margin-left:10px;
	
}
#article_tools a:hover {
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
	margin-left:10px;
	
}
.answers_date {
	color: #999999;
	display: block;
	padding: 10px 0px 10px 0px;
	float: left;
}
.answers_report {
	float: right;
	padding: 10px 0px 10px 10px;
	color: #3D9200;
}
.answers_report a {
	color: #3D9200;
}
.answers_reportdiv {
	padding: 10px;
	border: 1px solid #999999;
	margin:5px 5px 15px 5px;
	float:left;
	background-color:#f3f2f2;
}
#quotetable {
	
}
table#quotetable  tr td {
	border-right: 1px solid #CCCCCC !important;
	border-bottom:1px solid #CCCCCC;
}
table#quotetable tr td.first {
	border-right: 1px solid #CCCCCC !important;
	border-left: 1px solid #CCCCCC !important;
}
table#quotetable tr th {
	border-bottom: 1px solid #CCCCCC !important;
	padding:5px 0px 0px 7px;
	font-size:11px;

	color:#FFFFFF !important;
}
table#quotetable tr th.first {
	background-image: url(../img/memberstatus_h3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}	
table#quotetable tr th.last {
	background-image: url(../img/memberstatus_h3.gif);
	background-repeat: no-repeat;
	background-position: right top;
}	
table#quotetable tr th.middle {
	background-image: url(../img/specialblockh3_profile.gif);
	background-repeat: no-repeat;
	background-position: center top;
}	
#quote_details {
	padding: 10px; 
	float:left;
	border-left: 1px solid #CCCCCC;
	border-right:  1px solid #CCCCCC;
	display:none;
}
.directory_header {
	padding: 10px;
	float: left;
	border: 1px solid #CCCCCC;
	margin: 20px 10px 0px 10px;
}
#project_description {
	padding: 10px;
}
.feedback_table {
	border-bottom: 1px solid #CCCCCC;
}
.feedback_table th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px;
}
.feedback_table td.first {
	border-left: 1px solid #CCCCCC;
}
.feedback_table td {
	border-right: 1px solid #CCCCCC;
}
td.nopadding {
	padding:0;
}
td.noborder {
	border:none;
}
th.first {
	background-image: url(../img/specialblockh3_profile.gif);
	background-repeat: no-repeat;
	background-position: left top;
}	
th.last {
	background-image: url(../img/specialblockh3_profile.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.white {
	color:#FFFFFF;
}
.lightgrey {
	color:#CCCCCC;
}
.darkgrey {
	color: #666666;
}
.smalltext {
	font-size:10px;
}
.normaltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}	
.nobg {
	background-image:none;
	background-color:#FFFFFF;
	background:#FFFFFF;
}


/*PORTFOLIO STUFF*/


#loader {
	width:500px;
	border:1px solid #CCCCCC;
	padding:10px;
	background-color:#FFFFFF;
	min-height:250px;
	text-align: center;
}
.loading
{
    background: url('images/icons/spinner.gif') no-repeat 50% 50%;
    height: 100%;
    width: 100%;
}
/**
 * Overwrite for having a carousel with dynamic width.
 */
/* MODAL BOX */

div.whiteOverlay { background: url(inc/jqmBG.gif) white; }
div.jqDrag {cursor: move;}

/* jqmModal dialog CSS courtesy of;
  Brice Burgess <bhb@iceburg.net> */

div.jqmDialog {
  display: none;
  position: fixed;
  top: 17%;
  left: 50%; 
  margin-left: -200px;
  width: 350px;
  overflow: hidden;
  font-family:verdana,tahoma,helvetica;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* [[[ Title / Top Classes ]]] */
div.jqmdTC { 
  background: #456D92 url(../dialog/sprite.gif) repeat-x 0px -82px; 
  color: #FFFFFF;
  padding: 7px 22px 5px 5px;
  font-family:"sans serif",verdana,tahoma,helvetica;
  font-weight: bold;
  * zoom: 1;
}
div.jqmdTL { background:  url(../dialog/sprite.gif) no-repeat 0px -41px; padding-left: 3px;}
div.jqmdTR { background: url(../dialog/sprite.gif) no-repeat right 0px; padding-right: 3px; * zoom: 1;}


/* [[[ Body / Message Classes ]]] */
div.jqmdBC {
  background: url(../dialog/bc.gif) repeat-x center bottom;
  padding: 7px 7px 7px;
  height: 350px;
  overflow: auto;
}
div.jqmdBC2{
  background: url(../dialog/bc.gif) repeat-x center bottom;
  padding: 7px 7px 7px;
  height: 150px;
  overflow: auto;
}
div.jqmdBL { background: url(../dialog/bl.gif) no-repeat left bottom; padding-left: 7px; }
div.jqmdBR { background: url(../dialog/br.gif) no-repeat right bottom; padding-right: 7px; * zoom: 1 }

div.jqmdMSG { color: #317895; }


/* [[[ Button classes ]]] */
input.jqmdX {
  position: absolute;
  right: 7px;
  top: 4px;
  padding: 0 0 0 19px;
  height: 19px;
  width: 0px;
  background: url(../dialog/close.gif) no-repeat bottom left;
  overflow: hidden;
}
input.jqmdXFocus {background-position: bottom left; outline: none;}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
  margin: 8px 10px 4px 10px;
  color: #777;
  background-color: #fff;
  cursor: pointer;
}

div.jqmDialog input:focus, div.jqmDialog input.iefocus {  }
 
/* BUTTONS */ 
 
.submitbutton {
	width: 77px;
	height: 23px;
	border:none;
	padding:0;
	margin:0;
	cursor:pointer;
	background: url(../img/bt_submit.gif) no-repeat left top;
}
.modifybutton {
	width: 77px;
	height: 23px;
	border:none;
	padding:0;
	margin:0;
	cursor:pointer;
	background: url(../img/modifybutton.jpg) no-repeat left top;
}
.loginbutton {
	width: 77px;
	height: 23px;
	border:none;
	padding:0;
	margin:0;
	cursor:pointer;
	background: url('../images/login_btn.jpg') no-repeat left top;
}
#error .flash_inner {
	color: #b7220a;
	background: url('../images/flash_error.gif') no-repeat left top;
	border: 0px;
}

.flash  {
	display: block;
	background: url('../images/information_bar_right.gif') no-repeat right top;
	height: 30px;
	overflow: hidden;
	margin: 5px 0px 12px !important;
	padding: 0px !important;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.flash .flash_inner {
  display: block;
  height: 30px;
  padding: 9px 10px 0px 45px;
}
/*********************************/
/******* AD styles **************/
/* Simple scalable breadcrumb by Veerle Pieters
------------------------------------------------------------------*/
#crumbs {
	height:2.3em;
	border:1px solid #dedede;
	}
#crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	}		
#crumbs li a {
	background:url(../images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
a:link, a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#777;
	}		
#crumbs li a.active {
	color:#dd2c0d;
}

.classifieds { float:left !important; float:none; display:block; width:100%; padding: 15px 10px 15px 15px;  }
.classifieds .actions { border-bottom: 1px solid #CCC /*#787A7E*/; padding-bottom:5px; margin-bottom:5px;  display:block; color:#787A7E;}
.classifieds .actions a { color: #F60; } 
.classifieds h1 { color:#3194E1;}
.classifieds ul { display:block; background:#FFF/*#595D64*/; border:1px solid #CCC; padding:6px; float:left; width:468px; }
.classifieds ul li { float:left; font-size:13px; color:#FFF; display:block; width:100%; margin:5px 0px; }
.classifieds ul li a { color: #0000FF; line-height:20px; font-size:11pt; font:Arial, Helvetica, sans-serif; }
.classifieds ul li a.photo { padding-right:20px; margin-right:5px; background: url(../images/camera.gif) right center no-repeat; }
.classifieds ul li span { font-size:11px; color: #333333; }
#classifieds_list .date {
-x-system-font:none;
background-color:#EAEAEA;
color:#000000;
font-family:arial;
font-size:11pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:3px 3px 3px 6px;
text-align:left;
}
#classifieds_list .cat {
background-color:#FFFFFF;
margin-bottom:8px;
margin-left:4px;
margin-right:4px;
padding:4px;
text-align:left;
}
#classifieds_list .resultsRegionLabel {
-x-system-font:none;
font-family:arial;
font-size:9pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
#classifieds_list a { color: #0000FF; font-size:11pt; display: inline-block; font-weight:normal; }
h1.classifieds { color: black !important; width:100%; font-size:160%; display:block; padding:0px; margin:0px 0px 0px 20px; }
h1.classifieds span.adInfo {
-x-system-font:none;
color:#666666;
font-family:arial;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 0px 0px 0px;
display:block;
}
.divider {  border-bottom:1px solid #DFE5E8; padding-bottom:10px; margin:10px 30px 10px 20px; width:970px; display:block; clear:both; }
.classifieds_info{margin:0px 30px 10px 20px; width:970px; display:block; clear:both;}
.classifieds_dir ul li { float:left; font-size:13px; display:block; width:100%; margin:5px 0px; }
.classifieds_dir ul li a { display:inline-block; font-size:13px; color: #0000FF !important; }
.classified_search { display:block; padding: 0px 20px 12px 20px; color:#000; }
.classified_search h2 { border-bottom:1px solid #DFE5E8; margin-bottom:10px;margin:0px 0px 0px 20px; padding-bottom:10px; font-size:16px; font-weight:bold; }

#middleContent_ad{ float:left; width:1112px;  }
#middleContent_ad .col01 { float:left; width:1112px; background:url(../img/bg_middle_col01_ad.jpg) top left repeat-y; }
#middleContent_ad .col01  .ad_top { float:left; width:1112px; background:url(../img/bg_middle_col01_top_ad.jpg) top left no-repeat; }
#middleContent_ad .ad_bot { float:left; width:1112px; background:url(../img/bg_middle_col01_bot_ad.jpg) top left no-repeat; height:11px; }