﻿/************
   
     GLOBAL

  **************/

*{
  margin: 0;
  padding: 0;
  font-family: arial;
  font-size: 12px;
}

body a{
  color: #663e84;
  text-decoration: none
}

a img{
  border: none
}

p{
  margin: 10px 0;
  line-height:20px;
}

h1{
  font-family: 'Bitstream Vera Sans', 'lucida sans', arial;
  font-size: 15px;
  color: #663e84;
  font-weight: bold;
  margin: 2px 0 3px;
  padding-bottom: 5px;
  border-bottom: 1px solid #dedede
}

h2{
  font-size: 13px;
  color: #333;
  font-weight: bold;
  margin: 4px 0 3px;
  padding-bottom: 5px;
  border-bottom: 1px solid #dedede
}

hr{
  height: 1px;
  border: none;
  border-top: 1px solid #ccc;
  margin: 20px 0
}

.hidden{
  display: none
}

input, select, textarea{
  border: 1px solid #e2e2e2
}

ul li{
  list-style-type: none
}

ol li{
  margin-left: 20px
}

div.internal_content li{
  background: url(../images/structure/purple_arrow.gif) no-repeat 10px 3px;
  padding-left: 20px;
  margin: 5px 0
}

div.home_content a:hover, div.internal_content a:hover  {
text-decoration:underline;
}

fieldset{
  border: 1px solid #ccc;
  padding: 10px;
  margin: 5px 0
}

legend{
  margin: 0 5px;
  padding: 0 5px
}

address{
  font-style: normal;
  margin: 15px
}

iframe{
  border: none;
  overflow: auto
}

div.confirmation{
  background: #eef;
  width: 460px;
  padding: 10px;
  margin: 10px 0
}

div.confirmation p{
  margin-top: 0;
  font-weight: bold
}

div.errors{
  background: #fee;
  border: 1px solid red;
  float: left;
  padding: 10px;
  width: 460px;
  color: red;
  margin: 10px 0
}

div.errors p{
  font-weight: bold;
  margin-top: 0px
}


/************
   
     HEADER

  **************/


div.wrapper{
  width: 980px;
  margin: 0px auto;
  overflow: hidden
}

div.header div.logo a{
  background: url(../images/structure/logo.gif);
  width: 150px;
  height: 64px;
  float: left;
  margin: 35px 70px 15px 10px ;
}

div.header div.search{
  float: left;
  margin-top: 10px;
  padding-left: 220px
}

div.header div.search input.text{
  width: 200px;
  padding: 2px 3px;
}

div.header div.search input.submit_button{
  background: url(../images/structure/search_go_button.gif) no-repeat 0 2px;
  border: none;
  width: 28px;
  height: 20px;
  font-size: 0px;
  line-height: 23px;
  margin-left: 10px;
  cursor: pointer
}

div.header ul.header_links{
  float: right;
  margin-top: 10px;
  border-bottom: 1px solid #dedede
}

div.header ul.header_links li{
  display: inline
}

div.header ul.header_links li a{
  color: #999;
  display: block;
  float: left;
  padding: 5px 10px
}

div.header ul.header_links li.green_policy a{
  color: #090;
}

div.header div.request_callback{
  float: left;
  padding:25px 0px 0px 370px;
  margin-top: 0px;
  background: url(../images/structure/animated_phone.gif) no-repeat 350px;
  width: 379px;
  height: 26px;
}

div.header div.request_callback a{
  display: block;
  float: right;
  width: 147px;
  height: 26px
}


/************
   
   NAVIGATION 1

  **************/


ul.navigation_level_1{
  clear: both;
  margin-top: 5px;
  float: left;
  width: 100%;
  background: url(../images/structure/level_1_nav_background.gif) 0px 0px;
		padding-top:1px;
}

ul.navigation_level_1 li{
  display: inline
}

ul.navigation_level_1 li a{
  display: block;
  float: left;
  padding: 7px 22px 8px;
  color: #e6e6e6;
  border-right: 1px solid #333
}

