/*------------------------------------------------
Main Style Sheet

Version:	1.0
Author:		Michael Walsh
Website:	www.enov8.co.uk
Created:	26/03/08
------------------------------------------------*/

/*HTML TAGS*/

a, input {
outline:none;
}

body {
  margin:0;
  padding:0;
  color:#000;
  font:70% Arial, Helvetica, sans-serif;
  text-align:center;
  background:#2F6681 url(../images/interface/page-bg.jpg) center top;
}

p, h3, h4 {
	border:0;
	margin:0;
	padding-top:0.8em;
	text-align:justify;
}

table {
	margin-top:1.4em;
	margin-bottom:0.4em;
}

h1 {
	background:url(../images/interface/heading-title-bg.gif) repeat-x;
	padding:4px 8px 4px 8px;
	color: #FFF;
	text-decoration: none;
	font-weight:bold;
	font-size:1.1em;
	margin:0;
	margin-bottom:0.5em;
}

h1.product {

font-size: 24px;
background:none;
font-weight:normal;
color:#2F6681;
margin:10px 0 20px 0; padding:0;
clear:both;

}

h2 {
	background:url(../images/interface/heading-side-bg.gif) repeat-x;
	border:1px #CCCCCC solid;
	padding:3px 8px 3px 8px;
	color: #2F6681;
	text-decoration: none;
	font-weight:bold;
	font-size:1.1em;
	margin:16px 0 8px 0;
}

h2.quote {
	background: #eb8c1e url(../images/interface/heading-quote-bg.gif) repeat-x;
	color: #ffffff;
}

#product-body h2 {
	margin:0;
	margin-bottom:10px;
}

h2 a {
	color:#2F6681;
}

li {
	list-style:none !important;
}

h3 {
	color: #2F6681;
	text-decoration: none;
	font-weight:bold;
	font-size:1.1em;
}

h3 a {
	color: #2F6681 !important;
}

#home h3 {
	color: #2F6681;
	text-decoration: none;
	font-weight:bold;
	font-size:1.1em;
	padding:0.8em 0.5em 0 0.5em;
}

#home h3 a {
	color: #2F6681 !important;
}

#mBody h3 {
	padding:0;
	padding-top:0.8em;
}

h4 {
	color:#666;
	font-weight:bold;
	font-size:1.1em;
}

.alsolike h4 {
	color:#2F6681;
	text-align:left !important;
}

abbr, acronym {
  border-bottom: 1px dotted #3F71DC;
  cursor: help;
}

blockquote {
	background:#FAFAFA url(../images/interface/blockqute-bg.gif) repeat-x top;
	padding:12px 19px 14px 19px;
	font-style:italic;
	overflow:visible;
	height:1%;
	border:#e3e3e3 1px solid;
	margin:0;
	margin-bottom:8px;
	font-size:1.1em;
	color:#2F6681;
}

#sideBar blockquote {
	font-size:1.1em;
	color:#2F6681;
	margin:0;
	height:1%;
	background:none;
	border:0;
	padding:0;
	text-align:left !important;
}

#sideBar cite {
	font-size:0.9em;
	font-style:normal;
	color:#000;
	display:inline;
	font-weight:normal;
}

cite {
	font-size:0.9em;
	display:block;
	font-weight:bold;
	font-style:normal;
	color:#000;
	padding-top:0.5em;
}

blockquote p {
	padding-top:0;
}

hr {
	display:none;
	clear:both;
}

img {
	border-style:none;
	border:0;
}

table table {
	margin:0;
}

ul ul {
	margin-top:0 !important;
}

ul.breadcrumb {
margin:0 !important; padding:0 !important;
}

ul.breadcrumb li {
background:url(../images/interface/arrow.gif) no-repeat right !important;
float:left;
margin:14px 0 14px 0 !important; padding:0 20px 0 4px !important;
font-size: 1.1em;
list-style:none;
}

ul.breadcrumb a {
color: #666666;
text-decoration:none;
}

ul.breadcrumb a:hover {
color: #666666;
text-decoration:underline;
}




/* ----------------------------------------------------------------------------- FORM */

form {
	margin:0;
	padding:0;
	border:0;
}

