@charset "UTF-8";


p {
    zmargin: 0 16px 10px 0;
}

h1 {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 20px;
    padding: 0 15px 15px 0;
}

h1, h3, h5, h6 {
    color: #262626;
}

/* START of link */

a.various3 {
    background-color: #F4F4F4;
    border: 1px solid #E7E7E7;
    margin-top: 5px;
    overflow: hidden;
    padding: 10px 10px 10px 20px;
    width: 580px;
     display:block;
     color: #444;
     font-family: Arial;
     font-size: 12px;
    -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;
}

a.various3:hover {
   background: none repeat scroll 0 0 #74C83F;
    border: 1px solid #5FAE2E;
      color: #fff;
}

.tag-name {
     padding-right: 20px;
     width: 230px;
      float: left;
}

.tag-address {
     padding-right: 20px;
     width: 100px;
      float:left;
}

.tag-web {
     width: 200px;
      float:left
}

/* END of link */




.sponsor-left {
     float: left;
     width: 800px;
}

.search-right {
     float: right;
     height: 225px;
     vertical-align: top;
     width: 135px;
}

#webapp-template {
     height: auto;
     zwidth: 950px;
     width: 100%;
}

#search-panel {
     background: url("/Images/cssimg/search-panel.png") no-repeat scroll 0pt 0pt transparent;
     height: 105px;
     padding: 15px 0px 0px 25px;
     width: 950px;
}

#container {
     background-color: #F4F4F4;
     border-radius: 4px 4px 4px 4px;
     border: 1px solid #E7E7E7;
     margin-top: 5px;
     overflow: hidden;
     padding: 10px 10px 10px 20px;
     width: 920px;
}

#container:hover {
     background: none repeat scroll 0% 0% #E7E7E7;
     border: 1px solid #E7E7E7;
}

#container p {
     display: none;
}

#container img {
     float: left;
     margin-right: 7px;
}

#container h1 {
     font: bold 17px Arial;
     margin: 0pt;
     padding: 3px 0pt 0pt;
}

#container a {
     color: #F3BC00;
     font: bold 12px Arial;
     margin: 0pt;
     padding: 0pt;
     text-decoration: none;
}
#container a:hover {
     text-decoration: underline;
}

#container p {
     margin-left: 55px;
     margin-top: 5px;
}

#container p a {
     font: bold 12px Arial;
}

#container p a:hover {
     text-decoration: underline;
}

.tag-name {
     padding-right: 20px;
     width: 230px;
}


.tag-phone {
     padding-right: 20px;
     width: 130px;
}

.tag-btn {
     width: 40px;
}

.tag-name-h {
     float: left;
     padding-left: 10px;
     padding-right: 20px;
     width: 230px;
}

.tag-address-h {
     float: left;
     padding-right: 20px;
     width: 150px;
}

.tag-phone-h {
     float: left;
     padding-right: 20px;
     width: 130px;
}

.tag-web-h {
     float: left;
     width: 300px;
}

#webapp-item-list-main {
     border-bottom: 0px solid #C6C8CC;
     color: #4B4B4B;
     font-family: Arial;
     font-size: 13px;
     margin-top: 0px;
     zwidth: 950px;
     width: 100%;
}

#webapp-item-list-content .webapp-item-list-right-col a {
     color: #74C83F;
     text-decoration: none;
}

#webapp-item-list-content .webapp-item-list-right-col a:hover {
     color: #5FAE2E;
     text-decoration: underline;
}


#home #webapp-item-list-main {
     padding: 0pt;
}

#webapp-item-list-slider, .bxslider {
 	width: 100%;   
}

.bxslider li img {
 	width: 100%;
    height: auto;
}

#webapp-item-list-heading {
     background: url("/images/cssimg/title_bg.png") no-repeat scroll 0pt 0pt transparent;
     height: 64px;
     padding: 0px 0px 15px 0px;
     zwidth: 950px;
     width: 100%; 
}

#webapp-item-list-heading h1 {
     font-weight: normal;
     zleft: 25px;
     position: relative;
     top: 25px;
}

