
/* skin by wsi-internetmarketing.co.uk */
body{
margin:0px auto;
background-color:#e3e3e3;
font-family:Arial, Helvetica, sans-serif;
}

.PageFrame {
width:954px;
padding:0px;
margin:0px auto;
background-color:#eeeeee;
border-left:#beb9b7 solid 1px;
border-right:#beb9b7 solid 1px;
border-bottom:#beb9b7 solid 1px;
}
.adminMenu {
width:954px;
margin:0px auto;
text-align:left;
}
#ControlPanel {
}
#header {
width:954px;
height:113px;
padding:0px;
margin:0px;
background-image:url(header.jpg);
background-repeat:no-repeat;
}
#topNav {
font-family:Arial, Helvetica, sans-serif;
float:right;
text-align:right;
width:300px;
font-size:0.75em;
padding-right:130px;
padding-top:10px;
color:#19619c;
}
#topNav a{
color:#19619c !important;
text-decoration:none;
}
#topNav a:hover{
color:#19619c !important;
text-decoration:underline !important;
}
#date {
float:right;
clear:both;
padding-top:25px;
padding-right:30px;
height:30px;
}
#date .SkinObject {
font-size:0.8em;
color:#2c2c2e;
}

/* navigation start */

#navHContainer {
float:left;
width:952px;
display:block;
margin:0px auto;
padding:0px;
height:26px;
margin-top:6px;
} 

#nav ul {
padding:0px;
margin:0px auto;
    list-style:none;
    float:left;
}
#nav li {
position: relative;
float:left;
list-style: none;
font-size:0.8em !important;
background-image:url(navBackgLong.jpg);
background-position:left top;
background-repeat:no-repeat;
padding:4px 0px 6px 8px;
}
/* second-level lists */
#nav li ul { 
position : absolute;
left: -999em;
padding:0px;
margin:0px;
background-image:none;
background-color:#FFFFFF;
}
#nav li , #nav a {
width:auto;
}
/* set the text properties for main tab */
#nav a {
text-decoration:none !important;
color:#2c2c2e!important;
text-align:center;
font-weight:bold;
background-image:url(navBackgShortLeft.jpg);
background-position:right top;
background-repeat:no-repeat;
padding:4px 8px 6px 0px;

}
#nav a:visited {

}
#nav a:hover {
text-decoration:none !important;
color:#ffffff !important;
text-align:center;
font-weight:bold;
background-image:url(navBackgShortLeftSelected.jpg);
background-position:right top;
background-repeat:no-repeat;
padding:4px 8px 6px 0px;
}

/* set the hover properties for the main tab background */
#nav li:hover {
position: relative;
float:left;
list-style: none;
background-image:url(navBackgLongSelected.jpg);
background-position:left top;
background-repeat:no-repeat;
padding:4px 0px 6px 8px;
color:#FFFFFF !important;
}
#nav li:hover a{
color:#FFFFFF !important;
}
/*  set the submenu background and font color etc  */
#nav li li a {
background-image:none;
background-color:#FFFFFF;
color:#666666 !important;
}

