/* ************************************
	PRINCIPAL COMPUTERS
	===================
	Define:	Site styles and structures
	Born:	28/05/08
	Author:	taledo.com.au
	
************************************ */

* { margin:0; padding:0; }

body {
	font:62.5%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color:#ebebeb;
	color:#005cab;
}

/* Structures & Common Layouts
******************************************************************************/
#wrapAll {
	width:100%;
}

/* header */
#wrapTheHeader {
  background:#112761 url(../images/webHeader.jpg) top center no-repeat;
	border-bottom:1px solid #cbcbcb;
	margin:0 auto;
	min-width:1000px;
	width:auto !important;
	width:1000px;
}

#theHeader {
	height:120px;
	margin:0 auto;
	width:1000px;
	position:relative;
}

#companyLogo {
  float: left;
}

h1#logoReplace { 
	text-indent:-9000em;
	background:url(../images/principalLogo.gif);
	display:block;
	width:186px;
	height:50px;
	overflow:hidden;
	position:absolute;
	top:50px;
	left:10px;
}

#userAccountControlLoggedIn {
	float:right;
	margin-right:5px;
	color:#ffffff;
	padding:20px;
	background:url(../images/transparentBlue.png);
	font-size:1.1em;
}

#userAccountControlLoggedOut {
	float:right;
	margin-right:5px;
	color:#ffffff;
	padding: 10px 20px 0;
	background:url(../images/transparentBlue.png);
	font-size:1.1em;
}

#jobStatusLink {
  clear:both;
  float: left;
  margin: 10px 0;
}

#registerLink {
  float: right;
  margin: 10px 0;
}

#userAccountControlLoggedIn { width:450px; }
#userAccountControlLoggedOut { width:450px; }
#userAccountControlLoggedOut input,
#userAccountControlLoggedOut p {
	float:left;
	display:block;
}

#userAccountControlLoggedOut p { margin:4px 10px 0 0; }

#userAccountControlLoggedOut input.txtField {
	width:118px;
	margin-right:5px;
}

#userAccountControlLoggedOut input.rememberMe { 
	margin:3px 5px 0 0;
	padding:0;
	border:0;
}

#userAccountControlLoggedIn a { color:#fd9048; }
#userAccountControlLoggedIn a.disabled { color:#aaaaaa; }

#userAccountControlLoggedOut a:hover { text-decoration:none; }

.printLink { display: block; text-align: right; }

/* body structure */
#theBody {
	width:1000px;
	position:relative;
	margin:0 auto;
	background-color:#ffffff;
	border:1px solid #cbcbcb;
}

#pageStuff {
	padding:10px 0;
	color:#000000;
	font-size:1.1em;
}

/* RHS content */
#primaryContent {
	width:750px;
	float:left;
}

/* the footer */
#theFooter {

}

#terms {
	background:url(../images/termsFadeout.gif) top center no-repeat;
	margin-top:12px;
	padding:12px 0;
	font-size:1.1em;
	color:#094178;
}


/* Navigations
******************************************************************************/

#mainNavigation,
#theFooter {
	width:1000px;
	position:relative;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
	color:#c1c1c1;
}

#mainNavigation ul,
#theFooter ul {
	text-align:center;
}

#mainNavigation ul li,
#theFooter ul li {
	display:inline;
	padding-left:10px;
	font-size:1.1em;
}

#mainNavigation ul li a,
#theFooter ul li a {
	color:#094178;
	text-decoration:none;
	padding-right:10px;
}

#mainNavigation ul li a:hover,
#theFooter ul li a:hover {
	text-decoration:underline;
}

/* left side nav */
#secondaryNavigation {
	width:203px;
	border-right:1px solid #cbcbcb;
  border-bottom:1px solid #ebebeb;
	float:left;
	margin-right:20px;
}

#leftNavList {
	padding:15px 15px 5px 15px;
}

#leftNavList ul { margin-top:5px; }

#leftNavList ul li {
	background:url(../images/secondaryNavArrow.gif) top left no-repeat;
	padding:4px 4px 4px 24px;
	border-bottom:1px solid #cacaca;
	background-color:#eaeaea;
	color:#000000;
	font-size:1.1em;
}

