body {
	font: 100% Arial, Helvetica, sans-serif;
	background-color:#000000;
	text-align: center;
	color: #000000;
	margin: 0;
	padding: 25px 0 0 0;
}
#page {
	background-repeat: no-repeat;
	background-position: center top;
}
.default {
	background:url(../images/bg_default.jpg);
}
.girls {
	background:url(../images/bg_girls_cat.jpg);
}
.guys {
	background:url(../images/bg_guys_cat.jpg);
}
.find {
	background:url(../images/bg_find.jpg);
}
.contact {
	background:url(../images/bg_contact.jpg);
}
.girls_main {
	background:url(../images/bg_girls.jpg);
}
.guys_main {
	background:url(../images/bg_guys.jpg);
}
.girls_cs {
	background:url(../images/bg_girls_cs.jpg);
}
.guys_cs {
	background:url(../images/bg_guys_cs.jpg);
}
.promo {
	background:url(../images/bg_promo.jpg);
}
.promo_terms {
	background:url(../images/bg_promo_terms.jpg);
}
#container {
	width: 960px;
	text-align:center;
	margin:0 auto;
	height:650px;
}
#header {
	width:960px;
	height:80px;
}
#content {
	height:467px;
	width:960px;
	text-align:left;
	margin:0 auto;
	padding-top:53px;
}
div#footer {
	height:50px;
}
div#footer-nav {
	text-align:left;
	color:#333;
	position:relative;
	top: 5px;
	float:left;
}
div#footer-nav p {
	margin:0;
	font-size:11px;
	color:#333;
}
div#footer-nav a {
	color:#555;
	text-decoration:none;
	font-size:11px;
	margin:0 4px;
}
div#footer-nav a:hover {
	text-decoration:underline;
	color:#555;
}
div#footer div#social {
	width:60px;
	float:right;
	position:relative;
	top:10px;
}
div#footer div#social a {
	float:left;
	margin-right:5px;
}
/*******************************************General Styles - Yes Sir!***************************************************/
h1 {
	margin: 0 0 .5em 0;
	font-size:30px;
	font-weight:normal;
}
h2 {
	color:#ffffff;
	margin: 0 0 .5em 0;
	font-size:20px;
	font-weight:normal;
}
p {
	margin: 0 0 1em 0;
	color:#000000;
	font-size:13px;
	line-height:1.5em;
}
img {
	border:0;
}
table {
	border:0;
	padding:0;
	border-collapse:collapse;
}
.description {
	display: none;
} /* hides description field on newsletter signup form */
a {
	color:#000;
	text-decoration:underline;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.default #content #content-inner {
	width:624px;
	padding:0px 0px 5px 21px;
}
/***********************************************************************************************************************/

/*******************************************About Page Specific*********************************************************/
/*******************************************End About Page Specific*****************************************************/


/*******************************************Girls Page Specific*********************************************************/
/*******************************************End Girls Page Specific*****************************************************/


/*******************************************Guys Page Specific**********************************************************/
/*******************************************End Girls Page Specific*****************************************************/


/*******************************************Guys Page Specific**********************************************************/
/*******************************************End Girls Page Specific*****************************************************/


/*******************************************Girls Page Specific*********************************************************/
/*******************************************End Girls Page Specific*****************************************************/