#EmailForm fieldset {
	padding:0;
	margin:0;
	border:1px solid #4d93b5;
	background:url(../images/interface/fieldset-bg.gif) bottom repeat-x;
	margin-top:1em;
	width:200px;
	float:left;
	margin-left:22px;
	padding-top:1em;
	margin-bottom:22px;
	min-height: 370px;
}

#EmailForm fieldset div {
	min-height:222px;
	padding-bottom:15px;
}

* html fieldset div {height:222px;}

#EmailForm .buttonrow, #RmaForm .buttonrow {
	margin:0;
	padding:0;
	border:1px solid #4d93b5;
	background:url(../images/interface/fieldset-bg.gif) bottom repeat-x;
	display:block;
	clear:both;
}

#RmaForm .buttonrow {
	margin-top:2em;
}

#EmailForm .buttonrow input, #RmaForm .buttonrow input {
	margin:1em;
}

#EmailForm .first {
	padding-top:0.5em;
}

#EmailForm fieldset p {
	padding-left:1em;
	padding-right:1em;
}

label {
	text-align:left;
}

#EmailForm #contactDetails p, #getQuote p {
	padding-left:1.5em;
}

legend {
	border:0;
	color: #2F6681;
	margin-left:0.8em;
	padding:4px 6px;
	font-weight:bold;
	font-size:1.1em;
}

#EmailForm #contactDetails {
	width:355px;
	margin-left:0;
}

#EmailForm #productsServices {
	width:175px;
}

#EmailForm #productsServices p, #EmailForm #goNews p {
	padding-top:0;
}

#EmailForm #productsServices input, #EmailForm #goNews input {
	vertical-align:middle;
}

#EmailForm #goNews {
	margin-left:0;
	float:right;
}

#EmailForm #contactDetails label {
	float:left;
	width:90px;
	padding-right: 4px;
}

#getQuote label {
	float:left;
	width:70px;
}

.enq label {
	width:124px !important;
}

#EmailForm p {clear:both;}

#thanks {
	width:285px;
	height:412px;
}

#EmailForm input.clearonfocus, #EmailForm textarea.clearonfocus, #getQuote textarea {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #4d93b5;
	width:220px;
	padding:3px 4px;
	background:#FFF url(../images/interface/input-bg.gif) top left no-repeat;
	color:#000;
}

#getQuote textarea#cfProducts {
color:#2F6681;
font-size:12px;
}

#getQuote input, #getQuote textarea  {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #4d93b5;
padding:3px 4px;
background:#FFF url(../images/interface/input-bg.gif) top left no-repeat;
color:#000;
width: 210px;
}

* html #getQuote input,* html #getQuote textarea  {
width: 207px;
}

#EmailForm input.clearonfocus:focus, #EmailForm textarea.clearonfocus:focus {
	border:1px solid #E28F2b;
	color:#000;
}

.button, .buttonHover {
	border:1px solid #e28f2b;
	padding:5px;
	color:#000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:#e28f2b url(../images/buttons/form-button.gif) top left no-repeat;
}

.buttonHover {
	background:#e28f2b url(../images/buttons/form-button.gif) 0 -102px no-repeat;
}



#getQuote input.buttonQuote, #getQuote input.buttonQuoteHover {
	border:none;
	padding:4px;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:url(../images/buttons/form-button.gif) repeat-x -1px -1px;
	float:right;
	margin:8px 13px;
	width: 220px !important;
}

.buttonQuoteHover {
	background:#e28f2b;
}

#veriimage {

}

#getQuote .verilabel {
	width: 140px;
}


.buttonrow {
	text-align:right;
}

div.errors {
	border:1px solid #4d93b5;
	padding:1em;
	margin:12px auto 0;
	background:#bbd6e4 url(../images/interface/validation.gif) top left no-repeat;
	padding-left:40px;
	min-height: 0 !important;
	width: 238px;
}

.invalidValue{border:1px solid #F00 !important;}
.requiredValue{border:1px solid #F00 !important;}
label.invalidValue{border:0 !important; color:#F00;}
label.requiredValue{border:0 !important; color:#F00;}

/* ----------------------------------------------------------------------------- RMA FORM */

#RmaForm input.clearonfocus, #RmaForm textarea.clearonfocus, #RmaForm select.text {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #4d93b5;
	width:540px;
	padding:3px 4px;
	background:#FFF url(../images/interface/input-bg.gif) top left no-repeat;
	color:#000;
}

#RmaForm select {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #4d93b5;
	padding:3px 4px;
	background:#FFF url(../images/interface/input-bg.gif) top left no-repeat;
	color:#000;
}

#RmaForm input.clearonfocus:focus, #RmaForm textarea:focus, #RmaForm select:focus {
	border:1px solid #E28F2b;
	color:#000;
}

#RmaForm select.text {
	width:550px;
}

