/*** Master Style Sheet - Pacific Solutions ***/
/*** www.pixel-house.com.au ******************/

/*** E-Web Marketing ***/
h1.seo {
color: #ffe6e9 !important;
font-size: 11px !important;
margin-top: -18px !important;
padding-left: 76px !important;
font-weight: normal;
}

.seo1 {
color: #ffe6e9 !important;
font-size: 11px !important;
margin-top: -30px !important;
padding-left: 76px !important;
margin-bottom: 18px !important;
font-family: Arial, Helvetica, sans-serif !important;
}

.notbold {
font-weight: normal;
}

.bold {
font-weight: bold;
}

.header4 {
color: #000000;
display: block;
font-size: 1.2em;
font-weight: normal;
margin: 22px 0 -6px;
font-family: Arial, Helvetica, sans-serif;
}

.dontwrap { display: block; clear: both; }

.header42 {
color: #C80000;
display: block;
font-size: 1.2em;
font-weight: normal;
margin: 22px 0 -6px;
font-family: Arial, Helvetica, sans-serif;
}

.header5 {
color: #000000;
display: block;
font-size: 18px;
font-weight: normal;
margin: 20px 0 -10px;
}

.header4dashed {
color: #C80000;
display: block;
font-size: 1.2em;
font-weight: normal;
margin: 22px 0 -6px;
border-top: 1px dashed #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
padding-top: 10px;
}

.header1 {
color: #C80000;
font-size: 1.6em;
font-weight: normal;
}

/*** End E-Web Marketing CSS ***/

body {
	margin: 0px; padding: 0px;
	background: url(../images/bg.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; }
hr { color: #ccc; background-color: #ccc; height: 1px; border: none; margin-bottom: 20px; }

table { border-collapse: collapse; }
table td { vertical-align: top; }

.hide { display: none; }
.show { display: block; }

#headerOuter {
  width: 100%; 
  height: 196px;
  float: left;
  background: url(../images/bg.gif) repeat-x 0px 0px #c50000;
}
#header {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%; height: 196px;
	min-width: 880px;
	background: url(../images/header_bg.jpg) no-repeat center 0px;
}
#headerInner {
	width: 865px; 
	margin: 0px auto; padding: 0px 0px 0px 15px;
}
#header #logo {
	background: url(../images/logoedit.gif) no-repeat;
	width: 436px; height: 88px;
	margin: 11px 0px 0px 0px; padding: 0px;
	display: block;	
	float: left; clear: both;
}
#header #logo a { text-indent: -9000px; display: block; height: 82px; }
#header .topNav-wrap { float: left; width: 100%; }

img a, img { border: none; }

#homepageBG {
	width: 100%;
	float: left; 
	background: url(../images/homepageBG.gif) repeat-x 0px 0px;
}
#homepage { 
  	width: 100%;
        height: 570px;
	float: left;
	background: url(../images/homepage.jpg) no-repeat center 0px; 
	min-width: 880px;
}

#content { width: 850px; padding: 0px 15px 5px 15px; margin: 0px auto; height:auto;}
#contentInner { float: left; width: 100%; /* background: url(../images/content_shadow.jpg) no-repeat right 0px; */ padding: 10px 0px 20px 0px; position: relative; height:auto;}



/*** Top Navigation *********************************************/
/***************************************************************/

