/*-------------------------------------------------------------

Style Sheet (Fashion Favours)
version:   1.0
---------------------------------------------------------------*/
/* =Reset CSS
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------*/
@import url('headsnlinks.css');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate;border-spacing: 0; }
caption, th, td { text-align: left;font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }


img { behavior: url(iepngfix.htc); }

/* =Headings (for h1s and h2s see headsnlinks.css)
-------------------------------------------------------------*/
h3, h4, h5 {font-size:18px;font-weight:normal;line-height:18px;}
div.black h3 {color:white;}
div.white h3, h5 {color:#3f152d;}
h4 {color:#f4aa0b;}
h5 {margin:0px; padding:0px; clear:both;}

/* =Links (for buttons see headsnlinks.css)
-------------------------------------------------------------*/

a, a:visited, a:hover, a:active {text-decoration:none;font-weight:bold;color:#A60303;}

/* =Lists
-------------------------------------------------------------*/
dl {display:block; clear:both; }
dl dt {font-weight:bold; float:left; clear:left;}
dl dd {font-weight:normal; float:left; clear:right; text-indent:5px;}

/* =Forms
-------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset { border: 1px solid transparent;}

label {display:block; color:#3f152d; font-weight:bold; clear:both; padding:0px; margin:0px; padding-bottom:6px;}
label span.note {font-weight:normal;}
span.note a {font-weight:normal;}
input {display:block; clear:both; font-size:10px; padding:0px; margin:0px;}
select {font-size:11px;}

ul.validation-summary {
	background-color: #ffe9b1;
	padding: 10px;
	margin: 10px 0;
}

body.js .validation-summary {
	display: none;
}

.validation-summary li {
	list-style-type: disc;
	margin: 0 0 0 20px;
}

.validation-summary li label {
	font-weight: normal;
	padding: 0 !important;
}

.invalid {
	background-color: #ffe9b1;
}

/* =Core Layout
-------------------------------------------------------------*/
html { background: url("../images/html-bk.gif"); }

body  
{
	background: url("../images/page-bk.png") repeat-x;
	color: #3f152d; 
	font-size:12px; 
	line-height:14px;
}

#whitedesign {background: url("../images/white-bk.gif") center top no-repeat;}

#wrapper  
{
	background:none; 
	position: relative; 
    width: 995px; 
    min-height:850px; 
    margin: 0 auto; 
	font: normal 12px verdana, helvetica, sans-serif;
}

/* =Header
-------------------------------------------------------------*/
div#fashionfavours 
{
	height:79px; 
	width:995px; 
	position:relative; 
	margin-bottom:14px;
	}
	
a#vinspired {
    text-indent:-9999px; 
    background:url('../images/vinspired.gif') no-repeat top left;
    width:219px; 
    height:33px; 
    display:block;
    position:absolute; 
    bottom:0px; 
    right:0px;
}
img#logo {
        width:305px; 
        height:38px;
        position:absolute; 
        bottom:0px; 
        left:0px;
}
div#fashionfavours ul {border-left:1px dotted white; width:168px; height:77px;}
div#fashionfavours ul li {display:block;}

div#fashionfavours a, div#fashionfavours a:visited {
        text-decoration:none; font-weight:normal; color:white; font-size:13px;}
div#fashionfavours a:hover, div#fashionfavours a:active {
        text-decoration:none; font-weight:normal; color:#f4aa0b;}

/* =Main Nav
-------------------------------------------------------------*/
div#fashionfavours ul#nav { position:absolute; top:0px; left:658px; }
div#fashionfavours ul#nav li a {text-indent:-9999px; display:block; height:16px; width:168px; }
div#fashionfavours ul#nav li a#about {
        background:url('../images/about-bk.gif') no-repeat top left;
        position:absolute; top:38px; left:0px;
}
div#fashionfavours ul#nav li a#virtward {
        background:url('../images/view-wardrobe-bk.gif') no-repeat top left;
        position:absolute; top:62px; left:0px;
}