/*******************************************Catalogue Page Specific*****************************************************/
#content #content-inner {
	margin: 0 39px 0 0;
	height:418px;
	max-height:418px;
	width:645px;
	float:right;
	position:relative;
	padding:0px 0px 5px 0px;
}
#content #clickdiv {
	height:25px;
	width:624px;
	float:left;
	position:relative;
	margin-left:21px;
	font-size:9px;
	overflow:hidden;
}
#content #cat_left {
	width:370px;
	position:relative;
	float:left;
}
#content #thumb_wrapper {
	height:339px;
	width:339px;
	float:left;
	position:relative;
	margin-left:21px;
	margin-right: 10px;
}
#content .thumb_row {
	height:109px;
	width:339px;
	margin-bottom:4px;
	float:left;
	position:relative;
}
#content .thumb {
	position:relative;
	float:left;
	height:109px;
	width:109px;
	margin-right:4px;
	background:#fff;
}
#content #cat_nav_wrapper {
	position:relative;
	float:left;
	height:54px;
	width:361px;
	margin-left:7px;
	margin-right:2px;
}
#content #cat_nav {
	height:54px;
	width:361px;
	background:url(../images/bg_cat_nav.jpg) no-repeat;
}
#content #cat_nav_prev {
	height:54px;
	width:83px;
	float:left;
}
#content #cat_nav_prev_none {
	height:54px;
	width:83px;
	float:left;
}
#content #cat_nav_content {
	height:39px;
	width:195px;
	float:left;
	padding-top:15px;
	text-align:center;
}
#content #cat_nav_next {
	height:54px;
	width:83px;
	float:left;
}
#content #cat_nav_prev a {
	height:54px;
	width:83px;
	display:block;
	background:url(../images/btn_cat_prev.jpg) no-repeat;
}
#content #cat_nav_content a {
	color:#666666;
	font-size:12px;
	text-decoration:none;
}
#content #cat_nav_content a.current {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
#content #cat_nav_content a:hover {
	text-decoration:underline;
}
#content #cat_nav_content a.current:hover {
	text-decoration:none;
}
#content #cat_nav_content p {
	height:34px;
	width:195px;
	float:left;
	padding-top:20px;
	text-align:center;
}
#content #cat_nav_next a {
	height:54px;
	width:83px;
	display:block;
	background:url(../images/btn_cat_next.jpg) no-repeat;
}
#content #cat_div {
	height:381px;
	width:1px;
	background:#000;
	float:left;
	position:relative;
	margin-bottom: 12px;
}
#content #cat_right {
	height:381px;
	width:259px;
	background:#fff;
	float:right;
	position:relative;
	margin-left:14px;
	margin-bottom:12px;
}
#content #cat_pic {
	height:239px;
	width:239px;
	background:#fff;
	float:right;
	position:relative;
	margin:20px 10px;
}
#content #cat_text {
	height:46px;
	width:234px;
	background:#fff;
	float:right;
	position:relative;
	margin:0 10px 0 0;
	overflow:hidden;
}
#content #cat_price {
	height:27px;
	width:147px;
	background:#fff;
	float:left;
	position:relative;
	margin:0 0 0 15px;
}
#content #cat_share {
	height:27px;
	width:97px;
	background:#fff;
	float:right;
	position:relative;
	margin:0px;
}
#content .thumb a {
	display:block;
	border:4px solid #fff;
	width:89px;
	height:89px;
	padding:6px;
}
#content .thumb a:hover {
	border:4px solid #f8ed1d;
}
#content .thumb .selected {
	border:4px solid #f8ed1d;
	background:#fff;
}


#content #cat_colours {
	width:239px;
	height:28px;
	margin: 0 4px 0 4px;
	float: left; 
	position:relative;
}
#content #cat_colours ul li{list-style-type:none; padding:0; margin:0; float:left;}
#content #cat_colours ul { padding: 0; margin: 0 10px 0; }
div.colours a img{ border:1px solid #ccc; }

#content #cat_price p {
	color:#fe0000;
	font-size:14px;
	font-weight:bold;
}
#content #cat_text h3 {
	margin:0 0 2px 0;
	font-size:18px;
	color:#000000;
	text-transform: uppercase;
}
#content #cat_text p {
	margin:0;
	font-size:11px;
	color:#6d6f72;
}
#content #cat_share a {
	display:block;
	background:url(../images/btn_share.jpg) no-repeat;
	height:27px;
	width:97px;
}
#content #sitemap a:hover {
	background:#f8ed1d;
}

