@import  "reset.css";
/*---------------------------
http://www.imagemakers.co.za/
(IMAGEMAKERS)
- Main Style Sheet -
- Copyright IMAGEMAKERS 2008 -
Created 26|11|08 09:30 am
Last Updated 04|03|09 14:34 pm
------------------------------------------------------------------
BODY*/
body {
	background: url(../images/gradientBody.gif) top repeat-x #fff;
	color: #625d59;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 0.75em;
	z-index: 2;
}

.facebook-competition {
	background-image: none;
	overflow: hidden;
}

html {
	height: 101%;
	z-index: 1;
}

h1 {
	color: #424c93;
	font-size: 1.8em;
	font-weight: lighter;
}

h2 {
	color: #424c93;
	font-size: 1.7em;
	font-weight: lighter;
}

h3 {
	font-size: 1.6em;
	font-weight: lighter;
}

h4 {
	color: #424c93;
	font-size: 1.4em;
	font-weight: lighter;
}

h5 {
	font-size: 1.8em;
	font-weight: lighter;
}

h6 {
	color: #424c93;
	font-size: 1.2em;
	font-weight: lighter;
}

.red {
	color: #c02e2f;
}

.grey {
	color: #4a4949;
}

img {
	display: block;
}

.clear {
	clear: both;
}

.clearFix {
	clear: right;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

/*MAIN STRUCTURE CONTAINERS*/
#mainContainer {
	background-color: #f5f3f1;
	margin: 0 auto auto;
	position: relative;
	width: 781px;
	z-index: 0;
}

.facebook-competition #mainContainer {
	margin: 0;
	width: 520px;
}

#contentContainer {
	background-color: #f5f3f1;
	float: left;
	position: relative;
	width: 781px;
	z-index: 0;
}

.facebook-competition #contentContainer {
	width: auto;
}

#contentContainer.mxnmtch {
	background-color: #fff;
	float: left;
	position: relative;
	width: 781px;
	z-index: 0;
}

/*SITEWIDE ELEMENTS*/
.callMecontainer {
	background: #fff;
	color: #888;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 148px;
}

.callMecontainer label {
	display: block;
	float: left;
	margin: 6px 8px 0 0;
}

.loginContainer {
	background: transparent;
	color: #888;
	display: inline-block;
	position: absolute;
	right: 40px;
	top: 38px;
	overflow: hidden;
}

.loginContainer ul.orderonline, .loginContainer ul.orderonline li.orderBtns {
	clear: both;
}

.loginContainer ul.orderonline li.orderBtns {
	margin: 0 !important;
}

.loginContainer ul.orderonline li {
	text-align: right;
	font-size: 1.25em;
	color: #434d94;
	font-weight: 700;
}

.loginContainer ul.orderonline li a {
	float: left;
	font-weight: 400;
	background: #424C93;
	padding: 8px;
	text-decoration: none;
	color: #fff;
	font-size: 0.75em;
}

.loginContainer ul.orderonline li a:hover {
	color: #000;
}

.loginContainer label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
	font-size: 1.25em;
	color: #434d94;
	font-weight: 700;
}

.loginContainer a {
	float: right;
	margin: 3px 0 0 10px;
	font-size: 0.85em;
	color: #df1e1f;
	text-decoration: underline;
}

.callMenumber {
	background: #fff;
	border: 1px solid #c5c6c8;
	clear: both;
	color: #888;
	float: left;
	margin: 1px 0;
	padding: 3px 0 3px 3px;
	width: 74px;
}

.callMename {
	background: #fff;
	border: 1px solid #c5c6c8;
	clear: both;
	color: #888;
	float: left;
	margin: 1px 0;
	padding: 3px 0 3px 3px;
	width: 141px;
}

.callMecompany {
	background: #fff;
	border: 1px solid #c5c6c8;
	clear: both;
	color: #888;
	float: left;
	margin: 1px 0;
	padding: 3px 0 3px 3px;
	width: 141px;
}

.loginInput {
	background: #fff;
	border: 1px solid #c5c6c8;
	color: #888;
	float: left;
	margin: 0 0 0 5px;
	padding: 3px 0 3px 3px;
	width: 103px;
}

#bannerContainer input.submitter {
	background: transparent;
	border: none;
	color: #de2020;
	cursor: pointer;
	display: inline;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: auto;
	text-decoration: none;
}

#bannerContainer input.log {
	width: 40px;
}

#bannerContainer input.reg {
	width: 55px;
}

#bannerContainer input:hover.submitter {
	text-decoration: underline;
}

#bannerContainer {
	background: #fff;
	clear: both;
	float: left;
	height: 74px;
	padding: 0 8px 26px;
	width: 766px;
}

.logo {
	clear: both;
	float: left;
	height: 45px;
	position: relative;
	top: 24px;
}

#logoContainer a {
	height: 64px;
	width: 340px;
}

#navigation {
	background: url(../images/gradientNavigation.gif) top repeat-x #fff;
	border-bottom: 1px solid #fff;
	float: left;
	margin: 0 auto auto;
	width: 781px;
}

#navigation ul {
	border: 0;
	font-weight: 700;
	height: 40px;
	list-style-type: none;
	margin: 0 auto auto;
	padding: 0;
	text-align: center;
	width: 100%;
	overflow: hidden;
	display: inline-block;
	font-size: 1.05em;
}

#navigation ul li {
	background: url(../images/linkDivider.gif) top left no-repeat;
	border: none;
	display: block;
	float: left;
	height: 40px;
	padding: 0;
	text-align: center;
}

.indicator {
	background: url(../images/pageIndicator.gif) 50% 0 no-repeat;
	font-size: 0;
	height: 5px;
	position: relative;
	width: 23px;
	z-index: 5;
}

.indicatorPositioner {
	margin: 0 auto -5px;
	position: relative;
}

#navigation ul li a {
	color: #fff;
	display: inline;
	float: left;
	font-weight: lighter;
	margin: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	top: 1px;
}

#navigation ul li a:active {
	background: transparent;
	color: #ac2000;
}

#navigation ul li a:hover,#navigation ul li.current a {
	background: url(../images/gradientPageindicator.gif) repeat-x 2px 0;
	position: relative;
	top: 1px;
}

#navigation ul li.current a:hover {
	background: url(../images/gradientPageindicator.gif) repeat-x 2px 0;
	position: relative;
	top: 1px;
}

#navigation ul li.currentOther2 a:hover,#navigation ul li.currentOther2 a:active {
	background: url(../images/gradientPageindicator.gif) repeat-x 0 0;
	position: relative;
	top: 1px;
}

#navigation ul li.currentOther1 a,#navigation ul li.currentOther1 a:active {
	background: url(../images/gradientPageindicator.gif) repeat-x 0 0;
	position: relative;
	top: 1px;
}

#navigation ul li.firstLink a,#navigation ul li.secondLink a,#navigation ul li.thirdLink a,#navigation ul li.fourthLink a,#navigation ul li.fifthLink a,#navigation ul li.sixthLink a,#navigation ul li.seventhLink a,#navigation ul li.eighthLink a,#navigation ul li.lastLink a {
	padding: 12px 14px;
	position: relative;
}

#navigation ul li.seventhLink a, #navigation ul li.lastLink a {
	padding: 12px 15px;
	position: relative;
}

/*#navigation ul li.firstLink a {
	padding: 12px 18px;
	position: relative;
}*/

#contactWidget {
	border-top: 6px solid #fff;
	clear: both;
	float: left;
	height: 28px;
	margin-top: 12px;
	width: 100%;
}

#contactWidget ul {
	background: #fff;
	border: 0;
	clear: both;
	list-style-type: none;
	margin: 0 auto auto;
	padding: 0;
	text-align: center;
	width: 100%;
}

#contactWidget ul li {
	border: none;
	display: block;
	float: left;
	padding: 0;
	text-align: center;
}

#contactWidget ul li.requestCatalogue a {
	background-color: #919eff;
	margin: 0;
}

#contactWidget ul li.requestCatalogue a:hover {
	background-color: #919eff;
	margin: 0;
}

#contactWidget ul li.requestPricelist a {
	background-color: #7e89e3;
}

#contactWidget ul li.requestPricelist a:hover {
	background-color: #7e89e3;
}

#contactWidget ul li.styleReference a {
	background-color: #727cd3;
}

#contactWidget ul li.styleReference a:hover {
	background-color: #727cd3;
}

#contactWidget ul li.orderForm a {
	background-color: #6169ba;
}

#contactWidget ul li.orderForm a:hover {
	background-color: #6169ba;
}

#contactWidget ul li.mixMatch a {
	background-color: #545da8;
}

#contactWidget ul li.mixMatch a:hover {
	background-color: #545da8;
}

#contactWidget ul li.viewChart a {
	background-color: #4a529b;
}

#contactWidget ul li.viewChart a:hover {
	background-color: #4a529b;
}
#contactWidget ul li.viewClients a {
	background-color: #3d4689;
	padding: 5px 19px 6px;
}

#contactWidget ul li.viewClients a:hover {
	background-color: #3d4689;
}

#contactWidget ul li a {
	color: #fff;
	display: inline;
	float: left;
	font-weight: lighter;
	padding: 5px 13px 6px;
	text-align: center;
	text-decoration: underline;
}

#contactWidget ul li a:hover {
	background: transparent;
	color: #000;
	text-decoration: underline;
}

#contactWidget a:active {
	background: transparent;
	color: #fff;
	text-decoration: underline;
}

/*CAREER----------------------------------------------------------------------------------------------------*/

.careerContainer {
	background-color: #fff;
	border: 1px solid #dadada;
	clear: both;
	float: left;
	height: auto;
	padding: 0 17px 17px 17px;
	width: 730px;
}

ul.careerListing, .careerHeader {
	border-bottom: 1px solid #b7b7b7;
	padding: 20px 0px 5px;
	overflow: hidden;
}

ul.careerListing {
	border-bottom: 1px solid #b7b7b7;
	padding: 20px 0px 5px;
	overflow: hidden;
	display: inline-block;
	float: left;
	width: 100%;
}

.careerHeader {
	padding: 20px 0;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}

ul.careerListing li.careerHeading h2, .careerHeader h2 {
	color: #de2020;
	font-size: 1.125em;
	font-weight: 700;
}

ul.careerListing li.careerText {
	padding: 12px 0;
}

ul.careerListing li.careerDate span, .careerHeader span.careerDate {
	display: inline;
	font-size: 0.85em;
	float: left;
}

.careerHeader span.careerDate {
	text-align:right;
	width:100%;
	margin-top: -12px;
}

ul.careerListing li.careerDate a {
	background: #424C93;
	border: 0 none;
	color: #fff;
	float: right;
	margin: 0 0 5px 0;
	padding: 6px 8px;
	text-align: center;
	text-decoration: none;
}

ul.careerListing li.careerDate a:hover {
	color: #000;
}

.careerContainer h3 {
	color: #424c93;
	font-size: 0.95em;
	font-weight: 400;
	text-transform: uppercase;
}

