/* CSS Document */
body {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 10px;
	color			: #2D2F2E;
	background		: #0E0E0E url(../../../images/_affliction/bgrounds/background2.jpg) right top no-repeat;
	margin			: 0px;
	padding			: 0px;
	text-align		: right;
	display			: inline;
}

IMG {
	border			: none;
	margin			: 0px;
	padding			: 0px;
}

br {
	margin			: 0px;
	padding			: 0px;
	height			: 5px;
}

p {
	font-size		:10px;
}

div {
	margin			: 0px;
	padding			: 0px;
}

h4 {
	font-size		: 14px;
}
h5 {
	font-size		: 1.3em;
	margin-bottom	: 10px;
}

INPUT, SELECT {
	font-size		: 1em;
}
TEXTAREA {
	font-size		:10px;
}

LABEL {
	/*width			: 175px;
	margin-left		: 35px;
	float			: left;
	margin-top		: -20px;*/
	
/*	*margin-left	: auto;*/
}

span.required {
	color: #CC006B;
}

#outerContainer {
	background		: url(../../../images/_affliction/bgrounds/background1.gif) right top repeat-y;
	width			: 1000px;
	margin			: 0px;
	padding			: 0px;
	text-align		: left;
	float			: right;
	display			: inline;
}

#mainBanner {
	background		: url(../../../images/_affliction/bgrounds/mainBanner.jpg);
	vertical-align	: top;
	width			: 800px;
	height			: 115px;
}

#menWomen {
	background		: URL("../../../images/_affliction/bgrounds/belowLogo.jpg") left top no-repeat;
	margin			: 0px;
	padding			: 0px;
	padding-left	: 100px;
	height			: 165px;
}

#nav {
	background		: URL("../../../images/_affliction/bgrounds/logoBottom.jpg") left top no-repeat;
	margin			: 0px;
	padding			: 0px;
	height			: 30px;
	padding-left	: 170px;
}

#nav ul{
	
	margin			: 0;
	padding			: 0;
	list-style-type	: none;
	display			: inline;
}

#nav li{
	margin			: 0;
	padding			: 0;
	display			: inline;
	float			: left;
}

#nav li a {
	height			: 30px;
	display			: block;
	text-indent		: -1000px;
	overflow		: hidden;
}

#nav li a:hover{
	background-position: 0 -30px;
}


#homeTab {
	background		: URL("../../../images/_affliction/bgrounds/nav/home.gif") left top no-repeat;
	width			: 67px;
}

#mensTab {
	background		: URL("../../../images/_affliction/bgrounds/nav/men.gif") left top no-repeat;
	width			: 49px;
}

#womansTab {
	background		: URL("../../../images/_affliction/bgrounds/nav/women.gif") left top no-repeat;
	width			: 85px;
}

#accessoriesTab {
	background		: URL("../../../images/_affliction/bgrounds/nav/accessories.gif") left top no-repeat;
	width			: 103px;
}

#newTab {
	background		: URL("../../../images/_affliction/bgrounds/nav/newArrivals.gif") left top no-repeat;
	width			: 116px;
}

#brandsTab {
	background		: URL("../../../images/_affliction/bgrounds/nav/ourBrands.gif") left top no-repeat;
	width			: 103px;
}

#giftsTab {
	background		: URL("../../../images/_affliction/bgrounds/nav/gifts.gif") left top no-repeat;
	width			: 56px;
}

#saleTab {
	background		: URL("../../../images/_affliction/bgrounds/nav/sale.gif") left top no-repeat;
	width			: 51px;
}

#nav li a.activeTab {
	background-position: 0 -60px;
}

#col1 {
	clear			: both;
	width			: 800px;
	float			: left;
	display			: inline;
	margin			: 0;
	padding			: 0;
	clear			: both;
}

#col2 {
	display			: inline;
	text-align		: right;
	width			: 180px;
	float			: right;
	padding-right	: 10px;
	vertical-align	: top;
}

