/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 3px 0px; margin-top:3px; margin-left:auto; margin-right:auto; width:980px; background-color:#FFFFFF; }

#header { width:100%; height:90px; margin:0px; padding:0px; border-bottom:#003366 0px solid; position:relative;}

.hidden {display:none;}

#search {width:400px; height:90px; position:absolute; top:0px; right:18px; text-align:right; margin:0px 0px 0px 0px;}
#search form {float:right; margin:0px 0px 0px 0px;}
#search input {border:1px solid #000000; background:#e9e9e9; width:113px; font-size:10px; display:block; float:left; margin:16px 0px 0px 0px; padding:4px 14px 4px 14px}
#search button {background:none; margin:16px 0px 0px 5px; height:21px; width:25px; display:block; float:left;  padding:0px 0px 0px 0px; border:0px;}
#search p {font-size:1.4em; margin:15px 0px 0px 0px; color:#343a3d;}
#search p span {font-size:1.4em;}

#cisco {width:161px; height:90px; position:absolute; top:0px; left:210px;}

#logo {  width:173px; height:90px; margin:0px; padding:0px; }

#main {  width:965px; margin:0px auto 0px auto; }
#header_img {width:961px; height:219px; margin:4px 0px 0px 2px; padding:0px 0px 0px 0px;}
*+html #header_img {margin:8px 0px 0px 2px;}
*html #header_img {margin:8px 0px 0px 2px;}


#content {width:620px; float:left; margin:0px 0px 20px 11px;}
*html #content {margin:0px 0px 0px 6px;}

#main_product_area {width:100%; margin:21px 0px 20px 0px;}

#sidebar { width:320px;  height:100%; float:right;  margin:4px 0px 40px 0px; padding:0px; background:#ffffff; }

#container_footer { margin-top:0px; text-align:right;  margin-left:auto; margin-right:auto; width:980px;}
#container_footer p {color:#acacac; font-size:1em !important; margin:10px 0px 10px 0px; }
#container_footer a {vertical-align:bottom;}

#footer { width:976px; background:#0072c6; height:28px; margin:0px auto 0px auto; position:relative; padding:0px; }
#footer p { color:#FFFFFF; padding:5px 0px 0px 26px; margin:0px 0px 0px 0px; }
#footer a { color:#FFFFFF; }

.clear { clear:both; }


/*------------------------------------ news -----------------------------------------------------------*/