.careerContainer h3.normalText {
	text-transform: none !important;
}

.careerContainer ol li {
	list-style: decimal inside;
}

.careerContainer ol, .careerContainer p  {
	padding-bottom: 18px;
}

#pagination {
	display: inline-block;
	margin-top: 5px;
	overflow: hidden;
	padding: 15px 0 0;
	width: 100%;
}

#pagination div {
	float: right;
	left: -50%;
	position: relative;
	text-align: left;
}

#pagination div ul {
	left: 50%;
	list-style: none;
	position: relative;
}

#pagination div ul li {
	display: inline-block;
	float: left;
	padding: 0 1px;
	position: relative;
}

#pagination div ul li a {
	color: #de2020;
	float: left;
	padding: 2px 5px;
	text-align: center;
	white-space: nowrap;
	text-decoration: underline;
}

#pagination div ul li a:hover, #pagination div ul li a.selected {
	color: #464042 !important;
	text-decoration: none !important;
}

#pagination div ul li a.pagLeft,
#pagination div ul li a.pagRight {
	background: #424C93;
	color: #FFFFFF;
	padding: 3px 8px;
	text-decoration: none;
	font-weight: 700;
}

#pagination div ul li a.pagLeft:hover,
#pagination div ul li a.pagRight:hover {
	color: #000 !important;
}

#pagination div ul li a.elipses {
	text-decoration: none;
}

#footerContainer {
	background-color: #d8e4ea;
	float: left;
	font-size: .875em;
	padding: 10px 15px 15px;
	position: relative;
	width: 751px;
}

#footerContainer a {
	color: #625d59;
}

#footerContainer ul {
	background: #fff;
	border: 0;
	clear: both;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 10px;
	width: 638px;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	font-weight: 400 !important;
}

#footerContainer ul li {
	border: none;
	border-right: 1px solid #625d59;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#footerContainer ul li.first a {
	border-left: none;
	padding-left: 0;
}

#footerContainer ul li.last, #footerContainer ul li.last a {
	background: none !important;
	border: 0 !important;
}


#footerContainer ul li a {
	display: block;
	padding: 0 5px;
	text-decoration: none;
}

#copyRight {
	padding: 10px 0 0 10px;
	background: #fff;
	clear: both;
	float: left;
	text-decoration: none;
	width: 638px;
}

.bee4 {
	background: url('../images/img-lvl4_bee.jpg') 0 0 no-repeat;
	float: right;
	width: 128px;
	height: 45px;
	position: absolute;
	display: inline-block;
	right: -10px;
}

.siteCreator {
	clear: both;
	display: block;
	float: left;
	text-decoration: none;
}

#footerContainer a:hover {
	background: transparent;
	color: #000;
}

#footerContainer a:active {
	color: #625d59;
	display: block;
	text-decoration: underline;
}

/*INDIVIDUAL ELEMENTS
MAIN NAVGATION
HOME----------------------------------------------------------------------------------------------------*/
#welcome {  /*EDITED - 28-04-10*/
	float: left;
	height: 517px;
	margin: 0 3px 0 0;
	position: relative;
	width: 434px;
	background: #fff;
}

.linksLeft { /*ADDED - 28-04-10*/
	float: right;
	display: inline;
	width: 344px;
	position: relative;
	/*background: #9c1316;*/
}

#aboutImagemakersblurb {
	background: #6a6460;
	border: 1px solid #ddd8d3;
	float: right;
	height: 368px;
	margin: 0 0 0 9px;
	padding: 24px;
	width: 235px;
}

#aboutImagemakersblurb a {
	float: right;
}

#headerHomepage {
	background: url(../images/mixnMatch.jpg) no-repeat #fff;
	border: 1px solid #c02e2f;
	clear: both;
	float: left;
	height: 235px;
	width: 781px;
}

#headerHomepage img {
	float: left;
	margin: 12px 0 0 15px;
}

#horoscopeWidget {  /*EDITED - 28-04-10*/
	background:url(../images/bg-BEE.jpg) 100% 0 no-repeat;
	clear:both;
	float:left;
	height:101px;
	margin:5px 0 -12px 0;
	width:781px;
}

#horoscopeWidget a, #horoscopeWidget a:visited { /*ADDED - 28-04-10*/
	background:url(../images/bg-horoscopes.jpg) 100% 0 no-repeat;
	clear:both;
	float:left;
	height:101px;
	width:679px;
	text-indent: -9999px;
}

/*#horoscopeWidgetheader {
	background: url(../images/yourWeeklyhoroscope.gif) no-repeat #c3c4fd;
	clear: both;
	color: #5a5c6c;
	float: left;
	height: 27px;
	width: 781px;
}

#horoscopeWidget ul {
	background-color: #fff;
	border: 0;
	font-weight: 700;
	list-style-type: none;
	margin: 0 auto auto;
	padding: 0;
	text-align: center;
	width: 768px;
}

#horoscopeWidget ul li {
	background-color: #fff;
	border: none;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 2px;
	text-align: center;
}*/

/*ABOUT--------------------------------------------------------------------------------------------------*/
#aboutImagemakers {
	background: url(../images/gradientAll.gif) top repeat-x #fff;
	border: 1px solid #b7b7b7;
	float: left;
	height: 202px;
	margin: 5px 0 0;
	padding: 30px 0 30px 20px;
	width: 372px;
}

#aboutImagemakersimage {
	border: 1px solid #b7b7b7;
	float: right;
	height: 262px;
	margin: 5px 0 0;
	width: 380px;
}

/*COLLECTIONS------------------------------------------------------------------------------------------*/
#collectionsWidget {
	clear: both;
	float: left;
	margin: 10px 0 5px;
	width: 781px;
}

#collectionsWidget ul {
	border: 0;
	height: 30px;
	list-style-type: none;
	margin: 0 auto auto;
	padding: 0;
	text-align: center;
}

#collectionsWidget ul li {
	border: none;
	display: block;
	float: left;
	margin: 0 3px;
	text-align: center;
}

#collectionsWidget ul li.requestCatalogue {
	background-color: #919eff;
	margin: 0 3px 0 0;
}

#collectionsWidget ul li.requestPricelist {
	background-color: #7383ff;
}

#collectionsWidget ul li.styleReference {
	background-color: #5c69cc;
}

#collectionsWidget ul li.orderForm {
	background-color: #454f99;
}

#collectionsWidget ul li.colorChart {
	background-color: #394280;
	float: right;
	margin: 0 0 0 3px;
}

#collectionsWidget ul li.colorChart a {
	padding: 8px 16px;
}

#collectionsWidget ul li a {
	color: #fff;
	display: block;
	padding: 8px 17px;
	text-align: center;
	text-decoration: underline;
}

#collectionsWidget ul li a:hover {
	background: transparent;
	color: #000;
	text-decoration: underline;
}

#collectionsWidget a:active {
	background: transparent;
	color: #fff;
	text-decoration: underline;
}

.collectionsContent {
	background: url(../images/gradientAll.gif) top repeat-x #fff;
	border: 1px solid #b7b7b7;
	color: #424c93;
	float: left;
	height: auto;
	/*margin: 5px 0 0;
	padding: 20px 18px;*/
	width: 743px;
}

.collectionsContent.mxm {
	background: none;
	border: 0;
	color: #fff;
	float: left;
	height: auto;
	/*margin: 0 0 20px;
	padding: 0 0 30px 18px;*/
	position: relative;
	width: 743px;
	display: none;
}

*html .collectionsContent.mxm {
	height: 5px !important;
	padding: 0 0 40px 18px;
}

.collectionsContent.mxm a.closeSection,.collectionsContent.mxm a:visited.closeSection {
	background: #394280;
	bottom: 0;
	clear: both;
	color: #fff;
	display: inline-block;
	overflow: hidden;
	padding: 6px 8px;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
}

.collectionsContent.mxm ul.collectionsColors {
	border: 0;
	float: left;
	list-style-type: none;
	padding: 0;
	position: relative;
}

.collectionsContent ul {
	border: 0;
	float: left;
	list-style-type: none;
	margin: 15px auto auto;
	padding: 0;
	position: relative;
}

ul.small li {
	display: block;
	float: left;
	margin: 0 0 0 4px;
}

ul.small li.first {
	margin: 0;
}

ul.small li img {
	border: 1px solid #e1e1e1;
	padding: 5px;
}

ul.small li.deselected {
	background: url(../images/collectionDeselected.gif) no-repeat;
	display: block;
	float: left;
	height: 211px;
	margin: 0 0 0 3px;
	padding: 5px;
	width: 136px;
}

.bottomLink {
	background: url(../images/gradientCollectionlink.gif) 0 100% no-repeat #fff;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	cursor: pointer;
	float: left;
	padding: 3px 5px 5px 12px;
	position: relative;
	text-decoration: underline;
	top: -1px;
	width: 118px;
	z-index: 20;
}

ul.small li a {
	color: #ac2000;
	text-decoration: underline;
}

ul.small li a:visited {
	color: #ac2000;
	text-decoration: underline;
}

ul.small li a:hover {
	color: #424c93;
	text-decoration: underline;
}

ul.small li a:active {
	color: #000;
}

ul.collectionsColors {
	border: 0;
	float: left;
	list-style-type: none;
	padding: 0;
	position: relative;
}

ul.collectionsColors li {
	display: block;
	float: left;
	margin: 0 0 10px 8px;
}

ul.collectionsColors li.first {
	display: block;
	float: left;
	margin: 0;
}

ul.collectionsColors li img {
	border: 1px solid #e1e1e1;
	padding: 5px;
}

ul.collectionsColors li a {
	color: #424c93;
}

ul.collectionsColors li a:hover {
	color: #424c93;
}

ul.collectionsColors li a:active {
	color: #000;
}

.linked {
	background: url(../images/linkSuiting.gif) center no-repeat;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	height: auto;
	margin: 0;
	padding: 10px;
	width: 115px;
}

.collectionsContent.menu {
	border: none;
	display: block;
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

ul.collectionsMenu {
	display: inline;
	float: left;
	height: auto;
	margin: 0 0 0 -4px;
	overflow: hidden;
}

ul.collectionsMenu li {
	display: inline;
	float: left;
	margin: 4px 0 0 4px;
	width: 192px;
}

/*REQUEST CATALOGUE / REQUEST PRICE LIST-----------------------------------------------------*/
.requestForm {
	background-color: #fff;
	border: 1px solid #dcdcdc;
	clear: both;
	float: left;
	height: auto;
	padding: 10px 30px 26px;
	width: 704px;
}

.applicationForm {
	border-top: 1px solid #dcdcdc;
	padding-top: 20px;
}

.careerContainer .applicationForm h3 {
	font-size: 1.6em;
	font-weight: lighter;
	padding-bottom: 11px;
}

.requestForm input.requestInfo, .applicationForm input.requestInfo {
/*	background: url(../images/gradientInput.gif) no-repeat center 2px #fff; */
	border: 1px solid #dcdcdc;
	clear: both;
	float: left;
	height: 18px;
	margin: 0;
	padding: 1px 0 0 1px;
	width: 333px;
	color: #625D59;
}

.requestForm input#Register.requestInfo{
	clear: none !important;
	float:  none !important;
	width: 13px !important;
	height: 13px !important;
	margin: 0 0 0 5px;
}