#RmaForm fieldset {
	padding:0;
	margin:0;
	border:1px solid #4d93b5;
	background:url(../images/interface/fieldset-bg.gif) bottom repeat-x;
	margin-top:1em;
	padding:2em;
	padding-top:0;
}

#RmaForm fieldset fieldset {
	margin-bottom: 1em;
}

#RmaForm label {
	float:left;
	width:180px;
	text-align:left;
}

#RmaForm fieldset fieldset label {
	width: 156px;
}

#RmaForm p.two-col {
	display: inline;
	float: left;
	margin-right: 45px;
}

#RmaForm p.two-col label {
	width: 100px;
}

#RmaForm p.two-col input.clearonfocus {
	width: 200px;
}

#RmaForm label.chkrad {
	float: left;
	margin:0;
	width: 135px;
}

#RmaForm p {
	overflow: hidden;
}

#RmaForm fieldset fieldset input.clearonfocus, #RmaForm fieldset fieldset textarea.clearonfocus, #RmaForm fieldset fieldset select.text {
	width: 520px;
}

#RmaForm span.chkrad {
	display:block;
	float:left;
	width:530px;
}

/* ----------------------------------------------------------------------------- FORM */

#frmEmailGuide {
	margin:0px;
	padding:0px;
	padding-top:10px;
}

#frmEmailGuide input.clearonfocus {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #4d93b5;
	width:100px;
	padding:2px 3px;
	background:#FFF url(../images/interface/input-bg.gif) top left no-repeat;
	color:#000;
	float:left;
	voice-family: "\"}\""; voice-family:inherit;
	width:94px; /*box model hack for IE5*/
}

#frmEmailGuide input.clearonfocus:focus {
	border:1px solid #E28F2b;
	color:#000;
}

#frmEmailGuide p {
	padding:0;
	margin:0;
}

#frmEmailGuide .button, #frmEmailGuide .buttonHover {
	float:right;
	width:50px;
	border:0;
	padding:0;
	color:#29576f;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:#e28f2b url(../images/buttons/form-button.gif) top left no-repeat;
	height:20px;
	margin-left:6px;
}

#frmEmailGuide .buttonHover {
	background:#e28f2b url(../images/buttons/form-button.gif) 0 -102px no-repeat;
}

.privacy {
	text-align:right;
	font-size:0.8em;
	margin:0;
	padding:0;
	clear:both;
}

.privacy a {
	color:#4d93b5;
}

/* ----------------------------------------------------------------------------- ACCESSIBILITY*/

.skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}

.hide {
	display: none;
	clear:both;
}

/* ------------------------------------------------------------------------------ CLASSES */

.image {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	border:1px solid #2F6681;
	margin-top:0.4em;
}

.imagenoborder {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:0.4em;
}

.imageprodlinks {
	float:right;
	margin-top:0.4em;
}

.center {
	text-align: center;
}

.clear {
	clear:both;
}

.left {
	width:47.5%;
	float:left;
}

.right {
	width:47.5%;
	float:right;
}

.datatable {
	line-height:normal;
	border:1px solid #3B7E9F;
	background-color:#DDD;
	font-size:1em;
	margin:16px 0 8px 0;
}

.datatable {
	width:780px;
}

._scrolling {
	margin-top: 0 !important;	
}

.datatable th {
	background:#29576F;
	font-size:1em;
	padding:0.5em 0.6em;
	vertical-align:top;
	font-weight:bold;
	color:#FFF;
	text-align:left;
}

.datatable td {
	background-color:#FFF;
	padding:0.3em 0.6em;
	vertical-align:top;
	text-align:left;
}

/* --------------------------------------------------------------------------- HEADER */

#header {
	position: relative;
	padding:0 16px;
	padding-top:16px;
	width: 780px;
	background:#FFFFFF;
}

/* --------------------------------------------------------------------------- PRIMARY NAVIGATION */