/************************  GIRLS LEFT NAV IMAGE POSITIONING **********************/

.girls #pants a {
	background: url(../images/left_nav_girls.jpg) no-repeat 0px 0px;
	height:27px;
}
.girls #pants a:hover {
	background-position: -182px 0px;
}
.girls #pants.current a {
	background-position: -182px 0px;
	cursor: default;
}


.girls #denim a {
	background: url(../images/left_nav_girls.jpg) no-repeat 0px -27px;
	height:20px;
}
.girls #denim a:hover {
	background-position: -182px -27px;
}
.girls #denim.current a {
	background-position: -182px -27px;
	cursor: default;
}


.girls #skirts a {
	background: url(../images/left_nav_girls.jpg) no-repeat 0px -47px;
	height:20px;
}
.girls #skirts a:hover {
	background-position: -182px -47px;
}
.girls #skirts.current a {
	background-position: -182px -47px;
	cursor: default;
}


.girls #shorts a {
	background: url(../images/left_nav_girls.jpg) no-repeat 0px -67px;
	height:20px;
}
.girls #shorts a:hover {
	background-position: -182px -67px;
}
.girls #shorts.current a {
	background-position: -182px -67px;
	cursor: default;
}


.girls #tops a {
	background: url(../images/left_nav_girls.jpg) no-repeat 0px -87px;
	height:20px;
}
.girls #tops a:hover {
	background-position: -182px -87px;
}
.girls #tops.current a {
	background-position: -182px -87px;
	cursor: default;
}


.girls #tees a {
	background: url(../images/left_nav_girls.jpg) no-repeat 0px -107px;
	height:20px;
}
.girls #tees a:hover {
	background-position: -182px -107px;
}
.girls #tees.current a{
	background-position: -182px -107px;
	cursor: default;
}


.girls #hoodies a {
	background: url(../images/left_nav_girls.jpg) no-repeat 0px -127px;
	height:20px;
}
.girls #hoodies a:hover {
	background-position: -182px -127px;
}
.girls #hoodies.current a {
	background-position: -182px -127px;
	cursor: default;
}


.girls #jackets a {
	background: url(../images/left_nav_girls.jpg) no-repeat 0px -147px;
	height:20px;
}
.girls #jackets a:hover {
	background-position: -182px -147px;
}
.girls #jackets.current a {
	background-position: -182px -147px;
	cursor: default;
}


.girls #accessories a {
	background: url(../images/left_nav_girls.jpg) no-repeat 0px -167px;
	height:20px;
}
.girls #accessories a:hover {
	background-position: -182px -167px;
}
.girls #accessories.current a {
	background-position: -182px -167px;
	cursor: default;
}


.girls #sunglasses a {
	background: url(../images/left_nav_girls.jpg) no-repeat 0px -187px;
	height:20px;
}
.girls #sunglasses a:hover {
	background-position: -182px -187px;
}
.girls #sunglasses.current a {
	background-position: -182px -187px;
	cursor: default;
}


.girls #wwf a {
	background: url(../images/left_nav_girls.jpg) no-repeat 0px -207px;
	height:19px; 
}
.girls #wwf a:hover {
	background-position: -182px -207px;
}
.girls #wwf.current a {
	background-position: -182px -207px;
	cursor: default;
}

.girls #antm a {
	background: url(../images/left_nav_girls.jpg) no-repeat 0px -226px;
	height:184px; 
}
.girls #antm a:hover {
	background-position: -182px -226px;
}
.girls #antm.current a {
	background-position: -182px -226px;
	cursor: default;
}







.guys #denim a:hover {
	background-position: -182px 0px;
}
.guys #denim.current {
	background-position: -182px 0px;
	cursor: default;
}

.guys #shorts a:hover {
	background-position: -182px -29px;
}
.guys #shorts.current {
	background-position: -182px -29px;
	cursor: default;
}

