/* CSS Document */

form, input,select,textarea	{color: #333333; font-family: Verdana; font-size: 11px}

*{
margin:0;
padding:0;
}
html, body{
text-align:center;
}

body{background-color:#dfdfdf;}



#container{
text-align:left;
width:1000px;
margin:0 auto;
background:white;
background-color:#cccccc;
/*background-image:url(images/backgroundspecs.jpg);*/
/*border-right:solid 1px #afafaf;
border-left:solid 1px #afafaf;*/
}

#topwrapper{
width:1000px;
height:35px;
background-image:url(images/topwrapper.jpg);
background-color:transparent;
text-align:right;
}

#bottomwrapper{
width:1000px;
height:35px;
line-height:35px;
background-image:url(images/bottomwrapper.jpg);
text-align:center;
color:white;
font-weight:bold;
margin-top:0px;
border:none;
margin:0 auto;
}

#logoWrapper{
	background-image: url(images/headerm2m.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	height:79px;
    width:1000px;
	}

html{
/*background-image: url(images/backgroundstripeorange.jpg);*/
}

html{
background-repeat:repeat-x;
background-position:top;
font-family:Arial, Helvetica, sans-serif;
}

#navTop{

}


	
a img {border: none; }

a:link{
	color: #3300FF;
	text-decoration: none;
	}
	
a:visited {
	color: #3300FF;
	text-decoration: none;
}

a:hover {
	color: #df9323;
	}

#navEZPagesTop {
	text-align:center;
	background-color: #abbbd3;
	background-image: url(images/tile_back.gif);
	font-weight: bold;
	margin: 0em;
	padding: 0.3em;
	margin-bottom:5px;
	border-top:1px solid #183f78;
	border-bottom:1px solid #183f78;
	font-size:13px;
	letter-spacing:1px;
	}
	
#navEZPagesTop a{
margin:0 6px;
}
	
#info{
bottom:0;
background-color:#df9323;
font-size:12px;
font-weight:bold;
width:100%;
text-align:center;
}

.product h1.converters, .product h1.cordbg, .product h1.gateways, .product h1.commboards, .product h1.switches,
.productTop h1.converters, .productTop h1.cordbg, .productTop h1.gateways, .productTop h1.commboards, .productTop h1.switches,
.productBottom h1.converters, .productBottom h1.cordbg, .productBottom h1.gateways, .productBottom h1.commboards, .productBottom h1.switches
 {
background-image:url(images/headercord.jpg);
background-position:left;
background-color:white;
padding:15px 10px;
border:dotted 1px #afafaf;
border-bottom:solid 3px #7f7f82;
}

.product h1.converters, .productTop h1.converters, .productBottom h1.converters{
background-image:url(images/headerconverters.jpg);
}

.product h1.gateways, .productTop h1.gateways, .productBottom h1.gateways{
background-image:url(images/headergateway.jpg);
}

.product h1.commboards, .productTop h1.commboards, .productBottom h1.commboards{
background-image:url(images/headercomm.jpg);
}

.product h1.switches, .productTop h1.switches, .productBottom h1.switches{
background-image:url(images/headerswitch.jpg);
}


