/* ************************************
	PRINCIPAL COMPUTERS
	===================
	Define:	Specific page layouts
	Born:	28/05/08
	Author:	taledo.com.au
	
************************************ */

/* Shopping Cart
************************************ */

#customCart {
	background-color:#e7e7e7;
	border:1px solid #cbcbcb;
	text-align:center;
	margin-top:30px;
	padding:10px;
	margin-bottom:8px;
}

#customCart p.addcustomTxt { 
	float:left;
	margin:4px 5px 0 0;
}

#customCart input.txtField { width:380px; }
#customCart input.Price { width:50px; }
#customCart input { float:left; margin:0 5px 0 0; }

.buttonsAction {
	margin:10px 0 0 0;
	text-align:right;
  clear: right;
}

/* tables
************************************ */
table.thTableOnly {
	border:none;
	color:#000000;
}

table.thTableOnly th {
	color:#000000;
	font-weight:bold;
	border:none;
	font-size:1.2em;
	text-align:left;
}


table.dataTable {
	border:1px solid #e1e1e1;
	color:#000000;
	border-collapse:collapse;
	margin-bottom:5px;
}

table td,
table th { font-size:inherit; }

table.thTableOnly th.greyed, table.dataTable td.greyed { color: #888888; }

td.whiteBelow { border-bottom:1px solid #ffffff;  }
td.greyBelow { border-bottom:1px solid #e1e1e1;  }


table.thTableOnly th,
table.dataTable td {
	padding:10px;
	text-align:left;
}

table.dataTable td a {
	color:#ed8038;
	text-decoration:underline;
	font-weight:bold;
}

table.dataTable tr { background-color:#e7e7e7; }
table.dataTable tr.trAltColor { background-color:#f3f3f3; }
table.dataTable tr.trBuildColor { background-color:#f3f388; }
table.dataTable tr.trSearchCategory { background-color:#ffffff; color: #005cab; }

.alignRight { text-align:right !important; }
.alignCenter { text-align:center !important; }
.alignLeft { text-align:left !important; }

table td img { border:1px solid #cacaca; }


/* system builder tables */

table.kitTable {
	color:#000000;
	border-collapse:collapse;
}

table.kitTable td {
	padding:3px;
	text-align:left;
}

table.kitTable td.selected { height: 71px; }

table.kitTable tr { background-color:#e7e7e7; }
table.kitTable tr.trAltColor { background-color:#f3f3f3; }


/* pwd retrieval table */
table.tablePwd {
  width: 450px;
  border:1px solid #e1e1e1;
	color:#000000;
	border-collapse:collapse;
	margin-bottom:5px;
}

table.tablePwd td {
  background-color:#e7e7e7;
  padding:5px;
}

table.tablePwd td p { padding-top: 8px; }

table.tablePwd td input.txtField { width: 220px; }

/* totals Blue table */
table.tableBlueLrg {
	background-color:#094178;
	font-size:1.1em;
	font-weight:bold;
	color:#ffffff;
	margin-top:10px;
}

table.tableBlueLrg tr.owingRed {
  background-color:red;
}

table.tableBlueLrg td {
	padding:8px;
}

table.qtyCatTable td,
table.qtyCatTable tr {
	background-color:transparent !important;
}

table.qtyCatTable * {
	padding:0 !important;
	margin:0 !important;
	background:none;
}

table.qtyCatTable td {
	padding-bottom:0px !important;
  padding-left:3px !important;
}

/* Welcome page
************************************ */

#prodLogos { text-align: center; }
#prodLogos .prodLogo {
  margin: 0 4px;
  vertical-align: middle;
}

table.welcomeTable td {
	width:360px;
	margin-bottom:16px;
	color:#064885;
}

.nf { float:none !important; }

table.welcomeTable #tdPartner {
  width: 360px;
  height: 195px;
}

table.welcomeTable #tdPartner #tdPartnerImage { width: 361px; position: absolute; border: none; }

table.welcomeTable #tdPartner #tdPartnerBecome { margin: 8px 0 0 7px; }
table.welcomeTable #tdPartner #tdPartnerPartner { margin: 8px 0 0 190px; }

table.welcomeTable #tdPartner #tdPartnerBecome,
table.welcomeTable #tdPartner #tdPartnerPartner {
  font: bold 16pt Verdana;
  color: white;
  position: absolute;
}

table.welcomeTable #tdPartner #tdPartnerClickHere:hover {
  text-decoration: underline;
  cursor: pointer;
}

table.welcomeTable #tdPartner #tdPartnerClickHere {
  font: bold 11pt Arial;
  text-align: center;
  width: 50%;
  position: relative;
  margin: 106px 0 0 0;
}

table.welcomeTable td h3 {
  font: bold 10pt Arial;
  background:#898989 url(../images/subHeader.jpg) top left no-repeat;
  text-align:left;
  padding: 7px 12px 5px 12px;
  height: 19px;
  width: 337px;
  color: white;
}

table.welcomeTable td h4 {
	font-weight:bold;
}

table.location { margin-top: 15px; margin-left: auto; margin-right: auto; }
table.location td {
  background:none;
  padding: 5px;
	vertical-align:middle;
  text-align: center;
}

div.news { padding: 15px 10px; }
span.date { font-size: 0.8em; color:#898989; }
.special {
  clear: both;
  border-bottom: 1px solid #ed823b;
  margin: 0 0 0 15px;
  padding: 15px 0;
  height: 80px;
}
.special p.price { font-size:1.0em; font-weight: bold; float:left; }
.special p.subHeading { font-size:1.0em; font-weight:bold; margin-bottom: 2px; height: 30px; }
.special p.desc { font-size: 0.8em; height: 24px; margin-bottom: 5px; }
.special .imgSpecial { float: right; }

.specialThumbnail {
  height: 63px;
  width: 63px;
  border: 1px solid silver;
  margin-right: 4px;
  background: white;
  float: left;
}

.specialThumbnail img {
  border: none;
}

/* Typography
************************************ */

span.lightColor {
	color:#999999;
}

#productInformation h3 {
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;
}


/* Form elements
************************************ */

input.txtField,
textarea.txtArea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #8ba9cb;
	padding:2px;
	height:16px;
	background-color:#f4f4f6;
}

input.qtySmall {
	width:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	border:1px solid #8ba9cb;
	height:19px;
	background-color:#f4f4f6;
  text-align: center;
}

#addToCartSection input.qtySmall {
	margin-bottom:0 !important;
}

.detailsTable input.txtField { width:190px; }

.detailsTable input.submitImg {
	margin-top:10px;
	float:right;
}

#customerDetails input.txtField { width:180px; }

#additionalDetails textarea.txtArea {
	width:420px;
	height:60px;
}

#additionalDetails input.txtField { width:180px; }

select.accSelect {
  width: 100px;
  border:1px solid #8ba9cb;
  padding:0;
  height:20px;
  background-color:#f4f4f6;
}

/* Product details page
************************************ */

#productImage {
  width: 256px;
  height: 256px;
  float: left;
  text-align: center;
}

#productImage #mainImage {
  text-align: center;
  border: none;
	margin:0 0 15px 0;
}