ul.navigation_level_1 li a:hover,
ul.navigation_level_1 li a.selected{
  color: #fff;
  background: url(../images/structure/level_1_nav_background_active.gif) center
}


/************
   
   NAVIGATION 2

  **************/


div.side_bar{
  clear: left;
  width: 182px;
  float: left;
  margin-right: 1px;
  overflow: hidden;
}

div.side_bar div.advertisement{
  color: #fff;
  margin-top: 10px;
  width: 180px;
  float: left;
  overflow: hidden
}

div.side_bar div.advertisement span span{
  color: #c4c4c4;
  display: block;
  text-align: center
}

div.advertisement a img{
  border: none
}

ul.navigation_level_2{
  float: left;
  padding-bottom: 10px;
  background: #EEEFF1;
  width:  180px;
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  border-top: 1px solid #DEDEDE;
  margin-top: 1px
}

div.navigation_level_2_bottom{
  background: url(../images/structure/level_2_nav_bottom.jpg) no-repeat bottom;
  width: 182px;
  float: left
}

ul.navigation_level_2 a{
  display: block;
  color: #333;
  padding: 5px 10px 5px 7px;
  margin: 0 5px;
  border-bottom: 1px solid #DEDEDE;
}

ul.navigation_level_2 a:hover,
ul.navigation_level_2 a.selected{
  background: url(../images/structure/purple_arrow.gif) no-repeat 160px #f2f2f2;
}


/************
   
   NAVIGATION 3

  **************/


ul.navigation_level_3 li{
  margin-left: 10px
}

ul.navigation_level_3 li a{
  color: #663E83;
  border-bottom: none;
  padding-right: 0
}

ul.navigation_level_3 li a:hover,
ul.navigation_level_3 li a.selected{
  text-decoration: underline;
  background: #EEEFF1
}


/************
   
  HOME CONTENT

  **************/


div.home_banner{
  /*background: url(../images/structure/home_flash_placeholder.jpg);*/
  clear: both;
  float: left;
  width: 700px;
  height: 204px;
  margin: 0px 0 0 0
}

div.partners{
  float: right;
  background: url(../images/structure/partners_with.jpg);
  /*background: url(../images/structure/partners_background.jpg) no-repeat;*/
  width: 270px;
  height: 204px;
  margin-top: 1px;
}

/*
div.partners a {
  float:right;width: 100%;
  height: 204px;
  display:block;
}
div.partners a#home_partner {
  width: 100%;
	float:right;
  height: 204px;
  display:block;
}
*/

div.partners a
{
 display:block;
 float:left;
 padding: 0px;
 height:75px;
}

div.partners a#microsoft
{
 margin: 47px 0px 0px 2px;	
}

div.partners a#netapp
{
 margin: 47px 0px 0px 1px;	
}

div.partners a#cisco
{
 margin: 0px 0px 0px 3px;	
}

div.partners a#vmware
{
	
}


/*
div.partners ul{
  margin: 83px 0 0 15px
  
}

div.partners ul li{
  float: left  
}

div.partners ul li a{
  display: block;  
}

div.partners ul li.vmware a{
  width: 90px;
  height: 50px
}

div.partners ul li.cisco a{
  margin: -10px 8px 0;
  width: 50px;
  height: 60px
}

div.partners ul li.microsoft a{
  width: 83px;
  height: 50px
}
*/

div.partners a span{
  display: none
}


/************
   
MAIN HOME CONTENT

  **************/

div.home_content{
  float: left;
  color: #666;
  background: url(../images/structure/text_area_gradient.gif) repeat-x bottom;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  width: 978px
}

div.home_content div.left_column{
  width: 695px;
  float: left
}

div.vert_seperator, div.vert_seperator_background {
  float: left;
  width: 1px;
  height: 229px;
  margin: 2px 10px
}


div.vert_seperator_background{
  background: url(../images/structure/home_news_divide.gif);
}

div.right_column.contact div.vert_seperator{
  margin-left: 0
}

div.left_column div.main_content{
  float: left;
  padding: 10px;
}