ul.topNav {
	margin: 0px 0px 8px -6px;
	padding: 10px 0px 0px 0px;
	height: 25px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: inline;
    clear: both;
}
ul.topNav li {
	list-style-type: none;
	float: left;
	padding: 0px 10px 0px 10px; 
}
.divider { background: url(../images/topNav_divider.gif) no-repeat right center; }
ul.topNav li a { color: #ffe6e9; text-decoration: none; }
ul.topNav li a span { color: #fff; font-weight: bold; }
ul.topNav li a span:hover { text-decoration: underline; }
ul.topNav li a:hover { text-decoration: underline; }


.topNav #shift { padding-left: 60px; }
.topNav #shift2 { padding-left: 50px; }
.topNav #shift3 { padding-left: 110px; }

/*** Primary Navigation *****************************************/
/***************************************************************/

ul.nav {
	width: 851px; /* 1px extra for Safari */
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	margin: 19px 0px 0px 0px;
	padding: 0px;
	background: url(../images/Nav_bg.gif) no-repeat 0px 4px;
}
ul.nav li { list-style-type: none; float: left;  }
ul.nav li a {
	color: #fff;
	height: 23px;
	padding: 12px 1px 0px 0px;
	float: left;
    text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/Nav_divider.gif) no-repeat right 10px;
}
ul.nav li a:hover  { color: #ff0000; }


#nE,
#research #n08,
#courtR #n03,
#legal #n02,
#international #n06,
#audio #end,
#audio #n04,
#media #n01,
#medical #n06,
#other #n05,
#products #n07
{ background-image: none; }


#products #nE, #other #n07, #homepage #n08, #research #n01, #medical #n02, #legal #n03, #international #nE, #courtR #n05, #media #n06 { color: #c20000; }
#research #n01:hover, #medical #n02:hover, #legal #n03:hover, #international #nE:hover, #audio #nE:hover { text-decoration: none; }

#homepage #n08 { background: url(../images/Nav_international.jpg) no-repeat 0 0; }
#products #nE { background: url(../images/Nav_international.jpg) no-repeat right 0; }
#other #n07 { background: url(../images/Nav_international.jpg) no-repeat -5px 0; }
#medical #n02 { background: url(../images/Nav_international.jpg) no-repeat -5px 0; }
#research #n01 { background: url(../images/Nav_legal.jpg) no-repeat -5px 0; }
#legal #n03 { background: url(../images/Nav_legal.jpg) no-repeat -5px 0; }
#international #nE { background: url(../images/Nav_international.jpg) no-repeat right 0; }
#courtR #n05 { background: url(../images/Nav_international.jpg) no-repeat -5px 0; }
#media #n06 { background: url(../images/Nav_international.jpg) no-repeat -5px 0; }
#media #n06 { background: url(../images/Nav_international.jpg) no-repeat -5px 0; }

#end a { padding-right: 33px; }

#n01 { width: 120px; }
#n02 { width: 110px; }
#n03 { width: 95px; }
#n04 { width: 175px; }
#n05 { width: 175px; }
#n06 { width: 164px; }
#n07 { width: 164px; }
#n08 { width: 88px; }
#nE { width: 92px; }



/*** CONTENT ****************************************************/
/***************************************************************/


.internal {
text-decoration: underline !important;
}
#content p {
	font-size: 0.80em;
	line-height: 1.3em;
	color: #333333;
}
#content p a, #content ul li a { color: #c80000; }
#sitemap ul li a { color: #333333; }
#content p a:hover, #content ul li a:hover { color: #8f0000; }

#left { float: right; width: 590px; margin: 20px 0px; }
/* .heading { border-bottom: 1px solid #ccc; }*/ 

#left h1, #left h2 { font-size: 1.6em; display: block; margin: 0px 0px 6px 0px; color: #c80000; font-weight: normal; }
#left h1 { margin-bottom: 20px; }
#left h3 { font-size: 1.3em; font-weight: normal; color: #000; }
#left h4, #right h4 { font-size: 1.2em; font-weight: normal; color: #c80000; display: block; margin: 22px 0px -6px 0px; }
#left h4 { color: #000; }
#left h5 { font-size: 18px; color: #000; font-weight: normal; display: block; margin: 20px 0px -10px 0px; }

.contact, .phone { font-size: 1.0em; line-height: 1.35em; }
.phone { padding-left: 45px;}

#contact h3 { font-size: 0.9em; }

#right, #subnav-wrap {
	clear: left;
	float: left;
	margin: 57px 0px 20px 0px;
	padding: 0px;
	background: url(../images/right_scroll.gif) repeat-y;
}
#subnav-wrap { margin: 20px 0 -30px 0; }

