/*
	SUSF Style Sheet
	December 2007
	
	Design by Pollen Digital
	http://www.pollen.com.au/

	CSS by David Nash
	http://davidnash.com.au
	
	Modified by Helen Kundicevic
*/

#susf-Content, #susf-Product-Content {
	background-color: #fff;
	width: 563px;
	float: right;
	margin-bottom: 0px;
	padding-bottom: 30px;
}

#susf-Product-Content {
	padding-bottom: 100px;
	background: #F9F9F7;
}

#susf-Content .hidden {
	display: none;
}

#susf-Nav {
	min-height: 25px;
	background: #A7B0B5 url("../page_images/susf_nav_grey_bg.jpg") repeat-y;
	font-size: 126%;
	padding: 6px 0 0 0;
	color: #fff;
}

#susf-Nav a {
	color: #fff;
	text-decoration: none;
	padding: 0 14px;
}

#susf-Nav a:hover {
	text-decoration: underline;
}

#susf-Nav a#susf-Current {
	color: #FEC224;
}



/*
	Welcome
*/


#susf-Welcome-Products {
	margin: 4px 0;
}

#susf-Welcome-Products a img {
	display: block;
	float: left;
}

ul#susf-WelcomeNav {
	clear: both;
	float: left;
	margin: 3px 0 0 0; 
	padding: 0;
}

ul#susf-WelcomeNav li {
	float: left;
	margin: 0; padding: 0;
}

ul#susf-WelcomeNav li a {
	display: block;
	margin: 0; padding: 0;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 175%;
	background: #0A88FF url("../page_images/susf_nav_bg.jpg") repeat-y;
}

ul#susf-WelcomeNav li a img {
	padding-left: 5px;
}

ul#susf-WelcomeNav #susf-WN-Women a {
	width: 177px;
	padding: 6px 0 0 10px;
	height: 31px;
}

ul#susf-WelcomeNav #susf-WN-Men a {
	width: 172px;
	padding: 6px 0 0 17px;
	height: 31px;
}

ul#susf-WelcomeNav #susf-WN-Accs a {
	width: 172px;
	padding: 6px 0 0 15px;
	height: 31px;
}




#susf-Welcome {
	background: #fff;
	width: 349px;
	padding: 0 13px 40px 10px;
	font-size: 110%;
	float: left;
}

#susf-Welcome h2 {
	font-weight: bold;
	margin: 0; 
	padding: 16px 0 2em 0;
	font-size: 147%;
	color: #000;
}

#susf-Welcome h2 span.orange {
	color: #FEC224;
}

#susf-Welcome p {
	width: 85%;
	color: #73777A;
}

#susf-SideBar {
	margin: 0;
	padding: 0 10px;
	width: 160px;
	float: right;
	font-size: 110%;
}

#susf-SideBar h2 {
	font-weight: bold;
	margin: 0; 
	padding: 16px 0 1em 0;
	font-size: 147%;
	color: #000;
	font-size: 133%;
}

#susf-SideBar p {
	color: #73777A;
}

#susf-SideBar a {
	color: #0D8AFF;
	text-decoration: underline;
}

#susf-SideBar img {
	padding: 0 0 0 15px;
}


a#susf-FindItHere {
	display: block;
	margin: 1.5em 0 0 0;
	padding: 0.3em 0.1em 0.3em 0.9em;
	border: 1px solid #0B7DC3;
	color: #0B7DC3;
	background: #fff;
	font-size: 155%;
	width: 7em;
	font-weight: bold;
}

a:hover#susf-FindItHere {
	text-decoration: none;
	border-width: 2px;
	position: relative;
	top: -1px;
	left: -1px;
}





/*
	Product Summary	
*/

#uts-Womens, #uts-Mens, #uts-Accs {
	background: #C0C8CB url("../page_images/uts_productHeader.jpg") no-repeat 428px 7px;
	padding: 0;
	margin: 3px 0 1px 0;
	height: 116px;
	position: relative;
	border-bottom: 3px solid #fff;
}