#leftNavList ul li ul {
  margin: 4px -4px -4px -24px;
  padding-left: 8px;
  background-color: #cdcdcd;
}

#leftNavList ul li ul li {
  background:url(../images/secondaryNavArrow.gif) top left no-repeat;
  font-size: 1.0em;
}

#leftNavList ul li a { color:#000000; }

#leftNavAllProducts { text-align: center; margin-bottom: 5px; }

.category_child {
  display: none;
}

#specialsBox {
	background:url(../images/blueBg-specials.jpg) top left no-repeat;
	height:103px;
	color:#ffffff;
	font-size:1.1em;
	padding:10px 15px;
	border-bottom:1px solid white;
}

#specialsBox p { margin:8px 0 12px 0; }

#searchBox {
	background:url(../images/blueBg-search.jpg) top left no-repeat;
	height:50px;
	padding:10px 15px;
}

#searchBox img,
#specialsBox img {
	display:block;
}

#searchBox input { float:left; }

/* bread crumbs */
#breadcrumbNavigation {
	font-size:1.1em;
	padding:10px 0 0 0;
	color:#005cab;
}

/* your cart */
#yourCart {
	font-size:1.1em;
	color:#ffffff;
	position:absolute;
	top:0;
	right:0;
	background:url(../images/yourCartBg.jpg) top right no-repeat;
	height:28px;
	width:343px;
	text-align:right;
	padding:8px 20px 0 20px;
}

/* optional pagination */
.paginationWrap {
	padding:5px 0 5px 0;
}

.paginationNote { float:left; color:#999999;}
.paginationList { float:right; }

.paginationList ul li {
	display:inline;
	padding:0 4px;
}

.paginationList ul li a {
	color:#ed8038;
	text-decoration:underline;
}

.paginationList ul li a:hover  {
	text-decoration:none;
}

/* Tertiary Nav */
#tertiaryNav {
	font-size:1.3em;
	padding-bottom:20px;
	position:relative;
	margin-left:-6px; /* to offset the nav */
}

#tertiaryNav ul li {
	padding:0 0 0 6px;
	display:inline;
}

#tertiaryNav ul li a {
	padding:0 6px 0 0;
	font-weight:bold;
	color:#ed8038;
}

#tertiaryNav ul li a.activeLink { color:#000000; }

/* Typography, Links, Fonts etc
******************************************************************************/
h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
	font-weight:normal;
}

a { color:#ed8038; text-decoration:none; }

a:hover { text-decoration:underline; }

/* correct wrong inheritances */
li p, p li { font-size:1em; }

p { margin:0 0 12px 0; }

/* image text replace */
#compSystems,
#search,
#browseProds {
	display:block;
	text-indent:-9000em;
	overflow:hidden;
	background-position:top left;
	background-repeat:no-repeat;
}

#compSystems { background-image:url(../images/title-compSystems.gif); width:159px; height:22px; }
#search { background-image:url(../images/title-searchProds.gif); width:159px; height:22px; }
#browseProds { background-image:url(../images/title-browse.gif); width:159px; height:22px; }

#wrapHeading {
	border-bottom:1px solid #eaeaea;
	margin-top:10px;
	margin-bottom:0px;
	padding-bottom:4px;
}

#pageHeading { font-size:25px; text-align:left; }


/* Forms
******************************************************************************/
form * {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#searchBox input.txtField {
	width:125px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	border:1px solid #8ba9cb;
	height:15px;
	color:#005cab;
	vertical-align:middle;
	margin-right:5px;
}

#searchBox input#inputGoBtn {	
	width:30px;
	height:21px;
}

select {
  height: 18px;
}

#breadcrumbNavigation form {
  display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
#branchSelect {
  width: 100px;
  border:1px solid #88acdb;
  padding:0;
  height:18px;
  background-color:#f4f4f6;
  color: #005cab;
}


/* Commons and useful classes
******************************************************************************/
ul { list-style-type:none; }
img a, a img { border:none; }
form { margin:0; padding:0; }

.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 */