/* copyright (c) visiontech solutions, 2008,  author : Asanka Dewage */
/* date : 18 - 01 - 2008 */

* {
    margin:0;
    padding:0;
}

html, body {
    font-family:Arial, Helevetica, sans-serif;
    font-size:11px;
    background:#fff;
    color:#333;
}

h1, h2, h3, h4, h5, p, form {
    margin:10px 0;
}

a, a:link, a:visited, a:active, a:focus {
	color:#f60;
    outline:none;
}

#main-container {
    margin: 0 auto;
    width:963px;
}

#header {
	height:92px;
	background:#fff url(../images/header_top.gif) no-repeat;
	margin-bottom:10px;
	width:964px;
	overflow:hidden;
}

#main-left {
	float:left;
	width:230px;
}

#main-left ul {
	list-style:none;
}

#main-left ul li { /* sIFR */
	line-height:9px;
	margin-bottom:8px;
	font-size:5px;
}

.flash-replaced .alt {
	display: none;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}

#main-left h3,
#common-right h3 { /* sIFR */
	line-height:9px;
	font-size:5px;
}

#main-left h2 { /* sIFR - phone number */
	font-size:14px;
	/*line-height:12px;*/
	margin-bottom:23px;
}

html > body #main-left h2 {
	margin-bottom:15px;
}

.service-margin {
	margin-top:26px;
}

html > body .service-margin {
	margin-top:16px;
}

/* common right content */

#common-breadcrumbs {
    background:#dcdcdc;
	margin:0 0 10px 242px;
    padding:10px;
}

#common-breadcrumbs a {
    text-decoration:none;
    color:#666;
}

#common-breadcrumbs a:hover {
    color:#f60;
}

* html #common-breadcrumbs {
    margin:0 0 10px 244px;
}

#common-right {
	min-height:410px;
	height:auto !important;
	height:410px;
	background:#f5f5f5;
	margin:0 0 18px 242px;
    padding:15px;
}

html > body #common-right {
    margin-bottom: 10px;
}


#common-right .main-content {
    margin-right:225px;
}

#common-right .item-list {
    border-bottom:1px dashed #ccc;
    margin-bottom:18px;
}

* html #common-right .item-list {
	width:687px;
}

#common-right .item-list p,
#common-right form,
#common-right h3 {
    margin-top:0;
}

#common-right form p {
    margin:0 0 5px 0;
}

#common-right .item-list .list-image {
    float:right;
    margin-bottom:8px;
}

#common-right .list-image {
    margin-left:10px;
}

html > body #common-right .item-list .list-image {
    float:right;
    margin-bottom:10px;
}

#common-right .item-list .list-image img {
    display:block;
    border:8px solid #ccc;
    background-color:#fff;
    padding:1px;
}

#common-right .item-list .news-heading{
    width:460px;
}

#common-right .item-list .news-file {
    float:right;
    clear:right;
    width:220px;
    padding:10px 0;
    margin-left:10px;
}

#inner-right {
    float:right;
    width:220px;
    margin-left:15px;
}

#inner-right h3 { /* sIFR */
    line-height:9px;
	font-size:5px;
}

#inner-right a {
    text-decoration:none;
}

.pdf-link {
    display:block;
    height:40px;
    overflow:hidden;
}
.pdf-link span {
    display:block;
    padding-top:5px;
}
.pdf-icon {
    border:none;
    float:left;
    margin-right:10px;
}

#inner-right a.right-side-images img,
#inner-right a.right-side-images:link img,
#inner-right a.right-side-images:visited img,
#inner-right a.right-side-images:active img,
#webProfileGallery a.profile-tmb-images img,
#webProfileGallery a.profile-tmb-images:link img,
#webProfileGallery a.profile-tmb-images:visited img,
#webProfileGallery a.profile-tmb-images:active img {
    display:block;
    margin-top:10px;
    border:8px solid #ccc;
    background-color:#fff;
    padding:1px;
}
#webProfileGallery a.profile-tmb-images img {
	float:left;
	margin-right:7px;
}
/*
#inner-right a.right-side-images:hover img {
    border-color: #f60;
    background-color:#ccc;
}*/