.product, .productRack{
background-color:#cfd7e5;
margin-top:15px;
/*padding-top:5px;*/
text-align:left;
border-bottom:3px solid black;
border-right:1px solid black;
background-image:url(images/producttexture.jpg);
margin:5px 5px;
width:350px;
float:right;
/*background-image:url(../images/databottom.jpg);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:20px;*/
}
.productTop {
background-color:#cfd7e5;
margin-top:15px;
/*padding-top:5px;*/
text-align:left;
border-bottom:3px solid black;
border-right:1px solid black;
background-image:url(images/producttexture.jpg);
margin:5px 5px;
width:350px;
float:right;
height:508px;
}
.productBottom {
background-color:#cfd7e5;
margin-top:15px;
/*padding-top:5px;*/
text-align:left;
border-bottom:3px solid black;
border-right:1px solid black;
background-image:url(images/producttexture.jpg);
margin:5px 5px;
width:350px;
float:right;
height:300px;
}
/*.product, .productRack{
background-image:url(../images/productheader.jpg);
background-repeat:no-repeat;
background-position:top;
}*/
.product h1, .productTop h1, .productBottom h1{
background-color:#e7ebf2;
}
.product p.image, .productRack p.image, .productTop p.image, .productBottom p.image{
width:78px;
float:left;
text-align:center;
}
.productRack p.imagecartridge{
width:78px;
float:right;
text-align:center;
margin-right:0;

}
.product p, .productRack p, .productTop p, .productBottom p{
font-size:12px;
line-height:16px;
margin:10px 20px 12px 15px;
}
.product h1, .productRack h1, .productTop h1, .productBottom h1{
padding-top:10px;
background-image:url(images/productheader.jpg);
background-repeat:no-repeat;
background-position:top left;
background-color:#cfd7e5;
font-size:16px;
color:black;
padding-left:10px;
border:none;
padding-bottom:6px;
border-right:1px solid white;

}
.clearit{
clear:both;
}
.productRack{
background-image:url(images/rackscartridges.gif);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:0px;
}

.pcbasedimages{
margin:0 auto;
text-align:center;
width:280px;
}

.product .pcbasedimages p, .productTop .pcbasedimages p, .productBottom .pcbasedimages p{
font-size:12px;
line-height:16px;
margin:4px 45px 10px 15px;
}

.mainpageimages{
margin:0 auto;
text-align:center;
width:480px;
}

#productdetails{
width:777px;
background-color:white;
float:left;
padding-left:22px;
font-size:12px;
background-image:url(images/productdetails.jpg);
background-repeat:repeat-y;
background-position:left;
border-top:solid 1px black;
border-bottom:solid 2px black;
min-height:510px;
font-size:12px;
}

#productdetails p{
font-size:12px;
}

#productdetails table{
padding-left:5px;
padding-right:50px;
}

#productdetails table table{
padding:0;
}

#title{
/*margin:5px 10px 0 10px;*/
/*margin:0 auto;*/
margin-top:10px;
float:right;
text-align:center;
padding:6px;
width:700px;
height:75px;
background-image:url(images/title.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#about{
float:left;
margin:15px 0px 0px 5px;
width:250px;
background-color:white;
background-image:url(images/leftmenubottom.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

#about h3{
background-color:#df9323;
margin-bottom:10px;
font-size:14px;
text-align:center;
padding:5px;
background-image:url(images/leftmenutop.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#about p{
margin:10px;
}

#leftmenu{
width:270px;
float:left;
margin-top:10px;

padding-bottom:10px;
}

#leftcategories{
width:250px;
margin-left:5px;
}

#leftcategories img{
margin:0 0 10px 0;
border:solid 1px black;
}

#leftcategories a:hover img{
border-right:solid 3px black;
border-top:solid 1px white;
border-bottom:solid 1px white;
border-left:solid 3px black;
}

td.prodhead{
background-image:url(images/prodhead.jpg);
background-repeat:repeat-y;
background-position:left;
padding:8px;
border-left:solid 4px #000052;
}

#rightside{
background-image:url(images/rightsidebg.jpg);
background-repeat:repeat-y;
width:680px;
background-color:white;
float:left;
margin-left:30px;
margin-top:15px;
padding-left:10px;
font-size:12px;
background-repeat:repeat-y;
background-position:left;
border-top:solid 1px black;
border-bottom:solid 2px black;
}

#rightside h1.communicationboards{
background-image:url(images/communicationboardstitle.jpg);
background-repeat:no-repeat;
width:325px;
height:35px;
padding-left:10px;
text-align:left;
line-height:35px;
margin:15px;
}

