/*------------------------------------------------------------------
    Steven Johnston @ CoCreate
    for
    CoCreate
    21/01/2011

    Version 1.0

    Project: Fall Woman

    **Please annotate amendments and log below**
    --------------------------------------------
    Amendments

    --------------------------------------------
##Designers Notes
-----------------
Colours
-------
#000000 - Black
#ffffff - White
#e3dedd - Mink
--------------------------------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html{
    min-height:100.5%;
}
body{
    background:url("../images/bg_body.gif") repeat-x;
}
img{
    border:none;
}
ul{
    list-style:none;
}
.left{
    float:left;
}
.right{
    float:right;
}
.floatFix{
    clear:both;
    width:1px;
    height:1px;
}
/*-------------------------------------------------------------------*/
#wrapper{
    width:980px;
    margin:0 auto 0 auto;
}
#header{
    width:980px;
    height:86px;
    padding:30px 0 0 0;
}
#headerRight{
    float:right;
    width:450px;
}
#headerRight table{
    width:400px;
}
.inputText{
    width:135px;
    height:21px;
	margin:3px 0 20px 0;
   	border: 1px solid #000000;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.inputTextSearch{
	width:135px;
    height:21px;
    border: 1px solid #000000;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin:0 10px 0 0;
}
.searchSubmit{
	width:70px;
    height:21px;
    border: 1px solid #000000;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align:center;
	cursor:pointer;
}
.textArea{
	width:135px;
	height:84px;
	border: 1px solid #000000;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.searchForm{
    width:100%;
}
#logo{
    float:left;
}
/*------------------------
        Main Menu
------------------------*/
#menu{
	font-family:FontSiteSansUltraLight, Arial, Helvetica, sans-serif;
    width:980px;
    height:20px;
    padding:0 0 0 0;
	position:absolute;
	top:115px;
	z-index:2000;
}
#menu ul li.top{
    float:left;
}
#menu ul li.top a.toplink{
	font-size:13px;
	letter-spacing:2px;
    display:block;
	text-decoration:none;
	color:#FFF;
	background-color:#000;
	padding:4px 20px 0px 20px;
	text-transform:uppercase;
	height:16px;
}
.inner{border:#c0b2ad 10px solid; background-color:#FFF; position:absolute; top:20px; z-index:9999; padding:20px 60px 20px 20px; color:#000; font-family:Arial, Helvetica, sans-serif;box-shadow:0 5px 10px #666;-webkit-box-shadow:0 5px 10px #666;-moz-box-shadow:0 5px 10px #666;}
.inner ul{line-height:18px; padding:0 12px 0 12px; position:static; }
.inner ul li{padding:4px 0 4px 0; float:none;}
.inner ul li a{padding:6px 0 6px 0; text-decoration:none; background-color:#FFF; color:#000; font-size:13px; letter-spacing:1px;}
.inner ul li a:hover{text-decoration:underline;}
/*------------------------
        Content
------------------------*/
#content{
	margin:20px 0 0 0;
    padding:20px 0 0 0;
}
.leftCol{
    float:left;
    width:165px;
}

.mainColumn{
    float:left;
    width:815px;
	min-height:570px;
}
.borderLeft{
    float:left;
    width:792px;
    padding:0 0 0 20px;
    border-left:3px solid #000000;
}
.mainColumn ul{
    display:block;
    width:165px;
}
.textCol{
    width:165px;
}
.textColWide{
    width:225px;
}
.roundedBorder{
	border: 1px solid #e3dedd;
	background-color:#e3dedd;
	-moz-border-radius: 9px;
	-khtml-border-radius: 9px;
	-webkit-border-radius: 9px;
}
.pad5{ padding:5px; }

.ui-dialog{
	background-colour:#FFF;
	padding:5px;
	border: 1px solid #000000;
	-moz-border-radius: 9px;
	-khtml-border-radius: 9px;
	-webkit-border-radius: 9px;
	}

.inputTextBody{
    width:214px;
    height:21px;
    padding:0 0 0 8px;
    margin:3px 0 20px 0;
  	border: 1px solid #000000;
	-moz-border-radius: 9px;
	-khtml-border-radius: 9px;
	-webkit-border-radius: 9px;
}
.textAreaBody{
	width:214px;
	height:84px;
	padding:0 0 0 8px;
	border: 1px solid #000000;
	-moz-border-radius: 9px;
	-khtml-border-radius: 9px;
	-webkit-border-radius: 9px;
	font-family:Arial, Helvetica, sans-serif;
}
.minkBox{
    width:415px;
    padding:15px;
    background:#e3dedd;
}
.label{
    width:30px;
}
.labelWide{
    width:140px;
}
.checkoutSelect{
    width:180px;
    margin:5px 0 16px 0;
}
.radio{
    width:50px;
}
.rightCol{
    width:400px;
}
.rightColNarrow{
    width:296px;
}
.textRight{
    text-align:right;
}
.textCol table{
    width:100%;
}
.basket{
    width:746px;
}
.basket table{
    width:716px;
}
.basket td{
    padding-bottom:15px;
    vertical-align:top;
}
.basket .tblHead td{
    padding-bottom:30px;
}
.basket .image{
    width:150px;
}
.basket .name{
    width:250px;
}
.basket .qty{
    width:50px;
    text-align:center;
}
.basket .price{
    width:70px;
}
.basket .total{
    width:70px;
}
.valignTop{
    vertical-align:top;
}
.textCol .sizeInput{
    width:12px;
    height:12px;
    border:1px solid #000000;
    background:#ffffff;
}
/*------------------------
        Footer
------------------------*/
#footer{
    padding:10px 0 0 0;
	margin:20px 0 20px 0;
    text-align:center;
}
/*------------------------
    Border, Margins & Padding
------------------------*/
.border1px{
	border:solid #000 1px;
}
.marginTop13{
    margin-top:13px;
}
.marginBottom13{
    margin-bottom:13px;
}
.marginLeft10{
    margin-left:10px;
}
.marginBottom9{
	margin-bottom:0px;
}
.marginLeft9{
	margin-left:0px;
}
.marginLeft13{
    margin-left:13px;
}
.marginRight16{
    margin-right:16px;
}
.marginLeft16{
	margin-left:16px;
}
.marginBottom16{
    margin-bottom:16px;
}
.marginLeft21{
    margin-left:21px;
}
.marginRight18{
    margin-right:18px;
}
.marginRight49{
    margin-right:49px;
}