/* set the hover effects for the submenu 1 text and background and cancels the image background from the main tab */
#nav li li a:hover{
}
#nav li li {
background-image:none;
}
#nav li li:hover {
background-image:none;
}
#nav .SelectedTab a{
text-decoration:none !important;
color:#2c2c2e!important;
text-align:center;
font-weight:bold;
background-image:url(navBackgShortLeftOver.jpg);
background-position:right top;
background-repeat:no-repeat;
padding:4px 8px 6px 0px;
}
#nav .SelectedTab {
position: relative;
float:left;
list-style: none;
font-size:0.8em !important;
background-image:url(navBackgLongOver.jpg);
background-position:left top;
background-repeat:no-repeat;
padding:4px 0px 6px 8px;
}
#nav .SelectedTab a:hover{
text-decoration:none !important;
color:#ffffff !important;
text-align:center;
font-weight:bold;
background-image:url(navBackgShortLeftSelected.jpg);
background-position:right top;
background-repeat:no-repeat;
padding:4px 8px 6px 0px;
}
#nav .DisabledTab {

}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;

}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 0px; /*sets positioning of the drop down menu level 1*/
	left:0;
	margin-top:26px;
	
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:118px; /*sets positioning of the drop down menu level 2*/
	margin-top:0px;
}
#search {
float:right;
text-align:right;
margin-right:10px;
}
#search .SkinObject {
font-size:0.75em;
font-weight:normal;
color:#666666;
}
#search .SkinObject:hover{
color:#666666 !important;
text-decoration:underline !important;
}
/*end of navigation*/
#threepanecontent{
width:952px;
padding:0px;
margin:0px;
clear:both;
}
.leftpane{
float:left;
padding:70px 10px 20px 10px;
_padding:70px 0px 20px 3px;
margin:0px;
background-image:url(logoleft.jpg);
background-repeat:no-repeat;
background-position:top;
width:172px;
}
.ContentGroup {
float:right;
width:758px;
padding:0px;
margin:0px;
background-image:url(bottomMiddleBackground.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
.contentpane {
float:left;
width:758px;
height:211px;
padding:0px 0px 10px 0px;
margin:0px;
background-image:url(flashBackground.jpg);
background-repeat:no-repeat;
background-position:right top;
}

#ThreeGroup {
float:right;
width:725px;
padding:0px;
margin:0px;
}
#twoMiddle {
width:500px;
float:left;
padding:0px;
margin:0px;
}
.middleLeft {
float:left;
width:230px;
}
.middleRight {
float:right;
width:230px;
}
.rightpane {
float:right;
width:164px;
padding:0px 20px 20px 20px;
*padding:0px 10px 20px 10px;
margin:0px;
}

.footer {
clear:both;
width:944px;
background-image:url(footerBackg.jpg);
background-repeat:repeat-x;
height:22px;
font-size:0.8em;
color:#666666 !important;
text-align:right;
padding-top:10px;
padding-right:10px;
}
.footer a {
color:#666666 !important;
text-decoration:none;
font-weight:normal;
}
#footer a:hover {
color:#ffffff;
text-decoration:none;

}
.loginPlantronics {
width:954px;
clear:both;
margin:10px auto 5px auto;
text-align:right;
}
.loginPlantronics .SkinObject {
font-size:0.7em;
font-weight:normal;
color:#666666 !important;
}


/* styling text etc */
p {
margin:5px 0px;
line-height: 15px;
}
h1 {
font-size:1.3em;
	color:#19619c !important;
	margin:5px 0px 7px 0px;
	padding: 0px;
	}
h2 {
font-size:1.2em;
	color:#19619c !important;
	margin:5px 0px 15px 0px;
	padding: 0px;
	}	
h3 {
font-size:1.1em;
	color:#19619c !important;
	margin:5px 0px 15px 0px;
	padding: 0px;
	}	

p, .Normal, .NormalBold, li{
color:#19619c !important;
font-size:0.85em;
}

a {
color:#0081c5 !important;
text-decoration:none !important;
}
a:hover{
color:#0081c5 !important;
text-decoration:underline !important;
}


/* module and containers csss */
.ButtonContent {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF !important;
padding:7px 8px;
}
.ButtonContent p, .ButtonContent h1, .ButtonContent h2, .ButtonContent a, .ButtonContent a:hover {
color:#FFFFFF !important;
padding:0px;
margin:0px;
}
.ButtonContent h1, .ButtonContent h2 {
font-size:0.8em;
font-weight:bold;
}
.ButtonContent p {
font-size:0.8em !important;
line-height:13px;
}
.ButtonContent a{
text-decoration:none !important;
}
.ButtonContent a:hover{
text-decoration:underline !important;
}
.productDescription, .CATRow, .CATAltHeader  { 
line-height:13px;
color:#19619c !important;
font-size:0.85em;
}

.productName {
font-size:1.2em;
	color:#19619c !important;
	margin:5px 0px 15px 0px;
	padding: 0px;
}