#right2 {
	float: left;
	width: 202px;
	margin: 0px;
	padding: 0px 20px 20px 20px;
	background: url(../images/right_top.gif) no-repeat;
	border-bottom: 1px solid #CCCCCC;
}
#right p { font-size: 0.75em; line-height: 1.3em; }
#right h5 { color: #000; margin: 0; padding: 8px 0 0 0; }
#right h5 a { color: #000; text-decoration: none; }
#right h5 a:hover { text-decoration: underline; }

#right .logoBox { width: 100%; float: left; }
#right .logoBox h5 { float: left; color: #c80000; height: 28px; }
#right .logoBox img { float: right; margin-top: 3px; }

#subnav {
	float: left;
	width: 242px;
	margin: 0px;
	padding: 0;
	background: url(../images/right_top.gif) no-repeat;
	border-bottom: 1px solid #CCCCCC;
}
#subnav h3 { float: left; border-bottom: solid 5px #7f7f7f; margin: 0; }
#subnav h3 a { text-decoration: none; padding: 25px 0 10px 20px; color: #c80000; font-size: 0.7em; font-family: verdana, arial, sans-serif; text-transform: uppercase; margin: 0; float: left; width: 222px; background: url(../images/subnav-h3-bg.gif) no-repeat right 0 #fff; }
#subnav h3.active a { background: url(../images/subnav-h3-active.gif) no-repeat right 0 #c80000; color: #fff; }
#subnav ul { margin: 0; padding: 0; float: left; width: 100%; }
#subnav ul li { float: left; width: 100%; font-size: 0.8em; list-style-type: none; }
#subnav ul li a { float: left; border-top: solid 1px #ccc; padding: 7px 20px 7px 20px; width: 202px; text-decoration: none; }
#subnav ul li a:hover { background: #efefef; color: #000; padding: 7px 19px 7px 19px; margin: 0 1px; }
#subnav ul li.active a { background: url(../images/arrow-active.gif) no-repeat 222px 9px #c80000; color: #fff; border-top: solid 1px #c80000; }



#faq #left h3 { font-size: 0.85em; margin-bottom: -6px; margin-top: 20px; font-weight: bold; }
#faq #left h3 span { color: #c80000; }

#right .disclaimer { width: 100%; float: left; color: #7f7f7f; font-size: 0.7em; clear: both; border-top: solid 1px #ccc; padding: 14px 0 0 0; margin: 20px 0 14px 0; }
#right .float { width: 100%; float: left; }

#right .header42 { margin-bottom: 14px; }

#sitemap ul { margin-top: 20px; padding: 0; }
#sitemap ul ul { margin: 0px; }
#sitemap ul ul li { background: url(../images/sitemap-icon1.gif) no-repeat 10px 8px; padding: 10px 0px 4px 26px; line-height: 1.0em; font-size: 11px; }
#sitemap a { color: #666; }
#sitemap a:hover { color: #cf2020; }

#ebsuite { margin-top: 20px; font-size: 0.8em; position: absolute; top: 180px; left: 280px; }
#ebsuite td { padding: 0 0 10px 0; }
#ebsuite .requiredAsterisk { color: #ba0000; font-weight: bold; font-family: verdana; }
#ebsuite .textInput { padding: 1px; font-family: arial, helvetica, sans-serif; }


/* ------------------------------------------------------
   NEWS 
------------------------------------------------------- */