.searchDropDown {
	font-size		: 10px;
	width			: 180px;
	margin-right	: 10px;
}

.floatLeft {
	float			: left;
	display			: inline;
}

.floatRight {
	float			: right;
	display			: inline;
}

#page-holder{
	margin-left		: 100px;
	/*position		: relative;
	padding			: 25px;*/
}

div.underlogo{
	display			: block;
	background		: URL("../../../images/_affliction/bgrounds/belowLogo.gif") top left no-repeat;
	width			: 151px;
	height			: 28px;
	position		: absolute;
	margin-left		: 38px;
	*margin-left	: -62px;

	/*right			: 100px;*/
}

#searchTop {
	width			: 1000px;
	height			: 35px;
	float			: left;
	display			: inline;

}

#searchCol1 {
	height			: 35px;
	margin			: 0px;
	padding			: 0px;
	float			: left;
	display			: inline;
}

#searchCol2 {
	margin			: 0px;
	padding			: 0px;
	float			: right;
	display			: inline;
	margin-top		: 9px;
	vertical-align	: middle;
}

.headingCol1 {
	font-family		: "Gill Sans", Verdana, sans-serif;
	font-size		: 10px;
	letter-spacing	: -50em;
}

#accreditation {
	background		: #0E0E0E;
	padding			: 0;
	margin			: 0;
	margin-bottom	: 10px;
	width			: 180px; 
	overflow		: hidden;
}

#accreditation img{
	border			: none;
	margin			: 0px;
	padding			: 0px;
}

#accreditation div{
	border			: none;
	margin			: 0px;
	padding			: 0px;
	white-space		: nowrap;
}

#accreditation div img{
	border			: none;
	margin			: 0px;
	padding			: 0px;
}

#ourBrands {
	background		: url(../../../images/_affliction/bgrounds/ourBrandsBackground.jpg) top no-repeat;
	padding			: 0;
	margin			: 0;
	margin-bottom	: 10px;
}

#ourBrands UL{
	margin-top		: 15px;
}

#col2 ul {
	padding-top		: 0px;
}

#col2 li  {
	list-style-type	: none;
	text-decoration	: none;
	line-height		: 15px;
	margin-bottom	: 0px;
	margin-top		: 0px;
}

#col2 li a{
	background		: #FFFFFF;
	padding-right	: 10px;
	padding-left	: 5px;
	color			: #2D2F2E;
	text-decoration	: none;
	padding-top		: 2px;
	padding-bottom	: 3px;
	font-size		: 10px;
	margin			: 0;
}

#col2 li a:hover {
	color			: #CC006B;
	text-decoration	: underline;
}

a.brandLink {
	color			: #2D2F2E;
	text-decoration	: none;
	padding-top		: 2px;
	padding-bottom	: 3px;
	font-size		: 10px;
	margin			: 0;
}

a.brandLink:hover {
	color			: #CC006B;
	text-decoration	: underline;
}


#ourBrandsBar {
	background		: #545454;
	height			: 10px;
	margin			: 0;
	padding			: 0;
}

#mens {
	background		: url(../../../images/_affliction/bgrounds/ourBrandsBackground.jpg) top no-repeat;
	margin-bottom	: 10px;
}

#mens UL{
	margin-top		: 15px;
}

#mensBar {
	background		: #545454;
	height			: 10px;
}

#womens {
	background 		: url(../../../images/_affliction/bgrounds/ourBrandsBackground.jpg) top no-repeat;
	margin-bottom	: 10px;
}

#womens UL{
	margin-top		: 15px;
}

#womensBar {
	background		: #545454;
	height			: 10px;
}

#divide {
	height			: 10px;
	padding			: 0;
	margin			: 0;
}

.notVisible {
	display			: none;
	padding			: 0;
	margin			: 0;
}

.heading1 {
	background		: #545454;
	font-size		: 20px;
	letter-spacing	: -2px;
	font-weight		: bold;
	text-align		: right;
	padding-right	: 10px;
	padding-left	: 10px;
	color			: #FFFFFF;
	padding-top		: 0px;
	padding-bottom	: 5px;
	margin			: 0;
}