/*------------------------
        Typography
------------------------*/
.arial{
    font-family:Arial, Helvetica, sans-serif;
}
.serif{
    font-family:'Times New Roman', Times, serif;
}
.white{
    color:#ffffff;
}
.mink{
    color:#c0b2ad;
}
.black{
    color:#000000;
}
.massiveText{
    font-size:3.2em;
}
.largeText{
    font-size:2.2em;
}
h2{
    font-size:1.2em;
}
.title{font-size:16px;}
.font1em{
    font-size:1em;
}
.font14em{font-size:1.4em;}
.font18em{font-size:1.8em;}

.text{
    font-size:0.95em;
}
.bodytext{
    font-size:0.75em;
	line-height:18px;
}
#footer{
    font-size:0.75em;
}
.italic{
    font-style:italic;
}
.light{
    font-weight:100;
}
.bold{
    font-weight:bold;
}
.hoverUnderline{
    text-decoration:none;
}
.underline, .hoverUnderline:hover{
    text-decoration:underline;
}


.delTo{
    width:220px;
}
.delAddr, .action, .orderNo, .date, .total, .status{
    padding-right: 40px;
}
.padBtm8{
    padding-bottom:8px;
}
.orderNo{

}

.email{background:url(../images/gr_email.gif) left no-repeat; padding:3px 0 3px 25px;}
.email a{text-decoration:none; color:#000;}
.email a:hover{text-decoration:underline;}
.tel{background:url(../images/gr_tel.gif) left no-repeat; padding:3px 0 3px 25px;}
/*--------------------------------------------------------------------
        	//MC (NOTE: Ste add your styles above
--------------------------------------------------------------------*/

.scrollable{position:relative; overflow:hidden;}
.logos{width:769px; height:160px; float:left; margin:0 3px 10px 3px;}
.logos a img{border:solid #ffffff 4px;}
.logos .down img, .logos a:hover img{border:solid #e3dedd 4px;}
.scrollable .items {width:20000em; position:absolute;}
.items div {float:left;}

.browse{width:14px; height:90px; padding:70px 3px 0 3px; float:left; color:#000; text-decoration:none; text-align:center; cursor:pointer; background-color:#e3dedd; font-size:10px;}
.browse:hover{text-decoration:underline;}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	height:365px;	width: 815px;
	margin:0 0 20px 0;
	z-index:1;
	border:solid 1px #e3dedd;
}

.main_view_pr {
	float: left;
	position: relative;
	height:365px;	width: 450px;
	margin:0 0 20px 0;
	z-index:1;
}

/*--Window/Masking Styles--*/
.window {
	height:365px;	width: 815px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}

.window_pr {
	height:365px;	width: 450px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}

.image_reel {
	position: absolute;
	top: 0; left: 0;
	z-index:1;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	font-size:11px;
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(../images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

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

.pointer{cursor:pointer;}

.red, .error-text{color:#FF0000;}

.leftmenu li{margin:3px 0 3px 0;}
.leftmenu li a{display:block; width:100%;}

.videoHolder{width:133px; height:241px; z-index:1;}

#ytplayer{width:133px; height:211px; overflow:hidden; position:absolute; margin:20px 0 0 0; z-index:2;}
#ytplayer h2{width:100%; height:24px; display:block; padding:10px 0 4px 0; text-align:center; background-color:#000; color:#FFF; font-family:FontSiteSansUltraLight, Arial, Helvetica, sans-serif; font-size:20px;}


.borderMink{border:solid 4px #e3dedd;}

.mainImage{
	border: 1px solid #000000;
	width:352px;}

/* Cloud Zoom*/
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
	display:none;
}

/* HELP: The search suggest drop down. Do not remove position, left or z-index! */
#search_suggest {	
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #000000;	
	visibility: hidden;
	width: 150px;
	top: 0px;
	left: 0px;
	z-index: 200;
}	

/* HELP: Styling for link div in the search suggest box */
.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
	font-weight: normal;
}

/* HELP: Styling for text highlights in search suggest box */
.suggest_link_highlight {
	background-color: #FFCC33;
	font-weight: bold;
}

/* HELP: Styling for link div with mouse over in search suggest box */
.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
	cursor: pointer;
}

/* --- viewport configuration -------------------------------------------------------------- */
.viewport {
	height: 120px;
	overflow: hidden;
	position: relative;
	width: 90px;
}
.styleguide {
	height: 250px;
	overflow: hidden;
	position: relative;
	width: 180px;
}
.largeviewport{
	height: 434px;
	overflow: hidden;
	position: relative;
	width: 146px;
}
.styleguide a, .viewport a, .largeviewport a {
	display: block;
	position: relative;
	color:#000000;
}
.viewport a img {
	left: 0;
	position: relative;
	top: 0;
}

.styleguide a img {
	left: 0;
	position: relative;
	top: 0;
}
.largeviewport a img{
	left: 0;
	position: relative;
	top: 0;
}
/* --- Label configuration -------------------------------------------------------------- */
.viewport a span, .styleguide a span, .largeviewport a span{
	display: none;
	font-size: 0.9em;
	font-weight: bold;
	height: 100%;
	padding-top: 80px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	padding:2%;
	width: 98%;
	z-index: 100;
}

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
	background-color: rgba(15, 15, 15, 0.4);
	color: #fff;
	text-shadow: #000 0px 0px 20px;
}
.dark-background em {
	color: #ccc;
}

/* --- Light hover background ----------------------------------------------------------- */
.light-background {
	background-color: rgba(255, 255, 255, 0.7);
	color: #000000;
	text-shadow: #fff 0px 0px 20px;
}
.light-background em {
	color: #707070;
}

.pages-container{
	clear:both;
	float:right;
	text-align:right;
	width:400px;
	height:20px;
}

ul.pages-list{
	list-style:none;
	float:right;
}
ul.pages-list li{
	list-style:none;
	float:left;
	padding:5px;
}
ul.pages-list a{
	text-decoration:none;
	color:#000;
	padding:3px;
	display:block;
}
ul.pages-list a:hover{text-decoration:underline;}
ul.pages-list li span{
	padding:3px;
	display:block;
	color:#000;
	background-color:#e3dedd;
}

#mapHolder{
	 width:335px;
	 height:400px;
	 position:relative;
	 margin:10px 0 0 0;
}
#googleMap{
    position:absolute;
    z-index:2;
    width:335px;
}
#mapDiv{
    width:335px;
    height:400px;
    margin-bottom:10px;
}
#panoramaDiv{
    width:335px;
    height:400px;
    display:none;
}

.thumbContainer{width:400px; height:330px;}
.thumbContainer img{border-style:solid;border-color:#FFFFFF;border-weight:4px;}
.strike{text-decoration:line-through;}
.red{color:#F00;}

.highlight{border-style:solid; border-color:#e3dedd; border-weight:4px;}

.login-dialog{background-color:#FFF; padding:20px;}

.ui-icon-closethick{border:solid 1px #000; display:block; padding:5px; float:right;}
#ui-dialog-title-1{margin:0 0 10px 0;}
#requestLogin{border:solid 1px #000; background-color:#FFF;  padding:5px; cursor:pointer;}