#uts-Womens h2, #uts-Mens h2, #uts-Accs h2 {
	position: absolute;
	bottom: 12px;
	left: 13px; 
	margin: 0; padding: 0;
	color: #fff;
	font-size: 170%;
}

#uts-Womens {
	background: #C0C8CB url("../page_images/uts_productHeaderWomens.jpg") no-repeat 428px 7px;
}

#uts-Mens {
	background: #C0C8CB url("../page_images/uts_productHeaderMens.jpg") no-repeat 428px 7px;
}

#uts-Accs {
	background: #C0C8CB url("../page_images/uts_productHeaderAccs.jpg") no-repeat 428px 7px;
}



#uq-Womens, #uq-Mens, #uq-Accs {
	background: #C0C8CB url("../page_images/uq_productHeader.jpg") no-repeat 428px 7px;
	padding: 0;
	margin: 3px 0 1px 0;
	height: 116px;
	position: relative;
	border-bottom: 3px solid #fff;
}

#uq-Womens h2, #uq-Mens h2, #uq-Accs h2 {
	position: absolute;
	bottom: 12px;
	left: 13px; 
	margin: 0; padding: 0;
	color: #fff;
	font-size: 170%;
}

#uq-Womens {
	background: #C0C8CB url("../page_images/uq_productHeaderWomens.jpg") no-repeat 428px 7px;
}

#uq-Mens {
	background: #C0C8CB url("../page_images/uq_productHeaderMens.jpg") no-repeat 428px 7px;
}

#uq-Accs {
	background: #C0C8CB url("../page_images/uq_productHeaderAccs.jpg") no-repeat 428px 7px;
}




#nd-Clo, #nd-Accs, #nd-Mem {
	background: #C0C8CB url("../page_images/nd_productHeader.jpg") no-repeat 428px 7px;
	padding: 0;
	margin: 3px 0 1px 0;
	height: 116px;
	position: relative;
	border-bottom: 3px solid #fff;
}

#nd-Clo h2, #nd-Accs h2, #nd-Mem h2 {
	position: absolute;
	bottom: 12px;
	left: 13px; 
	margin: 0; padding: 0;
	color: #fff;
	font-size: 170%;
}

#nd-Clo {
	background: #C0C8CB url("../page_images/nd_productHeaderClo.jpg") no-repeat 428px 7px;
}

#nd-Accs {
	background: #C0C8CB url("../page_images/nd_productHeaderAcc.jpg") no-repeat 428px 7px;
}

#nd-Mem {
	background: #C0C8CB url("../page_images/nd_productHeaderMem.jpg") no-repeat 428px 7px;
}



#anu-Womens, #anu-Mens, #anu-Accs {
	background: #C0C8CB url("../page_images/anu_productHeader.jpg") no-repeat 428px 7px;
	padding: 0;
	margin: 3px 0 1px 0;
	height: 116px;
	position: relative;
	border-bottom: 3px solid #fff;
}

#anu-Womens h2, #anu-Mens h2, #anu-Accs h2 {
	position: absolute;
	bottom: 12px;
	left: 13px; 
	margin: 0; padding: 0;
	color: #fff;
	font-size: 170%;
}

#anu-Womens {
	background: #C0C8CB url("../page_images/anu_productHeaderWomens.jpg") no-repeat 428px 7px;
}

#anu-Mens {
	background: #C0C8CB url("../page_images/anu_productHeaderMens.jpg") no-repeat 428px 7px;
}

#anu-Accs {
	background: #C0C8CB url("../page_images/anu_productHeaderAccs.jpg") no-repeat 428px 7px;
}




#uwa-Womens {
	background: #C0C8CB url("../page_images/uwa_productHeaderWomens.jpg") no-repeat 428px 7px;
}

#uwa-Mens {
	background: #C0C8CB url("../page_images/uwa_productHeaderMens.jpg") no-repeat 428px 7px;
}

#uwa-Accs {
	background: #C0C8CB url("../page_images/uwa_productHeaderAccs.jpg") no-repeat 428px 7px;
}