.right-side-images img {
    border:none;
}

/* end common right content */


/* home page right hand thing */

#feature-right {
	float:right;
	width:447px;
	height:339px;
	background:#f5f5f5;
	padding:15px;
	overflow:hidden;
	color:#666;
}

#feature-right a {
	text-decoration:none;
	font-weight:bold;
}

#feature-right a img {
	border:none;
}

.feature-image {
	display:block;
    border:8px solid #ccc;
    background-color:#fff;
    padding:1px;
    float:right;
	margin-left:10px;
	width:200px;
	height:140px;
	overflow:hidden
}

#feature-right h3 { /* sIFR */
	line-height:9px;
	font-size:5px;
    margin:0 0 4px 0;
    width:170px;
}

#visiontech-news {
	padding-top:18px;
	clear:both;
}

html > body #visiontech-news {
    padding-top:15px;
}

.feature-content p {
    margin-top:8px;
}

/* home right end */

#flash-mid {
	width:216px;
	/*height:353px;*/
	border:8px solid #ccc;
	/*margin-left:244px;*/
	margin-right:10px;
    float:right;
}
#client-container {
	border:1px solid #fff;
	background:#f5f5f5;
	height:327px;
	padding:12px;
	position:relative;
}
#client-container h3 {
	line-height:9px;
	font-size:5px;
    margin:0 0 4px 0;
    /*width:170px;*/
}
#logo-container {
	height:150px;
	border:1px solid #e9e9e9;
	background:#fff;
	margin:10px 0 15px 0;
	overflow:hidden;
	position:relative;
}
#logo-container div {
	position:absolute;
	top:0;
	left:0;
	width:10000px;
}
#client-container a.left-arrow {
	display:block;
	background:url(../images/left_arrow.jpg);
	width:10px;
	height:19px;
	text-indent:-9999px;
	position:absolute;
	bottom:10px;
	left:10px;
}
#client-container a.right-arrow {
	display:block;
	background:url(../images/right_arrow.jpg);
	width:10px;
	height:19px;
	text-indent:-9999px;
	position:absolute;
	bottom:10px;
	right:10px;
}
#client-container a.link-profile {
	position:absolute;
	bottom:12px;
	left:58px;
}
#logo-desc-container {
	text-align:center;
	margin-top:30px;
	color:#666;
}


#footer {
	clear:both;
   /* margin-top:-3px;*/
   padding-top:6px;
}

html > body #footer {
	padding-top:10px;
}

*html #product-set {
	/*margin-top:-7px;*/
}

#product-set a {
    text-decoration:none;
}
#product-set a img {
	border:none;
    padding-right:7px;
}

#product-set a.np img {
    /*padding-right:11px;*/
}

#product-set a.wp img {
    /*padding-right:7px;*/
}

#product-set a.vs img {
    /*padding-right:4px;*/
}

#product-set a.wf img {
    padding-right:0;
}

#mailing-list {
	margin-top:10px;
}


#mailing-list form {
	float:left;
	margin:0 0 0 0;
}

#mailing-list form h3 {
	line-height:9px;
	font-size:5px;
	margin-bottom:5px;
}

#mailing-list form input {
	display:block;
	float:left;
	margin-right:10px;
}

/* text fields */

.text-field {
	background:#e9e9e9;
	border:none;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:224px;
	height:15px;
	padding:5px;
}

* html .text-field {
    margin-top:-1px;
}

.text-area {
	background:#e9e9e9;
	border:none;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:224px;
	height:150px;
	padding:5px;
}

* html .text-area {
    margin-top:-1px;
}

.common-submit {
    margin-left:255px;
}

#common-right form select {
    background:#e9e9e9;
    height:20px;
    width:234px;
    border:1px solid #e9e9e9;
    height:23px;
    padding-top:3px;
    font-size:12px;
}

* html #common-right form select {
    padding:5px 2px;
    margin-bottom:5px;
}