#navigation {
	width:780px;
	clear:both;
	border-left:1px #CCC solid;
	height:1%;
	min-height:28px;
	position: relative;
	z-index: 1000;
}
 
#navigation ul {
	margin: 0;
	padding:0;
	list-style: none;
	background:url(../images/buttons/primary-nav-button.gif) top repeat-x;
}

#navigation li {
	float: left;
	padding: 0;
	margin: 0;
}
#navigation li a {
	display: block;
	padding:6px 42px 6px 41px;
	/*padding-top:6px;
	padding-right:16px;*/
	color: #2F6681;
	text-decoration: none;
	font-weight:bold;
	font-size:1em;
	background:url(../images/buttons/primary-nav-button.gif) top no-repeat;
	border:1px #CCCCCC solid;
	border-left:0;
}

#navigation ul a:hover {
	background-position:0 -99px;
	color:#FFF;
}

#navigation ul .current a {
	background-position:0 -99px;
	color:#FFF;
}

/* #navigation li:first-child a {padding-left:17px; }  Removes the 1px shortfall in nav width */

/* --------------------------------------------------------------------- DROP DOWN MENU STYLES */

#navigation li ul {
	position: absolute;
	left: -999em;
	width: 14.6em;
	/*background:none !important;*/
	background: #eeeeee url('/assets/templates/gocomsys/images/interface/menugrid.gif') bottom left !important;
	border-left:0;
	border-top:#2F6681 1px solid;
}

#navigation li ul li a {
	background-image:none !important;
	background-color:#F2F2F2;
	border:#2F6681 1px solid;
	border-top:0;
	width:13em;
	font-weight:normal;
	padding:3px 8px;
}

#navigation li ul li:first-child a {padding-left:8px;} /* Removes the 8px oversize left from adjustment above */

#navigation ul .current ul li a {
	color:#2F6681;	
}

#navigation ul .current ul li a:hover {
	color:#FFF;
}

#navigation li ul li a:hover {
	background-color:#75ADC8;
	color:#FFF !important;
}

#navigation li ul .current a, #navigation li ul .current a:hover {
	/*background-color:#d9d9d9;*/
	background-color:#FFF;
	font-weight:bold;
	color:#2F6681 !important;
}

#navigation li:hover ul {
	left: auto;
}


#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
}

#navigation li:hover, #navigation li.sfhover {
    position: static;
}

#navigation #menu-cisco-ul {
	width: auto; 
	background: #eeeeee;
	border-right: 1px solid #2f6681;
}

#navigation #menu-cisco-ul ul {
	position: relative;
}

#navigation .hasChildren {
	overflow:hidden; 
	width: 162px; 
	background-color: #2F6681; 
	color: white;
}

#navigation .hasChildren p {
	padding: 4px 9px;
	font-weight: bold
}


/* ------------------------------------------------------------- TOP LINKS IN HEADER */

#quickLinks {
	position:relative;
	float:right;
}

#quickLinks ul {
	width:150px;
	height:15px;
	padding:0;
	margin:0;
	background:#FFF;
	border:0;
	list-style: none;
}

#quickLinks li {
	float: left;
	padding: 0;
	margin: 0;
}

#quickLinks li a {
	float: left;
	display:block;
	padding:2px 8px;
	color: #2F6681;
	text-decoration: none;
	font-weight:normal;
	font-size:1em;
	background:none;
	border:0;
	border-right:1px #CCCCCC solid;
}

#quickLinks li a:hover {
	color: #2F6681;
	text-decoration:underline;
}

#quickLinks .contactInfo {
	position:absolute;
	right:0px;
	top:28px;
	width:200px;
}

#quickLinks .contactInfo p {
	text-align:right;
	height:18px;
	color: #2F6681;
	text-decoration: none;
	font-weight:bold;
	font-size:1.1em;
	margin:0;
	padding:0;
	margin-top:0.2em;
	padding:3px 0 0 0;
}

#quickLinks .contactInfo p a {
	color: #2F6681;
	text-decoration: none;
}

#quickLinks .contactInfo p a:hover {
	color: #2F6681;
	text-decoration: underline;
}

#quickLinks p.telephone {
	background:url(../images/interface/phone-icon.gif) top right no-repeat;
	padding-right:30px;
}