#uwa-Womens, #uwa-Mens, #uwa-Accs {
	background: #C0C8CB url("../page_images/uwa_productHeader.jpg") no-repeat 428px 7px;
	padding: 0;
	margin: 3px 0 1px 0;
	height: 116px;
	position: relative;
	border-bottom: 3px solid #fff;
}

#uwa-Womens h2, #uwa-Mens h2, #uwa-Accs h2 {
	position: absolute;
	bottom: 12px;
	left: 13px; 
	margin: 0; padding: 0;
	color: #fff;
	font-size: 170%;
}

#uwa-Womens {
	background: #C0C8CB url("../page_images/uwa_productHeaderWomens.jpg") no-repeat 428px 7px;
}

#uwa-Mens {
	background: #C0C8CB url("../page_images/uwa_productHeaderMens.jpg") no-repeat 428px 7px;
}

#uwa-Accs {
	background: #C0C8CB url("../page_images/uwa_productHeaderAccs.jpg") no-repeat 428px 7px;
}



#scu-Womens, #scu-Mens, #scu-Accs {
	background: #C0C8CB url("../page_images/scu_productHeader.jpg") no-repeat 428px 7px;
	padding: 0;
	margin: 3px 0 1px 0;
	height: 116px;
	position: relative;
	border-bottom: 3px solid #fff;
}

#scu-Womens h2, #scu-Mens h2, #scu-Accs h2 {
	position: absolute;
	bottom: 12px;
	left: 13px; 
	margin: 0; padding: 0;
	color: #fff;
	font-size: 170%;
}

#scu-Womens {
	background: #C0C8CB url("../page_images/scu_productHeaderWomens.jpg") no-repeat 428px 7px;
}

#scu-Mens {
	background: #C0C8CB url("../page_images/scu_productHeaderMens.jpg") no-repeat 428px 7px;
}

#scu-Accs {
	background: #C0C8CB url("../page_images/scu_productHeaderAccs.jpg") no-repeat 428px 7px;
}





#susf-Womens, #susf-Mens, #susf-Accs {
	background: #C0C8CB url("../page_images/sufs_productHeader.jpg") no-repeat 428px 7px;
	padding: 0;
	margin: 3px 0 1px 0;
	height: 116px;
	position: relative;
	border-bottom: 3px solid #fff;
}

#susf-Womens h2, #susf-Mens h2, #susf-Accs h2 {
	position: absolute;
	bottom: 12px;
	left: 13px; 
	margin: 0; padding: 0;
	color: #fff;
	font-size: 170%;
}

#susf-Womens {
	background: #C0C8CB url("../page_images/sufs_productHeaderWomens.jpg") no-repeat 428px 7px;
}

#susf-Mens {
	background: #C0C8CB url("../page_images/sufs_productHeaderMens.jpg") no-repeat 428px 7px;
}

#susf-Accs {
	background: #C0C8CB url("../page_images/sufs_productHeaderAccs.jpg") no-repeat 428px 7px;
}




.susf-Product-Summary {
	float: left;
	width: 133px;
	height: 215px;
	background: #fff;
	margin: 4px 1px 2px 5px;
}

.susf-Product-Summary img {
	display: block;
	margin: 6px 5px 2px 5px;
}

.susf-Product-Summary p {
	margin: 0;
	padding: 0 5px 7px 5px;
	color: #73777A;
	font-size: 110%;
}

.susf-Product-Summary p span { color: #c00; }


/*
	Product Details
*/

img#susf-DetailedImage {
	padding-top: 3px;
	float: left;
}

#susf-Details {
	float: right;
	background: #C0C8CB;
	color: #fff;
	font-size: 12px;
	width: 261px;
	height: auto;
	margin-top: 3px;
	padding: 10px 10px;
}

#susf-Details h2 {
	line-height: 110%;
	font-size: 150%;
	margin: 0;
	padding: 0 0 1em 0;
}

#susf-Details p {
	margin: 0;
	padding: 0 0 1em 0;
	width: 85%;
}

#susf-Details form p {
	padding: 0;
	font-size: 110%;
}

