/* CONTENTS
----------------------------------------------- 

01 - BASIC/HTML TAGS
02 - COLOURS
03 - STRUCTURE
04 - COMMON
05 - NAVIGATION
06 - SHOWS
07 - BLOG
08 - ITEM DETAIL
09 - SERVICES

*/

body {
	margin: 0;
	padding: 0;
	font-size: x-small; /* for IE5/Win */
	font-size: small; /* for compliant browsers */
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background: #000000 url(/Media/Images/bgfade.jpg) repeat-x 50% 0;
	text-align: center; /* margin: auto fix for IE6 */
	color: #fff;
}

html>body { /* for Opera */
	font-size: small;
}


/* 01 BASIC/HTML TAGS
----------------------------------------------- */	
h1 {
	font-size: 130%;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
	
h2 {
	font-size: 120%;
	margin: 0;
	font-weight: bold;	
}

h3 {
	font-size: 140%;
	margin: 0;
	font-weight: bold;
	padding: 0;	
}

p {
    margin: 0;
}
	
a {	
	margin: 0;
	padding: 0;
	text-decoration: none;
	color:#fff;
}

a.gold {color:#B29D42;}

a:hover {
    text-decoration: underline;
}

ul {
    font-size: 85%;
   /* list-style: none;*/
    margin: 0;
    padding: 0;
}
	
/*---------------------------------------------- */
em {font-style: italic;}
.strong {font-weight: bold;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}

.mini {font-size: 80%;}

img {display: block;}
a img {border: none;}

.block{display:block; float:left;}

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

/* 02 COLOURS
------------------------------------------------ */
.red {color: Red;}
.grey {color: #8c8c8c;}
.black {color: #000;}
.gold {color: #B29D42;}
.boldwhite{color: #FFFFFF; font-weight:bold;}


/* 03 STRUCTURE
------------------------------------------------ */
#pagewrapper {
	margin: 0 auto;
	padding: 0;
	background: #000000 url(/Media/Images/bggold.jpg) repeat-x 0 0;
	width: 995px;
}

#wrapper {
	margin: 0 auto;
	padding: 10px 13px;
	background-color: #000;
	width: 949px;
	min-height: 775px;
	height: auto !important;
	height: 775px;
	text-align: left;
}


/* HEADER
------------------------------------------------ */
#header {
    float: left;
    width: 951px;
}

#header .logo {
    padding: 10px 20px 10px 0;
    float: left;
}

#header .contact {
    float: left;
    width: 225px;
    color: #bbbc95;
    padding-top: 8px;
    font-weight: bold;
}

#header .contact p {
    margin-bottom: 2px;
}

#header .headerEnquire {
    float: left;
    width: 100px;
    color: #bbbc95;
    padding-top: 8px;
    font-weight: bold;
    margin-left:470px;
}



#header .login {
    float: right;
    width: 364px;
    background: url(/Media/Images/loginbackground.jpg) no-repeat left top;
    padding: 5px 7px 7px;
    margin-bottom: 20px;
}

#header .login p {
    width: 55px;
    float: left;
    color: #aba047;
    font-weight: bold;
    padding-top: 2px;
}

#header .login div {
    float: left;
    width: 149px;
    border: 0px solid blue;
}

#header .login div span {
    color: #b9ba8f;
    font-size: 85%;
    display: block;
    padding-bottom: 2px;
}

#header .login input {
    padding: 0;
    margin: 0;
    border: 0;
    width: 145px;
    height: 16px;
    padding: 0px 0;
    font-size: 100%;
}

#header .login a {
    margin-top: 1px;
    float: left;
}


/* CAROUSEL
------------------------------------------------ */
#carouselwrapper {
    float: left;
    width: 948px;  
}

#carouselwrapper #carousel {
    border: 1px solid #393939;
}

#carouselwrapper p {
    padding: 15px;
    font-size: 110%;
    font-weight: bold;
}


/* HOME FEATURES
------------------------------------------------ */
.threefeatureareawrapper .areatitle {
    margin: 3px 3px 0;
}