#quickLinks p.email {
	background:url(../images/interface/email-icon.gif) top right no-repeat;
	padding-right:27px;
}


/* --------------------------------------------------------------------- MAST HEAD */

#masthead {
	width:780px;
	height:154px;
	padding:8px 0;
	clear:both;
}

#mastheadForm {
	float:right;
	background:url(../images/interface/masthead-form-bg.gif) right top no-repeat;
	width:158px;
	height:44px;
	margin:0;
	padding:10px;
	padding-top:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	/*line-height:1.6;*/
	color:#FFF;
}

#mastheadText {
	position: absolute;
	left: -999px;
	width: 990px;
}

/* -------------------------------------------------------------------------- IDs */
	
#wrapper {
	width:812px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#logo {
	float:left;
	margin-bottom:8px;
}

#bodyWrapper {
	background-color:#FFF;
	height:1%;
	width:780px;
	float:left;
	padding:0 16px;
	margin:0;
}

#mBody {
	float:left;
	height:1%;
	width:780px;
	font-size:1em;
	line-height:1.6;
	min-height:320px;
	padding:0 0 12px 0;
	text-align:justify;
}

#product-body {
	float:left;
	height:1%;
	width:450px;
	font-size:1em;
	line-height:1.6;
	min-height:320px;
	padding:0 0 12px 0;
	text-align:justify;
}

#product-body a:hover, #product-side a:hover {
	border:0 !important;
}

#home #mBody {
	width:424px;
	padding:0 8px;
	voice-family: "\"}\""; voice-family:inherit;
	width:408px;
}

#home h3 {clear:both}

ul.news li strong {
	color:#666 !important;
	float:left;
	width:50px;
}

ul.news li span {
	display:block;
	float:left;
	width:320px;
}

ul.news li {float:left;}

.postdate {
	color:#999;
}

#links #mBody {
	width:610px;
	padding:0 0 0 8px;
	voice-family: "\"}\""; voice-family:inherit;
	width:594px;
}

* html #mBody {height:320px;} 

#mBody ul, #panels ul {
	list-style-type:none;
	text-align:left;
	margin-bottom:0.2em;
	margin-top:1em;
}

#panels ul {
	margin-top:0 !important;
	padding-top:1em;
	}

#mBody ul li, #panes ul li {
	padding-left:18px;
	background:url(../images/interface/bullet.gif) no-repeat;
	background-position:0 1.2em;
	margin-left:-28px;
	padding-top:1em;
}


* html #mBody ul.news li {margin-left:0;}

* html #mBody ul.news {margin-left:15px;}

#mBody a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

#mBody a:hover {
	/*text-decoration:underline;*/
	border-bottom:1px solid #73abc6;
}

/* ------------------------------------------------------------------- SIDE BARS */

#sideBar {
	width:178px;
	float:left;
}

#product-side {
	width:316px;
	float:right;
}

#getQuote {
	width:314px !important;
	margin:10px 0 0 !important;
	padding:0 !important;
	min-height: 260px !important;
}

#mBody #EmailForm .enq {
	margin:10px 10px 0 !important;	
	width:368px !important;
}

#ancillaryBar {
	width:178px;
	float:right;
}

#sideBar h2, #ancillaryBar h2 {
	width:160px;
	background:url(../images/interface/heading-side-bg.gif) repeat-x;
	border:1px #CCCCCC solid;
	padding:5px 8px 6px 8px;
	color: #2F6681;
	text-decoration: none;
	font-weight:bold;
	font-size:1.1em;
	margin:0px;
}

#product-side h2 {
	padding:5px 8px 6px 8px;
		margin:0px;
}

#sideBar h2 a, #ancillaryBar h2 a {
	color: #2F6681;
	text-decoration: none;
}

#sideBar h2 a:hover, #ancillaryBar h2 a:hover {
	text-decoration: underline;
}

#sideBar h3, #ancillaryBar h3 {
	color: #2F6681;
	text-decoration: none;
	font-weight:bold;
	font-size:1em;
	padding:1em 0.5em 0.8em 0.5em;
}

.sidePanel {
	width:176px;
	padding:0;
	border:1px #E3E3E3 solid;
	border-top:0;
	padding-bottom:10px;
	margin-bottom:8px;
}

.sidePanel p {
	padding:0.5em;
	text-align:left;
}