#susf-Details form a {
	color: #007BC3;
	text-decoration: underline;
}

#susf-Details form {
	margin: 0; padding: 0;
}

#susf-Details select {
	margin: 5px 0;
}

#susf-Details button {
	display: block;
	margin: 8px 0 0 0;
	border: 1px solid #C0C8CB;
	background: #fff;
	color: #A8B0B3;
	font-family: Arial;
	font-weight: bold;
	font-size: 110%;
	padding: 0.2em 0.6em;
}

#susf-Colours-Price {
	clear: both;
}

#susf-Colours {
	float: left;
	width: 280px;
}

#susf-Colours table {
	border-collapse: collapse;
	margin: 18px 0 0 7px;
}

#susf-Colours td {
	background: #fff;
	font-size: 110%;
	color: #000;
	width: 117px;
	padding: 2px 0 0 5px;
}

#susf-Colours .susf-ColourBlock {
	width: 20px;
	height: 20px;
	float: left;
	position: relative;
	top: -3px;
	margin: 0 9px 0 0;
}

#susf-Colours #susf-NavyBlue {
	background: #00293F;
}

#susf-Colours #susf-PureWhite {
	border: 1px solid;
	border-color: #4a4a4a #b1b1b1 #9c9c9c #797979;
	width: 18px;
	height: 18px;
}

#susf-Colours #susf-BlueGrey {
	background: #949fb5;
}

#susf-Colours #susf-CrimsonRed {
	background: #B01B2F;
}

#susf-Colours #susf-GreyBlast {
	background: #A1A1A1;
}

#susf-Colours #susf-DustyPink {
	background: #FFCCCC;
}

#susf-Colours #susf-DesertTaupe {
	background: #DFC1B5;
}

#susf-Colours #susf-SkyBlue {
	background: #99FFFF;
}

#susf-Colours #susf-Black {
	background: #000000;
}

#susf-Colours #scu-GreenTea {
	background: #cccc99;
}

#susf-Colours #scu-Sand {
	background: #ddd8c8;
}

#susf-Colours #scu-Natural {
	background: #e5e1e0;
}

#susf-Colours #scu-PacificBlue {
	background: #003366;
}


#susf-Colours #scu-Chocolate {
	background: #432E2D;
}

#susf-Colours #scu-Bottle {
	background: #194033;
}

#susf-Colours #scu-Moss {
	background: #996600;
}

#susf-Colours #scu-Charcoal {
	background: #333333;
}

#susf-Colours #scu-Sorbet {
	background: #FFFF33;
}				

#susf-Colours #scu-SoftBlue {
	background: #B5C2DD;
}

#susf-Colours #scu-VividBlue {
	background: #206EC0;
}								

#susf-Colours #susf-Purple {
	background: #609;
}

#susf-Colours #susf-Green {
	background: #17a05e;
}

#susf-Colours #susf-Mauve {
	background: #603181;
}

#susf-Colours #susf-HotPink {
	background: #F660AB;
}

#susf-Colours #susf-Lime {
	background: #00FF00;
}

#susf-Colours #susf-Gold {
	background: #D4A017;
}

#susf-Colours #susf-PaleGreen {
	background: #99cc99; 
}

#susf-Colours #uts-Pink {
	background: #ff0099; 
}

#susf-Colours #susf-Mustard {
	background: #cfb296; 
}

#susf-Price {
	font-size: 190%;
	margin-top: 24px;
	font-weight: bold;
	float: right;
	width: 270px;
}

.susf-small {
	font-size: 11px;
	font-weight: normal;
}

.susf-red {
	color: #D32F0C;
}

#susf-Similar {
	clear: both;
	padding: 19px 0 0 0px;
}

#susf-Similar h3 {
	font-size: 165%;
	color: #303030;
	margin: 0;
	padding: 0 0 0 10px;
}

a.susf-viewChart {
	color: #D32F0C !important;
}


/*
	Sizing Guide
*/
#susf-SizeGuide {
	padding: 0;
	margin: 3px 0 1px 0;
	height: 116px;
	position: relative;
	border-bottom: 3px solid #fff;
	background: #C0C8CB;
}