.requestForm label.regis {
	clear: none !important;
    display: inline;
    float: none;
    height: auto;
}

.requestForm input.requestInfo.telCodeInput,/* EDIT - 24-06-09 */
.requestForm input.requestInfo.postalCodeInput {
	width: 70px;
}

.requestForm input.requestInfo.telNumInput,/* EDIT - 24-06-09 */
.requestForm input.requestInfo.cityNameInput {
	width: 250px;
}

.requestForm label {
	clear: both;
	/*height: 18px;*/
	padding: 1px 0 6px 0;
}

.requestForm label.marketingRequestStretch,.detailContainer.stretch {
	clear: both;
	width: 100%;
}

.requestForm textarea {
/*	background: url(../images/gradientTextarea.gif) no-repeat center 2px #fff; */
	border: 1px solid #dcdcdc;
	float: left;
	height: 71px;
	padding: 1px 0 0 1px;
	width: 333px;
	color: #625D59;
}

.requestFormleft, .applicationFormleft {
	float: left;
	width: 340px;
}

.requestFormright {
	float: right;
	width: 340px;
}

.detailContainermarketing {
	clear: both;
	float: left;
	height: 20px;
	width: 100%;
}

.requiredField {
	float: right;
	font-size: 0.85em;
	margin: 20px 10px 0 0;
}

.requiredFieldindicator {
	color: #c02e2f;
	font-size: 1em;
	margin-left: 3px;
}

.requestForm input.radioButton {
	background: none;
	border: none;
	float: left;
	height: 15px;
	margin-top: 3px;
	width: 15px;
}

.requestForm label.shortLabel {
	float: left;
	margin: 0 0 0 5px;
	padding: 2px 0;
	width: 310px;
}

.requestForm label.shorterLabel {
	float: left;
	padding: 2px 0;
	width: 40px;
}

.requestForm input.shortInput {
	background: #f4f4f4;
	border: 1px solid #dcdcdc;
	color: #625D59;
	float: left;
	margin-left: 5px;
	padding: 1px 0 0 1px;
	width: 285px;
}

.requestForm select.selectBox {
	background: #f4f4f4;
	border: 1px solid #dcdcdc;
	padding: 1px 0 0 1px;
	width: 336px;
	color: #625D59;
}

.hidden {
	display: none;
	left: -9999px;
	visibility: hidden;
}

.hiddenStubborn {
	visibility: hidden;
}

.requestForm input.submitter {
	background: #424c93;
	border: 0;
	color: #fff;
	cursor: pointer;
	float: right;
	height: 24px;
	margin-top: 16px;
	padding: 0 8px;
	text-align: center;
	vertical-align: middle;
	width: 50px;
}

.requestForm input.submitter.reg {
	width: auto !important;
}

.submitphotoFrm label a {
	float: left;
}

.submitphotoFrm label input.requestInfo {
	width: 10px;
	height: 10px;
}

/*SIZE CHART--------------------------------------------------------------------------------------------*/
#sizeChart {
	background: url(../images/imageSizechart.jpg) right 0 no-repeat #e5d4bc;
	float: left;
	margin: 5px 0 0;
	padding: 27px 15px 5px 28px;
	width: 738px;
}

#sizeChart h1 {
	margin: 0 0 0 -10px;
}

#sizeChart h4 {
	margin: 0 auto 12px -10px;
}

#step1 {
	border: 0;
	color: #000;
	float: left;
	height: 72px;
	margin: -10px 0 0;
	padding: 25px 45px 22px 70px;
	position: relative;
	width: 195px;
}

#step1 li.fixer h1 {
	color: #4a4949;
	list-style: 0;
	margin: 0 0 5px -2px;
}

#step2 li.fixer h1 {
	color: #4a4949;
	list-style: 0;
	margin: 0 0 5px -2px;
}

#step3 li.fixer h1 {
	color: #4a4949;
	list-style: 0;
	margin: 0 0 5px -2px;
}

#step1 li.fixer {
	color: #4a4949;
	list-style: none;
	list-style-position: none;
	margin: 0 0 0 -2px;
}

#step2 li.fixer {
	color: #4a4949;
	list-style: none;
	list-style-position: none;
	margin: 0 0 0 -2px;
}

#step3 li.fixer {
	color: #4a4949;
	list-style: none;
	list-style-position: none;
	margin: 0 0 0 -2px;
}

#step2 h1 {
	color: #4a4949;
	margin: 0 20px 0 0;
}

#step3 h1 {
	color: #4a4949;
	margin: 0 0 0 -2px;
}

ul#step1 li {
	border: 0;
	clear: both;
	list-style: disc inside;
	list-style-position: outside;
	margin: 0 0 0 12px;
}

ul#step2 li {
	border: 0;
	clear: both;
	list-style: disc inside;
	list-style-position: outside;
	margin: 0 0 0 12px;
}

ul#step3 li {
	border: 0;
	clear: both;
	list-style: disc inside;
	list-style-position: outside;
	margin: 0 0 0 12px;
}

#step2 {
	border: 0;
	clear: both;
	color: #000;
	float: left;
	height: 72px;
	padding: 25px 45px 22px 70px;
	position: relative;
	width: 195px;
}

#step3 {
	border: 0;
	clear: both;
	color: #000;
	float: left;
	height: 72px;
	padding: 25px 45px 22px 70px;
	position: relative;
	width: 195px;
}

#informationFooter {
	clear: both;
	float: left;
	margin: 7px 0 0;
	width: 100%;
}

#informationFooter ul {
	background: url(../images/measurementInfo.gif) top left no-repeat;
	border: 0;
	height: 35px;
	list-style-type: none;
	margin: 7px 0 0;
	padding: 0;
}

#informationFooter ul li {
	display: block;
	float: left;
}

.keyA {
	margin: 0 0 0 25px;
	width: 160px;
}

.keyB {
	margin: 0 0 0 60px;
	width: 190px;
}

.keyI {
	margin: 0 0 0 58px;
	width: 245px;
}

#normalSizes {
	background: url(../images/gradientAll.gif) repeat-x #fff;
	border: 1px solid #9ea4d0;
	clear: both;
	color: #ac0000;
	float: left;
	margin: 10px 0 0;
	padding: 22px 15px;
	width: 720px;
}

#plusSizes {
	background: url(../images/gradientAll.gif) repeat-x #fff;
	border: 1px solid #9ea4d0;
	clear: both;
	color: #ac0000;
	float: left;
	margin: 10px 0 0;
	padding: 22px 15px;
	width: 720px;
}

.colourInformation {
	background: url(../images/gradientAll.gif) repeat-x #fff;
	border: 1px solid #9ea4d0;
	clear: both;
	color: #ac0000;
	float: left;
	margin: 10px 0 0;
	padding: 22px 15px;
	width: 720px;
}

.colourInformation p {
	color: #464042;
	font-size: .9em;
	font-weight: lighter;
	padding: 5px 0;
	text-align: left;
	width: auto;
}

#plusSizes h4 {
	margin: 0 0 30px;
}

table.sizeCharts {
	background-color: #fff;
	border: 1px solid #9ea4d0;
	border-collapse: collapse;
	clear: both;
	float: left;
	width: 100%;
}

table.sizeCharts caption {
	color: #050055;
	font-size: 1.2em;
	font-weight: lighter;
	padding: 5px 0 10px;
	text-align: left;
	width: auto;
}

table.sizeCharts th {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	color: #050055;
	font-weight: lighter;
	padding: 10px;
	text-align: left;
	width: 80px;
}

table.sizeCharts th.noborderBottom {
	background-color: #fff;
	border: none;
	color: #050055;
	padding: 10px;
	text-align: left;
}

table.sizeCharts th.gradientTop {
	background: url(../images/styleRefgradient.gif) repeat-x #fff;
	border-bottom: 1px solid #ccc;
	color: #050055;
	padding: 10px;
	text-align: left;
}

table.sizeCharts tr td.blueData {
	background: url(../images/styleRefgradient.gif) repeat-x #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 0;
	color: #424C93;
	font-size: 1em;
	padding: 1px 2px;
}

table.sizeCharts tr td.blueDatagradientnon {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	color: #424C93;
	font-size: 1em;
	padding: 4px 5px;
}

table.sizeCharts td {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #050055;
	font-size: 0.8em;
	padding: 8px 5px 10px;
	text-align: center;
	vertical-align: middle;
}

/*ORDER--------------------------------------------------------------------------------------------------*/
.orderContainer {
	background-color: #fff;
	border: 1px solid #dadada;
	clear: both;
	float: left;
	height: auto;
	padding: 16px 60px;
	width: 644px;
}

.orderContainer h1 {
	margin: 0 0 5px;
}

.worldMap {
	background-color: #ba4c75;
	float: left;
}

.worldMap img {
	border: 1px solid #bbb;
}

.countrySelection {
	float: right;
	width: 240px;
}

.countrySelection select {
	float: right;
	margin: 5px 0 10px;
	width: 240px;
}

.downloadOrderform {
	float: right;
	margin-top: 78px;
}

/*FAQ-----------------------------------------------------------------------------------------------------*/
.faq {
	background: url(../images/gradientFAQ.gif) top repeat-x #fff;
	border: 1px solid #b7b7b7;
	clear: both;
	float: left;
	height: auto;
	margin: 5px 0 0;
	padding: 10px 20px;
	position: relative;
	width: 739px;
}

.faq h1 {
	float: left;
	width: 5%;
}

.faq h1.answer {
	clear: left;
	float: left;
	width: 5%;
}

.faq p.question {
	color: #000;
	float: left;
	font-weight: 700;
	margin: 4px 0 0 20px;
	position: relative;
}

.faq p.answer {
	color: #000;
	float: left;
	margin: 0 0 10px 20px;
	position: relative;
	width: 92%;
}

.faq ol {
	color: #000;
	float: left;
	margin: 0 0 10px 20px;
	position: relative;
	width: 90%;
}

/*CONTACT------------------------------------------------------------------------------------------------*/
.contactContainer {
	background-color: #fff;
	border: 1px solid #dadada;
	clear: both;
	float: left;
	height: auto;
	padding: 17px;
	width: 730px;
}

.contactContainer ul li.padded {
	margin: 15px 0;
}

.contactContainer .office {
	clear: both;
	float: left;
}

.contactDetails {
	float: left;
	padding-right: 16px;
	width: 350px;
}

.contactDetails a {
	color: #625d59;
	text-decoration: none;
}

.contactDetails a:visited {
	color: #625d59;
	text-decoration: none;
}

.contactDetails a:hover {
	color: #000;
	text-decoration: underline;
}