div#fashionfavours ul#nav li a#about:hover, 
div#fashionfavours ul#nav li a#about:active,
div#fashionfavours ul#nav li a#virtward:hover, 
div#fashionfavours ul#nav li a#virtward:active,
div#fashionfavours ul#nav li a.onpage
        {background-position: 0px -16px;}
/*search*/
div#fashionfavours ul#search {position:absolute; top:0px; left:826px;}
div#fashionfavours ul#search li#links {position:absolute; top:13px; left:14px;}
div#fashionfavours ul#search li#links a {padding-right:6px;}
div#fashionfavours ul#search li#links a.last {border-left:1px solid white; padding-left:6px;}
div#fashionfavours ul#search li input#mainsearch {position:absolute; top:34px; left:14px; font-size:10px; width:150px;}
div#fashionfavours ul#search li input#mspost {position:absolute; top:59px; left:14px;}

/* =Footer
-------------------------------------------------------------*/
div#footer {width:995px; margin-top:4px; clear:both;}
div#footer a {}
div#footer ol {display:block; width:995px; height:20px; line-height:20px; font-size:11px;}
div#footer ol li {display:inline;float:left;}
div#footer ol li a, div#footer ol li a:visited {font-weight:normal; text-decoration:none; color:white; border-left:1px solid white; padding:0px 8px;}
div#footer ol li a:hover, div#footer ol li a:active {font-weight:normal; text-decoration:none; color:#f4aa0b;}
div#footer ol li span {color:white; border:none; padding-right:8px;}
div#footer ol li a.last {border:none; padding-left:340px; padding-right:0px;}

/* =Main Content Classes
-------------------------------------------------------------*/
div.content 
{
	width:998px; 
	position:relative;
	}
div.content div p {padding:0px 0px 10px 0px;}
div.fullwidth {width:987px; position:relative; float:left; }

.leftBlock
{
	width:745px; 
	position:relative;
	float:left;
	}
.topIntro
{
	width:745px; 
	height:320px;
	padding:0px;
	margin-bottom:10px; 
	position:relative; 
	float:left; 
	background:#fff url('../images/intro_1.jpg') no-repeat center center
	}
	.insideContent
	{
		width:340px;
		padding:0px;
		margin:30px 0 0 19px;
		color:#fff;
		text-align:left;
		position:relative;
		float:left;}
		
		.insideContent h1
		{
			background:url('../images/title_christmastrees.gif') no-repeat top left;
			height:49px;
			width:349px;
			text-indent:-9999em;
			margin-bottom:10px;
			}
	
	
.bottomIntro
{
	width:745px;
	position:relative; 
	float:left;  }	
	
	
	.leftCol
	{
		width:492px;
		float:left;
		position:relative;
		}
		.leftCol h2
		{
			background-image:url('../images/getinvolved.gif');
			background-repeat:no-repeat;
			background-position:center left;
			}
			.leftCont
			{
				background:#fff url('../images/calendar.jpg') no-repeat center center;
				width:476px;
				height:176px;
				color:#fff;
				float:left;
				position:relative;
				margin-top:6px;
				padding:14px 0 0 16px;}
				
				.leftCont h3
				{
					background:url('../images/title_advent.gif') no-repeat top left;
					height:50px;
					width:277px;
					text-indent:-9999em;}
					
				div.content div.leftCont p
				{
					padding-right:235px}
	.rightCol
	{
		width:240px;
		float:right;
		position:relative;
		}
	
		.rightCont
		{
				width:224px;
				height:176px;
				background:#fff url('../images/widgetBg.jpg') no-repeat center center;
				color:#fff;
				float:left;
				position:relative;
				margin-top:6px;
				padding:14px 0 0 16px;}
				
				.rightCont h3
				{
					background:url('../images/festiveGiveAway.gif') no-repeat top left;
					height:49px;
					width:156px;
					text-indent:-9999em;}
				div.content div.rightCont p
				{
					padding-right:10px}	
				
a.bbutton,
a.bbutton:hover { display:block; text-indent:-9999px; height:35px; background-position: 0px 0px; }