.threefeatureareawrapper h2 {
    float: left;
}

.threefeatureareawrapper .feature {
    width: 175px;
    padding-left: 9px;
    float: left;
    margin-top: -2px;
}

.feature{
    padding-bottom:10px;
    
}

.threefeatureareawrapper .feature div {
    border: 1px solid #838582;
    height: 105px;
    overflow: hidden;
}

.threefeatureareawrapper .feature p {
    color: #B9BA8F;
    font-size: 85%;
    padding: 8px 0 0;
}


/* BLOG
------------------------------------------------ */
.miniblog ul {
    margin: -11px 0 0;
    padding: 0;
    list-style:none;
}

.miniblog ul li {
    border-bottom: 1px solid #393939;
    padding: 8px 0 8px 10px;
    margin: 0;    
}

.miniblog ul li a {
    color: #B9BA8F;
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 100%;
    display: block;
    line-height: 1.0em;
}

.miniblog ul li a:hover {
    text-decoration: none;
}

/* SEARCH
------------------------------------------------ */
.minisearch {
    color: #B9BA8F;
    font-size: 85%;
    font-weight: bold;
}

.minisearch .divide {
    border-bottom: 1px solid #393939;
    padding-left: 10px;
    position: relative;
    padding-bottom: 3px;
}

.minisearch span {
    margin: -2px 0 5px;
    display: block;
}


.minisearch .divide span.clothspan{
    margin-bottom:0;
    float:left;
}

.minisearch select {
    margin: 0;
    padding: 0;
    width: 164px; 
    padding: 1px;
    line-height: 1.0em;
    font-size: 85%;
    margin-bottom: 10px;   
}

.minisearch select.dropdown {width: 145px; float: left;}

.minisearch p {
    padding: 10px 0 3px;
}

.minisearch .divide input.textbox,
.minisearch .divide input.clothtextbox  {
    width: 143px;
    padding: 0;
    height: 16px;  
    margin: 4px 0 5px;
}

.minisearch .divide input.textbox {
    position: absolute;
    top: 50px;
    left: 10px;
    margin: 10px 0;
}

.minisearch .divide input.clothtextbox {
    float:left;
}

.minisearch .divide img {
    position: absolute;
    top: 54px;
    left: 159px;
}

 .minisearch .divide img.clothimg {
     top: 0;
     left:0;
     float:left;
     position:relative;
     padding-left:3px;
 }

.clothsearch{
    width:373px;
    height:238px;
    float:left;
    border:1px solid #393939;
}

.clothform{
    padding-left:7px;
}
.searchlabel{
    width:130px;
    padding-bottom:10px;
    
}
.clothsearchdrop{
    width:225px;
}

ul#galleryListImages li a.galleryListImage,
ul#clothlist li .clothListImage{width:163px;height:117px; display:block; overflow:hidden; background-position:center center; background-repeat:no-repeat;}
ul#clothlist {list-style: none; padding-left: 4px;}
ul#clothlist li {float: left; padding: 4px; border: 1px solid #393939; width: 163px; height: 163px; margin: 0 4px 0 0; }


/* AUXILIARY PAGES
------------------------------------------------ */
.auxiliary h2 a {
    color: #B29D42;
}

.auxiliary h2 a:hover {
    text-decoration: none;
}
 
.auxiliary .mediumareawrapper h2, .auxiliary .largeareawrapper h2 {
    padding: 0 10px 10px; 
}
 
.auxiliary .mediumareawrapper ul, .auxiliary .largeareawrapper ul {
     
     padding:5px 10px 10px 25px;
     margin:0px;
     font-size:90%;
     color:#B9BA8F;
}

.auxiliary .mediumareawrapper ul li, .auxiliary .largeareawrapper ul li{
     
     padding:0px;
     margin:0px;
     color:#B9BA8F;
}

.auxiliary .smallareawrapper h2{margin:0px; padding:0px}