.contactDetails a:active {
	color: #000;
	text-decoration: underline;
}

.map {
	float: right;
	margin: 0 0 30px 0;
	width: 342px;
}

.map img {
	margin-bottom: 10px;
}

.gpsCoordinates {
	clear: both;
	border-bottom: 1px solid #b7b7b7;
	color: #424c93;
	height: auto;
	padding: 0 0 30px 0;
	margin: 0 0 20px;
	position: relative;
	text-align: right;
}

.contactPositioner {
	float: left;
	margin: 26px 0 0;
}

.feedbackForm {
	border: 1px solid #dadada;
	clear: both;
	color: #464042;
	float: left;
	height: auto;
	margin: 10px 0 0;
	padding: 14px;
	width: 698px;
}

.feedbackFormleft {
	float: left;
	height: auto;
	width: 338px;
}

.feedbackFormright {
	float: right;
	height: auto;
	width: 338px;
}

.feedbackForm input.feedBackinfo,
.feedbackForm textarea
 {
/*	background: url(../images/gradientInput.gif) no-repeat center 2px #fff; */
	border: 1px solid #dcdcdc;
	color: #625D59;
	float: left;
	font-family: "Arial",Helvetica,sans-serif;
	font-size: 1em;
	height: 18px;
	padding: 1px 0 0 1px;
	width: 335px;
	resize: none;
}

.feedbackForm label
{
	padding: 7px 0;
	width: 100%;
}

.feedbackForm label.shortLabel {
	padding: 0;
	position: relative;
	top: 5px;
	width: 15%;
}

.feedbackForm textarea
{
/*	background: url(../images/gradientTextarealarge.gif) no-repeat center 2px #fff; */
	border: 1px solid #dcdcdc;
	float: left;
	height: 95px;
	padding: 1px 1px 0;
	width: 694px;
}

.feedbackForm input.submitter {
	margin: 10px 0 0;
}

.bottomAligned {
	float: left;
}

.marketingRequest {
	float: left;
	margin-top: 5px;
	padding: 5px 5px 5px 0;
	width: 698px;
}

.feedbackForm input.checkedBox {
	background: none;
	border: none;
	float: left;
	height: 15px;
	margin-top: 6px;
	width: 15px;
}

.mailingList {
	border-bottom: 1px solid #dcdcdc;
	float: right;
	margin: 10px 0;
	padding: 5px 0;
	width: 100%;
}

/*OTHER PAGES
STYLE REFERENCE-------------------------------------------------------------------------------------*/
.stylerefContent {
	background: url(../images/styleRefgradientbig.gif) top repeat-x #f5f3f1;
	border: 1px solid #b7b7b7;
	color: #424c93;
	float: left;
	height: auto;
	margin: 16px 0 0;
	padding: 20px;
	width: 739px;
}

.stylerefContent img {
	background-color: #fff;
	border: 1px solid #dadada;
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;
}

.jacketPictures {
	color: #fff;
	float: left;
	height: auto;
	width: 325px;
}

.jacketData {
	float: right;
	width: 409px;
}

.patternCaption {
	color: #fff;
	font-weight: 700;
	height: 16px;
	margin: 0 0 0 165px;
	padding: 1px 4px;
	width: 138px;
}

.sectionFooter {
	clear: both;
	margin: 0;
	padding-top: 10px;
	width: 100%;
}

.detailsFooter {
	color: #4a4949;
	float: right;
	padding: 0 222px 0 0;
	text-align: center;
	width: 149px;
}

table.stylerefFilter {
	background-color: #000;
	border-collapse: collapse;
	clear: both;
	float: left;
	margin: 15px 0 0;
	width: 100%;
}

table.stylerefFilter2 {
	background-color: #000;
	border-collapse: collapse;
	clear: both;
	float: left;
	margin: 15px 0 0;
	width: 100%;
}

table.stylerefFilter caption
{
	color: #444;
	font-size: 1.2em;
	font-weight: 700;
	text-align: left;
	width: auto;
}

table.stylerefFilter2 caption {
	color: #444;
	font-size: 1.2em;
	font-weight: 700;
	text-align: left;
	width: auto;
}

table.stylerefFilter th {
	background-color: #000;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	color: #fff;
	padding: 10px;
	text-align: center;
}

table.stylerefFilter2 th {
	background-color: #000;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	color: #fff;
	padding: 10px;
	text-align: center;
}

table.stylerefFilter tr td {
	background: #fff;
}

table.stylerefFilter2 tr td {
	background: url(../images/gradientFAQ.gif) repeat-x #fff;
	text-align: center;
}

table.stylerefFilter2 tr td label {
	float: none;
}

table.stylerefFilter td {
	border: 1px solid #ccc;
	color: #000;
	padding: 22px 45px 14px 50px;
	text-align: center;
	vertical-align: middle;
}

table.stylerefFilter2 td {
	border: 1px solid #ccc;
	color: #000;
	padding: 20px 10px 14px;
	text-align: center;
	vertical-align: middle;
}

table.stylerefFilter input.selectBox {
	background-color: #fff;
	border: 0;
	float: right;
	height: 15px;
	margin: 0;
	width: 15px;
}

table.stylerefFilter2 input.selectBox {
	background-color: #fff;
	border: 0;
	float: none;
	height: 15px;
	margin: 10px 0 0;
	width: 15px;
	clear: both;
}

table.jackets {
	background-color: #fff;
	border: 1px solid #c6c9e4;
	border-collapse: collapse;
	clear: both;
	float: right;
	position: relative;
	width: 100%;
}

table.jackets a {
	color: #000;
	text-decoration: none;
}

table.jackets a:visited {
	color: #000;
	text-decoration: none;
}

table.jackets a:hover {
	color: #d51e1e;
}

table.jackets a:active {
	color: #d51e1e;
}

table.jackets caption {
	color: #464042;
	padding: 5px 0 10px;
	text-align: left;
	width: auto;
}

table.jackets th {
	background-color: #000;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	color: #fff;
	padding: 10px;
	text-align: center;
}

table.jackets td.borderTopleft {
	color: #464042;
	vertical-align: middle;
}

table.jackets td.borderTopright {
	border-left: 1px solid #c6c9e4;
	color: #464042;
	vertical-align: middle;
}

table.jackets td.borderBottomleft {
	border-bottom: 1px solid #c6c9e4;
	color: #464042;
	vertical-align: middle;
}

table.jackets td.borderBottomright {
	border-bottom: 1px solid #c6c9e4;
	border-left: 1px solid #c6c9e4;
	color: #464042;
	text-decoration: none;
	vertical-align: middle;
}

table.jackets td.borderBottomright img {
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 2px;
	position: relative;
	z-index: 10;
}

table.jackets td {
	padding: 3px;
}

/*HOROSCOPE---------------------------------------------------------------------------------------------*/
#headerHoroscope {
	background: url(../images/headerHoroscope.jpg) no-repeat #fff;
	clear: both;
	float: left;
	height: 270px;
	width: 781px;
}

#horoscopeHeading {
	background: url(../images/gradientFAQ.gif) top repeat-x #fff;
	border: 1px solid #b7b7b7;
	clear: both;
	float: left;
	height: auto;
	margin: 5px 0 0;
	padding: 20px 20px 30px;
	position: relative;
	width: 739px;
}

.horoscope {
	background: url(../images/gradientFAQ.gif) top repeat-x #fff;
	border: 1px solid #b7b7b7;
	clear: both;
	float: left;
	height: auto;
	margin: 5px 0 0;
	padding: 20px 8px 30px 20px;
	position: relative;
	width: 750px;
}

.horoscope h6 {
	color: #000;
	float: left;
	font-size: 1em;
	font-weight: 700;
	width: 35%;
}

.horoscope h1 {
	float: left;
	width: 76%;
}

#horoscopePetra,#astroWorkMatch,#atWork {
	background: url(../images/gradientFAQ.gif) top repeat-x #fff;
	border: 1px solid #b7b7b7;
	clear: both;
	float: left;
	height: auto;
	margin: 5px 0 0;
	padding: 20px 20px 30px;
	position: relative;
	width: 739px;
}

#horoscopePetraheading {
	color: #424c93;
	float: left;
	margin: 20px 0 0;
	width: 74%;
}

#horoscopePetraheading h1 {
	color: #c02e2f;
	font-size: 1.8em;
	text-transform: uppercase;
}

#horoscopePetra p {
	color: #000;
	float: left;
	font-size: .9em;
	margin: 0;
	width: 74%;
}

form.astroWork {
	display: inline-block;
	float: left;
	width: 350px;
}

form.astroWork fieldset {
	display: inline-block;
	float: left;
	padding: 18px 0 5px;
}

form.astroWork label {
	clear: both;
	color: #000;
	display: block;
	float: none;
	margin: 0 0 3px;
	padding: 1px 0 2px 2px;
}

form.astroWork select.selectBox {
	background: #efefef;
	border: 1px solid #ccc;
	clear: both;
	color: #000;
	display: block;
	float: left;
	font-family: "Arial", Helvetica,sans-serif;
	margin: 0 0 5px;
	outline: 0;
	padding: 1px 0 1px 2px;
	position: relative;
	vertical-align: middle;
	width: 348px;
}

form.astroWork input.submitter {
	position: relative;
	right: 2px;
}

.button input {
	background: #424c93;
	border: 0;
	color: #fff;
	cursor: pointer;
	direction: rtl;
	display: inline-block;
	font-family: "Arial", Helvetica, sans-serif;
	overflow: visible;
	padding: 7px 10px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	vertical-align: middle;
	white-space: nowrap;
}

.starsignInfo {
	display: inline-block;
	float: left;
	position: relative;
	top: 25px;
	width: 285px;
}

.horoscope .starsignInfo p {
	color: #000;
	width: 100%;
}

a.button {
	background: #424c93;
	color: #fff;
	display: inline-block;
	float: right;
	overflow: visible;
	padding: 7px 10px;
	position: relative;
	text-align: center;
	top: 70px;
}

.button {
	display: inline-block;
	text-decoration: none !important;
}

.button input:hover,a.button:hover {
	color: #000;
}

.compResult {
	background: url(../images/compatibility_result_arrow.gif) 0 0 #fff;
	display: inline-block;
	float: right;
	padding: 9px 0 6px 36px;
	position: relative;
	width: 343px;
}

.compResultTXT {
	background: url(../images/bg_compResultTXT.gif) 0 0 repeat-y #cb3637;
	color: #fff;
	display: inline-block;
	float: right;
	padding: 36px 15px 30px;
	position: relative;
	width: 324px;
}

.compResultTXT p {
	font-size: 1.2em;
	font-weight: lighter;
}

.crnrLeft {
	background: url(../images/bttmLeft_Red.gif) 0 0 #cb3637;
	bottom: 0;
	display: inline-block;
	font-size: 0;
	height: 15px;
	left: 0;
	line-height: 0;
	position: absolute;
	width: 15px;
	z-index: 9999;
}

