/*
-----------------------------------------------
Stretchtex Styles
Author: Chris Pearce (Cornerstone Technologies)
----------------------------------------------- */

/****************************************************************************************
>> Common HTML properties << 
*****************************************************************************************/

html, body {margin: 0; padding: 0;}
body {
	background: #FFF;
	font: 73% Arial, Helvetica, sans-serif;
	color: #1B2D5D;
	text-align: center; /* Used to center align main container in IE 5 */
	margin-top: 30px;
}

a:link, a:visited {text-decoration: underline; color: #3779AB;}
a:hover {text-decoration: none; color: #666;}
a:active {text-decoration: underline; color: #3779AB;}

p {margin: 1.4em 0; line-height: 1.4em;} 
img {border: 0;}
a img {border: 0;}
ul li {list-style-image: url('../images/template/list-bullet.gif'); line-height: 1.4em; margin-bottom: 0.5em;}
ol li {line-height: 1.4em; margin-bottom: 0.5em;}
table, td {font-size: 100%; vertical-align: top;}
ul ul {font-size: 100%;}
ol ol {font-size: 100%;}
acronym, abbr, dfn {border-bottom: 1px dotted #755F1C;}
code {font-family: courier, "courier new", monospace;}
hr {color: #ABB0B4; clear: both; height: 1px; display: block; margin: 1.2em 0;}
address {font-style: normal;}

blockquote {
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	color: #666;
}

h1 {
	margin: 0 0 0.50em 0;
	color: #1C2F5A;
	font: 500 1.90em Arial, Helvetica, sans-serif;
}

h2,h3,h4,h5,h6 {
	font: bold 1.49em Arial, Helvetica, sans-serif;
	color: #434487;
	margin: 1.4em 0 0 0;
}
h3,h4,h5,h6 {color: #989EA3; font-size: 1.40em;}
h3 span {color: red; font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
h4 {color: #434487; font-size: 1.1em;}
h5 {color:#2D2D2D;font-size:1.1em;}

.right {margin-left:10px;float:right;}
.left {margin-right:10px;float:left;}
.border {padding:2px;border:solid 1px #ccc;}

/****************************************************************************************
>> Page Containers [LAYOUT] << 
*****************************************************************************************/

/* Wrap Container
----------------------------------------------- */

#wrap {
	width: 770px;
	margin: 0 auto;
	text-align: left; /* Reset the text alignment from the body */
	position: relative;
	background: #FFF url('../images/template/wrap-bg.gif') repeat-y top left;
}
#homePage #wrap {background: #FFF;}

/* Navigation & Logo Container
----------------------------------------------- */

#navigation-logo {
	width: 136px;
	height: 440px;
	background: #343468 url('../images/template/australian-map.jpg') no-repeat bottom center;
	position: absolute;
	top: 0;
	left: 0;
}
#homePage #navigation-logo {height: 321px; background-image: none;}

#navigation-logo ul {margin: 4px 0 0 13px; padding: 0; width: 109px;}
#navigation-logo ul li {
	list-style-image: none;
	line-height: normal;
	list-style-type: none;
	display: block;
	height: 23px;
	border-bottom: 1px solid #FFF;
	margin: 0;
}
#navigation-logo ul li.home {background: url('../images/template/nav/home-on.gif') no-repeat top left;}
#navigation-logo ul li.home a {background: url('../images/template/nav/home-off.gif') no-repeat top left;}

#navigation-logo ul li.about {background: url('../images/template/nav/about-us-on.gif') no-repeat top left;}
#navigation-logo ul li.about a {background: url('../images/template/nav/about-us-off.gif') no-repeat top left;}

#navigation-logo ul li.products {background: url('../images/template/nav/products-on.gif') no-repeat top left;}
#navigation-logo ul li.products a {background: url('../images/template/nav/products-off.gif') no-repeat top left;}

#navigation-logo ul li.new-products {background: url('../images/template/nav/new-products-on.gif') no-repeat top left;}
#navigation-logo ul li.new-products a {background: url('../images/template/nav/new-products-off.gif') no-repeat top left;}

#navigation-logo ul li.UPF {background: url('../images/template/nav/UPF-tests-on.gif') no-repeat top left;}
#navigation-logo ul li.UPF a {background: url('../images/template/nav/UPF-tests-off.gif') no-repeat top left;}

#navigation-logo ul li.order {background: url('../images/template/nav/order-on.gif') no-repeat top left;}
#navigation-logo ul li.order a {background: url('../images/template/nav/order-off.gif') no-repeat top left;}

#navigation-logo ul li.contact {background: url('../images/template/nav/contact-us-on.gif') no-repeat top left;}
#navigation-logo ul li.contact a {background: url('../images/template/nav/contact-us-off.gif') no-repeat top left;}

#navigation-logo ul li a {display: block; text-decoration: none; height: 100%; width: 100%;}
#navigation-logo ul li a.active {background-image: none;}
#navigation-logo ul li a:hover {background-image: none;}

/* Flash Container
----------------------------------------------- */

#flash {
	width: 633px;
	height: 322px;
	margin-left: 137px;
}

/* Content Area Container [INTERNAL PAGE]
----------------------------------------------- */

#contentArea {
	background: #F1F6FA;
	margin-left: 137px;
	min-height: 450px;
}
* html #contentArea {height: 450px;} /* Hack for IE 6 and below */

/* Page Copy Container [INTERNAL PAGE]
----------------------------------------------- */

#contentArea #pageCopy {padding: 25px 17px 20px 20px; position: relative;}
#contentArea #pageCopy img.side-image {
	float: right;
	display: block;
	margin: 0 0 0 1.8em;
}

/* Content Area Container [HOME PAGE]
----------------------------------------------- */

#homePage #contentArea {
	background: #F1F6FA;
	position: relative;
	padding: 20px 20px 20px 0;
	min-height: 249px;
	margin: 0;
}
* html #homePage #contentArea {height: 249px;} /* Hack for IE */
#homePage #contentArea img {
	display: block;
	padding:2px;
	margin:0;
}
#homePage #contentArea * {padding-left: 22px;}
#homePage #contentArea h1 {font-size: 1.7em;}
#homePage #contentArea p {padding-left: 140px;}
#homePage #contentArea p a:link,
#homePage #contentArea p a:visited {font-weight: bold; color: #1C2F5A; padding: 0;}
#homePage #contentArea p a:hover {color: #0295C8;}

/* Footer Container
----------------------------------------------- */

#footer {clear: both; height: 5em; background: #FFF;} 
#footer p {
	margin: 0;
	padding: 15px 0 0 40px;
	color: #0A2461;
	font: 10px Arial, Helvetica, sans-serif;
	float: left;
}
#footer img {float: right; margin: 15px 35px 0 0;}

/****************************************************************************************
>> HTML Tables << 
*****************************************************************************************/

#contentArea #pageCopy table caption {display: none;}

#contentArea #pageCopy table.product-specs {
	width: 580px;
	border: 0;
	margin: 20px 0 0 0;
}
#contentArea #pageCopy table.product-specs td h1 {font: bold 1.30em Arial, Helvetica, sans-serif; margin: 0;}
#contentArea #pageCopy table.product-specs td h2 {font: bold 1.13em Arial, Helvetica, sans-serif; margin: 0 0 15px 0;}
#contentArea #pageCopy table.product-specs td ul {margin: 15px 0 0 30px; padding: 0;}
#contentArea #pageCopy table.product-specs td ul li {font-size: 0.98em; margin-bottom: 2px;}
#contentArea #pageCopy table.product-specs td ul li span {color: red; font: bold 1em Verdana, Arial, Helvetica, sans-serif;}