.auxiliary .smallareawrapper p,
.auxiliary .mediumareawrapper p,
.auxiliary .largeareawrapper p {
    padding: 0 10px 10px;
    font-size: 90%;
    color: #B9BA8F;

}

.smallareawrapper{    
    min-height:90px;
    height: auto !important;
    height: 90px;
    float: left;
    }
/*
.auxiliary .smallareawrapper h2 {padding: 0 6px 6px;}*/
.auxiliary .smallareawrapper p {padding: 0 6px 6px;}

.auxiliary img.mainimg {
    float: right;
    border: 1px solid #393939 !important;
    padding: 3px;
}

/* CONTACT
------------------------------------------------ */
.largeareawrapper .contact {
    width: 180px;
    padding-left: 6px;
    float: left;
}

.largeareawrapper .contact p, .largeareawrapper p{
    color: #B9BA8F;
    font-size: 85%;
    padding: 5px 0 20px;
}


/* GALLERY SEARCH
------------------------------------------------ */
.searchareawrapper {
    float: left;
}

.searchareawrapper span {
    padding-left: 6px;
}

.searchareawrapper table {
    border: 1px solid green;
}

/*.searchareawrapper table td {
    border: 1px solid red;
    margin: 0;
    padding: 0;
}

.searchareawrapper table td label {
    width: 72px;
    border: 1px solid pink;
    float: left;
}

.searchareawrapper table td input {
    margin: 0;
    padding: 0;
    float: left;
    width: 15px;
    height: 15px;
}*/

.searchareawrapper p {
    padding-left: 6px;
}

.searchareawrapper input.textbox {
    width: 143px;
    padding: 0;
    height: 16px;  
    margin: 10px 0 10px 6px;
    float: left;
}

.searchareawrapper img {
    float: left;
    padding: 3px 0 0 5px;
}

/* GALLERY
------------------------------------------------ */
.gallery {
    float: left;
    width: 569px;
    margin: 0 4px 20px 0;
}

.gallery .prevbtn,
.gallery .nextbtn {
    float: left;
    padding-right: 5px;
    clear: left;
}

.gallery .nextbtn {padding: 0 0 0 5px; clear: none;}

.gallery img.slideshow {
    border: 1px solid #393939 !important;
    padding: 3px;
    height: 372px;
    overflow: hidden;
    margin-bottom: 10px;
}

.gallery .imagetitle {
    float: left;
    width: 533px;
    padding: 10px 0;
}

.gallery .imagetitle span {
    margin: 0 auto;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.taglinewrapper .taglines {
    padding: 0 7px;
    margin: 0;
    float: left;
    font-size: 110%;
}




/* GALLERY TYPE LIST
------------------------------------------------ */
ul#galleryTypes {
    padding-left: 6px;
    list-style: none;
}

ul#galleryTypes li {
    display: block;
    float: none;
}

ul#galleryTypes li.selected a {
    color: #B29D42;
}

ul#galleryTypes a {
    font-size: 130%;
}

ul#galleryListImages li a.galleryListImage,
ul#clothlist li a.clothListImage {
    width: 175px;
    height: 117px;
    display: block;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #393939;
}

.gallerythumb {
    height: 131px;
    overflow: hidden;
    border: 1px solid #393939;
}


/* FOOTER
------------------------------------------------ */
#footer {
    float: left;
    clear: both;
    width: 946px;
    color: #C9C9CB;
}

#footer ul {
    padding-top: 10px;
    list-style:none;
}

#footer ul li {
    float: left;
    padding-right: 10px;
}

#footer ul li.right {float: right; padding-right: 0;} 

#footer ul li a {
    color: #C9C9CB;
}


/* 04 COMMON
------------------------------------------------ */
div.areawrapper,
div.smallareawrapper,
div.mediumareawrapper,
div.largeareawrapper,
div.featureareawrapper,
div.advertareawrapper,
div.searchareawrapper,
div.taglinewrapper,
div.threefeatureareawrapper {
    border: solid 1px #393939;
    padding: 3px;
    margin-right: 5px;
    float: left;
    width: 941px;
}