h1 {
	background		: #545454;
	font-size		: 20px;
	letter-spacing	: -2px;
	font-weight		: bold;
	text-align		: right;
	padding-right	: 10px;
	padding-left	: 10px;
	color			: #FFFFFF;
	padding-top		: 0px;
	padding-bottom	: 5px;
	margin			: 0;
	display:inline;
}

.heading1OurBrands {
	background		: #545454;
	font-size		: 20px;
	letter-spacing	: -2px;
	font-weight		: bold;
	text-align		: right;
	padding-right	: 10px;
	padding-left	: 10px;
	color			: #FFFFFF;
	padding-top		: 0px;
	padding-bottom	: 5px;
	margin			: 0;
}

.generalTop {
	background		: #1D1D1D url(../../../images/_affliction/bgrounds/topBackgroundHome.jpg) right top no-repeat;
	width			: 700px;
	margin-left		: 100px;
	clear			: right;
	margin-bottom	: 0px;
	padding			: 0px;
	margin-top		: 10px;
	float			: right;
	display			: inline;
	
}

/*Product Card*/
.brand-card {
	width			: 210px;
	height			: 50px;
	text-align		: center;
	vertical-align	: middle;
	margin-bottom	: 10px;
	margin-right	: 18px;
	*margin-right	: 16px;
	float			: left;
	display			: inline;
	padding			: 0px;
}
.card {
	width			: 156px;
	text-align		: center;
	vertical-align	: middle;
	margin-bottom	: 10px;
	margin-right	: 18px;
	*margin-right	: 15px;
	float			: right;
	display			: inline;
	padding			: 0px;
}

.cardTop {
	background		: url(../../../images/_affliction/bgrounds/cards/cardTop.gif) top no-repeat;
	padding-top		: 10px;
	padding-bottom	: 10px;
}

.cardMainHeading {
	color			: #FFFFFF;
	font-weight		: bold;
	letter-spacing	: -1px;
	margin-top		: 14px;
	margin			: 10px;
	font-size		: 12px;
}

.cardBottom {
	background		: url(../../../images/_affliction/bgrounds/cards/cardBottom.gif) bottom ;
	padding-bottom	: 8px;
	height			: 65px;
	position		: relative;
}

.price-holder{
	position		: absolute;
	bottom			: 10px;
	width			: 156px;
	*margin-left	: -50%;
}

.image-holder{
	background		: #ffffff url(../../../images/_affliction/bgrounds/cards/ImageHolderBG.gif) top left repeat-y;
	height			: 155px;
	text-align		: center;
}

.image-holder img {
	margin			: auto
}

.cardBlueHeading {
	padding-top		: 5px;
	padding-bottom	: 5px;
	display			: block;
	margin			: 0px 5px;
	color			: #368A9A;
	font-size		: 10px;
}

.sale-price{
	color			: #CC006B;
}

#cardSpace {
	width			: 18px;
	float			: left;
	display			: inline;
}

#topLeftNav {
	clear			: both;
	margin-left		: 120px;

}

#topLeftNav ul{
	color			: #2D2F2E;
	font-size		: 10px;
	margin			: 0;
	padding			: 0;
	text-decoration	: none;
	list-style-type	: none;
	vertical-align	: middle;
	padding-right	: 10px;
}

#topLeftNav li{
	background		: #b5b5b5;
	margin			: 0;
	float			: left;
	display			: inline;
	text-decoration	: none;
	vertical-align	: middle;
	padding			: 0 10px 5px 0;
}

#topLeftNav a{
	color			: #2D2F2E;
	font-size		: 10px;
	text-decoration	: none;	
}

#topLeftNav a:hover{
	color			: #2D2F2E;
	font-size		: 10px;
	text-decoration	: underline;	
}

.magenta {
	color			: #CC006B;
}

.5pixelsRight {
	padding-right	: 5px;
}

#content2 {
	clear			: both;
	margin			: 10px;
}