div.home_content_bottom{
  clear: both;
  float: left;
  width: 100%;
  height: 6px;
  background: url(../images/structure/text_area_home_bottom.gif) no-repeat bottom;
  margin-left: 1px
}

div.right_column{
  float: left;
  margin-left: 1px
}

div.bottom_row{
  float: left;
  margin-top: 5px
}

div.bottom_row ul li a{
  display: block;
  float: left;
  width: 169px;
  height: 144px;
  margin-right: 5px
}

div.bottom_row ul li{
  display: inline;
}

div.bottom_row ul li a:hover{
  background-position: 0 -144px
}

div.bottom_row ul li.unified_comms a{
  background-image: url(../images/structure/cisco_button.jpg)
}

div.bottom_row ul li.virtualisation a{
  background-image: url(../images/structure/netapp_button.jpg)
}

div.bottom_row ul li.wireless a{
  background-image: url(../images/structure/vmware_button.jpg)
}

div.bottom_row ul li.buying_solutions a{
  background: no-repeat url(../images/structure/buying_solutions.jpg)
}

div.bottom_row ul li.save a{
  background: url(../images/structure/blog_button.jpg);
  width: 274px;
  margin: 0 0 0 10px;
	
}

div.bottom_row ul li.save a span.hidden{
  display: block;
  margin: 30px 0 0 9px;
  width: 120px
}


/************
   
 INTERNAL CONTENT

  **************/


div.banner{
  float: left;
 /* background: url(../images/structure/top_graphic_unified_comms.jpg) no-repeat 3px 0 #362545;*/
  width: 527px;
  height: 204px;
  margin-top: 1px;
}

div.banner span{
  display: none
}

div.internal_container{
  float: right;
  width: 797px;
  overflow: hidden
}

div.internal_content{
  float: left;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  width: 795px;
  background: url(../images/structure/text_area_gradient.gif) repeat-x bottom
}

div.internal_content div.left_column{
  padding: 0 10px;
  width: 770px;
}

div.internal_content div.left_column h1{
  padding-top: 10px
}

div.internal_content div.right_column{
  float: right
}

div.internal_content div.left_column.full{
  width: 705px
}

div.internal_content_bottom{
  float: left;
  background: url(../images/structure/text_area_internal_bottom.jpg) no-repeat bottom;
  width: 797px;
  height: 14px;
}

div.internal_bottom_row{
  width: 797px;
  float: left;
  margin-top: 5px;
  overflow: hidden
}

div.internal_bottom_row ul li{
  float: left;
  display: inline;
  margin-right: 2px;
  padding: 0
}

div.internal_bottom_row ul li.save,
div.internal_bottom_row ul li.security{
  margin-right: 0px
}

div.internal_bottom_row ul li a{
  display: block;
  float: left;
  width: 129px;
  height: 110px;
}

div.internal_bottom_row ul li a:hover{
  background-position: 0 -110px
}

div.internal_bottom_row ul li.save a:hover{
  background-position: 0px 0px
}

div.internal_bottom_row ul li.unified_comms a{
  background-image: url(../images/structure/cisco_button_small.jpg)
}

div.internal_bottom_row ul li.virtualisation a{
  background-image: url(../images/structure/netapp_button_small.jpg)
}

div.internal_bottom_row ul li.wireless a{
  background-image: url(../images/structure/vmware_button_small.jpg)
}

div.internal_bottom_row ul li.buying_solutions a{
  background-image: url(../images/structure/buying_solutions_small.jpg);
background-repeat: no-repeat;
}

div.internal_bottom_row ul li.buying_solutions a:hover{
background-position: 0px -1px;
}

div.internal_bottom_row ul li.save a{
  background-image: url(../images/structure/blog_button_internal.jpg);
  width: 273px;
}

div.internal_bottom_row ul li.save a span.hidden{
  display: block;
  margin: 25px 0 0 15px;
  width: 110px
}

div.internal_content.newsletter div.contact_form form{
  margin: auto
}

div.internal_content.newsletter div.contact_form h3{
  margin-left: 270px;
  clear: left
}