#common-right form label {
    display:block;
    background:#dcdcdc;
    width:150px;
    float:left;
    padding:5px;
    height:15px;
    margin-right:2px;
}

* html #common-right form label {
    margin-right:-1px;
}

#common-right form label span {
	color:#f60;
}

.upload-field {
	background-color:#FFFFFF;
	border:1px solid #999999;
	color:#333333;
	font-size:12px;
	width:232px;
	height:24px;
	padding:3px;
	margin-top:-1px;
	margin-bottom:0px;
}

html > body .upload-field {
	margin-top:0;
	width:242px;
}

span.required {
	color:#f60;
}

.blurred {
	color:#999 !important;
}

/* text fields end */



/* footer icon nav start */

#mailing-list ul {
	list-style:none;
	margin:10px 0 0 0;
}

#mailing-list ul li {
	display:block;
	float:left;
	margin:17px 0 0 12px;
}

#mailing-list ul li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:40px;
}

#mailing-list ul li a.home {
	background:url(../images/home_ico.gif);
	width:32px;
	
}
#mailing-list ul li a.home:hover {
	background-position:32px 0;
}

#mailing-list ul li a.company {
	background:url(../images/company_ico.gif);
	width:34px;
}
#mailing-list ul li a.company:hover {
	background-position:34px 0;
}

#mailing-list ul li a.products {
	background:url(../images/products_ico.gif);
	width:36px;
}
#mailing-list ul li a.products:hover {
	background-position:36px 0;
}

#mailing-list ul li a.services {
	background:url(../images/services_ico.gif);
	width:27px;
}
#mailing-list ul li a.services:hover {
	background-position:27px 0;
}

#mailing-list ul li a.portfolio {
	background:url(../images/portfolio_ico.gif);
	width:29px;
}
#mailing-list ul li a.portfolio:hover {
	background-position:29px 0;
}

#mailing-list ul li a.quotation {
	background:url(../images/quotaion_ico.gif);
	width:32px;
}
#mailing-list ul li a.quotation:hover {
	background-position:32px 0;
}

#mailing-list ul li a.contact {
	background:url(../images/contact_ico.gif);
	width:32px;
}
#mailing-list ul li a.contact:hover {
	background-position:32px 0;
}

/* footer icon nav end */



/* footer nav start */

#bottom {
	background:#333 url(../images/footer_top.gif) no-repeat top;
	height:45px;
	padding-top:30px;
	color:#999;
	margin-top:12px;
}

*html #bottom {
	margin-top:0;
}

#bottom ul {
	list-style:none;
	margin:0 14px 0 14px;
}

#bottom ul li {
	display:block;
	float:left;
	margin:3px 0 0 6px;
}

#bottom ul li a,
#bottom ul li a:visited,
#bottom ul li a:active,
#bottom ul li a:link {
	color:#999;
	text-decoration:none;
	padding-right:6px;
}

#bottom ul li a img {
	border:none;
}

#bottom ul li a:hover {
	color:#f60;
}

#bottom ul li.copyright {
	margin-left:25px;
}

#bottom ul li.terms {
	margin-left:25px;
}

#bottom ul li.webpublisher {
	float:right;
	margin-top:0;
}
/* footer nav end */

/* helper selectors */

.no-display {
	display:none !important;
}

.clear-both {
	clear:both !important;
    line-height:0;
    height:0;
}

.clear-right {
    clear:right !important;
    line-height:0;
    height:0;
}

.red {
	color:red;
}

.green {
	color:green;
}

#good_tick {
	background:#DDFCD8 url(../images/good_tick.jpg) 5px 4px no-repeat;
	border:1px solid #98F784;
	padding:0 0 0 50px;
	width:345px;
	margin-bottom:12px;
}

#error_cross {
	background:#F5CBCD url(../images/error_cross.jpg) 10px 8px no-repeat;
	border:1px solid #D63233;
	padding:0 0 0 50px;
	width:345px;
	margin-bottom:12px;
}

/* EXTRA */
.right {
	float:right;
	width:446px;
	height:342px;
	background:#069;
	padding:15px;
	overflow:auto;
	color:#ccc;
}