#contentArea #pageCopy table.product-specs td.product-info {width: 270px;}
#contentArea #pageCopy table.product-specs td.swingtags {width: 230px; text-align: center;}
#contentArea #pageCopy table.product-specs td.swingtags img {margin-right: 5px;}
#contentArea #pageCopy table.product-specs td.swingtags a img,
#contentArea #pageCopy table.product-specs td.fabric-swatches a img {border: 1px solid #F1F6FA;}
#contentArea #pageCopy table.product-specs td.swingtags a:hover img,
#contentArea #pageCopy table.product-specs td.fabric-swatches a:hover img {border: 1px solid #1C2F5A;}
#contentArea #pageCopy table.product-specs td.swingtags p {
	padding: 8px 0 0 0;
	text-align: center;
	font-size: 0.98em;
	margin: 0;
}
#contentArea #pageCopy table.product-specs td.fabric-swatches {width: 85px; text-align: right;}
#contentArea #pageCopy table.product-specs td.enlarge-version-side {width: 15px; background: url('../images/template/enlarge.gif') no-repeat top right;}

#contentArea #pageCopy table.product-specs td.order {padding-top: 10px;}
#contentArea #pageCopy table.product-specs td.order a {
	display: block;
	width: 9em;
	padding: 0.35em 0 0.35em 0;
	text-align: center;
	font: bold 0.95em Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #E0EBF3;
	border: 1px solid #1C2F5A;
	border-right-width: 2px;
	border-bottom-width: 2px;
	color: #1C2F5A;
}
#contentArea #pageCopy table.product-specs td.order a:hover {
	border-width: 2px 1px 1px 2px;
	background: #94BAD6;
}