a#btn_view{
   background-image:url('../images/btn_view.png');
	background-repeat:no-repeat;
  	width:430px;
  	height:89px;
  	text-indent:-9999em;
  	position:relative;
  	} 



a#bookBike
{
	background-image:url('../images/btn_findout.png');
	background-repeat:no-repeat;
    width:358px;
    position:absolute;
    bottom:20px;
    left:20px;
    /*float:left; 
    clear:right;
    margin-top:20px;*/
    }
a#playGame
{
	background-image:url('../images/btn_newgame.png');
	background-repeat:no-repeat;
    width:358px;
    position:absolute;
    bottom:70px;
    left:20px;
    /*float:left; 
    clear:right;
    margin-top:20px;*/
    }
a#viewgall 
{
	background-image:url('../images/checkOutBtn.gif');
	background-repeat:no-repeat;
    width:258px;
    float:left; 
    clear:right;
    margin-top:40px;
}			
a#viewcal
{
	background-image:url('../images/viewCalendarBtn.png');
	background-repeat:no-repeat;
    width:255px;
    height:31px;
    position:absolute;
    bottom:20px;
    left:20px;
    /*float:left; 
    clear:right;
    margin-top:10px;*/} 
    
 a#webcam
{
	background-image:url('../images/btn_webcam.png');
	background-repeat:no-repeat;
    width:328px;
    height: 35px;
    float:left; 
    clear:right;
    margin-top:40px;
    }      
    
a#clickDownload
{
	background-image:url('../images/btn_KOUpdates.png');
	background-repeat:no-repeat;
    width:217px;
    height:67px;
    position:absolute;
    bottom:17px;
    left:13px;
    text-indent:-9999em;
    
   /* 
background-image:url('../images/button_clickhere.png');
	background-repeat:no-repeat;
    width:215px;
    height:31px;
    position:absolute;
    bottom:17px;
    left:13px;
    text-indent:-9999em;
float:left; 
    clear:right;*/} 
    	
 .favoMeter
 {
 	width:236px;
 	height:551px;
 	background-color:#fff;
 	float:right;
 	position:relative;
 	padding:5px 0 0 5px;
 	}				
				
/*KINDNESS OFFENSIVE PAGE*/	
.kindnessIntro
{
	width:707px;
	height:506px;
	padding:30px 20px 20px 19px;
	margin-bottom:10px; 
	position:relative; 
	float:left; 
	background:#fff url('../images/kindness_bg.jpg') no-repeat center center
	}
	.kindnessIntro .insideContent
	{
		width:687px;
		margin:0px;
		padding:0px;
		}
		
	div.content div.smallPara p
	{
		font-size:90%;
		padding:5px 0 0px 0;
		margin:0px;}	
	.right img
	{ 
		text-align:center;
		position:absolute;
		bottom:0px;
		left:0px;
		
		/*
		
		width:318px;
		height:194px;
position:relative;
		float:left;
		clear:left;
		margin-top:60px;
border:1px solid #000;*/
		}
		.right p
		{
			text-align:left;}
	.kindnessIntro .insideContent h1
	{
		background:url('../images/kindness_h1.gif') no-repeat top left;
		height:74px;
		width:207px;
		text-indent:-9999em;
		margin-bottom:10px;
			}	
			.kindnessIntro .insideContent .left
			{
				width:318px;
				height:400px;
				float:left;
				position:relative;
				}	
			.kindnessIntro .insideContent .right
			{
				width:350px;
				height:400px;
				float:right;
				position:relative;
				}			
			a#viewBtn
			{
				background-image:url('../images/kindness_viewBtn.gif');
				background-repeat:no-repeat;
				width:318px;
				height:35px;
				position:absolute;
				bottom:0px;
				left:0px;
				}
			a#applyBtn
			{
				/*background-image:url('../images/kindness_applyBtn.gif');*/
				background-image:url('../images/kindness_closedApplicBtn.gif');
				background-repeat:no-repeat;
				width:318px;
				height:70px;
				position:absolute;
				bottom:0px;
				left:0px;
				}	