.guys #tees a:hover {
	background-position: -182px -50px;
}
.guys #tees.current a {
	background-position: -182px -50px;
	cursor: default;
}
.guys #tops a:hover {
	background-position: -182px -72px;
}
.guys #tops.current a {
	background-position: -182px -72px;
	cursor: default;
}


.guys #hoodies a:hover {
	background-position: -182px -94px;
}
.guys #hoodies.current a {
	background-position: -182px -94px;
	cursor: default;
}







.guys #shoodies a:hover {
	background-position: -182px -116px;
}
.guys #shoodies.current a {
	background-position: -182px -116px;
	cursor: default;
}


.guys #jackets a:hover {
	background-position: -182px -137px;
}
.guys #jackets.current a {
	background-position: -182px -137px;
	cursor: default;
}


.guys #accessories a:hover {
	background-position: -182px -159px;
}

.guys #accessories.current a {
	background-position: -182px -159px;
	cursor: default;
}

.guys #sunglasses a:hover {
	background-position: -182px -181px;
}

.guys #sunglasses.current a {
	background-position: -182px -181px;
	cursor: default;
}


.guys #wwf a:hover {
	background-position: -182px -203px;
}

.guys #wwf.current a {
	background-position: -182px -203px;
	cursor: default;
}


.guys #denim a {
    background: url(../images/left_nav_guys.jpg) no-repeat 0px 0px;
	height:27px;
}

.guys #tees a {
	background: url(../images/left_nav_guys.jpg) no-repeat 0px -50px;
	height:22px;
}
.guys #hoodies a {
	background: url(../images/left_nav_guys.jpg) no-repeat 0px -94px;
	height:22px;
}
.guys #shoodies a {
	background: url(../images/left_nav_guys.jpg) no-repeat 0px -116px;
	height:22px;
}
.guys #shirts a {
	background: url(../images/left_nav_guys.jpg) no-repeat 0px -116px;
	height:22px;
}

.guys #shirts a:hover {
	background-position: -182px -116px;
}

.guys #tops a {
	background: url(../images/left_nav_guys.jpg) no-repeat 0px -72px;
	height:22px;
}
.guys #shorts a {
    background: url(../images/left_nav_guys.jpg) no-repeat 0px -29px;
	height:21px;
}

.guys #jackets a {
	background: url(../images/left_nav_guys.jpg) no-repeat 0px -137px;
	height:21px;
}
.guys #shirts.current a {
	background-position: -182px -116px;
	cursor: default;
}

.guys #sunglasses a {
	background: url(../images/left_nav_guys.jpg) no-repeat 0px -181px;
	height:22px;
}



.guys #accessories a {
	background: url(../images/left_nav_guys.jpg) no-repeat 0px -159px;
	height:22px;
}

.guys #wwf a {
	background: url(../images/left_nav_guys.jpg) no-repeat 0px -203px;
	height:29px;
}
#logo{
	position:absolute;
	
	width: 200px;
	height: 100px;
    }
    #logo a{
        display:block;
        width:200px;
        height:100px;
    }	
/*******************************************End Catalogue Page Specific*************************************************/



