/* Main CSS Start */

/*importing reset stylesheet start*/

@import "reset.css";

/*importing reset stylesheet end*/



body {

	background: url(../images/virtual-interconnect_02.jpg) repeat-x top center #eeefef;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	color: #000;



}

				/*--------Generally css-------*/

				p img {

					padding: 0;

					max-width: 100%;

					}

				

				img.centered {

					display: block;

					margin-left: auto;

					margin-right: auto;

					}

				

				img.alignright {

					padding: 0px;

					margin: 5px 0px 0px 15px;

					display: inline;

					}

				

				img.alignleft {

					padding: 0px;

					margin: 5px 15px 0px 0;

					display: inline;

					}

					

				img.aligncenter {

					display: block;

					padding: 0px;

					margin:0 0 10px 0;

					}

				.alignright{

					float: right;

				}

				.alignleft{

					float: left;

				}

				h1{

				width:199px;

				height:34px;

				line-height:34px;

				padding:0 0 0 10px;

				margin:0 5px 10px 5px;

				font-family:Arial, Helvetica, sans-serif;

				background:url(../images/h1-bg_03.jpg) no-repeat;

			

					font-size:16px;

					color:#fff;

				}

				h3{

				font-family:Arial, Helvetica, sans-serif;

					font-size:14px;

					padding-bottom:15px;

					color:#000;

					background:none;

				}

				h2{

					font-size:22px;

					padding-bottom:15px;

					color:#000;

				}

				h4{

					font-size:18px;

					padding-bottom:15px;

					color:#000;

				}

				h5{

					font-size:16px;

					padding-bottom:15px;

					color:#000;

				}

				h6{

					font-size:14px;

					padding-bottom:15px;

					color:#000;

				}

				ul{

					padding-bottom:15px;

				}

				ol{

					padding-bottom:15px;

				}

				li{

					padding:0 0 0 20px;

				}

				p{

				font-family:Arial, Helvetica, sans-serif;

					font-size:13px;

					color:#000;

					padding-bottom:12px;

					line-height:normal;

				}

				a{

					color:#000;

					text-decoration:none;

				}

				a:hover{

					text-decoration:underline;

				}

				span{

					display:inline-block;

				}

				/*--------Generally css-------*/





#wrapper {

	width: 945px;

	margin: 0 auto;

}

/* Main CSS End */





/* Header CSS Start */

#header-bg{

width:100%;

height:186px;

background:url(../images/header-bg_01.jpg) no-repeat top center;

}

#header {

width:945px;

margin:0 auto;

padding:38px 0 0 0;

height: 148px;

background:url(../images/header-botom_03.jpg) no-repeat bottom;

}

.search{

width:225px;

float:right;

margin:0px 0 25px 0;

}



.session {

float: right;

margin: 5px 7px 0 0;

}



.search input{

width:172px;

height:31px;

background:#0186cc;

float:left;

border:0;

line-height:31px;

padding:0 0 0 10px;

color:#fff;

font-family: Arial, Helvetica, sans-serif;

font-size:13px;

}

.button{

width:36px!important;

height:31px!important;

background:url(../images/search_08.jpg) no-repeat!important;

float:left;

cursor:pointer;

}

.logo{

width:393px;

height:121px;

float:left;

}

/* Header CSS End */





/* Menu CSS Start */

#menu {

width:541px;

float:right;

}



#menu ul {

float:right;

height: 20px;

}



#menu ul li{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#000;

float:left;

font-weight:bold;

background:url(../images/menu-spliter_03.jpg) no-repeat left 2px;

padding:0!important;





}

#menu ul li a{

text-decoration:none;

color:#000;

display:block;

padding:10px 10px 10px 10px;

}

#menu ul li a:hover, #menu ul li a.active{

background:#e5e8e9;

}

#menu ul li.first{

background:none;

margin:0;

padding:0;

}

/* Menu CSS End */





/* Content CSS Start */

#content {

width:945px;

padding:18px 0 0 0;



}

#col-1 {

	width: 220px;

	float: left;



}

.sub-nav{

width:220px;

background:url(../images/nav_03.jpg) repeat-x #eaeaea;

padding:5px 0 0 0;

margin:0 0 5px 0;







}

.sub-nav ul{



padding:0;

margin-left: 0px;

padding-left: 0px;

width:213px;

}

.sub-nav ul li{



width:213px;

background:url(../images/nav-bottom_03.jpg) no-repeat bottom;

line-height:30px;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#000;

padding:0;



}

.sub-nav ul li a{

text-decoration:none!important;

color:#000;

background: url(../images/col1-arrow_03.jpg) no-repeat 193px 6px;

display:block;

padding:0 5px 0  10px;

width:198px;

}

.sub-nav ul li a:hover{

background:url(../images/nav-hover_03.jpg) no-repeat;

text-decoration:none!important;

}


.sub-nav ul li ul{
display: none;
}

.product{

background:url(../images/nav_03.jpg) repeat-x #eaeaea;

padding:5px 0 0 5px;

width:214px;

margin:0 0 39px 0;

}