#content1 {
	margin			: 0px;
	padding			: 10px;
	clear			: both;
	width			: 700px;
}

.homeTopContentDivider {
	background		: #545454;
	height			: 10px;
	width			: 700px;
	margin-top		: 10px;
	clear			: both;
	margin			: 0;
	margin-bottom	: 0px;
}

.unitHeading {
	text-align		: right;
	margin			: 0px;
	padding			: 0px;
	margin-bottom	: 5px;
}

/*General Panel Top*/
#generalLeft{
	float			: left;
	display			: inline;
	width			: 100px;
}

/*#generalTop{
	background		: #EDE8B6 url(../../../images/_affliction/bgrounds/topBackgroundHome.jpg) right top no-repeat;
	margin-bottom	: 0px;
	padding			: 0;
	float			: right;
	width			: 700px;
	display			: inline;
}*/

#generalUnitHeading {
	text-align		: right;
	margin-top		: 10px;
	width			: 700px;
}

/*-----*/
.heading1Mens {
	background		: #545454;
	font-size		: 20px;
	letter-spacing	: -2px;
	font-weight		: bold;
	text-align		: right;
	padding-right	: 10px;
	padding-left	: 10px;
	color			: #FFFFFF;
	padding-top		: 0px;
	padding-bottom	: 5px;
	margin			: 0;
}

.heading1Women {
	background		: #545454;
	font-size		: 20px;
	letter-spacing	: -2px;
	font-weight		: bold;
	text-align		: right;
	padding-right	: 10px;
	padding-left	: 10px;
	color			: #FFFFFF;
	padding-top		: 0px;
	padding-bottom	: 5px;
	margin			: 0;
}

.content-holder{
	background		: url(../../../images/_affliction/bgrounds/contentHolderBG.gif) top repeat-y;
	text-align		: left;
	padding			: 10px 25px;
	width			: 631px;
	*width			: 681px;
	margin			: 20px 0px 20px 10px;
	position		: relative;
}

.content-holder-top {
	background		: url(../../../images/_affliction/bgrounds/contentHolderTopBG.gif) bottom left no-repeat;
	display			: block;
	height			: 10px;
	width			: 681px;
	margin			: -10px -25px 0px -25px;
	position		: absolute;
	top				: 0px;
	
}

.content-holder-bottom {
	background		: url(../../../images/_affliction/bgrounds/contentHolderBottomBG.gif) bottom left no-repeat;
	display			: block;
	height			: 10px;
	width			: 681px;
	margin			: 0px -25px -10px -25px;
	position		: absolute;
	bottom			: 0px;
}

#checkout{
	width			: 681px;
}

.table-style {
	padding			: 0;
	margin			: 0;
	font-size		: 1em;
}

.hideDetails {
	background		: url(../../../images/_affliction/bgrounds/contentHolderBG.gif) top repeat-y;
	text-align		: left;
	padding			: 10px 25px;
	width			: 631px;
	*width			: 681px;
	margin			: 20px 0px 20px 10px;
	visibility		: hidden;
	position		: absolute;
}

.showDetails {
	background		: url(../../../images/_affliction/bgrounds/contentHolderBG.gif) top repeat-y;
	text-align		: left;
	padding			: 10px 25px;
	width			: 631px;
	*width			: 681px;
	margin			: 20px 0px 20px 10px;
	position		: relative;
}

#checkoutTop {
	background		: url(../../../images/_affliction/bgrounds/checkout/top.gif) top no-repeat;
	text-align		: left;
	padding			: 10px;
}
#checkoutBottom {
	background		: url(../../../images/_affliction/bgrounds/checkout/backBottom.gif) bottom no-repeat;
	text-align		: left;
}

table.basket{
	padding			: 0;
	margin			: 0;
	width			: 679px;
	margin-left		: 1px;
	font-size		: 10px;
}

table.basket th{
	padding			: 10px;
	text-align		: center;

}