.crnrRight {
	background: url(../images/bttmRight_Red.gif) 100% 0 #cb3637;
	bottom: 0;
	display: inline-block;
	font-size: 0;
	height: 15px;
	line-height: 0;
	position: absolute;
	right: 0;
	width: 15px;
	z-index: 9999;
}

.clearBoth {
	clear: both;
	display: inline-block;
	width: 300px;
}

#atWork {
	background: #446c8e;
	border: 1px solid #446c8e;
	float: left;
	padding: 20px 20px 0 0;
	width: 759px;
}

.atWorkHeading {
	background: url(../images/bg_atWork-heading.jpg) 0 0 #446c8e;
	display: inline-block;
	float: left;
	padding: 7px 0 10px 24px;
	position: relative;
	width: 323px;
}

.atWorkinfo {
	color: #fff;
	display: inline-block;
	float: left;
	width: 350px;
}

#atWork p {
	color: #fff;
	display: inline-block;
	float: left;
	padding: 15px;
	width: 350px;
}

#atWork ul {
	margin: 15px 0 0;
}

#atWork ul li {
	background: url(../images/bg_Li.gif) 0 6px no-repeat;
	padding: 0 0 0 20px;
	position: relative;
}

.essentialItems {
	background: #5689b5;
	color: #fff;
	display: inline-block;
	float: right;
	padding: 15px;
	position: relative;
	width: 324px;
}

.crnrLeftTop {
	background: url(../images/topLeft_Blue.gif) 100% 0;
	display: inline-block;
	font-size: 0;
	height: 15px;
	left: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	width: 15px;
	z-index: 9999;
}

.crnrRightTop {
	background: url(../images/topRight_Blue.gif) 100% 0;
	display: inline-block;
	font-size: 0;
	height: 15px;
	line-height: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 15px;
	z-index: 9999;
}

.crnrLeftBttm {
	background: url(../images/bttmLeft_Blue.gif) 100% 0;
	bottom: 0;
	display: inline-block;
	font-size: 0;
	height: 15px;
	left: 0;
	line-height: 0;
	position: absolute;
	width: 15px;
	z-index: 9999;
}

.crnrRightBttm {
	background: url(../images/bttmRight_Blue.gif) 100% 0;
	bottom: 0;
	display: inline-block;
	font-size: 0;
	height: 15px;
	line-height: 0;
	position: absolute;
	right: 0;
	width: 15px;
	z-index: 9999;
}

#horoscopePetraheading a {
	color: #424c93;
	text-decoration: none;
}

#horoscopePetraheading a:visited {
	color: #424c93;
	text-decoration: none;
}

#horoscopePetraheading a:hover {
	color: #000;
	text-decoration: underline;
}

#horoscopePetraheading a:active {
	color: #000;
	text-decoration: underline;
}

.rssIcon {
	background: url(../images/iconRSS.gif) left 3px no-repeat;
	padding: 0 0 0 30px;
}

.horoscope p {
	float: left;
	margin: 5px 0 10px;
	width: 77%;
}

.horoscopeImagelarge {
	background-color: #fff;
	border: 1px solid #b7b7b7;
	color: #424C93;
	float: left;
	margin: 0 10px 0 0;
	padding: 30px 25px;
	position: relative;
	text-align: center;
	width: 110px;
}

.horoscopeImagePetra {
	background-color: #89dcfd;
	border: 1px solid #b7b7b7;
	color: #ac2000;
	float: left;
	margin: 0 10px 0 0;
	position: relative;
	text-align: center;
}

.horoscopeImagesmall {
	background-color: #fff;
	border: 1px solid #b7b7b7;
	color: #424C93;
	float: left;
	margin: 0 10px 0 0;
	padding: 5px 25px;
	position: relative;
	text-align: center;
	width: 110px;
}

.rssLink {
	float: right;
	margin: 0;
	text-align: right;
	width: 300px;
}

.readMore {
	float: right;
	margin: 0;
	text-align: right;
	width: 300px;
}

.rssLink img {
	bottom: 2px;
	float: right;
	position: relative;
}

.rssLink a {
	color: #da5b26;
	font-size: .85em;
	margin-top: 10px;
	padding: 0 10px 0 0;
	position: relative;
	text-decoration: none;
}

.rssLink a:visited {
	color: #da5b26;
	font-size: .85em;
	margin-top: 10px;
	padding: 0 10px 0 0;
	position: relative;
	text-decoration: none;
}

.rssLink a:hover {
	color: #000;
	font-size: .85em;
	text-decoration: underline;
}

.rssLink a:active {
	color: #000;
	font-size: .85em;
	text-decoration: underline;
}

.horoscopeImagelarge img {
	margin: 0 auto 5px;
}

.horoscopeImagesmall img {
	margin: 0 auto 5px;
}

/*HOROSCOPE RSS SUBSCRIPTION--------------------------------------------------------------------*/
.subscription p {
	float: left;
	margin: 5px 0 10px;
	width: 100%;
}

/*MIX & MATCH------------------------------------------------------------------------------------------*/
#mixMatch {
	background: url(../images/chooseGarments.jpg) no-repeat #e5d4bc;
	border-top: 5px solid #fff;
	float: left;
	margin: 5px 0 0;
	padding: 15px 25px 40px;
	width: 730px;
}

#mixMatchbottomborder {
	background: url(../images/mixBottomborder.gif) no-repeat #fff;
	float: left;
	height: 22px;
	width: 781px;
}

#choose8Garments {
	float: left;
	height: 156px;
	margin-bottom: 10px;
	width: 100%;
}

#addoneGarment {
	float: right;
	height: 156px;
	margin-top: 25px;
	width: 100%;
}

#addoneGarment img {
	float: right;
}

.weekContainer {
	border-bottom: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
	border-top: 1px solid #b7b7b7;
	color: #424c93;
	float: left;
	height: auto;
	margin: 10px 0 0;
	width: 780px;
}

.weekContainer img {
	display: inline;
	float: left;
	margin: 0;
}

ul.weeklyGarments {
	background-color: #f5f3f1;
	border: 0;
	display: inline-block;
	list-style-type: none;
	margin: 5px 0 0;
	padding: 0;
	position: relative;
	width: 100%;
}

ul.weeklyGarments li {
	float: left;
	margin: 0;
}

ul.weeklyGarments li.monday {
	background: url(../images/linkMonday.gif) top right no-repeat #919eff;
}

ul.weeklyGarments li.tuesday {
	background: url(../images/linkTuesday.gif) top right no-repeat #7383ff;
}

ul.weeklyGarments li.wednesday {
	background: url(../images/linkWednesday.gif) top right no-repeat #5c69cc;
}

ul.weeklyGarments li.thursday {
	background: url(../images/linkThursday.gif) top right no-repeat #454f99;
}

ul.weeklyGarments li.friday {
	background: url(../images/linkFriday.gif) top right no-repeat #394280;
}

ul.weeklyGarments li.specialFriday {
	background: #394280;
	height: 28px;
	width: 142px;
}

ul.weeklyGarments li a {
	color: #fff;
	display: inline-block;
	padding: 5px 97px 7px 8px;
	text-align: center;
	text-decoration: underline;
}

ul.weeklyGarments li a:visited {
	color: #fff;
	display: inline-block;
	padding: 5px 97px 7px 8px;
	text-align: center;
	text-decoration: underline;
}

ul.weeklyGarments li.friday a {
	padding: 5px 97px 7px 10px;
}

ul.weeklyGarments li.friday a:visited {
	padding: 5px 97px 7px 10px;
}

ul.weeklyGarments li a:hover {
	color: #000;
}

ul.weeklyGarments li a:active {
	color: #fff123;
}

a.wwe1,a.wwe2,a.wwe3,a.wwe4 { /*EDITED - 13-05-10*/
	clear: both;
	display: block;
	float: left;
	margin-top: 25px;
	position: relative;
	text-indent: -9999px;
	width: 781px;
	z-index: 50;
}

a.wwe1 span,a.wwe2 span,a.wwe3 span {  /*EDITED - 02-03-12*/
	display: none;
	left: -26px;
	position: absolute;
	top: 0;
	width: 26px;
	z-index: 100;
}

/*a.wwe1 span {
	background: url('../images/bg-wwe1-tag.jpg') 0 0 no-repeat #fff;
	height: 199px;
}

a.wwe2 span {
	background: url('../images/bg-wwe2-tag.jpg') 0 0 no-repeat #fff;
	height: 273px;
}

a.wwe3 span {
	background: url('../images/bg-wwe3-tag.jpg') 0 0 no-repeat #fff;
	height: 273px;
}*/

a.wwe1 { /*EDITED - 02-03-12*/
	background: url('../images/bg-wwe1.jpg') 0 0 no-repeat #fff;
	height: 175px;
}

a.wwe2 { /*EDITED - 02-03-12*/
	background: url('../images/bg-wwe2.jpg') 0 0 no-repeat #fff;
	height: 273px;
}

a.wwe3 { /*EDITED - 02-03-12*/
	background: url('../images/bg-wwe3.jpg') 0 0 no-repeat #fff;
	height: 273px;
}

a.wwe4 { /*ADDED - 13-05-10*/
	background: url('../images/bg-wwe4.jpg') 0 0 no-repeat #fff;
	height: 296px;
	margin-top: 20px;
}

/*COLOUR CHART-----------------------------------------------------------------------------------------*/
.colourChart {
	clear: both;
	float: left;
	margin: 0 0 5px;
	width: 100%;
}

.colourChart li {
	background: #fafafa;
	border: 1px solid #dadada;
	color: #464042;
	float: left;
	font-size: 0.9em;
	margin-bottom: -1px;
	margin-left: -1px;
	padding: 10px 8px 8px;
	text-align: center;
	width: 126px;
}

.colourChart li img {
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0 0 5px;
	padding: 2px;
}

/*HOW TO ORDER---------------------------------------------------------------------------------------*/
.orderListing {
	background-color: #fff;
	float: left;
	height: 135px;
	padding: 25px;
	width: 314px;
}

ul.howTo {
	border: 0;
	color: #000;
	float: left;
	list-style: disc inside;
	position: relative;
}

ul.howTo li.dLoad {
	border: 0;
	color: #000;
	float: left;
	list-style: none inside;
	margin: 15px 0 0 13px;
	position: relative;
}

ul.howTo li.dLoad a:link {
	color: #ac2000;
}

ul.howTo li.dLoad a:visited {
	color: #ac2000;
}

ul.howTo li.dLoad a:hover {
	color: #000;
}

ul.howTo li.dLoad a:active {
	color: #000;
}

.orderStep1 {
	clear: left;
	float: left;
	margin: 15px 10px 0 4px;
	position: relative;
	width: 364px;
}

.orderStep3 {
	clear: left;
	float: left;
	margin: 15px 10px 0 4px;
	position: relative;
	width: 364px;
}

.orderStep5 {
	clear: left;
	float: left;
	margin: 15px 10px 0 4px;
	position: relative;
	width: 364px;
}