.sidePanel p a {
	padding:1em 0;
	padding-bottom:0.2em;
}

.sidePanel p a:hover {
	text-decoration: underline;
}

.sidePanel a {
	color: #2F6681;
	text-decoration: none;
	padding:1em 0;
	padding-bottom:0.2em;
}

.sidePanel a:hover {
	text-decoration: underline;
}

.rohsweee {
padding-left:8px;
text-align:left;
}

.rohsweee a {
	color: #2F6681;
	text-decoration: none;
	padding:1em 0;
	padding-bottom:0.2em;
}

.rohsweee a:hover {
	text-decoration: underline;
}

.logo {
	display:block;
	margin-bottom:8px;
}

/* ------------------------------------------------------------------- FOOTER */

#footer {
	padding:10px 16px;
	color:#999;
	clear:both;
	background-color:#FFF;
	background:url(../images/interface/footer-bg.gif) bottom repeat-x;
	border-bottom:1px #2F6681 solid;
	width:780px;
}

#footer a {
	color:#2F6681;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#backToTop {
	float:right;
}

#backToTop a {
	background:url(../images/interface/btt.gif) right no-repeat;
	padding-right:15px;
	color:#2F6681;
}

#footer ul {
	margin:0;
	padding:0;
	border:0;
	list-style: none;
}

#footer li {
	float:left;	
}

#footer ul a {
	float: left;
	display: block;
	padding-right: 16px;
}

* html #wrapper {width:811px; margin:0px; padding:0px; padding-left:1px;}
*+html #wrapper {width:812px; margin:0px; padding:0px;}


#copyright {
	clear:both;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	color:#9EC2D3;
	height:1%;
}

#copyright a {
	color:#9EC2D3;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}

/* ------------------------------------------------------------ FLASH MASTHEAD */

#flash {
	float:left;
	width:602px;
	height:154px;
}

/* ------------------------------------------------------------ SLIDING TABS */

#productbuttons {
	float:left;
	margin-top: 6px;
	padding:0 !important;
	width:178px;
}

#productbuttons ul {
	padding:0 !important;
	margin:0 !important;
}

#productbuttons li {
	background:url(../images/buttons/links-button.gif) top no-repeat !important;
	color:#2F6681 !important;
	margin:0 !important;
	padding:1px 0 1px 8px !important;
	cursor:pointer;
	list-style: none;
	text-align: left;
}

#productbuttons li:hover {
	background-position:0 -100px !important;
	color:#FFF !important;
}

#productbuttons li:hover a {
	color:#FFF;
}

#productbuttons li.active {
	background-position:0 -100px !important;
	padding:1px 0 1px 8px !important;
	margin:0 !important;
	color:#FFF !important;
}

#productbuttons h2 {
	background:#FFFFFF url(../images/interface/links-heading-narrow.gif) repeat-x;
	border:0;
	padding:5px 8px 5px 8px;
	color:#2F6681;
	text-decoration: none;
	font-weight:bold;
	font-size:1.1em;
	line-height: 20px;
	margin:0;
}

#productbuttons a {
	color:#2F6681;
	font-weight:normal;
	line-height:18px;
	text-decoration:none;
}

#productbuttons a:hover {
	text-decoration:none;
	border-bottom:0;
	color:#FFF;
}

#productbuttons li.active a {
	color:#FFF;
}

* html #productbuttons a:hover {color:#2F6681;}
* html #productbuttons li.active a:hover {color:#FFF;}

#panes {
	float:left;
	text-align: justify;
	border:1px #29576f solid;
	width: 600px;
	margin:0 0 0 !important;
	padding:0 !important;
	margin-top:6px !important;
}

#panes h3 {
	background:url(../images/interface/heading-links-orange.gif) repeat-x;
	padding:4px 8px 6px 8px;
	color:#2F6681;
	text-decoration: none;
	font-weight:bold;
	font-size:1.1em;
	line-height: 20px;
	margin:0;
	border:0;
}

#panes p {
	padding:8px;
	padding-top:4px;
}

#panes ul {
	padding:8px 0 0 15px !important;
	margin:0 !important;
	width:300px;
}

#panes ul li {
	margin:0 !important;
	float:left;
	width:125px;
}

#panes li a {
	color: #2F6681;
	font-weight:normal;
	text-decoration: none;
}