#rightside h1.gateways{
background-image:url(images/gatewaystitle.jpg);
background-repeat:no-repeat;
width:325px;
height:35px;
padding-left:10px;
text-align:left;
line-height:35px;
margin:15px;
}

#rightside h1.switches{
background-image:url(images/switchestitle.jpg);
background-repeat:no-repeat;
width:325px;
height:35px;
padding-left:10px;
text-align:left;
line-height:35px;
margin:15px;
}

#rightside h1.converters{
background-image:url(images/converterstitle.jpg);
background-repeat:no-repeat;
width:325px;
height:35px;
padding-left:10px;
text-align:left;
line-height:35px;
margin:15px;
}

.leftcategoryimage{
margin:10px 0;
border:1px solid white;
}

a:hover .leftcategoryimage {
border:1px solid black;
}


p.categorytext{
font-size:12px;
line-height:16px;
font-weight:bold;
margin:20px;
}

h2.categorytext{
font-size:14px;
font-weight:bold;
text-align:center;
}

div #productdetails.twelvetext{
font-size:12px;
}

div #productdetails.twelvetext table{
margin:0 auto;
}

div #productdetails p.application{
margin-top:10px;
margin-right:40px;
margin-left:20px;
margin-bottom:10px;
font-size:12px;
}


p{
margin:10px;
}

.floatright{
float:right;
margin:8px;
}

.floatleft{
float:left;
margin:8px;
}

div #productdetails.twelvetext h3{
margin:10px 0;
}

ul{
margin-left:15px;
}

.subtitle{
font-size:12px;
}

.twelvetext{
font-size:12px;
}

p.smalltext, .smalltext{
font-size:12px;
line-height:14px;
}

h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
}


p.subtitle{
font-size:12px;
font-weight:bold;
margin:2px;
}

/*                      REDESIGN IDEAS                    */

#rightsiderd{
background-color:#cfd6e6;
width:800px;
float:right;
}

#topmenurd{
float:left;
height:42px;
background-image:url(images/menu_bg.gif);
background-repeat:repeat-x;
line-height:42px;
width:100%;
}
#topmenurd a{
color:black;
font-weight:bold;
font-size:12px;
}
#topmenurd a:hover{
text-decoration:underline;
}
#topmenurd div.topmenuitem{
border-left:dotted 1px white;
height:42px;
float:left;
}
#topmenurd div.topmenuitem a{
margin:18px;
}

#topright{
height:79px;
float:right;
width:300px;

}

#rightsiderd .productTop p.image{
width:78px;
float:left;
text-align:center;
font-size:12px;
}

#rightsiderd .productTop p{
font-size:12px;
line-height:15px;
margin:5px;
}

#rightsiderd a:link h2, #topmenu rd a:visited h2{
font-weight:bold;
color:black;
}

#rightsiderd a:hover h2{
text-decoration:underline;
}

table.menu a{
color:black;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
line-height:13px;
}

#topright{
font-size:12px;
font-weight:normal;
}

#topright a{
font-weight:normal;
}

h2.colorbar{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(images/h2headersmall.gif);
background-repeat:repeat-y;
background-position:top left;
color:black;
text-align:center;
font-size:12px;
margin-top:2px;
}

#productdetails table{
font-size:12px;
}

#operatingsystems{
width:800px;
padding:10px;
}

#operatingsystems h4{float:left; margin:0; width:220px; border:1px solid black; padding:0; height:23px; display:table-cell; vertical-align:middle;}
#operatingsystems p{float:left; margin:0; width:220px; border:1px solid black; padding:0; height:23px; display:table-cell;  vertical-align:middle;}

div.applications ul, div.applications ul li{
list-style-type:none;
font-size:12px;
}

div.applications ul li{
float:left;
}

div.applications ul{
margin:0;

}

div.applications ul li{
padding:2px 8px;
}

div.applications{
background-color:#9fa4ae;
width:1000px;
clear:right;
}

div.applications ul li a{
color:black;
}

div.applications ul li a:hover{
color:white;
}