.orderStep7 {
	clear: left;
	float: left;
	margin: 15px 10px 0 4px;
	position: relative;
	width: 364px;
}

.orderStep2 {
	float: right;
	margin: 15px 0 0;
	position: relative;
	width: 364px;
}

.orderStep4 {
	float: right;
	margin: 15px 0 0;
	position: relative;
	width: 364px;
}

.orderStep6 {
	float: right;
	margin: 15px 0 0;
	position: relative;
	width: 364px;
}

.orderStep8 {
	float: right;
	margin: 15px 0 0;
	position: relative;
	width: 364px;
}

.orderStep1 .shadow2 {
	background: #eeecea;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep2 .shadow2 {
	background: #eeecea;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep3 .shadow2 {
	background: #eeecea;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep4 .shadow2 {
	background: #eeecea;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep5 .shadow2 {
	background: #eeecea;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep6.shadow2 {
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep7.shadow2 {
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep8 .shadow2 {
	background: #eeecea;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep1 .shadow3 {
	background: #e9e8e6;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep2 .shadow3 {
	background: #e9e8e6;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep3 .shadow3 {
	background: #e9e8e6;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep4 .shadow3 {
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep5 .shadow3 {
	background: #e9e8e6;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep6 .shadow3 {
	background: #e9e8e6;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep7 .shadow3 {
	background: #e9e8e6;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep8 .shadow3 {
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep1 .shadow4 {
	background: #e4e2e0;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep2 .shadow4 {
	background: #e4e2e0;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep3.shadow4 {
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep4 .shadow4 {
	background: #e4e2e0;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep5 .shadow4 {
	background: #e4e2e0;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep6 .shadow4 {
	background: #e4e2e0;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep7.shadow4 {
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep8.shadow4 {
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep1 .shadow5 {
	background: #dddbd9;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep2 .shadow5 {
	background: #dddbd9;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep3 .shadow5 {
	background: #dddbd9;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep4 .shadow5 {
	background: #dddbd9;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep5 .shadow5 {
	background: #dddbd9;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep6 .shadow5 {
	background: #dddbd9;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep7 .shadow5 {
	background: #dddbd9;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep8 .shadow5 {
	background: #dddbd9;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep1 .shadow6 {
	background: #d7d5d4;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep2 .shadow6 {
	background: #d7d5d4;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep3 .shadow6 {
	background: #d7d5d4;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep4 .shadow6 {
	background: #d7d5d4;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep5 .shadow6 {
	background: #d7d5d4;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep6 .shadow6 {
	background: #d7d5d4;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep7 .shadow6 {
	background: #d7d5d4;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep8 .shadow6 {
	background: #d7d5d4;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep1 .container {
	background: #fff;
	border-bottom: 1px solid #d0cfce;
	border-right: 1px solid #d0cfce;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep2 .container {
	background: #fff;
	border-bottom: 1px solid #d0cfce;
	border-right: 1px solid #d0cfce;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep3.container {
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep4 .container {
	background: #fff;
	border-bottom: 1px solid #d0cfce;
	border-right: 1px solid #d0cfce;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep5 .container {
	background: #fff;
	border-bottom: 1px solid #d0cfce;
	border-right: 1px solid #d0cfce;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep6 .container {
	background: #fff;
	border-bottom: 1px solid #d0cfce;
	border-right: 1px solid #d0cfce;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep7.container {
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep8 .container {
	background: #fff;
	border-bottom: 1px solid #d0cfce;
	border-right: 1px solid #d0cfce;
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}

.orderStep1 .shadow1 {
	background: #f1efed;
}

.orderStep2 .shadow1 {
	background: #f1efed;
}

.orderStep3 .shadow1 {
	background: #f1efed;
}

.orderStep4 .shadow1 {
	background: #f1efed;
}

.orderStep5 .shadow1 {
	background: #f1efed;
}

.orderStep6 .shadow1 {
	background: #f1efed;
}

.orderStep7 .shadow1 {
	background: #f1efed;
}

.orderStep8 .shadow1 {
	background: #f1efed;
}

.orderStep6 .shadow2 {
	background: #eeecea;
}

.orderStep7 .shadow2 {
	background: #eeecea;
}

.orderStep3 .shadow4 {
	background: #e4e2e0;
}

.orderStep7 .shadow4 {
	background: #e4e2e0;
}

.orderStep8 .shadow4 {
	background: #e4e2e0;
}

.orderStep3 .container {
	background: #fff;
	border-bottom: 1px solid #d0cfce;
	border-right: 1px solid #d0cfce;
	float: left;
}

.orderStep7 .container {
	background: #fff;
	border-bottom: 1px solid #d0cfce;
	border-right: 1px solid #d0cfce;
	float: left;
}

a.linkRedunderlined {
	color: #ac2000;
	float: right;
	margin-top: 5px;
}

a:visited.linkRedunderlined {
	color: #ac2000;
	float: right;
	margin-top: 5px;
}

a:hover.linkRedunderlined {
	color: #000;
}

a:active.linkRedunderlined {
	color: #000;
}

a.linkRedunderlined2 {
	color: #ac2000;
}

a:visited.linkRedunderlined2 {
	color: #ac2000;
}

a:hover.linkRedunderlined2 {
	color: #000;
}

a:active.linkRedunderlined2 {
	color: #000;
}

a.linkWhiteunderlined {
	color: #fff;
	text-decoration: underline;
}

a:visited.linkWhiteunderlined {
	color: #fff;
	text-decoration: underline;
}

a:hover.linkWhiteunderlined {
	color: #000;
}

a:active.linkWhiteunderlined {
	color: #ac2000;
}

.purpleButtonleft {
	background-color: #424c93;
	float: left;
	padding: 5px 10px 8px;
}

.purpleButtonright {
	background-color: #424c93;
	float: right;
	padding: 5px 10px 8px;
	text-align: center;
}

a:link.purpleButtonleft {
	color: #fff;
	text-align: center;
	text-decoration: none;
}

a:visited.purpleButtonleft {
	color: #fff;
	text-align: center;
	text-decoration: none;
}

a:link.purpleButtonright {
	color: #fff;
	text-align: center;
	text-decoration: none;
}

a:visited.purpleButtonright {
	color: #fff;
	text-align: center;
	text-decoration: none;
}

a:hover.purpleButtonleft {
	color: #000;
	text-align: center;
	text-decoration: none;
}

a:hover.purpleButtonright {
	color: #000;
	text-align: center;
	text-decoration: none;
}

a:active.purpleButtonleft {
	color: #ac2000;
	text-align: center;
	text-decoration: none;
}

a:active.purpleButtonright {
	color: #ac2000;
	text-align: center;
	text-decoration: none;
}

.redButtonright {
	background-color: #ac2000;
	float: right;
	padding: 5px 7px;
	text-align: center;
}

a:link.redButtonright {
	color: #fff;
	text-align: center;
	text-decoration: none;
}

a:visited.redButtonright {
	color: #fff;
	text-align: center;
	text-decoration: none;
}

a:hover.redButtonright {
	color: #000;
	text-align: center;
	text-decoration: none;
}

a:active.redButtonright {
	color: #424c93;
	text-align: center;
	text-decoration: none;
}

/*ABOUT,  PAGES ----------------------------------------------------------------------------------------*/
#flashBanner { /*EDITED - 13-05-10*/
	border-right: 1px solid #c02e2f;
	border-bottom: 1px solid #c02e2f;
	clear: both;
	float: left;
	height: 270px;
	margin: 4px 0 0;
	width: 779px;
}

#breadCrumb {
	clear: both;
	color: #625d59;
	float: left;
	height: 20px;
	padding: 8px 0 0 10px;
	width: 771px;
}

#breadCrumb a {
	color: #625d59;
	text-decoration: none;
}

#breadCrumb a:visited {
	color: #625d59;
	text-decoration: none;
}

#breadCrumb a:hover {
	color: #000;
	text-decoration: underline;
}

#breadCrumb a:active {
	color: #ac2000;
	text-decoration: none;
}

#subHeading {
	clear: both;
	float: left;
	height: 20px;
	padding: 8px 0 8px 15px;
	width: 767px;
}

#subHeading2 {
	clear: both;
	float: left;
	height: 20px;
	padding: 16px 0 5px 15px;
	width: 767px;
}

/*HOME & ABOUT PAGES -------------------------------------------------------------------------------*/
#viewCatalogue {  /*EDITED - 28-04-10*/
	float:left;
	height:147px;
	margin:3px 0 0;
	position:relative;
	width:344px;
}

#viewCatalogueAbout {
	background-color: #6a81a8;
	border: 1px solid #a9a39f;
	float: left;
	height: 206px;
	margin: 5px 0 0;
	position: relative;
	width: 392px;
}

#viewCatalogue img {
	float: right;
}

#viewCollection img {
	float: right;
}

#viewCollection { /*EDITED - 28-04-10*/
	float:right;
	height:144px;
	position:relative;
	width:344px;
}

#viewCollectionAbout {
	background-color: #6a81a8;
	border: 1px solid #a9a39f;
	float: right;
	height: 206px;
	margin: 5px 0 0;
	position: relative;
	width: 380px;
}

#heading {
	background: url(../images/gradientFAQ.gif) top repeat-x #fff;
	border: 1px solid #b7b7b7;
	clear: both;
	float: left;
	height: auto;
	margin: 5px 0 0;
	padding: 20px 20px 30px;
	position: relative;
	width: 739px;
}

#heading .buttons {
	position: relative;
	float: right;
	margin: 15px 0 -18px 0;
}

#heading a {
	background: #424C93;
	border: 0 none;
	color: #fff;
	float: left;
	margin: 0 0 0 10px;
	padding: 6px 8px;
	text-align: center;
	text-decoration: none;
}

#heading a:hover {
	color: #000;
}

.subscription {
	background: url(../images/gradientFAQ.gif) top repeat-x #fff;
	border: 1px solid #b7b7b7;
	clear: both;
	float: left;
	height: auto;
	margin: 5px 0 0;
	padding: 20px 20px 30px;
	position: relative;
	width: 739px;
}

#heading h2 {
	color: #625d59;
}

#heading p {
	margin: 20px 0 0;
}

#contentPadding {
	clear: both;
	float: left;
	padding: 6px 8px;
}

#contentPadding2 {
	float: left;
	padding: 0 15px;
}

/*FORMS*/
label {
	display: block;
	float: left;
}

input.submitter {
	background: #424c93;
	border: 0 !important;
	color: #fff;
	cursor: pointer;
	float: right;
	height: 25px;
	padding: 0 8px 3px 8px;
	text-align: center;
	vertical-align: middle;
}

input.submitter:hover {
	color: #000;
}

.detailContainer {
	display: inline-block;
	padding: 0 0 10px;
}

.detailContainer.paddedContainerRight,.detailContainer.paddedContainerLeft {
	display: inline;
	float: left;
}