.product ul{

padding:0!important;



}

.product ul li{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

line-height:34px;

height:34px;

color:#fff;

background:url(../images/product-li_11.jpg) no-repeat;

padding:0!important;





}

.product ul li a{

text-decoration:none!important;

color:#fff;

height:34px;

display:block;

padding:0 0 0 13px;



}

.product ul li a:hover{

background:url(../images/product-hover_11.jpg) no-repeat;



}

#col-2 {



	width: 462px;

	float: left;

	padding:0 0 0 21px;	

}



#col-2-wide {

	width: 681px;

	float: left;

	padding:0 0 0 21px;

}



#col-2 ul, #col-2 ul {

margin-left: 20px;

}



#col-2 ul li {

list-style-type: square;

}



#col-2 ol li {

list-style-type: decimal;

}





#col-2  h2{



font-family:Arial, Helvetica, sans-serif;

font-size:16px;

font-weight:bold;

color:#000;

padding:0;

line-height:31px;

border-bottom:11px solid #ebecec;

font-weight:bold;

margin:0 0 18px 0;

}

.smart-bytes{

width:462px;

border-bottom:11px solid #ebecec;

padding:0 0 12px 0;

margin:0 0 26px 0;



}

.smart-bytes-left{

width:278px;

float:left;

}

.smart-bytes-left p{

color:#103549;

}

.smart-bytes-left a{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

background:url(../images/col1-arrow_03.jpg) right top no-repeat;

display:block;

color:#0190db;

height:30px;

width:178px!important;

padding:2px 0 0 0;

}

.smart-bytes-left h1{

font-family:Arial, Helvetica, sans-serif;

font-size:30px;

font-weight:bold;

color:#0186cc;

background:none;

padding:0;

margin:0 0 5px 0;

}

.smart-bytes-right{

width:134px;

float:right;

}

.detail{



padding:0 0 14px 0;

}

.detail a{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

background:url(../images/col1-arrow_03.jpg) right top no-repeat;

display:block;

color:#0190db;

height:30px;

width:178px!important;

padding:2px 0 0 0;

}



#col-3 {



	width: 219px;

	float:right;

}

.basket{

width:219px;

background:url(../images/nav_03.jpg) repeat-x #eaeaea;

padding:5px 0px 9px 0;

margin:0 0 5px 0;

}

.basket a{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

background:url(../images/col1-arrow_03.jpg) right top no-repeat;

display:block;

color:#0190db;

float:right;

height:30px;

width:98px!important;

padding:2px 0 0 0;

margin:5px 10px 0 0;

_margin:5px 5px 0 0;

}



.basket-left{

width:126px;

float:left;

padding:0 0 0 15px;

}

.basket-left p{

padding:12px 0 7px 0!important;}

.basket-right{

width:63px;

float:left;

padding:0 0 0 4px;

}

.mail{

width: 219px;

background:url(../images/nav_03.jpg) repeat-x #eaeaea;

padding:5px 0 0 0;

margin:0 0 5px 0;

	

}

.mail input.textbox{

width:185px;

line-height:26px;

height:26px;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#000;

padding:0 0 0 10px;

border:0;

background:#ddd;

border: 1px solid #ccc;

margin:0 0 10px 10px;

}





.mail input.rightbut{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

background:url(../images/col1-arrow_03.jpg) right top no-repeat;

display:block;

color:#0190db;

float:right;

height:21px;

width:105px!important;

padding:2px 0 0 0;

margin:5px 10px 0 0;

_margin:5px 5px 0 0;

border: 0px solid red;

}



.mail input.rightbut:hover{

text-decoration:underline;

cursor:pointer;

}







.mail-left{

width:131px;

float:left;

padding:0 0 0 10px;



}

.mail-right{

width:60px;

float:left;

padding:0 0 0 5px;

}

.mail a{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

background:url(../images/col1-arrow_03.jpg) right top no-repeat;

display:block;

color:#0190db;

float:right;

height:30px;

width:120px!important;

padding:2px 0 0 0;

margin:5px 12px 0 0;

_margin:5px 6px 0 0;



}



/* Footer CSS Start */

#footer-bg{

width:100%;

background:#e6e7e7;

	}

#footer {

width:945px;

	margin:0 auto;



}

.footer-left{

width:680px;

float:left;

}

.footer-left ul{

padding:0!important;

}

.footer-left ul li{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#OOO;

line-height:37px;

float:left;

background:url(../images/footer-spliter_03.jpg) no-repeat left 13px;

padding:0 0 0 14px;

margin:0 0 0 10px;

}

.footer-left ul li.first{

background:none;

padding:0!important;

margin:0!important;

}

.footer-left ul li a{

text-decoration:none;

color:#OOO;

}

.footer-right{

width:214px;

float:right;

padding:10px 0 0 0;

}

.footer-right p{

color:#000;

}

.footer-left ul li a:hover{

text-decoration:underline;

}

/* Footer CSS End */