/*
#newsBox { 
  width: 250px;
  height: 67px; 
  position: absolute;
  z-index: 10; 
  top: -160px;
  left: 581px;
  padding: 10px 10px 10px 10px;
  background: url(../images/newsBox.png) repeat 0 0;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: hidden;
}

#newsItem { 
  width: 53px;
  padding: 3px 5px;
  position: absolute;
  top: -73px;
  left: 788px;
  z-index: 20; 
  background: url(../images/newsBox.png) repeat 0 0;
}

#newsItem p { font-size: 11px; color: #fff; margin: 0; }
#newsItem p a { color: #ff8a8a; text-decoration: none; }
#newsItem p a:hover { color: #fff; text-decoration: underline; }

#newsBox h4 { color: #000; font-weight: normal; font-size: 18px; margin: 0px 0px 10px 0px; }
#newsBox p { color: #fff; font-size: 0.70em; margin: 3px 0px 10px 0px; }
#newsBox p a { color: #fff; }
#newsBox p a:hover { text-decoration: underline; color: #fff; }
#newsBox .date { font-weight: bold; color: #fff; font-size: 0.7em; margin: 0; }

#newsBox .article { padding: 0px; float: left; width: 100%; height: 110px; }
#newsBox .article h2 { color: #ff8a8a; font-size: 0.70em; margin: 0em 0 0.4em 0; text-transform: none; }
#newsBox .article h2 a { color: #ff8a8a; text-decoration: none; }
#newsBox img { margin: 0 10px 20px 0px; float: left; }
#newsBox p a { font-weight: bold; }
#newsBox .date { color: #ff8a8a; }
*/

#footerOuter { padding: 8px 0px 0px 0px; }
#footer { height: 25px; }


#right .article p { width: 124px; float: right; } 