.contentstyle {
	height:428px;
	padding:0 !important;
	margin:0 !important;
}

#panes div div { overflow: hidden; }

#previous { float: none; cursor: pointer; }
#next { float: none; cursor: pointer; }

/* HACKS */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.cisco { 
     padding:0; 
     margin: 0 
} 
.cisco img { 
     padding-top: 6px; 
     padding-left: 3px 
}
.rohsweeecompliant {
     background: url(http://www.gocomsys.com/assets/templates/gocomsys/images/interface/rohs-weee-compliant2.gif) no-repeat;
     height: 161px;
}

.rohsweeecompliant-aboutus {
	 height:432px; 
	 background:url('http://www.gocomsys.com/assets/templates/gocomsys/images/interface/sidebar-logos.gif') no-repeat top; 
	 padding-top:255px
}



.rohsweee {
     text-align:center;
     padding:0; 
     margin:0;
     padding-top: 8px;
}

#slideshow1 {
margin-bottom:8px;
}


/*----------------------------------------------------------------------------------------------------------------- PRODUCT TABS ---*/

#breadcrumb {
margin:0 0 12px;
padding:0;
position:relative;
top:-1.4em;
color: #CCCCCC;
}

#breadcrumb a{
color: #cccccc;
}

#tabs {
	position: relative;
	padding: 0;
	height: 50px;
	margin-bottom: 0;
	margin-top:3px;
	border-bottom:1px #CCCCCC solid;
	height: 2em;
}
 
 
#tabs ul {
	width: auto;
	position: absolute;
	bottom: 0;
	left:0;
	margin: 0;
	padding: 0 20px 0 0;
	list-style: none;
}

* html #tabs ul {bottom:-1px;}

#tabs ul li {
	float: left;
	background: transparent url("../images/buttons/header-tab.gif") 100% 0 no-repeat;
	padding: 0 12px 0 0;
	margin: 0 5px 0px 0;
	position:relative;
}

#tabs ul li div {
	position:absolute;
	left:0px;
	height:1px;
	margin-left:1px;
	font-size:1px; line-height:1px;
	background:#fff;
	bottom:-1px;
	display:inline;
}

#info div{
	width:100px;
}

#specs div{
	width:150px;
}

#why div{
	width:122px;
}

#tabs ul a {
	float: left;
	display: block;
	padding: 4px 2px 4px 14px;
	background: transparent url("../images/buttons/header-tab.gif") 0% 0 no-repeat;
	font-weight: bold;
    color: #2F6681;
	text-decoration: none;
	font-size:12px;
}

#tabs ul a:hover {
	text-decoration: none;
}

#image {
height:200px;
width:314px;
border: solid #cccccc 1px;
margin: 25px 0 10px;
position:relative;
text-align:center;
}

#image img {
padding-top:13px;
}

#image a.enlarge {
font-size:12px;
	font-weight: normal;
	position:absolute;
	top: -12px;
	right: 20px;
	padding:1px 6px 4px 22px;
	color:#999999;
	text-decoration:none;
	background: #ffffff url(../images/interface/search.gif) no-repeat 2px 5px;
}

#image a.enlarge:hover {
text-decoration:underline;
}

#panels {
border: 1px #cccccc solid;
border-top: 0;
margin-top:0 !important;
padding:10px 20px 20px;
margin-bottom:10px;
}

.alsolike {
border: 1px #cccccc solid;
margin-bottom:10px;
padding:5px 10px 20px 150px;
min-height:70px;
background-repeat: no-repeat;
background-position: 20px 20px;
}

* html .alsolike {
height:70px;
}

.alsolike a {
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:none;
padding-right: 20px;
background:url(../images/interface/arrow.gif) no-repeat right  !important;
}

.alsolike a:hover {
text-decoration:underline;
}

.alsolike p {
padding-bottom:0.8em;
}

#gallery {
border: 1px #cccccc solid;
margin:0; padding:0;
margin-bottom:10px;
}

#gallery img.nav {
height:12px; width:14px; padding:0; margin:0; border: none;
}

#gallery span {
padding:5px; font-size:12px;
}

#gallery p {
margin:0 10px; padding:0; float:right; text-align:right;
}