#susf-SizeGuide h2 {
	position: absolute;
	bottom: 12px;
	left: 13px; 
	margin: 0; padding: 0;
	color: #fff;
	font-size: 170%;
}

#susf-SizeGuide table {
	border-collapse: collapse;
	position: absolute;
	bottom: 15px;
	right: 20px;
	padding: 0; margin: 0;
	font-size: 110%;
}

#susf-SizeGuide th {
	color: #000;
	font-weight: bold;
}

#susf-SizeGuide td {
	color: #fff;
}

#susf-SizeGuide td, #susf-SizeGuide th {
	background: #BEC6C9;
	border-width: 0;
	padding: 0 15px;
}

#susf-SizeGuide td a {
	color: #fff;
}

#susf-SizeGuide td a#susf-Currrent-Size {
	color: #FEC224;
}

#susf-SizeContent {
	padding: 35px 10px 10px 14px;
}

#susf-SizeContent h2 {
	font-size: 165%;
	color: #303030;
	padding: 0;
	margin: 0;
}

#susf-SizeContent table {
	margin: 10px 0 15px 0;
	padding: 0;
	border-collapse: collapse;
	width: 95%;
}

#susf-SizeContent td, #susf-SizeContent th {
	color: #000;
	background: #fff;
	padding: 3px;
	margin: 0;
	text-align: center;
	border-width: 0;
}

#susf-SizeContent th.susf-greyBG {
	background: #E5E5E5;
}

#susf-SizeContent th {
	font-weight: bold;
}

#susf-SizeContent th.susf-RowTH {
	text-align: left;
	width: 30%;
}

#susf-SizingImage {
	float: left;
}

#susf-SizingInfo {
	float: right;
	width: 170px;
	margin: 80px 80px 0 0;
}


/*
	SUSF Info
*/
#susf-InfoMembers {
	padding: 0;
	margin: 3px 0 1px 0;
	height: 116px;
	position: relative;
	border-bottom: 3px solid #fff;
	background: #C0C8CB;
}

#susf-InfoMembers h2#susfInfoTitle {
	position: absolute;
	bottom: 12px;
	left: 13px; 
	margin: 0; padding: 0;
	color: #fff;
	font-size: 170%;
}

#susf-InfoMembers h2#susfMembersTitle {
	position: absolute;
	bottom: 12px;
	left: 350px; 
	margin: 0; padding: 0;
	color: #fff;
	font-size: 170%;
}


#susf-InfoMembersText {
	background: #F9F9F7;
	float: left;
	margin-bottom: 15px;
}

#susf-InfoMembersText p {
	color: #72777A;
}

#susf-InfoText {
	float: left;
	width: 300px;
	padding: 12px 12px 0 12px;
	font-size: 110%;
}

#susf-MembersText {
	float: right;
	width: 200px;
	margin: 12px 15px 0 0;
	font-size: 110%;
}

#susf-Address {
	float: left;
	width: 250px;
	margin: 0 0 0 15px;
	font-size: 110%;
}

#susf-Address h2 {
	color: #303030;
	margin: 0;
	padding: 0 0 1.6em 0;
	font-size: 153%;
	line-height: 100%;
}

#susf-ContactForm {
	float: right;
	width: 290px;
}

#susf-ContactForm table {
	border-collapse: collapse;
	margin: 0 0 0 auto;
}

#susf-ContactForm td {
	background: #fff;
	border-width: 0;
	padding: 4px 0 4px 4px;
	margin: 0;
}

#susf-ContactForm td.susf-Right {
	text-align: right;
	font-size: 110%;
}

#susf-ContactForm .susf-text {
	border: 1px solid;
	border-color: #7c7c7c #c3c3c3 #dddddd #c3c3c3;
	width: 208px;
}

#susf-ContactForm button {
	border: 1px solid #000;
	background: #000;
	color: white;
	font-weight: bold;
	font-size: 95%;
	font-family: Verdana, sans-serif;
	padding: 1px 2px;
	margin: 1em 5px 0 0;
}