table.basket td{
	padding			: 5px 0;
	text-align		: center;
	vertical-align	: top;	

}

table.basket tr {
	background		: #BAD7DD;
	padding			: 10px 0;
	text-align		: left;
}

table.basket tr.alt{
	background		: #FFFFFF;
	text-align		: left;

}

table.basket tr.altTotal{
	background		: #368A9A;
	color			: #FFFFFF;
	font-size		: 16px;
	font-weight		: bold;
	text-align		: right;

}

table.basket td.altTotal{
	text-align		: right;
	padding-right	: 10px;

}

table.basket tr.top{
	background		: #368A9A;
	color			: #FFFFFF;
	font-size		: 16px;
	font-weight		: bold;
	text-align		: left;
}

table.basket tr.alt3{
	background		: none;
	text-align		: left;
}

/*For the first column in the table*/
table.basket td.first{
	padding-left	: 10px;
	text-align		: left;

}

table.basket th.first{
	padding-left	: 10px;
	text-align		: left;
}

#checkout form{
	text-align		: right;
	margin			: 0px;
	padding			: 0px;
	
}

#checkoutOrder{
	padding			: 10px 10px 10px 10px;
}


.order-form{
	margin			: 0px;
	padding			: 0px;
}
.order-form INPUT, .order-form SELECT {
	font-size		: 1em;
	width			: 180px;
}
.order-form TEXTAREA {
	font-size		: 1em;
	width			: 180px;
}

.order-form INPUT.checkbox {
	width			: 25px;
}

/*detail*/
#detail1 {
	margin			: 0px;
	padding			: 10px;
	clear			: both;
}

#detailTop{
	background		: url(../../../images/_affliction/bgrounds/productDetail/bigBackTop.gif) top no-repeat;
	padding			: 10px;
}

.detailHeading{
	font-size		: 15px;
	letter-spacing	: -2px;
	font-weight		: bold;
	text-align		: right;
	color			: #FFFFFF;
	margin			: 0;
	padding-top		: 5px;
	padding-bottom	: 5px;
}

#detailBottom{
	background		: url(../../../images/_affliction/bgrounds/productDetail/bigBackBottom.gif) bottom no-repeat;
	padding			: 10px;
}

/*product detail 2 columns photos and detail*/
#photoColumn{
	background		: url(../../../images/_affliction/bgrounds/productDetail/pictureBackground.gif) no-repeat top;
	width			: 350px;
	height			: 470px;
	float			: left;
	display			: inline;
}

#detailColumn{
	width			: 300px;
	float			: right;
	display			: inline;
	font-size		: 10px;
	min-height		: 470px;
	*height			: 470px;
}

#detailBigPhoto{
	padding			: 5px 5px 5px 5px;
}

#detailSmallPhoto{
	height			: 110px;
	width			: 350px;
	margin-top		: 0;
}

#detailSmallPhoto1{
	padding-left	: 5px;
	float			: left;
	display			: inline;
}

#detailSmallPhoto2{
	width			: 100px;
	padding-left	: 20px;
	float			: left;
	display			: inline;
}

#detailSmallPhoto3{
	width			: 90px;
	padding-left	: 20px;
	float			: left;
	display			: inline;
}

#detailColumnTop{
	background		: url(../../../images/_affliction/bgrounds/productDetail/smallTop.gif) top no-repeat;
	padding			: 5px 10px;
	height			: 20px;

}
#detailColumnBottom{
	background		: url(../../../images/_affliction/bgrounds/productDetail/smallBottom.gif) bottom no-repeat;
	min-height		: 440px;
	*height			: 440px;
	padding-left	: 10px;
	padding-bottom	: 10px;
}

#detailColumnBottom table td{
	padding-top		: 10px;
	vertical-align	: top;
}

#detailColumnBottom table td.rightColumn{
	text-align		: right;
}

.detailTerms {
	font-size		: 10px;
	font-style		: italic;
	color			: #999999;
}

.detailPrice {
	font-size		: 15px;
	color			: #3B8A99;
}