/************************************************** Main Nav ***********************************************************/
#nav {
	height:51px;
	width: 566px;
	position:relative;
	top: 29px;
	float: right;
}
#left_col {
	width:275px;
	height:460px;
	margin:0px 0px 0px 0px;
	float:left;
	position:relative;
}
#left_nav {
	width:182px;
	height:232px;
	margin:12px 24px 5px 70px;
	float:left;
	position:relative;
}
#nav ul, #left_nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#nav li, #left_nav li {
	text-indent:-9999px;
	float:left;
}
#nav li a, #left_nav li a {
	outline:none;
	display:block;
	text-decoration:none;
}
#nav a {
	height:51px;
}
#left_nav a {
	width:182px;
}
#guys a:link, #guys a:active, #guys a:visited {
	background: url(../images/top_nav.jpg) no-repeat 0px 0px;
	width:82px;
}
#guys a:hover, #guys {
	background-position: 0px -51px;
}
#guys.current a:link, #guys.current a:active, #guys.current a:visited, #guys.current a:hover {
	background-position: 0px -51px;
	cursor: default;
}
#girls a:link, #girls a:active, #girls a:visited {
	background: url(../images/top_nav.jpg) no-repeat -82px 0px;
	width:69px;
}
#girls a:hover, #girls {
	background-position: -82px -51px;
}
#girls.current a:link, #girls.current a:active, #girls.current a:visited, #girls.current a:hover {
	background-position: -82px -51px;
	cursor: default;
}
#fun a:link, #fun a:active, #fun a:visited {
	background: url(../images/top_nav.jpg) no-repeat -151px 0;
	width:97px;
}
#fun a:hover, #fun {
	background-position: -151px -51px;
}
#fun.current a:link, #fun.current a:active, #fun.current a:visited, #fun.current a:hover {
	background-position: -151px -51px;
	cursor: default;
}
#career a:link, #career a:active, #career a:visited {
	background: url(../images/top_nav.jpg) no-repeat -248px 0;
	width:80px;
}

#career a:hover, #career {
	background-position: -248px -51px;
}
#career.current a:link, #career.current a:active, #career.current a:visited, #career.current a:hover {
	background-position: -248px -51px;
	cursor: default;
}
#subscribe a:link, #subscribe a:active, #subscribe a:visited {
	background: url(../images/top_nav.jpg) no-repeat -328px 0;
	width:98px;
}
#subscribe a:hover, #body {
	background-position: -328px -51px;
}
#subscribe.current a:link, #subscribe.current a:active, #subscribe.current a:visited, #subscribe.current a:hover {
	background-position: -328px -51px;
	cursor: default;
}
#find a:link, #find a:active, #find a:visited {
	background: url(../images/top_nav.jpg) no-repeat -426px 0px;
	width:140px;
}
#find a:hover, #find {
	background-position: -426px -51px;
}
#find.current a:link, #find.current a:active, #find.current a:visited, #find.current a:hover {
	background-position: -426px -51px;
	cursor: default;
}
/**************************************************End Main Nav******************************************************/



/*************************************************Thumb Nail Stuff******************************************************/
/**********************************************End Thumb Nail Stuff******************************************************/



/*************************************************Roll Over Stuff******************************************************/
/*************************************************End Roll Over Stuff*****************************************************/



/*************************************************Store Locator Page******************************************************/

.find #left_nav {
	width:385px;
	height:140px;
	margin:0px 24px 0px 25px;
	float:left;
	position:relative;
	padding:75px 0px 5px 35px;
}
.find #content #content-inner {
	margin:0 25px 0 0;
	height:350px;
	max-height:350px;
	width:465px;
	float:right;
	position:relative;
	padding:75px 0px 5px 0px;
}
.find h3 {
	margin-top:0px;
}
/***********************************************End Store Locator Page****************************************************/


/*************************************************Contact Page******************************************************/

.contact #left_nav {
	width:150px;
	height:160px;
	margin:0px 80px 0px 260px;
	float:left;
	position:relative;
	padding:65px 0px 5px 35px;
}
.contact #content #content-inner {
	margin:0 53px 0 0;
	height:350px;
	max-height:350px;
	width:380px;
	float:right;
	position:relative;
	padding:50px 0px 0px 0px;
}
.contact h3 {
	margin-top:0px;
}
.contactform {
	color: #000000;
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.yellowhighlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff500;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.contentContact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding-left: 27px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 27px;
}