#webapp-item-list-heading h1 span {
    background: none repeat scroll 0 0 #333333;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    float: right;
    font-size: 11px;
    font-weight: normal;
    margin-right: 30px;
    padding: 6px 8px;
    position: fixed;
    right: 20px;
    top: 35px;
}

#webapp-item-list-heading h1 span strong {
    font-size: 16px;
}

#webapp-item-list-heading .webapp-item-list-left-col {
     float: left;
     font-family: Arial;
     font-size: 13px;
     line-height: 150%;
     padding-left: 10px;
     padding-right: 10px;
     vertical-align: middle;
     width: 150px;
}

#webapp-item-list-heading .webapp-item-list-center-col {
     display: inline;
     float: left;
     font-family: Arial;
     font-size: 13px;
     line-height: 150%;
     margin-left: 20px;
     vertical-align: middle;
     width: 550px;
}

#webapp-item-list-heading .webapp-item-list-right-col {
     float: right;
     font-size: 13px;
     font-weight: bold;
     line-height: 150%;
     padding-right: 10px;
     text-align: right;
     vertical-align: middle;
     width: 160px;
}

#webapp-item-list-content {
     height: 140px;
     padding-bottom: 10px;
     padding-top: 0px;
     zwidth: 950px;
     width: 100%; 
}

#webapp-item-list-content img {
    zfloat: left;
    zmax-height: 120px;
    zmax-width: 150px;
    zpadding: 0 20px 40px 0;
}

#webapp-item-list-content .webapp-item-list-left-col {
     float: left;
     margin-left: 10px;
     width: 150px;
}

#webapp-item-list-content .webapp-item-list-center-col {
     float: left;
     margin-left: 0px;
     width: 30%;
}

#webapp-item-list-content .webapp-item-list-center-col .logo-container {
 	width: 100%;   
}

#webapp-item-list-content .webapp-item-list-center-col .logo-container img {
 	float: right;
    height: auto;
    width: 90%;
}

#webapp-item-list-content .webapp-item-list-center-col p {
     color: #555555;
     font-family: Arial;
     font-size: 13px;
     padding-bottom: 5px;
    text-align: right;
}


#webapp-item-list-content .webapp-item-list-right-col {
     border-left: 1px dotted #909299;
     color: #555555;
     float: right;
     font-family: Arial;
     font-size: 13px;
     margin-left: 10px;
     padding-left: 20px;
     vertical-align: bottom;
     width: 65%;
}

.title-description-buyer-2011 {
    background: url("title_bg.png") no-repeat scroll 0 0 transparent;
    height: 64px;
    width: 600px;
     font-family: Arial;
     font-size: 13px;
     padding: 10px 10px 10px 20px;

}