#gallery a.a-image {
border: 1px #cccccc solid;
float: left;
display:block;
height: 90px;
width: 90px;
padding: 5px;
margin: 5px;
}

#gallery a.a-image:hover {
border: 1px #000000 solid !important;
}

#nav {
text-align:right; padding-right:10px; font-size: 12px; color:#999;
}

a.selected {
background-color:#CCCCCC;
}
/*--------------------------------------------------------------------------------------------------------------------------*/

#slider {
    margin: 0 auto;
    position: relative;
}

.scroll {
    width: 450px;
    position: relative;
    clear: left;
	overflow:hidden;
}

.scrollContainer div.panel {
    width: 450px;
}

.hide {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.specs {
width: 390px;
margin:20px auto;
text-align:left;
border:solid #29576F 1px;
}

.specs tr.odd {
background:#ddd;
}

.specs td, .specs th {
padding:0 10px;
}

.specs th {
width:240px;
font-weight:normal;
}

.specs th {
background-color: #29576F;
color:#FFFFFF;
font-weight:bold;
height:22px;
}

#pa1, #pa2, #pa3, #pa4 {
display:none;
}

.title a {
width:100%;
height:100%;
display:block;
}

.product-ranges {
float:left;
}

.product-ranges li {
clear:both;
background:none !important;
margin:4px !important;
width:200px;
}

.product-ranges ul {
margin:0 !important;
padding:0;
background:none !important;
}

.product-ranges li.title {
width:220px;
height:30px;
border:1px #999999 solid;
}

.product-ranges li li {
display:inline;
width:100px;
height:100px;
border:1px #999999 solid;
float:left;
margin: 4px; padding:4px;
clear:none;
}

.productitem{
display:block;
width:116px;
border:1px #999999 solid;
float:left;
margin: 4px 4px 4px 0; padding:0 4px;
background:url(images/interface/product-bg.gif) repeat-x bottom;
clear:none;
text-align:center;
height: 150px;
font-weight:normal !important;
}

.right {
margin-right:0 !important;
}

.title h2 {
margin:0;
}

.title {
border:none !important;
padding:0 !important;
}

.title h1 a {
color:#FFFFFF !important;
}

.title a:hover {
border-bottom:none !important;
}

.product-tab a {
display:block;
width:67px;
border:1px #999999 solid;
height:36px;
float:left;
padding:22px 110px 22px 10px;
font-weight:bold !important;
font-size:14px;
margin:0 3px;
line-height: 16px;
}

.product-tab a:hover {
background-color:#CCCCCC;
}

.one a {
background:url(../images/products/datacenter.jpg);
margin-left:0 !important;
}

.two a {
background:url(../images/products/campuslan.jpg);
}

.three a {
background:url(../images/products/branch.jpg);
height:20px;
padding: 30px 110px 30px 10px;
}

.four a {
background:url(../images/products/serviceprovider.jpg);
}


.tab-container {
}

.selectcat {
margin:0;
padding:20px 0;
}



#veriimage-wrapper {
float:left;
background:#FFFFFF url(../images/interface/input-bg.gif) no-repeat scroll left top;
border:1px solid #4D93B5;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
padding:3px 4px !important;
width:220px;
text-align:center;
min-height:0 !important;
}

#getQuote #veriimage-wrapper {
width: 210px !important;
}


h2.tagline {
font-size:1.6em !important;
line-height: 1.6em !important;
text-align:center;
border:none !important;
color:#ffffff !important;
width:408px;
height: 110px;
background: url(../images/interface/tagline.jpg) no-repeat !important;
padding: 20px 0 0 !important;
margin:0 !important;
}

.enviropolicy {
	background: url(../images/interface/enviropolicy.gif) repeat-x top left;
	border: 1px #a2d46c solid;
	color:#006600;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	height:26px;
	line-height:26px;
	margin-top:4px;
	padding:0 8px;
	text-decoration:none;
	width:160px;
	text-align:center;
}

.enviropolicy:hover {
	border-color: #006600;
	color:#333333;
}

/*----------------------------------------------*/

	.enquire {
		background: url(../images/interface/enquire.gif) no-repeat top left;
		display: none;
		height: 21px;
		text-indent: -999em;
		width: 60px;
	}
	
	.enquire:hover {
		background-position: 0 -30px;
		border: 0 !important;
	}
	
	#codeform {
		display: none;
	}