#zoomProductImage {
  padding: 0px 28px 10px;
}

#productInformation {
	width:470px;
	float:left;
	margin-left:20px;
}

#addToCartSection {
	background-color:#e7e7e7;
	border:1px solid #cacaca;
  margin-top: 10px;
  padding:10px 0 20px 0;
}

#addToCartSection input,
#addToCartSection p.qtyTxt {
	margin:5px 0 0 0;
  vertical-align: middle;
}

.productThumbnail {
  height: 63px;
  width: 63px;
  border: 1px solid silver;
  background: white;
  text-align: center;
}

.productThumbnail img {
  border: none;
}

/* Contact Us
************************************ */
.contactModuleWrap {
	width:239px;
	min-height:500px;
	float:left;
}

.contactModuleWrap h3 {
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 8px 0;
}

.contactModuleInfo h4 {
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:bold;
}

.contactModuleInfo a { 	color:#ed8038; text-decoration:underline; }

.contactModuleWrap img {
	display:block;
	border-top:1px solid #cbcbcb;
	border-left:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
}

.contactModuleInfo {
	padding:14px;
	background-color:#e7e7e7;
	border-left:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
}

.marginRight15 { margin-right:15px; }
#googleMap { margin:0 0 5px 0; }


/* My details
************************************ */

.detailsTable {
	height:500px;
	width:365px;
	float:left;
	margin-bottom:10px;
}

.detailsTable h3,
#customerDetails h3,
#additionalDetails h3 {
	font-weight:bold;
	font-size:1.2em;
}

p.mandatory { color:red; }
p.disclaimer {
  text-align: justify;
  margin: 5px;
  color: grey;
  font-size: 0.8em;
}

.retDetailTable tr td { padding: 2px; margin: 0; }

/*confirm*/
#customerDetails,
#additionalDetails {
	margin-top:25px;
}

#customerDetails h3,
#additionalDetails h3 { margin-bottom:10px; }





/* System Build
************************************ */
.buildProductWrap {
	margin:0 0 10px 0;
	clear:both;
}

.buildImg {
  width: 139px;
  height: 124px;
  display: block;
  border:2px solid #cacaca;
  float: left;
  text-align: center;
}

.buildImg img {

}

.buildInformation {
	width:580px;
	float:left;
	margin-left:10px;
}

.buildInformation h3 {
	font-size:1.1em;
	font-weight:bold;
}

.buildCats {
	margin-bottom:20px;
}

.buildCats h3 { font-weight:bold; font-size:1.2em; }

.systemStockCode {
  color: #888888;
}

.systemImg {
  width: 63px;
  height: 63px;
  text-align: center;
  display: inline;
}