div.smallareawrapper {width: 305px;}
div.smallareawrapper.end {margin-right: 0; padding-right: 2px; float:left; margin-bottom: 2px;}
div.mediumareawrapper {width: 565px; padding: 0;}
div.largeareawrapper {width: 941px; margin-right: 0;}
div.featureareawrapper, div.threefeatureareawrapper, div.advertareawrapper {width: 185px; padding: 0; min-height: 240px; height: auto !important; height: 240px;}
div.advertareawrapper {width: 178px;}
div.searchareawrapper {width: 180px; min-height: 180px; height: auto !important; height: 180px; margin-bottom: 20px; margin-right: 7px;}
div.taglinewrapper {width: 172px; margin-right: 0; min-height: 180px; height: auto !important; height: 180px; font-size: 85%;}
div.threefeatureareawrapper {width: 562px; overflow: hidden;}

.areatitle,
.featureareawrapper .areatitle {
    background: #000000 url(/Media/Images/areatitle.jpg) repeat-x scroll 0 0;
    min-height: 31px;
    height: auto !important;
    height: 31px;
    padding: 7px 7px 0;
    text-transform: uppercase;
}

.featureareawrapper .areatitle, div.mediumareawrapper .areatitle {margin: 3px 3px 0;}

.areatitle h1, .areatitle h3 {
    font-weight: bold;
    font-size: 130%;
}

.areatext, .areatextauto {
    min-height: 66px;
    height: auto !important;
    height: 66px;
    padding: 0 7px 7px;
}

.areatextauto{
    min-height: 10px;
    height: auto !important;
    height: 10px;
}

.page_intro {clear: both; padding: 0 12px 16px;}


/* 05 NAVIGATION
------------------------------------------------ */
ul#mainnav {
    float: left;
    clear: both;
    width: 948px;
    padding-bottom: 16px;
    list-style:none;
}

ul#mainnav li {
    float: left; 
}

ul#mainnav li a {
    display: block;
    width: 135px;
    height: 29px;
    padding-top: 12px;
    text-align: center;
    font-size: 140%;
    font-weight: bold;
    background: url(/Media/Images/navmiddle.jpg) no-repeat left top;
}

ul#mainnav li a.first {width: 139px; background-image: url(/Media/Images/navleft.jpg);}
ul#mainnav li a.last {width: 134px; background-image: url(/Media/Images/navright.jpg);}

ul#mainnav li a:hover, ul#mainnav li a.selected {
    background-position: 0 -41px;
    text-decoration: none;
}


/* 06 SHOWS
------------------------------------------------ */
div.showToggleActive, div.showToggleInactive{ cursor:pointer;}
div.showToggleActive{}
div.showToggleInactive{ 
    filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}
/*
.enquireButton{
    display:block; border:solid #fff 1px; width:auto;     Background-color:#B29D42;padding:5px 2px;
}
*/
div.showToggleInactive:hover{ 
    filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;}

div.showsearch{float:left; padding-top:10px;}
div.showsearch table td{padding-right:10px;}
div.showsearch table td.end{padding-right:0px;}

div#ItemViewerWrapper {
    clear: both;
}

div.alphaListArea{margin:14px 0 10px; padding:0 12px;}
ul#alphaList{padding:0px; margin:0px; list-style:none;}
ul#alphaList li{float:left; display:block; padding:0px; margin:0px 5px 2px 0px; font-size:140%;}
ul#alphaList li a{margin-right:5px;}

