/* ************************************
	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:3px 5px 0 0;
}

#customCart input.txtField { width:487px; }
#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; }


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; }


/* product listing specials class */
.special_name { font-size: .5em; color: red; }
.special_price { font-weight: bold; color: red; }


/* 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.4em;
	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
************************************ */

table.welcomeTable td {
	border:3px solid #cacaca;
	width:328px;
	padding:15px;
	background:#15253E url(../images/featureModuleBg.jpg) top right no-repeat;
	margin-bottom:16px;
	color:#ffffff;
}

table.welcomeTable td img {
	float:right;
	display:block;
}

.nf { float:none !important; }

table.welcomeTable td h3 { font-size:20px; text-align:left; margin-bottom:8px; }

table.welcomeTable td h4 {
	color:#d3edff;
	font-size:1.2em;
	margin:0;
	font-weight:bold;
}

table.location td {
  width:0;
  height:0;
  border:none;
  background:none;
	padding-bottom:8px;
	padding-right:8px;
	vertical-align:middle
}


span.date { color:#999999; }
p.price { font-size:1.6em; }
p.subHeading { font-size:1.2em; font-weight:bold; }

p.disclaimer { text-align: justify; color: #666666; font-size: 0.8em; margin: 0 30px;}

/* 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;
	float:left;
}

#productImage img { 
	border:2px solid #cacaca;
	display:block;
	margin:0 0 5px 0;
}

#productInformation {
	width:470px;
	float:left;
	margin-left:20px;
}

#addToCartSection {
	background-color:#e7e7e7;
	border:1px solid #cacaca;
	padding:20px 28px;
}

#addToCartSection input,
#addToCartSection p.qtyTxt {
	float:left;
	margin:0 5px 0 0;
}

/* Contact Us
************************************ */
.contactModuleWrap {
	width:239px;
	min-height:500px;
	float:left;
}

.contactModuleWrap2 {
	clear: both;
  padding-top: 14px;
}

.contactModuleWrap2 table {
  background-color:#e7e7e7;
  border:1px solid #cbcbcb;
}

.contactModuleWrap h3,
.contactModuleWrap2 h3 {
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 8px 0;
}

.contactModuleInfo h4,
.contactModuleInfo2 h4 {
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:bold;
}

.contactModuleInfo a,
.contactModuleInfo2 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 14px 0px 14px;
	background-color:#e7e7e7;
	border-left:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
}

.contactModuleInfo2 {
	padding:0px 14px 14px 14px;
}

.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;
}

.detailsTable p.mandatory { color:#777777; }

.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:150px;
	float:left;
}

.buildImg img {
	border:2px solid #cacaca;
	display:block;
	margin:0 0 5px 0;
}

.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; }