.webform input.cat_button[type="submit"] {
     background: -moz-linear-gradient(center top , #FFAB38, #FF7523) repeat scroll 0pt 0pt transparent;
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #EC7F1A;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35), 0px 1px 0px rgba(255, 255, 255, 0.204) inset;
     clear: both;
     color: white;
     cursor: pointer;
     float: right;
     font-family: ColabReg,Myriad Pro,Arial;
     font-size: 15px;
     height: auto;
     margin: 0pt;
     padding: 6px 15px;
     position: relative;
     text-decoration: none;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
     width: auto;
}

.webform input.cat_button[type="submit"] {
     background: -moz-linear-gradient(center top , #FFAB38, #FF7523) repeat scroll 0% 0% transparent;
     border-radius: 3px 3px 3px 3px;
     border: 1px solid #EC7F1A;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35), 0px 1px 0px rgba(255, 255, 255, 0.204) inset;
     clear: both;
     color: #FAECE1;
     cursor: pointer;
     float: left;
     font-family: ColabReg,Myriad Pro,Arial;
     font-size: 15px;
     height: auto;
     margin: 5px 0pt 0pt;
     padding: 6px 15px;
     position: relative;
     text-decoration: none;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
     width: 200px;
}

.webform input.cat_button[type="submit"]:hover {
     background: -moz-linear-gradient(center top , #FFAB38, #EC7F1A) repeat scroll 0% 0% transparent;
     border: 1px solid #EC7F1A;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35), 0px 0px 10px rgba(255, 255, 255, 0.404) inset;
     color: #FFFFFF;
}

.webform input.cat_button[type="submit"]:active {
     border-top-color: #999999;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35), 0px 0px 10px rgba(0, 0, 0, 0.2) inset;
}

.webform div.block-btn input.cat_button[type="submit"] {
     margin-top: 18px;
     width: 100%;
}

.webform div.block input[type="text"], .webform div.block input[type="textarea"], .webform div.block input[type="password"] {
     width: 160px;
}

.webform textarea, .webform input[type="text"], .webform input[type="textarea"], .webform input[type="password"] {
     border-radius: 3px 3px 3px 3px;
     border: 1px solid #B8B5B5;
     box-shadow: 0pt 2px 5px #D7D7D7 inset, 1px 1px 2px #FFFFFF;
     color: #555555;
     display: block;
     font-family: Arial,sans-serif;
     font-size: 12px;
     height: 30px;
     margin: 0px 0px 4px 0px;
     width: 250px;
}

.webform input[type="text"], .webform input[type="textarea"], .webform input[type="password"] {
     height: 25px;
     width: 250px;
     padding: 0pt 10px 0pt 10px;
     margin-bottom: 0px;
}

.webform textarea {
     width: 260px;
     height:90px;
     padding: 10px 0px 0px 10px;
     background-color: #ffffff;
}
.webform textarea.wideArea {
     width: 565px;
     height:90px;
     padding: 10px 0px 0px 10px;
     background-color: #ffffff;
}
    
.webform textarea:focus, .webform input[type="text"]:focus, .webform input[type="textarea"]:focus, .webform input[type="password"]:focus {
     border: 1px solid #ffffff;
     box-shadow: 0 2px 5px #D7D7D7 inset, 0 0 5px #7AC142;
     color: #71AA42;
}

.webform input.error:focus {
     box-shadow: 0 2px 5px #D7D7D7 inset, 0 0 5px #FF7575 !important;
}

.webform label {
    font-size: 14px;
}

.webform div.block {
     float: left;
     margin: 10px 20px 5px 0px;
     width: 208px;
}

.webform div.block-btn {
     float: left;
     margin: 10px 0px 5px;
     width: 120px;
}

.webform span.formCheck {
     width: 290px;
     padding: 4px 0px;
     display: block;
    font-size:13px;
    float: left;
    position: relative;
}
.webform td.fullWidth {
     width: 100%;    
}
.webform label.wideLabel {
     width: 565px; 
    display: block;
}

.webform span.formCheck input {
	margin-right: 12px;
}

#success {
     background: none repeat scroll 0% 0% #D3E8D1;
     border: 1px solid #285F25;
     color: #285F25;
     display: none;
     margin-bottom: 15px;
     padding: 10px;
}

span.req {
    color: #D12F19;
}

.webform .formCheck label {
	position: absolute;
	top: 4px;
	left: 35px;
}

.webform h4 {
    color: #000000;
    font-family: 'Arimo',arial,serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 2px;
    margin-top: 22px;
}

.webform input[type="text"].error, .webform input[type="textarea"].error {
	border-color: #D12F19;
	background: none repeat scroll 0 0 transparent;
}

.webform label.error {
    background: none repeat scroll 0 0 transparent;
    color: #D12F19;
    margin-bottom: 18px;
    font-size: 12px;
}

.cat_button, .webform button.button-a {
    background-color: #333333;
    border: 1px solid #000000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    height: 100%;
    margin: 12px 0;
    padding: 10px 20px;
    text-transform: uppercase;
}

.cat_button:hover, .webform button.button-a:hover {
     background-color: #74C83F;
     border: 1px solid #F2BE04;
}
.webform button.button-a {
     width:100%;
}
.webform button.button-a:hover {
     width:100%;
}
#formy .webform button.button-a {
    background-color: #333333;
    border: 1px solid #000000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    height: 100%;
    margin: 12px 0;
    padding: 8px 20px;
    text-transform: uppercase;
}

#formy .webform button.button-a:hover {
     background-color: #74C83F;
     border: 1px solid #71AA42;
}
#formy .webform button.button-a {
     width:180px;
}
#formy .webform button.button-a:hover {
     width:180px;
}