div.internal_content.newsletter div.errors,
div.internal_content.newsletter div.confirmation{
 margin: 10px auto;
  float: none
}

div.internal_content.newsletter div.contact_form input#contact_submit_button{
  margin-left: 70px
}


/************
   
     FOOTER

  **************/


div.footer{
}

div.footer ul.footer_links {
  background: url(../images/structure/footer_background.gif);
  width: 100%;
  float: left
}

div.footer ul.footer_links li{
  display: inline;
  padding: 0
}

div.footer ul.footer_links li a{
  display: block;
  float: left;
  color: #ccc;
  padding: 7px 10px 8px
}

div.footer ul.footer_links li a:hover{
  color: #fff;
}

div.footer div.footer_copy p{
  font-size: 11px;
  color: #666;
  margin: 0 5px
}

div.footer div.footer_copy a{
  font-size: 11px;
  color: #666
}

div.footer div.footer_copy p.footer_text_left{
  float: left
}

div.footer div.footer_copy p.footer_text_right{
  float: right
}

div.footer div.footer_copy p.footer_text_bottom{
  clear: both
}


/************
   
RIGHT COLUMN CONTACT

  **************/


div.right_column.contact{
  background: url(../images/structure/internal_contact_top_slither.jpg) repeat-x;
  width: 268px;
  margin-top: -2px;
  margin-right: -15px;
  padding-top: 40px
}


div.right_column.contact_form_NEW{
  background: url(../images/structure/contact_form_blue.jpg) repeat-x;
  width: 268px;
  margin-top: -2px;
  margin-right: -15px;
  padding-top: 40px
}


/************
   
    PARTNERS

  **************/


ul.partner_list li{
  background: none;
  padding-left: 0;
}

ul.partner_list li.partner{
  clear: left;
  float: left;
  width: 480px;
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 10px;
  margin-bottom: 10px
}

ul.partner_list li.partner_logo{
  float: right;
  margin-left: 10px
}

div.partner_profile img.partner_image{
  float: right;
  margin: 0 0 10px 10px
}

div.partner_profile ul.partner_details{
  border: 1px solid #666;
  float: left;
  margin: 0 10px 10px 0;
  padding: 10px;
  width: 200px
}

div.partner_profile ul.partner_details li{
  list-style-type: none;
  background: none;
  padding-left: 0px;
  margin-left: 0px
}

div.partner_profile span.partner_header{
  font-weight: bold;
}

div.partner_profile div.desc{
  clear: left;
}

div.green_partners img {
margin:0px 5px 5px 0px;
}


/************
   
    MEMBERS

  **************/


ul.dept_list li{
  background: none
}


/************
   
  GOOGLE MAP

  **************/


div#map{
  clear: left;
  margin: 0;
}

div#directions_form{
  margin: 10px;
}


/************
   
    SITEMAP

  **************/


ul.sitemap_level_1 li{
  background-position: top left
}


/************
   
  TESTIMONIALS

  **************/


div.testimonial_item{
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  float: left;
  width: 480px
}

img.testimonial_image{
  float: right;
  margin: 10px 0 10px 10px
}

div.testimonial_solution_search {
border:1px solid red;
width:500px;
margin:0px 0px 20px 0px;
border:1px solid #dedede;
}

div.testimonial_solution_search select {
width:200px;
}

div.testimonial_solution_search input.submit_button {
  background: url(../images/structure/search_go_button.gif) no-repeat 0 2px;
  border: none;
  width: 28px;
  height: 20px;
  font-size: 0px;
  line-height: 23px;
  margin-left: 10px;
  margin-top:5px;
  cursor: pointer;
}

iframe.share_dealing {
	width:100%;
	height:500px;
	border:none;
	overflow:scroll;
}

#crn {
 margin-top: 10px;	
}

#DorsetImg {
 margin-top: 10px;	
}

#homepage_video {
  float: right;
  height: 205px;
  margin:0px;
  padding:0px;
}

#homepage_video p{
  margin:0px;
  padding:0;
}