.news {padding:8px 2px 8px 8px; margin:0px 0px 5px 0px; border:1px solid #e2e2e2;}
.news p {margin:5px 0px 0px 0px;}
.news .img { float:left; display:block; margin:0px 19px 0px 0px;}
.news .link {float:right; display:block;}
.news .title {}
.news .title span {font-size:1.4em; color:#00a5ea; font-weight:bold;}
.news .title a {font-size:1.4em; color:#00a5ea; font-weight:bold;}
.news .title a:hover {}

.paging {text-align:right; margin:10px 0px 20px 0px; font-size:1.2em; color:#4d4d4d;}
.paging span { display:block; float:left;}
.paging a { color:#4d4d4d;}
.paging a:hover { color:#4d4d4d;}

#news_link {border:1px solid #e5e5e5; width:305px; padding:0px 0px 0px 13px; margin:4px 0px 0px 0px; }
#news_link ul li a {font-size:1.2em !important; color:#343a3d; }
#news_link h1 {}

/*------------------------------------ ask an expert -----------------------------------------------------------*/

.question {width:610px; background:#E0EAF3; displat:block; padding:4px 0px 4px 10px; color:#ffffff !important; font-wieght:bold; font-size:1.2em;  }
.question span {font-size:1.8em; vertical-align:top; float:left; color:#000000; font-weght:bold; padding:0px 10px 0px 0px;}
.answer {width:610px; display:block; padding:4px 0px 4px 10px; color:#ffffff !important; font-wieght:bold; font-size:1.2em;}
.answer span {font-size:1.8em; vertical-align:top; float:left; color:#000000; font-weght:bold; padding:0px 10px 0px 0px;}

#aae {}
#aae input {width:300px;}
#aae textarea {width:300px; height:100px;}
#aae button {margin:0px 0px 0px 140px;}
/*------------------------------------ Products -----------------------------------------------------------*/

#sub_menu {}
#sub_menu a {background:#01a0e3; font-size:1.1em !important; color:#ffffff; padding:7px 10px 7px 10px; display:block; margin:0px 0px 1px 0px;}
#sub_menu a:hover {}
#sub_menu a.active {}

#sidebar .chat {float:none; display:block; margin:2px 0px 0px 0px;}
#sidebar .callback {float:none; display:block;  margin:2px 0px 0px 0px;}
#sidebar .expert {float:none; display:block;  margin:2px 0px 0px 0px;}


/*------------------------------------ Product -----------------------------------------------------------*/

#portfolio {border:1px solid #e5e5e5; width:300px; padding:0px 8px 0px 10px; margin:4px 0px 0px 0px; }
.port {display:block; float:left; padding:0px !important; margin:0px 3px 8px 2px; min-height:67px; height:auto !important; height:67px; width:95px;}
*+html .port {margin:0px 3px -2px 2px;}
*html .port {margin:0px 3px -2px 2px;}
#click_thumb {margin:10px 0px 10px 100px; display:block;}
#quick_enquiry {min-height:232px; height:auto !important; height:232px; width:282px; padding:0px 21px 0px 17px; background:url(/images/enquiry.jpg) repeat-x top left #F0F5F8; display:block; margin:4px 0px 0px 0px;}
#quick_enquiry form {text-align:right; margin:8px 0px 8px 0px;}
#quick_enquiry p {margin:4px 0px 4px 0px;}
#quick_enquiry input {width:225px; font-size:1.1em; padding:4px 0px 4px 0px; border:1px solid #c3c4c4;}
#quick_enquiry textarea {width:278px; height:74px; border:1px solid #c3c4c4;}
#quick_enquiry button {border:0px; background:none; margin:4px 0px 10px 0px;}

/*------------------------------------ Homepage -----------------------------------------------------------*/

#home_header {height:332px; margin:5px 0px 0px 0px;}
#home_header_left {width:504px; height:332px; display:block; float:left;}
#home_header_right {width:307px; display:block; float:right;}
#home_header_right a {display:block; margin:0px 0px 9px 0px;}

.bottom {margin:0px 0px 1px 0px;}
#home_header_left ul {margin:0px 0px 0px 0px; padding:0px;}
#home_header_left li {margin:0px 0px 0px 0px; padding:0px; list-style:none;}
#testimonial ul {margin:0px 0px 0px 0px; padding:0px;}
#testimonial li {margin:0px 0px 0px 0px; padding:0px; list-style:none;}


#communication {width:100%; margin:0px 0px 22px 0px; display:block; height:73px;}

.homechat {float:left; display:block; margin:2px 0px 0px 0px;}
.homecallback {float:left; display:block;  margin:2px 3px 0px 3px;}
.homeexpert {float:left; display:block;  margin:2px 0px 0px 0px;}

#side_home {width:212px; padding:0px 0px 10px 9px; min-height:200px; height:auto !important; height:200px; background:#004f70; display:block; float:left;}
#side_home form {margin:0px !important; padding:0px;}
#side_home form p {margin:4px 0px 4px 0px !important;}
#side_home button {border:0px; background:none; display:block; float:right; padding:0px; margin:5px 15px 0px 0px;}
*html #side_home button {margin:5px 0px 0px 0px;}
*+html #side_home button {margin:5px 5px 0px 0px;}
#side_home input {width:190px;}

.img_home {display:block; margin:9px 0px 17px 0px;}

#content_home {width:379px; display:block; float:left; margin:0px 0px 20px 38px;}
*html #content_home {margin:0px 0px 20px 11px;}

#sidebar_home {width:285px; float:right; display:block; margin:0px 14px 20px 0px;}
#sidebar_home h1 {margin:0px 0px 0px 0px !important; font-size:18px;}
*html #sidebar_home {margin:0px 7px 20px 0px;}

.news_sum {border-bottom:1px solid #dbe7f0; padding:3px 0px 5px 0px;}
.news_sum p {margin:5px 0px 5px 0px;}
.news_sum a {  color:#0688da; line-height:16px;  padding:0px 10px 0px 0px; }
.news_sum a:hover {color:#0688da; text-decoration:none;}
.news_sum a span {color:#002c4d;}

#sidebar .news_sum {width:270px;}
#news_summary {width:250px; padding:0px 0px 0px 20px;}

#getting_started {
	background:url(/images/gettingstarted.jpg) no-repeat;
	width:419px;
	padding:5px 21px 0px 21px;
	height:160px;
	font-size: 1.4em;
	font-weight: normal;
	color: #ffffff;
}
#getting_started h1 {color:#ffffff; font-weight:normal;}
#getting_started a { color:#ffffff; padding:4px 10px 4px 5px;  position:relative;}
#getting_started p {font-size:1.4em; display:block; margin:0px 0px 1px 0px;}

/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:970px; height:32px;  margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; background:url(/images/nav.jpg) repeat-x; }
#nav a { margin:0px 0px 1px 0px;  color:#ffffff; display:block; float:left; font-weight:normal; font-size:1.1em; padding:10px 21px 10px 5px; background:url(/images/nav_a_left.jpg) no-repeat top right;}
#nav a.last {background:url(/images/nav_a_last.jpg) no-repeat top right !important; padding:10px 21px 12px 5px;}
#nav a:hover { text-decoration:none;  color:#DFDFDF; } 
#nav a.active {color:#DFDFDF;}

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(/images/bac.jpg) repeat-x #3e3e3e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.6em;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:1.8em; color:#2a2a2a; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#00aaf0; font-size:1.7em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#2a2a2a; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#00aaf0; font-size:1.5em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#2a2a2a; font-size:1.4em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#00aaf0; font-size:1.1em; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

hr {}

ul {margin:5px 0px 5px 0px; padding:0px 0px 0px 25px; }
*+html ul {margin:5px 0px 5px 0px; padding:0px 0px 0px 19px; }
*html ul {margin:5px 0px 5px 0px; padding:0px 0px 0px 19px; }
ul li {font-size:1.1em;  color:#5d5d5d; list-style-image:url(../images/li.jpg); margin:10px 0px 10px 0px;  padding:0px;  }
ol {}
ol li { font-size:1.1em;  color:#5d5d5d; list-style:decimal; margin:5px 0px 5px 0px;}

address {margin:5px; font-size:1.1em;  color:#5d5d5d;}

a { color:#0072C6; text-decoration:none; }
a:hover { color:#0072C6; text-decoration:underline; }

p { font-size:1.1em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#5d5d5d; line-height:18px; }

ul.innerfade li {
    list-style-type: none;
    list-style-image: none;
}

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/