.detailContainer.paddedContainerLeft.marginRight,.detailContainer.paddedContainerRight.marginRight {
	margin: 0 5px 0 0;
}

.detailContainer.paddedContainerLeft.marginLeft,.detailContainer.paddedContainerRight.marginLeft {
	margin: 0 0 0 5px;
}

.detailContainer.noPadding {
	padding: 0;
}

/*Pop-Ups*/
#popUpContainer {
	display: block;
	margin: 0 auto;
	position: absolute;
	width: 521px;
	z-index: 99999;
}

.floatFix2 {
	background: #ebebeb;
	border: 1px solid #fff;
	float: left;
	padding: 6px 9px;
	position: relative;
	top: 0;
	width: 458px;
}

.floatFix3 {
	background: #fff;
	border: 1px solid #dbdbdb;
	padding: 6px 9px;
	position: relative;
	top: 0;
}

.careersPopup {
	background: #ebebeb;
	border: 1px solid #fff;
	padding: 6px 9px;
	position: relative;
	overflow: hidden;
}

.careersPopup h3 {
	color: #424c93;
	padding-bottom: 15px;
}

.careersPopup p {
	padding-bottom: 15px;
}

.floatFix2 img {
	clear: both;
	display: block;
	margin: 0 auto auto;
	position: relative;
}

.linkInfo {
	background: #434d94 url(../images/link-info-bg.gif) top left repeat-x;
	clear: both;
	color: #fff;
	display: block;
	font-size: 0.95em;
	font-weight: 700;
	height: 23px;
	margin: 5px auto auto;
	padding: 5px 0 0;
	position: relative;
	text-indent: 41px;
	width: 100%;
}

p.collectionName {
	color: #424c93;
	float: left;
	margin: 0 0 8px;
	position: relative;
	text-align: center;
	width: 94%;
}

p.collectionName a,p.collectionName a:visited {
	color: #424c93;
	font-weight: 700;
	text-decoration: underline;
}

p.collectionName a:hover,p.collectionName a:active {
	color: #000;
	text-decoration: none;
}

#closer {
	background: #fff url(../images/closerGradient.gif) top left repeat-x;
	border: 1px solid #dcdcdc;
	color: #424c93;
	cursor: pointer;
	display: block;
	float: right;
	font-weight: 700;
	height: 20px;
	margin: 0 0 8px;
	padding: 3px 0 0;
	position: relative;
	text-align: center;
	width: 25px;
	z-index: 50;
}

#closer:hover {
	color: #000;
}

#button-next a {
	background: transparent url(../images/button-next.jpg) 0 0 no-repeat;
	display: inline-block;
	float: left;
	height: 45px;
	position: relative;
	top: 325px;
	width: 21px;
}

#button-previous a {
	background: transparent url(../images/button-previous.jpg) 100% 0 no-repeat;
	display: inline-block;
	float: left;
	height: 45px;
	position: relative;
	top: 325px;
	width: 21px;
}

#button-next a:hover {
	background: transparent url(../images/button-next.jpg) -21px 0 no-repeat;
}

#button-previous a:hover {
	background: transparent url(../images/button-previous.jpg) 0 0 no-repeat;
}

.m1 {
	width: 100%;
}

.m2 {
	width: 50%;
}

.m3 {
	width: 33.3%;
}

.noDisplay {
	background: none;
	display: none;
	visibility: hidden;
}

table.modelContainer {
	border-collapse: collapse;
	float: left;
	margin: 8px auto auto;
	padding: 0;
	position: relative;
	width: 100%;
}

table.modelContainer td {
	background-color: #fff;
	border-left: 2px solid #ebebeb;
	vertical-align: top;
}

table.modelContainer table.models {
	border-collapse: collapse;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

table.modelContainer table.models td {
	border: none;
	font-size: 0.85em;
	padding: 5px 0 5px 5px;
}

table.modelContainer table.models td.noBorder {
	border: none;
}

table.modelContainer table.models th {
	border: none;
	color: #fff;
	font-weight: 700;
	height: 11px;
	padding: 6px 0 6px 4px;
	text-align: left;
	text-transform: uppercase;
}

.model1 {
	background: no-repeat #c7c7c7;
}

.model2 {
	background: no-repeat #b8b8b8;
}

.model3 {
	background: no-repeat #939393;
}

table.modelContainer table.models td a,table.modelContainer table.models td a:visited {
	color: #ae0000;
	display: inline;
	float: none;
	font-weight: 700;
	text-decoration: underline;
	text-transform: uppercase;
}

table.modelContainer table.models td a:hover,table.modelContainer table.models td a:active {
	text-decoration: none;
}

table.modelContainer table.models td p a,table.modelContainer table.models td p a:visited,table.modelContainer table.models td p a:hover,table.modelContainer table.models td p a:active {
	font-weight: 400;
	text-transform: none;
}

.garmentName {
	clear: right;
	margin: 0 0 0 5px;
	text-transform: uppercase;
	width: 78%;
}

/*---------------------------------------------------------------------------------------------
 POPUPS
/*---------------------------------------------------------------------------------------------*/
.popupDiv {
	left: 0;
	top: 0;
	z-index: 1000;
}

.popupDivScroll {
	height: 100%;
	top: 0;
	z-index: auto;
}

/*.tooltipDiv {
	background: #ebebeb;
	border:1px solid #c6c9e4;
	color:#000;
	display: none;

	padding: 3px;
	width:0;
	white-space:nowrap;
	z-index:500;
	position:relative;
}*/
a.tooltip {
	color: #000;
	float: left;
	text-decoration: none;
}

a.tooltip b {
	display: none;
	text-decoration: none;
	text-transform: none;
}

a.tooltip:hover {
	border: 0;
	position: relative;
	text-decoration: none;
	z-index: 500;
}

a.tooltip:hover b {
	background: #ebebeb;
	border: 1px solid #c6c9e4;
	color: #000;
	display: block;
	font-weight: 400;
	left: 5px;
	padding: 3px;
	position: absolute;
	text-decoration: none;
	top: -28px;
	white-space: nowrap;
	width: auto;
}

a.tooltip:hover b em {
	display: block;
	left: 20px;
	position: absolute;
	text-decoration: none;
	top: -6px;
}

.bgDiv {
	background: #000;
	display: block;
	filter: alpha(opacity=70);
	height: 100%;
	left: 0;
	opacity: 0.7;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: auto;
}

.loadingBG {
	background: #FFF;
	cursor: wait;
	filter: alpha(opacity=00);
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: auto;
}

.loadingDiv {
	background: #000 url(../images/loading.gif) 50% 50% no-repeat;
	display: block;
	filter: alpha(opacity=70);
	height: 100%;
	opacity: 0.7;
	position: absolute;
	width: 100%;
}

.popupContainer {
	clear: both;
	position: absolute;
}

#messageDiv {
	background: #879099;
	border: 1px solid #FFF;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 560px;
	z-index: 122;
}

#validateDiv {
	background: #879099;
	border: 1px solid #FFF;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 560px;
	z-index: 122;
}

#galleryDiv {
	left: 0;
	margin: 0;
	padding: 0 1px 2px;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 124;
}

#colourDiv1 {
	left: 65px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -25px;
	z-index: 125;
}

#colourDiv2 {
	left: 165px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -25px;
	z-index: 125;
}

/*---------------------------------------------------------------------------------------------
 MESSAGES
/*---------------------------------------------------------------------------------------------*/
.messageContainer {
	background: #fff;
	border: 1px solid #dcdcdc;
	clear: both;
	padding: 10px 10px 30px;
	position: absolute;
	width: 550px;
}

#message {
	background: #F5F3F1;
	border: 1px solid #ac2000;
	height: 250px;
	overflow: auto;
	padding: 10px;
	width: 500px;
}

#message .checkbox {
	display: inline;
	float: none;
}

#closer2 {
	background: #fff;
	border: 1px solid #dcdcdc;
	color: #424c93;
	cursor: pointer;
	float: right;
	font-weight: 700;
	height: 17px;
	position: relative;
	text-align: center;
	width: 17px;
	z-index: 50;
}

/*CLIENTS--------------------------------------------------------------------------------------------------*/
.clientsContainer {
	background-color: #fff;
	border: 1px solid #dadada;
	clear: both;
	float: left;
	height: auto;
	margin: 0;
	padding: 19px 14px 0 14px;
	width: 736px;
}

.clientsContainer ul {
	border: 0;
	float: left;
	list-style-type: none;
	margin: 0 auto -3px -20px;
	padding: 0;
	position: relative;
}

.clientsContainer ul li {
	float: left;
	display: inline;
	padding: 0 0 20px 20px;
}

.clientsContainer ul li img {
	display: block;
	border: 1px solid #dcdcdc;
}

/*OUR PROCESS--------------------------------------------------------------------------------------------------*/
.processContainer {
	background-color: #fff;
	border: 1px solid #dadada;
	clear: both;
	float: left;
	height: auto;
	margin: 0;
	padding: 19px 14px 19px 14px;
	width: 736px;
}

.processContainer .article {
	clear: both;
	float: left;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #b7b7b7;
	padding: 0 0 8px 0;
	width: 100%;
}

.processContainer h2 {
	margin: 0 0 17px 0;
	font-size: 1.45em;
	text-transform: uppercase;
}

.processContainer img {
	margin: 0 0 20px 0;
}

.processContainer p {
	margin: 0 0 17px 0;
}

.processContainer .left {
	float: left;
	margin: 0 16px 16px 0;
	width: 246px;
}

.processContainer .right {
	float: right;
	margin: 0 0 16px 16px;
	width: 246px;
}

.processContainer ul.articleListing {
	list-style: none;	
}

.processContainer ul.articleListing {
	clear: both;
}

.processContainer ul.articleListing a,
.processContainer ul.articleListing h2 {
	text-decoration: none !important;
}

.processContainer a h2 {
    margin: 0 0 7px;
}

.processContainer a:hover h2 {
	color: #C02E2F !important;
}


/*COMPETITIONS------------------------------------------------------------------------------------------------*/
.competitionContainer {
	position: relative;
	background-color: #fff;
	border: 1px solid #dadada;
	clear: both;
	float: left;
	height: auto;
	padding: 17px;
	width: 730px;
}

.facebook-competition .competitionContainer {
	width: auto;
}

.competitionContainer .month {
	position: relative;
	clear: both;
	float: left;
	margin: 0;
}

.competitionContainer h2 {
	margin: 0 0 5px 0;
	padding: 0;
	text-transform: uppercase;
}

.companyDetails {
	float: left;
	display: inline;
	border-bottom: 1px solid #b7b7b7;
	padding: 0 0 22px 0;
	margin: 5px 0 26px;
	width: 730px;
}

.facebook-competition .companyDetails {
	width: 100%;
}

.companyDetails .photo {
	float: left;
	display: inline;
	margin: 0 15px 10px 0;
	width: 216px;
	height: 216px;
}

.companyDetails h3 {
	margin: 0 0 15px 0;
	color: #424c93;
}