.clearFix
{
	clear:both;
	height:0px;
	margin:0px;
	padding:0px;
	}				
				
	
div.halfwidth {width:484px;}
div.left {float:left; clear:none;}
div.right {float:right; clear:none;}

div.black {background-color:black; color:white; padding:4px;}
div.inside {position:relative;}
div.white div.inside {border:1px solid #c6b8c2;}
div.black div.inside {border:1px solid #493508;}
div.margbotfour {margin-bottom:4px;}
div.margbotten {margin-bottom:10px;}
div.margtopfour {margin-top:4px;}
div.margtopten {margin-top:10px;}

/*picture on left and info on right*/
div.infonpic {position:relative;}
div.infonpic img {margin:5px; margin-bottom:3px;}
div.info {position:absolute; top:8px; left:246px; height:170px; width:225px;}
div.info p {}
dl#sizesex { display:block; position:absolute; top:98px; left:0px; }
dl#tags {display:block; position:absolute; top:134px; left:0px; width:224px; padding-top:4px; }
div#celebbut {position:absolute; top:122px; left:0px; width:225px; height:44px;}
div#celebbut a {display:block; position:absolute; top:0px; left:0px; margin-left:0px; padding-left:0px;}
/*div.inside div.info dl dd {font-weight:bold;clear:left;}
div.inside div.info dl dt {float:left;clear:right;}*/


/* =Specific Pages
-------------------------------------------------------------*/
/*HOME*/
div#intro {background:url('../images/intro.jpg') no-repeat top left; padding-left:506px;  position:relative;}
div#intro p {width:446px;}
div#intro div {width:446px;padding:10px 0px;position:relative;}
div#intro div#introbuts {height:36px; padding:4px 0px;}
form#browseby label {text-align:right; vertical-align:middle; font-size:12px; line-height:16px; margin:0px; padding:0px;}
form#browseby select {font-size:10px; vertical-align:middle; margin:0px 2px; padding:0px;}
div#wayne {position:absolute; top:0px; left:50%;}

/*ABOUT/COLLECTION*/
div#collection div.white div.inside {padding:1px 8px;}
div#collection div.smallmarg p {margin:4px 0px;padding:3px 0px;}

/*REGISTER LOGIN*/
div#loginreg input { width: 175px; }
div#loginreg input.chbox { width: 20px; }
div#loginreg div.white div.inside {position:relative; padding:14px; min-height:320px;}
div#loginreg p {padding-top:0px; text-align:justify;}
ul#reglist, ul#loginlist {display:table; width:456px; padding-top:14px;}
ul#reglist li {float:left;}
ul#reglist li.full {width:456px; height:30px; position:relative;}
ul#reglist li.half {width:221px; height:56px;}
ul#reglist li.rightli {padding-left:14px;}
input#tac, input#optin {position:absolute; top:0px; left:0px;}
label#ltac, label#loptin {position:absolute; top:0px; left:20px;}
ul#loginlist li {float:left; width:456px; height:56px;}
ul#loginlist li.half {float:left; width:208px; height:56px;}
ul#loginlist li.bottom {padding-top:22px;}
input#loginb {position:absolute; top:296px; left:14px;}


/*UPLOAD*/
div#upload {}
div#upboth {height:720px;}
div#upload div.white div.inside {padding:8px; position:relative;}
div#upboth {position:relative; min-height:608px; margin-top:8px;}
div#upload div.halfup {width:396px;}
div#upleft {position:absolute; top:0px; left:74px;}
div#upright {position:absolute; top:0px; left:494px; padding-top:4px;}

ul#uploadlist {display:table; width:396px;}
ul#uploadlist li {float:left; display:block; width:178px; height:52px; clear:none;}
div#upload form label {padding-top:14px;}
p#pdescribe {}
div#upload textarea {margin-bottom:10px;}
div#upload form label.check input {clear:none; float:left; margin-right:10px;}
div#upload form label.check {clear:none; float:left; line-height:1.6em; padding-top:20px;}
div#upload div#thumbnails {height:auto;}

div#thumbnails img.imageupload {margin:4px 0px; padding:4px 0px; border:1px solid red;}

/*UPLOAD THANKS*/
div#thanks {}
div#thanks div.white div.inside {padding:8px;}
div#thanks div.smallmarg {margin:0px;padding-left:20px;}
div#thanks div.smallmarg p {margin:4px 0px;padding:4px 0px;}

/*TAC, ACCESS, PRIVACY*/
div#accesspage div.white div.inside, div#tacpage div.white div.inside, div#privacy div.white div.inside { padding:8px }
div.content div.article { padding:14px 8px; }
div.content div.article p { margin:2px 0px; padding:4px 0px; }

/*RESET PASSWORD*/
div#reset div.white div.inside { padding: 14px;}
div#reset div.white div.inside form { display:block; clear:both; }

/*GALLERY*/
div#gallery div.white div.inside {padding:8px;}
div#searchtool {height:58px; width:968px; margin:6px 0px; background-color: #511542; position:relative;}
ul#searchlist {margin:0px; padding:0px; padding-top:9px; margin-left:10px;}
ul#searchlist li {display:block; float:left; height:38px; padding:0px 6px;}
div#searchtool label {font-weight:bold; color:white; padding:0px 0px 4px 0px; margin:0px;}
div#searchtool input {padding:0px 0px 0px 0px; margin:0px;}
div#searchtool select {font-size:9px; padding:0px 0px 0px 0px; margin:0px;}

div#gallery div.bar {border-top:1px dotted #3f152d; border-bottom:1px dotted #3f152d; height:18px; padding:7px;}
div#gallery div.bar span.pagination {display:block; float:right;  }
div#gallery div.bar span.pagination a {font-weight:normal;}
div#images {margin:34px 65px;}
div#images img {margin:7px; border:1px solid #cccccc; width:150px; height:112px;}




form#search input#go {margin-right:140px;}

form#sortby label {float:left; clear:none; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; line-height:1.4em;}
form#sortby select {float:left; clear:none; margin-right:36px;}

/*ONE ITEM*/
div#oneitem {}
div#oneitem div.white div.inside {padding:8px;}
div#oneitem div.bar {height:18px;}
div#feature {position:relative; margin:20px 40px; clear:both;}
div#thumbnails {height:130px;}
div#feature img#big {position:absolute; top:0px; left:0px}
div#feature img#small1 {position:absolute; top:380px; left:0px}
div#feature img#small2 {position:absolute; top:380px; left:168px}
div#feature img#small3 {position:absolute; top:380px; left:336px}
div#featureinfo {width:400px; position:absolute; top:0px; left:500px}
div#featureinfo dl {display:block; padding-bottom:10px;}
div#featureinfo dl dt {padding:4px 0px;}
div#featureinfo dl dd {padding:4px 0px;}
div#featureinfo p {margin:0px; padding:4px 0px;}
div#featureinfo h3, div#featureinfo h4 {margin:0px; padding:4px 0px;}








/* =Tables
-------------------------------------------------------------*/

table { 
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	text-align: left;
	font-weight: normal;
}

/* =Clearing
-------------------------------------------------------------*/


/* Class for self clearing - use this where ever possible */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Class for clearing floats */
.clear {
	clear: both;
}


/* =General Classes
-------------------------------------------------------------*/
.noborder {border:none;}
/*dotted borders*/
.topborder {border-top:1px dotted #3f152d;}
.bottomborder {border-bottom:1px dotted #3f152d;}
.btopborder {border-top:1px dotted #f4aa0b;}
.bbottomborder {border-bottom:1px dotted #f4aa0b;}
.alignbot {vertical-align:bottom;}
.topmarg {margin-top:20px;}
strong, em {font-weight:bold;}
div.empty {height:20px;clear:both;}
div.bar {border-top:1px dotted #3f152d;	border-bottom:1px dotted #3f152d; height:18px; padding:8px;}

/* =Misc 2
-------------------------------------------------------------*/