#contentArea #pageCopy table.product-specs td.bottom-row {
	height: 32px; 
	font-size: 8px; 
	background: url('../images/product-detail/blue-strip.gif') no-repeat bottom center;
}
.product {
	width:100%;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	font-size:90%;
	margin:10px 0 0;
}
.product th, .product td {
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	padding:0 3px;
	text-align:center;
}
.product th {
	background:#E0EBF3;
	font-weight:700;
	text-transform:uppercase;
}
.product .id {
	font-weight:700;
}
.brochures {
	text-align:center;
}
.brochures a img {
	margin:5px 15px;
	padding:2px;
	border:1px solid #c3c3c3;
	background:#fff;
}
.brochures a:hover img {
	border:1px solid #1C2F5A;
}
.stock {color:#FF0000;}

/****************************************************************************************
>> Form Styles << 
*****************************************************************************************/

form {
	width: 90%;
	position: relative;
	margin: 20px auto;
	padding: 0;
	border: 1px solid #CCC;
	background: #E6F0F7;
	/*display: none;*/
}
form fieldset {padding: 2em 0.40em 1em 0.40em; border: 0;}
form fieldset legend {display: none;}

form label {
	width: 100%;
	margin: 0 0 1em 0;
	float: left;
}

form label br {clear: both;}
form h2 {
	margin: 0 0 0.60em 0;
	padding: 4px 0 4px 6px;
	font-size: 1.2em;
	border: 1px solid #CCC;
	background: #CADFEE;
	clear: both;
}
form hr {margin: 0; visibility: hidden;}
	
form label input, 
form label textarea,
form label select {
	width: 200px;
	margin-left: 0.80em;
	border: 1px solid #999;
	border-bottom-color: #666;
	border-right-color: #666;
}
form label input.smallTextField {width: 80px;}
form label input.medTextField {width: 120px;}
form label select {width: auto;}
form label input:hover,
form label textarea:hover,
form label input:focus,
form label textarea:focus {background: #CFF2FE;}
form label textarea {font-family: Arial, Helvetica, sans-serif; width: 300px; margin-left: 0.70em;}
* html form label textarea {margin-left: 0.80em;} /* Hack for IE 6 and below */

form label span {
	float: left; 
	width: 9em;
	display: block;
	position: relative;
	text-align: right;
	font-weight: bold;
	padding-top: 0.14em;
}
form label span strong {
	color: #c00;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

form div.req {
	position: absolute;
	top: 1px; 
	right: 1px;
	width: 13.5em;
	text-align: center;
	background: #CCC;
	padding: 5px 0 5px 0;
	border: 1px solid #CCC;
	border-top: 0;
	border-right: 0;
}
form div.req strong {color: #c00; font: bold 100% Verdana, Arial, Helvetica, sans-serif;}

form div.submit-wrap {padding: 5px 0 5px 10em; clear: both;}

form div.submit-wrap input {
	width: 7em;
	min-width: 7em;
	padding: 1px .3em 3px .3em;
	border: 1px solid #008BAE;
	border-bottom-color: #004759;
	border-left-color: #004759;
	background: #008BAE url('../images/template/submit-bg.jpg') repeat-x 0 100%;
	color: #fff; 
	font: bold 92% Tahoma, Verdana, "Lucida Sans Unicode", Helvetica, Arial, sans-serif; 
	text-transform: uppercase;
	float: none;
	margin: 0;
}	

/* FABRIC CHOICE CONTAINERS & STYLES */
form div.fabricChoice {
	width: 43%;
	float: left;
	margin: 0 0 0 0.85em;
	padding-bottom: 10px;
}
form div.fabricChoice label {
	display: block;
	float: none;
	width: auto;
	margin: 0 0 0.50em 0;
}
form div.fabricChoice input {
	width: auto; 
	border: 0;
	margin: 0;
}
form div.fabricChoice label span {
	float: none; 
	width: auto;
	display: inline;
	position: static;
	text-align: left;
	font-weight: bold;
	padding-top: 0;
	padding-left: 0.40em;
} 

/****************************************************************************************
>> Page Styles [Classes] << 
*****************************************************************************************/

/* ABOUT US - LOGO BOX */
#contentArea #pageCopy div.logo-box {
	float: left;
	width: 190px;
	margin: 20px 2px;
	border: 2px double #CCC;
	text-align: center;
	font-size: 0.95em;
	font-style: italic;
	padding-bottom: 5px;
	background: #AACCE6;
}
#contentArea #pageCopy div.logo-box img {margin-bottom: 5px; display: block; border-bottom: 1px solid #CCC;}

/* CLEAR ALL */
#contentArea #pageCopy br.clear {clear: both;}

/* PRODUCTS - PRODUCT BOX */
#contentArea #pageCopy a.products-box {
	float: right;
	width: 165px;
	height: 8em;
	margin: 0 0 20px 20px;
	border: 1px solid #999;
	border-bottom-width: 2px;
	border-right-width: 2px;
	background: #FFF url('../images/template/fabric-strips.jpg') no-repeat bottom center;
	display: block;
	text-decoration: none;
	color: #000;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 5px;
}
#contentArea #pageCopy a.products-box:hover {
	border: 1px solid #0295C8;
	border-top-width: 2px;
	border-left-width: 2px;
	color: #0295C8;
}

/* CLOSE WINDOW LINK */

#pageCopy a.closeWindow {
	display: block;
	width: 8.3em!important;
	width /**/: 10.53em;
	padding: 0.35em 0.50em 0.35em 1.8em;
	border: 1px solid #CCC;
	background: #3978AB url('../images/template/close-box.gif') no-repeat left center;
	margin: 0 auto;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
}
#pageCopy a.closeWindow:hover {background: #666 url('../images/template/close-box.gif') no-repeat left center;}