.author { color: #c80000; }
.dashed { border-top: 1px dashed #ccc; padding-top: 10px; }
.solid { border-top: 1px solid #ccc; padding-top: 24px; }

#left .fullArticle { float: left; padding: 0px 0px 10px 0px; width: 100%; margin-bottom: 15px; }
#left .fullArticle h1 { font-size: 1.4em; }
#left .fullArticle .heading { border: none; }
#left .date { margin-top: 0px; }

#right .article { width: 100%; float: left; border-top: dashed 1px #ccc; padding: 10px 0 0 0; margin-top: 10px; }
#right .article img { float: left; margin: 0px 10px 4px 0; }
#right .article p { font-size: 0.7em; margin: 0; }
#right .date { margin: 5px 0 0 0; font-size: 11px; }
#pagebottom { border-top: dashed 1px #ccc;  margin-top: 8px; padding: 5px 0 0 0; float: left; width: 100%; }
#pagebottom p { font-size: 0.7em; margin: 0; text-align: right; }

#register p { float: left; width: 490px; margin: 0 0 10px 0; }
#register p label { float: left; width: 180px; padding-top: 3px; }
#register p .field { float: left; width: 300px; border: solid 1px #ccc; background: #efefef; padding: 3px; }
#register p .field:focus { border: solid 1px #666; }
.error { background: #da0000; color: #fff!important; line-height: 2.0em; text-align: center; font-weight: bold; }


/*** LEFT LIST **************************************************/
/***************************************************************/

#left ul { margin: 0px; padding: 0px; }
#left ul li {
	font-size: 0.80em;
	color: #333333;
	padding: 3px 0px 3px 40px;
	list-style-type: none;
	background: url(../images/bullet.gif) no-repeat 15px 5px;
}

.tdwidth1 { width: 200px; }
.tdwidth2 { width: 200px; }
.tablemargin { margin-top: -20px; }

.caseS { margin: -15px 0px 0px 5px 0px; display: block; }
.tableAudio { font-size: 0.75em; }
.audioList { margin: 0px 0px -1px 10px; padding: 0px 0px 0px 15px; }
.caseStudy { float: left; width: 100%; padding: 14px 0px 12px 0px; border-top: dashed 1px #666; margin-top: 10px; }
.caseStudy h3 { margin: 10px 0px -6px 0px; }

#headphones {
	float: left;
	margin: 15px 0px -30px -20px;
	padding: 0px;
	display: inline;
}
.quoteO { background: url(../images/quote_open.gif) no-repeat 0 0; }
.quoteC { background: url(../images/quote_close.gif) no-repeat bottom right; padding: 6px 20px 0px 20px; }
.quote { font-size: 11px; }

#breadcrumbs { float: left; width: 100%; border-bottom: solid 1px #ccc; margin: 0 0 20px 0; padding: 10px 0 5px 0; }
#breadcrumbs ul { margin: 0px; padding: 0px; }
#breadcrumbs ul li {
   float: left; 
   font-size: 0.8em;
   color: #807e7f;
   list-style-type: none;
   padding: 0px 5px 15px 0px;
   background: none; 
}
#breadcrumbs ul li a { float: left; color: #807e7f; text-decoration: none; padding-right: 14px; background: url(../images/breadcrumb-divider.gif) no-repeat right 5px; }
#breadcrumbs ul li a:hover { color: #000; text-decoration: underline; }


/*** FOOTER *****************************************************/
/***************************************************************/

#footerOuter { width: 100%; border-top: 4px solid #ca0000; float: left; padding: 8px 0px 8px 0px; background: url(../images/footer-bg.gif) repeat-x 0 0; }
#footer { width: 850px; margin: 0px auto; padding: 20px 15px 0 15px; }
#footer p { font-size: 11px; display: block; margin: 0px; color: #666; }
#footer p a { color: #666; }
#footer p a:hover { color: #c80000; }
.fleft { float: left; }
.fright { float: right; text-align: right; }

#footer-left { float: left; padding-bottom: 45px; }
#footer-right { float: right; text-align: right; background: url(../images/footer-logo.gif) no-repeat right bottom; padding-bottom: 100px; }

#footer ul { margin: 0 25px 0 0; display: inline; padding: 0; float: left;  }
#footer ul li { list-style-type: none; font-size: 0.7em; }
#footer ul li a { text-decoration: none; color: #666; }
#footer ul li a:hover { text-decoration: underline; color: #000; }
#footer ul h5 { font-size: 11px; color: #ca0000; font-weight: bold; margin: 0; }
#footer ul h5 a { color: #ca0000; }
#footer ul h5 a:hover { text-decoration: underline; color: #ca0000; }
#footer .toppad { padding-top: 15px; }





/*** CLIENT LOGIN **********************************************/
/**************************************************************/

#login { 
  width: 212px; 
  height: 98px;
  position: absolute;
  top: -178px;
  left: 608px;
  background: url(../images/login_bg.gif) no-repeat 0 0; 
  padding: 15px;
}
#login h4 { color: #fff; font-weight: normal; font-size: 18px; margin: 0px 0px 10px 0px; }
#login p { margin: 2px 0px; width: 100%; float: left; }

#login .field { width: 120px; border: solid 1px #940c0c; padding: 2px; font-size: 12px; float: right; }
#login label { font-size: 12px; color: #fff; float: left;  width: 74px; font-weight: bold; }

#login .image, #cCenter .image { float: right; margin-top: 1px; }
#register span { font-size: 11px; padding: 0px 0px 0px 12px; margin-top: -28px; display: block; position: relative; }


/*** FIELDSETS **********************************************/
/***********************************************************/

#cCenter { width: 280px; padding: 25px 0px; margin: 0px auto; }
#cCenter label { font-size: 12px; color: #666; float: left;  width: 80px; font-weight: bold; margin-left: 12px; }
#cCenter .field { width: 150px; padding: 2px; font-size: 12px; float: right; }
.centerP { text-align: center; margin: 0px 0px 20px 0px; }

legend { color: #000; margin: 0px 2px; font-size: 1.2em; }
fieldset { border: solid 1px #ccc; padding: 5px 15px 10px 5px; margin: 0 0 20px 0; }
fieldset p { margin: 10px 0px 0px 0px; width: 100%; float: left; }


/*** PRODUCTS **********************************************/
/***********************************************************/


#left fieldset { padding: 20px; }
#left fieldset p { float: left; padding: 0; }
#left fieldset p label { float: left; width: 120px; }
#left fieldset .error { background: #c80000; color: #fff; font-weight: bold; padding: 5px; text-align: center; }

.prod-table { width: 100%; border-top: solid 1px #ccc; font-family: helvetica, arial, sans-serif; }
.prod-left { padding: 20px 0; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; }
.prod-right { padding: 20px 0; border-bottom: solid 1px #ccc;  }
.prod-img { float: left; width: 70px; text-align: center; }
.prod-img img { max-width: 60px; }
.prod-text { float: right; width: 200px; padding-right: 20px; }

#left .prod-table h3 { margin-bottom: 20px; font-size: 1.0em!important; color: #000; font-weight: bold!important; font-family: helvetica; }
#left .prod-table h3 a { text-decoration: none; color: #000; }
#left .prod-table h3 a:hover { color: #7b7b7b; }
#left .prod-table p { color: #7b7b7b; }
#left .prod-price {	font-size: 1.0em; line-height: 1.0em; color: #000!important; margin-bottom: 15px; font-weight: bold; }
#left .rrp-price {	font-size: 1.0em; line-height: 1.0em; color: #000!important; margin: 15px 0 0 0px; }
#left .prod-price span, #left .rrp-price span { color: #a70303; font-weight: bold; float: right; width: 110px; }
#left .rrp-price:hover, #left .rrp-price:hover span { color: #7b7b7b!important; }
#left .rrp-price span { text-decoration: line-through; }

.add-box { border: solid 1px #cbcbcb; padding: 8px 0 8px 10px; width: 235px; background: #efefef; margin-bottom: 25px; }
#left .add-box fieldset { border: none; padding: 0; margin: 0; font-size: 13px; }
.add-box input { float: left; width: 50px; margin-right: 10px; }
.add-box label { float: left; padding-right: 10px; padding-top: 4px; }
#left .price { color: #000; font-weight: bold; margin: 0 0 15px 0; font-size: 1.3em; }
#left .product-detail p, #left .product-detail ul { margin: 0 0 1.4em 0; }

#scart { font-size: 11px; }
#scart td { border-top: solid 1px #ccc; padding: 3px 10px 3px 0; }
#scart td.remove, #scart td.total { padding-right: 0; }
#scart th { padding: 3px 10px 3px 0; vertical-align: bottom; }
#scart table td { border: none; padding: 0; padding-left: 10px; }

#search { float: right; margin: -4px 0 15px 0; }
#search label { float: left; font-size: 0.8em; color: #ccc; margin-right: 10px; padding-top: 4px; }
#search-input { float: left; background: #efefef; border: solid 1px #ccc; border-right: none; padding: 3px; width: 150px; }
#search-input:focus { background: #fff; }

/*---------------*/

#your-cart {  position:relative; top:40px; left:-20px; float: right; background: url(../images/icon-trolley.gif) no-repeat 0 0; padding-left: 25px; }
#your-cart div { margin: 0; color: #ccddee; font-size: 0.7em; float: left; line-height: 1.2em;}
#your-cart div a { color: #fff; font-weight: bold; text-decoration: none; }
#your-cart div a:hover { text-decoration: underline; }
#your-cart .your-cart-heading { text-transform: uppercase; float: left; }
#your-cart .left { padding-right: 10px; }
#your-cart .your-cart-contains { float: left; clear: left; white-space: nowrap; }
/*
#your-cart .your-cart-price { float: left; background: url(../images/your-cart-price-bg.gif) repeat-x 0 0 #3a8dd2; padding: 7px 10px; font-size: 1.6em; -moz-border-radius: 15px; border-radius: 15px; color: #fff; }
*/
#your-cart .your-cart-price { background: url(../images/your-cart-price-bg.gif) repeat-x 0 0 #797979; padding: 7px 10px; font-size: 1.6em; -moz-border-radius: 15px; border-radius: 15px; color: #fff; position:relative; top:10px;
}

#your-cart .your-cart-price a { font-weight: normal; }
#your-cart .sm { font-size: 0.8em; }