div.itemviewer_controlleft,div.itemviewer_controlright, div.itemviewer_content{float:left;}
div.itemviewer_controlleft,div.itemviewer_controlright{width:11px; height:75px;}
div.itemviewer_controlleft{padding-right:4px;}
div.itemviewer_controlright{padding-left:3px;}
div.PicScroller{width:898px;}
div.PicNoScroller{width:898px;}
div.PicScroller li, div.PicNoScroller li{padding-right:3px;}
div.PicScroller li.lastitem, div.PicNoScroller li.lastitem{padding-right:0px;}
div.PicScroller li a:hover, div.PicNoScroller li a:hover{ text-decoration:none; cursor:pointer;}
div.PicNoScroller ul{margin: 0pt; padding: 0pt; position: relative; list-style-type: none;}
div.PicNoScroller ul li{overflow: hidden; float: left; width: 177px; height: 173px;}
/*div.itemviewer_content img, .thumbcontainer{border:solid 1px #393939;}*/
div.itemviewer_content .itemviewer_itemsummary{width:175px;}
div.thumbcontainer{
    width:178px;
    height:166px;
    float:left;
}
img.smallthumb{
    margin: 4px 4px 0px 0px;
    float:left;
    width:53px;
    overflow:hidden;
    cursor:pointer;
}
div.imgcontainer{
    padding-left:5px;
    }
div.showshomesearch{
    width:305px;
}
 .showsearchdropdown{
     margin-top:2px;
     margin-bottom:5px;
     width: 290px;
     }
     
.imageviewerholders{
    min-height:180px;
}     
div#commentcontainer{
    padding-bottom:10px;
}
/* 07 BLOG
------------------------------------------------ */
div.blogheader, div.blogcontent{padding: 0 7px; color: #ABA047;}

div.blogheader {
    clear: both; 
    border-top: 1px solid #393939; 
    padding-top: 16px;  
    padding-bottom: 10px; 
    cursor: pointer;
    color: #fff;
}

div.blogheader h3, div.blogheader div.date{
    font-weight: normal;
    font-size: 120%;
    float: left;
}

div.blogheader h3{float:left; width:374px;}
div.blogheader div.date{float:left;}

div.blogcontent{clear:both; position:relative; background:#000000 none repeat scroll 0 0;}
div.blogcontent img{float:right; margin:3px 0 7px 7px; border:solid 1px #393939;}
div.blogcontent p{margin-bottom:10px;}


/* 08 ITEM DETAIL
------------------------------------------------ */
div#itemMainImg{float:left; margin:0 7px 0 7px; display: inline; border:solid 1px #393939; padding: 3px; height:372px; overflow:hidden;}

div.itemcols{margin-top:5px;  /*min-height: 240px; height: auto !important; height: 240px;*/}
div.itemcols .areatitle{ text-transform:none;}
div.itemcols .areatitle h2{margin-bottom:12px;}

div.itemcol, div.largeitemcol{float:left; width:172px; padding-right:6px;}
div.largeitemcol{width:558px;}

div.itemStandFirst{
    color:#fff; 
    font-weight:bold; 
    font-size:110%;
    margin-bottom:10px; 
}

div.itemContent p{color:#B9BA8F; margin-bottom:10px;}

div.itemComment{color:#fff; font-weight:bold; margin-bottom:7px;}
div.itemCommentClient{color:#fff; margin-bottom:18px;}

div.itemSpecTitle{color:#fff; font-weight:bold; margin-bottom:2px;}
div.itemSpec{color:#B9BA8F; margin-bottom:15px; font-size:85%;}


/* 08 SERVICES
------------------------------------------------ */

div.audiencegreen,
div.audiencered,
div.audienceorange{
    height:212px;
    width:945px;
    clear:both;
    margin:0 auto;
}

div.audiencegreen{ background:#000 url(/Media/Images/audience_green.jpg) no-repeat 50% 0;}
div.audiencered{ background:#000 url(/Media/Images/audience_red.jpg) no-repeat 50% 0;}
div.audienceorange{ background:#000 url(/Media/Images/audience_orange.jpg) no-repeat 50% 0;}

div.randomimagewrapper{
        clear:both;
        border:1px solid #393939;
        margin:0 auto;
        width:558px;
        height:372px;
        margin-bottom:6px;
        overflow:hidden;
}

/* SITEMAP
------------------------------------------------ */
#sitemapcontainer{
    padding-left:13px;
    }

div #sitemapcontainer ul, div #sitemapcontainer ul ul{
    padding-left: 13px;
    }