.detailSmallHeading {
	color			: #3B8A99;
	font-size		: 12px;
}

#endDetail{
	clear			: both;
	height			: 10px;
}

#generalHeading{
	float			: right;
	width			: 200px;
	display			: inline;
}

/*Bread Trail */
#breadtrail{
	float			: left;
	padding-top		: 10px;
	width			: 500px;
	display			: inline;
}
#breadtrail ul{
	color			: #2D2F2E;
	font-size		: 10px;
	margin			: 0;
	padding			: 0;
	text-decoration	: none;
	list-style-type	: none;
	vertical-align	: middle;
	
}
#breadtrail li{
	margin			: 0;
	float			: left;
	display			: inline;
	background-color: #FFFFFF;
	text-decoration	: none;
	vertical-align	: middle;
	padding			: 3px 5px 5px 0;
}
#breadtrail a{
	color			: #2D2F2E;
	font-size		: 10px;
	text-decoration	: none;	
}
#breadtrail a:hover{
	color			: #2D2F2E;
	font-size		: 10px;
	text-decoration	: underline;	
}


/*-----*/
#footer-holder{
	clear			: both;
	padding-left	: 100px;
	padding-right	: 10px;
	padding-top		: 10px;
	margin-bottom	: 10px;
}

#footer {
	background		: #545454;
	padding			: 2px;
	height			: 15px;
	display			: block;
	padding-left	: 5px;
	padding-top		: 5px;
}

#footer a {
	color			: #ffffff;
	font-size		: 0.8em;
	font-weight		: bold;
	text-decoration : none;
}

#footer #copyright-holder{
	
	margin-right	: 3px;
	margin-bottom	: 0px;
	color			: #ffffff;
	float			: right;
	font-size		: 0.8em;
	font-weight		: bold;

}

#footer-brand-nav-holder{
	padding-left	: 100px;
	padding-right	: 10px;
	padding-top		: 10px;
	margin-bottom	: 10px;
	text-align		: center;
}

#footer-brand-nav-holder ul{
	color			: #2D2F2E;
	font-size		: 10px;
	margin			: 0;
	padding			: 0;
	text-decoration	: none;
	list-style-type	: none;
	vertical-align	: middle;
	
}
#footer-brand-nav-holder li{
	margin			: 5px 5px 15px 0px;
	/*float			: left;*/
	display			: inline;
	/*background-color: #FFFFFF;*/
	text-decoration	: none;
	vertical-align	: middle;
	padding			: 0px 5px 0px 0px;
	border-right	: 1px solid #2D2F2E;
	widows			: 0;
}

#footer-brand-nav-holder li:last-child {border-right	: 0px solid #2D2F2E}

#footer-brand-nav-holder a{
	color			: #2D2F2E;
	font-size		: 10px;
	text-decoration	: none;	
}
#footer-brand-nav-holder a:hover{
	color			: #2D2F2E;
	font-size		: 10px;
	text-decoration	: underline;	
}

/*Our Brands page*/
#ourBrandsLogos table{
	width			: 680px;
}
#ourBrandsLogos td{
	padding-bottom	: 20px;
}
#ourBrandsLogos table .alignRight{
	text-align		: right;
}
#ourBrandsLogos table .alignCentre{
	text-align		: center;
}

/*Page Number*/
#pageNumber{
	clear			: both;
	width			: 680px;
	text-align		: right;
	padding-bottom	: 10px;
}
.whiteBack{
	background-color: #b5b5b5;
	padding			: 2px 5px;
	decoration		: none;
}
#pageNumber a{
	color			: #2D2F2E;
	text-decoration	: none;
}

#pageNumber a:hover {
	color			: #CC006B;
	text-decoration	: underline;
}

#pageNumber a.CurPage{
	font-weight		: Bold;
	color			: #CC006B;
	text-decoration	: underline;
}

#error-holder{
	color			: #CC006B;
	padding			: 5px;
	border			: 1px solid #CC006B;
	margin			: 10px 10px 25px 10px;
}