.contactform input {
	width:220px;
}
.contactform label {
	width:80px;
	text-align:left;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	padding-top:2px;
}
.contactform div.row {
	margin-bottom:2px;
}
.contactform span.required {
	color: #F00;
}
.contactform input.send {
	width:99px;
	height:30px;
	border:0;
	background:url(../images/btn_submit.png) no-repeat;
	cursor:pointer;
	float:right;
}
.error {
	font-size:12px;
	color: #F00;
	font-weight:bold;
}
div.contactform a {
	text-decoration:none;
}

#enquiry_form ul{
		margin:0;
		padding:0;
	}
	#enquiry_form fieldset{
	border:0;
	}
	#enquiry_form legend span{ position:absolute; left:-9999em;}
	#enquiry_form{font-size:12px; padding-top:0px;}
	#enquiry_form li{
		list-style:none;
		margin:0 0 4px 0;
	}
	#enquiry_form label{
		display:inline-block;
		font-weight:bold;
		width:80px;
		text-align:right;
		margin-right:6px;
		vertical-align:top;
	}
	#enquiry_form abbr[title="required"]{color:red; font-size:1.5em; line-height:1; border:0;}
	#enquiry_form label[for="fields_message"]{
		
	}
	#enquiry_form #submit{
		background:url("http://www.factorie.com.au/staging/client/themes/factorie/images/btn_submit.png") no-repeat;
		border:0;
		width:99px;
		height:30px;
		cursor:pointer;
		text-indent:-9999em;
		line-height:30px;
		font-size:0;
		position:relative;
		top:0;
		left:100px;
	}
form .error{ color:red; font-weight:bold;}


/***********************************************Contact Page****************************************************/



/*************************************************Newsletter Signup*******************************************************/
/***********************************************End Newsletter Signup*****************************************************/
#left_nav_btns {
	width:275px;
	height:218px;
	margin:0px;
	float:left;
	position:relative;
	padding-left: 1px;
}
#btn_guys_sunglasses {
	right:0;
	text-indent:-9999em;
	top:0px;
	background-image: url(../images/btn_guys_sunglasses.jpg);
	background-repeat: no-repeat;
	float:left;
	position:relative;
}
#btn_guys_sunglasses a {
	display:block;
	width:165px;
	height:99px;
}
#btn_guys_denim {
	right:0;
	text-indent:-9999em;
	top:0px;
	background-image: url(../images/btn_guys_denim.jpg);
	background-repeat: no-repeat;
	float:left;
	position:relative;
}
#btn_guys_denim a {
	display:block;
	width:165px;
	height:119px;
}
#btn_guys_tees {
	right:0;
	text-indent:-9999em;
	top:0px;
	background-image: url(../images/btn_guys_teecrew.jpg);
	background-repeat: no-repeat;
	float:right;
	position:relative;
}
#btn_guys_tees a {
	display:block;
	width:110px;
	height:218px;
}
#btn_girls_sunglasses {
	right:0;
	text-indent:-9999em;
	top:0px;
	background-image: url(../images/btn_girls_sunglassess.jpg);
	background-repeat: no-repeat;
	float:left;
	position:relative;
}
#btn_girls_sunglasses a {
	display:block;
	width:165px;
	height:99px;
}
#btn_girls_denim {
	right:0;
	text-indent:-9999em;
	top:0px;
	background-image: url(../images/btn_girls_denim.jpg);
	background-repeat: no-repeat;
	float:left;
	position:relative;
	padding-top: 4px;
}
#btn_girls_denim a {
	display:block;
	width:165px;
	height:119px;
}
#btn_girls_tees {
	right:0;
	text-indent:-9999em;
	top:0px;
	background-image: url(../images/btn_girls_teecrew.jpg);
	background-repeat: no-repeat;
	margin:0px;
	float:right;
	position:relative;
	padding-top: 4px;
}
#btn_girls_tees a {
	display:block;
	width:110px;
	height:218px;
}
.jobsearch {
	color:#000;
	text-align:left;
	font-weight:normal;
	line-height:17px;
	
	
}