.winnerArchive  {
	overflow: hidden;
	position: relative;
}

.winnerArchive h3 {
	margin: 0 0 0 0;
	color: #424c93;
}

.companyDetails .logo {
	display: inline;
	clear: none;
	float: none;
	top: 0;
	margin: 0 0 20px 0;
	width: 266px;
	height: 78px;
}

.companyDetails p {
	float: left;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #b7b7b7;
	padding: 0 0 20px 0;
	width: 479px;
}

.companyDetails.winnerArchive p {
	float: right;
}

.winnerArchive p {
	border: none;
	margin: 0;
	padding: 0;
}

.winnerArchive p.winner {
	margin: 0 0 20px 2px;
	width: 477px;
}

.companyDetails .usernameInput {
	background: #fff;
	border: 1px solid #c5c6c8;
	color: #464042;
	float: left;
	margin: 0 0 0 5px;
	padding: 3px 0 3px 3px;
	width: 103px;
}

.competitionContainer .vote {
	float: right;
	width: 479px;
}

.competitionContainer .vote img {
	float: left;
	margin: 3px 10px 0 0;
}

.competitionContainer .vote input {
/*	background: url("../images/gradientInput.gif") no-repeat scroll center 2px #fff; */
	width: 230px;
}

.competitionContainer .vote input.submitter {
	background: #424C93;
	margin: 0 0 0 5px;
	padding: 3px 8px 3px 8px;
	width: auto;
	height: 25px;
	color: #fff;
}

.pagination {
	clear: both;
	text-align: center;
	word-spacing: 3px;
}

.pagination li {
	display: inline;
	color: #de2020;
}

.pagination li.arrows {
	margin: 0 8px;
	color: #fff;
	font-weight: 700;
}

.pagination li a {
	color: #de2020;
}

.pagination li a:hover {
	color: #464042;
}

.pagination li.arrows a {
	background: #424c93;
	padding: 2px 5px 2px 5px;
	color: #fff;
	text-decoration: none;
}

.pagination li.arrows a:hover {
	color: #fff;
}

.pagination li a.currentPage {
	color: #464042;
	text-decoration: none;
}

/*COMPETITION SUBMIT PHOTO------------------------------------------------------------------------------------------------*/

.photoFrm
{
	position: absolute;
	top: 215px;
	left: 17px;
}

.logoFrm
{
	position: absolute;
	top: 165px;
	left: 17px;
}

.submitphotoFrm fieldset {
	position: relative;
	float: left;
	width: 356px;
	clear: left;
}

.photoFrm fieldset,
.logoFrm fieldset
{
	float: none;
}

.submitphotoFrm fieldset.right {
	width: 370px;
	clear: none !important;
	float: right;
}

.submitphotoFrm input,
.submitphotoFrm textarea
 {
/*	background: url(../images/gradientInput.gif) no-repeat center 2px #fff; */
	border: 1px solid #dcdcdc;
	color: #625D59;
	float: left;
	font-family: "Arial",Helvetica,sans-serif;
	font-size: 1em;
	height: 20px;
	padding: 1px 0 0 1px;
	width: 335px;
	resize: none;
}

.submitphotoFrm .deletePhoto {
	position: absolute;
	top: 57px;
	left: 35px;
	background: #8f8f8f;
	padding: 3px 5px;
	color: #fff;
	font-size: 0.9em;
	font-weight: 700;
	text-decoration: none;
}

.submitphotoFrm label
{
	padding: 7px 0;
	width: 100%;
}

.submitphotoFrm label.labelUpload {
	padding: 0;
}

.submitphotoFrm textarea
{
/*	background: url(../images/gradientTextarealarge.gif) no-repeat 2px 2px #fff; */
	border: 1px solid #dcdcdc;
	float: left;
	height: 124px;
	padding: 1px 0 0 1px;
	width: 370px;
	overflow-y: auto;
}

.submitphotoFrm .submitter {
	float: right;
	background: #424C93;
	margin: 10px 0 0 0;
	padding: 3px 8px 3px 8px;
	width: auto;
	height: 25px;
	color: #fff;
	font-size: 1em;
}

/*COMPETITION SUBMIT PHOTO INPUTBOX------------------------------------------------------------------------------------------------*/
.inputFile {
	background: url("../images/bg-file_upload.jpg") no-repeat 0 0;
	float: left;
	width: 334px;
	overflow: hidden;
	margin-top: 5px;
}

#divinputLogo,
#divinputPhoto
{
	background: url("../images/bg-file_upload.jpg") no-repeat 0 0;
	float: left;
	height: 25px;
	overflow: hidden;
	position: relative;
	width: 334px;
}

#divinputLogo:hover,
#divinputPhoto:hover
{
	cursor: pointer;
}

#divinputLogo #fileLogo,
#divinputPhoto #filePhoto
{
	cursor: pointer !important;
	right: 0 !important;
	float: right !important;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	width: 334px;
	height: 25px;
	z-index: 1000;
}

#divinputLogo #fileLogo:hover,
#divinputPhoto #filePhoto:hover
{
	cursor: pointer;
}

#fakeinputLogo,
#fakeinputPhoto
{
	cursor: pointer;
	margin-top: 24px;
}

.fakeinputLogo,
.fakeinputPhoto
{
	background: none;
	border: none;
	color: #757575;
	display: inline-block;
	float: left;
	font-family: "Arial",Helvetica,sans-serif;
	font-size: 11px;
	outline: 0;
	position: absolute;
	width: 75px;
	z-index: 50;
	cursor: pointer !important;
}

#fakeinputLogo #fakeLogo,
#fakeinputPhoto #fakePhoto
{
	border: 0;
	font-family: Arial;
	padding: 3px 0 0 3px;
	text-align: middle;
	margin-top: -20px;
	width: 248px;
	float: left;
	cursor: pointer !important;
}

#contentContainer.homeIntroBG {
	background: transparent !important;
}

.homeIntro {
	width: 781px;
	height: 83px;
	position: relative;
	display: inline-block;
	clear: both;
	margin: 10px 0;
	float: left;
}

.homeIntro h1 {
	background: url("../images/bg-about_header.jpg") no-repeat 0 0;
	width: 702px;
	height: 83px;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	display: block;
	float: left;
}

.homeIntro a {
	background: url("../images/bg-about_header_readmore.jpg") no-repeat 0 0;
	width: 99px;
	height: 83px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	float: right;
	top: 0;
	right: -20px;
}

.widget {
	border: 1px solid #bfcfd7;
	padding: 20px 15px 19px 14px;
	width: 350px;
	display: block;
	overflow: hidden;
}

.widget.left {
	float: left;
}

.widget.right {
	float: right;
}

.widget ul {
	overflow: hidden;
	position: relative;
}

.widget ul.staffMember li {
	padding: 0 0  0 175px;
	width: 175px;
	color: #525252;
	position: relative;
}

.widget ul.staffMember li img {
	margin: 0 0  0 -175px;
	float: left;
	display: inline-block;
}

.widget ul.staffMember li span {
	background: url("../images/img-best_dressed_staff_overlay.jpg") no-repeat 0 0;
	width: 160px;
	height: 25px;
	display: block;
	position: absolute;
	left: 0;
	top: 160px;
}

.widget ul.staffMember li ul li {
	padding: 0;
}

.widget ul.staffMember li p {
	padding: 0 0 13px 0;
}

.widget ul.staffMember li ul li {
	padding: 0 0 0 0;
}

.widget ul.staffMember li ul li.pname {
	font-weight: 700;
}

.widget ul.staffMember li ul li.pleft {
	font-style: italic;
}

.widget a {
    background: #424C93;
    border: 0 none !important;
    color: #fff;
    cursor: pointer;
    padding: 8px 11px;
    text-align: center;
    vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	text-decoration: none;
	margin-top: 18px;
	float: left;
	position: relative;
	font-size: 11px;
}

.widget a:hover {
    color: #000;
}

.widget ul.opportunities li {
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #d5e1e7;
	display: inline-block;
}

.widget ul.opportunities li h2 {
	font-size: 14px;
	color: #d91614;
	font-weight: 700;
}

a.clients {
	background: url("../images/bg-headingClients.jpg") no-repeat 0 0;
	width: 460px;
	height: 15px;
	overflow: hidden;
	position: relative;
	float: left;
	margin: 20px 0 12px 0;
	clear: both;
	display: block;
	text-indent: 380px;
	color: #de2020;
	font-weight: 700;
	text-decoration: none;
	padding-top: 2px;
}

a.community {
	background: url("../images/bg-link_community.jpg") no-repeat 0 0;
	width: 781px;
	height: 157px;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	float: left;
	margin: 12px 0 11px 0;
	clear: both;
	display: block;
}

ul.logoBar {
	overflow: hidden;
	position: relative;
	clear: both;
	display: block;
	margin-left: -10px;
}

ul.logoBar li {
	padding: 0;
	float: left;
	margin-left: 8px;
	position: relative;
	display: inline-block;
}

ul.logoBar li img {
	border: 1px solid #bfcfd7;
	padding: 0;
	float: left;
	position: relative;
	display: inline-block;
}

a.monthlywinner {
	background: #424C93;
	border: 0 none;
	color: #fff;
	float: right;
	clear: both;
	margin: 15px 0 0;
	padding: 6px 8px;
	text-align: center;
	text-decoration: none;
	position: relative;
	white-space: nowrap;
}

a.monthlywinner:hover {
	color: #000;
}

ul.social {
	padding-top: 28px;
	float: right;
	overflow: hidden;
	width: 30px;
	margin-right: -8px;
}

ul.social li {
	float: left;
	margin: 3px 0 0 0 !important;
	clear: both;
	display: inline;
	width: 28px;
	height: 28px;
}

ul.social li a {
	display: inline-block;
	text-indent: -9999px;
	float: left;
	overflow: hidden;
	width: 28px;
	height: 28px;
}

a#vCatalogue {
	float:right;
	height:147px;
	position:relative;
	width:381px;
}

a#vCollection {
	float:right;
	height:144px;
	position:relative;
	width:381px;
}

h2#headingStaffMember{
	clear: both;
	text-indent: -9999px;
	width: 327px;
	height: 16px;
	overflow: hidden;
	position: relative;
	display: block;
	background: url("../images/bg-headingSM.jpg") no-repeat 0 0;
	text-transform: uppercase;
	margin-bottom: 20px;
}

a:hover.clients {
	text-decoration: underline;
}

a.articles {
	clear: both;
	text-align: right;
}

ul.comp {
	/*overflow: hidden;*/
	margin:10px 0 0 -10px;
}

ul.comp li {
	float: left;
	display: inline;
	width: 235px;
	margin: 0 0 10px 10px;
}

ul.comp li * {
	float: left
}

.competitionContainer b {
	margin: 0 0 10px 0;
}

a.articlesBack {
	color: #AC2000;
	clear: both;
	text-align: right;
	float: right;
	text-decoration: none;
}

a:hover.articlesBack {
	color: #424C93;
}