@CHARSET "UTF-8";  
/******* GENERAL RESET *******/
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, textarea { border:0pt none; font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; padding:0pt; vertical-align:baseline; }  
body{ line-height:14px; font-size: 12px; background: #000; font-family: Arial, Verdana, Helvetica, sans-serif; margin:0 auto; cursor:default; width:960px;background:#000 url(/static/public/img/template/bodyBG.png) top repeat-x}  

table{ border-collapse:separate; border-spacing:0pt; }
caption, th, td{ font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after{ content:""; }
blockquote, q{ quotes:"" ""; }
strong{ font-weight: 700; }
.clear{ clear: both; height: 0; padding: 0; margin: 0; }
/******* GENERAL RESET *******/
.mainPage {padding-left:30px; padding-right:30px; background:url( '/static/public/img/template/limeBG.gif') no-repeat top}
.finshUp {clear:both;width:960px; background:url( '/static/public/img/template/finishLime.png' ) top no-repeat; height:25px;}

h1, #formRegister h1, #form-signon-logon h1 { font-size: 22px; line-height:24px; color:#fff; margin: 20px 0 30px 0; text-transform:lowercase}
h1,  {margin: 10px 0 30px 0;}
h2 { font-size: 17px; color:#fff; margin: 15px 0 15px 0;}
.detail h1 {margin-bottom:5px}
.panel h1{margin-top:0}
body { font-size: 11px; color: #fff;}
/* need to indent the site by 55pixels*/
input { font-family: Verdana; font-size: 11px; height: 14px; margin: 0; border: 1px solid #CCCCCC; padding: 3px; color: #444444; width: 100%; }
p { margin: 15px 0 15px 0; color: #fff; }
a {text-decoration:none}
a:link { color: #97CA00; }
a:visited { color: #97CA00;}
a:activate { color: #97CA00;}
a:hover {text-decoration:underline}

ul { padding-left: 30px; }
li { list-style-type: circle; padding: 8px 0 5px 0; }
li div{vertical-align:middle}

.mainContent{z-index:1}

.instructions { margin-left: 70px; width: 200px; }
.content { width: 1010px; }

.breadcrumb { color: #97CA00; margin-top:15px; float: left; width:100%; text-transform:lowercase }
.breadcrumb .left {}
.breadcrumb .right { float: right; }

.form-register { float: left; width: 300px; margin: 20px 0 0 20px; padding: 0 40px 0 0; border-right: 1px dotted; }
.form-register form { width: 300px; }
.form-register input { width: 200px; }
.form-logon { float: left; width: 350px; margin: 20px 0 0 50px; padding: 0 10px 0 0; }
.form-logon form { width: 300px; }
.form-logon input { width: 200px; }
.form-contact { float: left; width: 420px; margin: 20px 0 0 40px; padding: 0 10px 0 0; }
.form-contact form { width: 410px; }
.form-contact input { width: 300px; }
.form-contact textarea { float:left; margin: 0; border: 1px solid #CCCCCC; width: 300px; padding: 3px; color: #444444; font-family: Verdana; font-size: 11px;  }
.form-contact.instructions { margin-left: 70px; width: 300px; }
.form-lightbox-selector { float: left;  }
.form-lightbox-view { float: left; }
.form-lightbox-view input { padding: 0 0 0 5px; height: 19px; }
.moodboardMenu .selector{float:none}
.selector { float: right; height: 28px; margin-top: 9px; }
.selector form { margin: 0px; padding: 0px; }
.selector input { margin: 0px; padding: 0px; width: 40px; }
#selectlightboxid { font-size: 11px; height: 21px; padding: 1px; margin-right: 5px; }

.hidden { display: none;}
/* padding T R B L */
.site-width { float: left; margin: 0 ; width: 900px; }
.site-half-centre { float: left; width: 450px; margin: 0 50px 0 0; }
.header {padding: 30px 0; }
.header .sitelogo { float:right; margin-right:10px}
.header .sitelogo img { float:right; margin-right:10px}
.header .control-panel { float: left; }
.header .control-panel .auth { position: relative; font-size: 11px; font-weight: normal; height:20px; color:#666; }
.auth {z-index:3}
.auth a {  }





.loggedStatus, .loggedAccount, .logged{color:white; position:relative;top:5px; margin-left:10px;}


.header a:link { text-decoration: none; color: white; }
.header a:visited { }
.header a:activate { text-decoration: none; color: white; }
.header a:hover {}
.shadow { background-image: url(/static/public/img/shadow.png); background-repeat: repeat-x; height: 15px;}

.nav { float: left; height: 30px; padding: 0; margin-top: 20px; background:url(/static/public/img/nav/navLeft.png) left top no-repeat; z-index:2}
.nav .menus div { float: left; margin: 10px 0 0 20px; }
.nav .clear { clear: both; height: 0; padding: 0; margin: 0; visibility: hidden; position: absolute; }
.nav .home { padding-right: 50px; float: left; }
.nav span { padding-bottom: 10px; margin: 0; }
.nav a:link { text-decoration: none; color: #fff; }
.nav a:visited { text-decoration: none; color: #fff; }
.nav a:activate { text-decoration: none;  }
.nav a:hover { text-decoration: none; color: #97CA00; }

.col1 { border: none; float: left; margin: 0; padding: 0; width: 785px; background: #FFFFFF; }

/*news item page*/
.news-panel{float:left; width:405px}
.news-panel-content{ width:495px; float:right; position:relative; left:-10px}
.news-panel-content img{padding-right:15px;}



.headline{ }
.headline img {  } /* offsetting required for IE rendering bug.*/

.footer { clear: both; }

/* padding T R B L */
.title { float: left; }
.title.full { width: 100%; }
.title .heading { float:left; }
.title .paginator { float:right; margin: 40px 0 0 0; }
.title .paginator .count { float: left; }
.title .paginator .pages { float: left; margin: 0 0 0 30px; }
.title .paginator .label { float: left; margin: 0 10px 0 0; }
.title .paginator .page  { float: left; text-align: center; }
.title .paginator .page a { margin: 0 ; padding: 1px 5px 1px 5px; }
.title .paginator .current a { background-color: #97CA00; color:black; }

.paginator { float: left; position: relative; } /* relative for IE bug */
.pages { float:left; margin: 10px 0 30px 15px; position: relative; } /* relative for IE bug */
.page { float: left; width: 16px; text-align: center; }
.page.current { background-color: #97CA00; color:black; }
.page.hover { background-color: white; color: black; }

.droppable-active { opacity: 0.5; }
.droppable-hover { outline: 3px solid white; }

/* padding T R B L */

.error { background:transparent url(/static/public/img/error.png) no-repeat scroll 0 50%; background-position: right;}
.formerror { margin-left:80px; width:200px; color: red; }
.alert { color: red; }

.grey {color:#999999}

.footer { padding: 10px 0; margin: 0px; color: #777777; clear: both; }
.footerAddress {float:right; color:white; padding-bottom:10px;}
.footerPower { clear:right;float:right; color:#444; font-size:10px;}
.footerAddress a{color:#777}
.footerPower a {color:#444}

/* image border control */
/* catwalk = 120pixels */
.limeBorderCatwalk {position:relative; top:-123px; height:120px; width:120px; background:url('/static/public/img/imageBorders/catwalk120.png') no-repeat top left;}
.limeBorderCatwalk, {top:-124px;}
.limeBorderCatwalk140 {position:relative; top:-143px; height:140px; width:140px; background:url('/static/public/img/imageBorders/catwalk140.png') no-repeat top left;}
.limeBorderCatwalk140, {top:-144px;}

/* 4 windows trade landing page */

.limeBorderFourWindows375 {position:relative; top:-378px; height:375px; width:375px; background:url('/static/public/img/imageBorders/fourWindows375.png') no-repeat top left;}
.limeBorderFourWindows375, {top:-379px;}

/* brands landing */
.brands-agency-panel{float:left; width:500px;}
.brands-agency-panel-wall-images {float:left; padding-left:15px; padding-top:30px;position:relative; height:375px; width:375px;}
.brands-agency-panel-wall-images .deptAgencyBrands {height:120px; width:120px; margin:0 18px 17px 0}
/*used absolute in case not 9 logos added*/
.brands-agency-panel-wall-images .limeBorderCatwalk {position:relative; top:-123px; height:120px; width:120px; background:url('/static/public/img/imageBorders/catwalk120.png') no-repeat top left;}
.brands-agency-panel-wall-images .limeBorderCatwalk, {top:-124px;}

/*brands agency detail page*/
.brand-agency-panel-detail { float:left; width:215px;}
.brand-agency-panel-images {float:left; width:685px;  }

.brand-agency-panel-logo {height:165px; width:215px; position:relative;}
.brand-agency-panel-logo .limeBorder215 {position:relative; top:-153px; height:215px; width:215px; background:url('/static/public/img/imageBorders/catwalk215.png') no-repeat top left;}
.brands-agency-panel-wall-images .limeBorder215, {top:-154px;}
.description {clear:left;padding-top:15px;}


.brand-agency-panel-images .container-300 {float:left; width:300px; padding-left:35px;; height:300px; padding-bottom:30px; position:relative}

.brand-agency-panel-images .limeBorder300 {position:relative; top:-303px; height:300px; width:300px; background:url('/static/public/img/imageBorders/catwalk300.png') no-repeat top left;}
.brands-agency-panel-wall-images .limeBorderCatwalk, {top:-124px;}


/* trade brands flash wall 
.brandsFlash{height:450px; display:block z-d}*/


/* custom */
.paddingLeft30 {padding-left:30px;}
.lime {color:#97CA00}

/* captions */
.caption { font-size: larger; padding-left:6px; padding-right:6px; text-transform:lowercase }
.caption a { color:#fff; }
.caption a:visited { color: #fff; }
.caption a:activate { color: #fff; }
.caption a:hover {color:#97CA00; text-decoration:underline}

.product .caption a:hover {color:#97CA00; text-decoration:underline}

/*  common image settings */
.image { position: relative; float:left; }   /*  Ensures border and caption correctly positioned */

.clickable { cursor: pointer; }

/* sizes */

.thumb { width: 108px; }
.thumb img { width: 108px; height: 108px; }
.thumb .image { height: 108px; }

.small { width: 60px; } /* "small" is a css only size (not a stored image size) - used for dragging */
.small img { width: 60px; height: 60px; }
.small .image { height: 0px; }

.catwalk { width: 120px; }
.catwalk img { width: 120px; height: 120px; }
.catwalk .image { height: 120px; }

.category { width: 140px; }
.category img { width: 140px; height: 140px; }
.category .image { height: 140px; }

.editor { width: 175px; }
.editor img { width: 175px; height: 125px; }
.editor .image { height: 125px; }

.logo { width: 215px; }
.logo img { width: 215px; height: 150px; }
.logo .image { height: 150px; }

.headline { width: 300px; }
.headline img { width: 300px; height: 300px; }
.headline .image { height: 300px; }

.grid { width: 375px; }
.grid img { width: 375px; height: 375px; }
.grid .image { height: 375px; }

.single { width: 435px; position:relative; right:-25px; }
.single img { width: 120px; height: 120px; }
.single .image { height: 120px; }

/* borders */
.border { position: absolute; top: 0; left: 0; background: no-repeat top left; }
.thumb     .border { width: 108px; height: 108px; background-image:url('/static/public/img/imageBorders/thumb.png'); }
.catwalk   .border { width: 120px; height: 120px; background-image:url('/static/public/img/imageBorders/catwalk120.png'); }
.category  .border { width: 140px; height: 140px; background-image:url('/static/public/img/imageBorders/catwalk140.png'); }
.editor    .border { width: 175px; height: 125px; background-image:url('/static/public/img/imageBorders/border-175125.png'); }
.logo      .border { width: 215px; height: 150px; background-image:url('/static/public/img/imageBorders/catwalk215.png'); }
.headline  .border { width: 300px; height: 300px; background-image:url('/static/public/img/imageBorders/catwalk300.png'); }
.grid      .border { width: 375px; height: 375px; background-image:url('/static/public/img/imageBorders/single375.png'); }
.grid      .border9 { background-image:url('/static/public/img/imageBorders/nineWindows375.png'); }
.grid      .border4 { background-image:url('/static/public/img/imageBorders/fourWindows375.png'); }

.border-top { border-top: solid 1px #97CA00; }
.border-bottom { border-bottom: solid 1px #97CA00; }

/* home */
.home { float: left; }
.home.thumb, .brand.thumb { margin-left: 20px; margin-bottom:20px; }
.home .right, .panel.brand .right { width: 385px; }

/* departments */
.department { float: left; }
.department.category { margin: 15px 40px 15px 0 }
.home p {font-size:larger; line-height:17px}

/* brands */
.brand { float: left; }
.brand.catwalk { margin-right: 25px; margin-bottom:25px; }
.brand.category { margin: 15px; }
.brand.logo { margin: 0; }
.brand.headline { margin: 0 0 30px 40px; }

/* services */
.service { float: left; }
.service.category { min-height:195px; margin-left:50px; }

/* news */
.news { float: left; }
.news.grid .caption { float: right; margin-top:5px; font-size:13px}
.news.panel { margin: 20px 0 20px 0; padding: 0 0 20px 0; }
.news .right {width:450px;}

.padtop{padding-top:20px;}
.pad10bot {margin-bottom:10px}

/* products */
.product { float: left; position: relative; }
.product.catwalk { min-height: 195px; margin-left:36px;  }
/*.product.small { margin: 0 0 20px 10px; }*/

/* ensuring left and right flush product galleries */
.row6 {width:936px; position:relative; left:-36px;}
.row5 {width:950px; position:relative; left:-50px;}

/* icon defaults */
.icons.top    { width: 100%; height:16px; margin-bottom:3px; padding-left:6px; }
.icons.bottom { width: 100%; height:16px; margin-bottom:3px; }
.icons.left   { float: left; width: 20px; margin: 0 10px 0 0; }
.icons.right  { float: left; width: 20px; margin: 0 0 0 10px; }
.icons.right  { position: absolute; width: 20px; top: -10px; right: -10px; }
.icon         { width:20px; height:16px; float:left; }
.icon.busy    { background:url('/static/public/icons/loading.gif') no-repeat scroll; }
.icon:hover   { cursor: pointer; }
.icon.inline  { width:20px; height:16px; display:inline-block; vertical-align:middle; float:none;}
.cursorDefault:hover { cursor:auto }
.panel.action          { width: 685px; }
.panel.action .left    { width: 200px; margin-left: 25px; }
.panel.action .right   { margin-right: 25px; }
.panel.action .right a { margin-left: 30px; }
/*.action a.print{float:right; text-align:right;}*/

/* icon graphics */
.icon { background: no-repeat scroll; }
.icon.favourite.off       { background:url('/static/public/icons/icon-favourite-off-rest.png'); }
.icon.favourite.off.hover { background:url('/static/public/icons/icon-favourite-off-hover.png'); }
.icon.favourite.on        { background:url('/static/public/icons/icon-favourite-on-rest.png'); }
.icon.favourite.on.hover  { background:url('/static/public/icons/icon-favourite-on-hover.png'); }
.icon.moodboard.off       { background:url('/static/public/icons/icon-moodboard-off-rest.png'); }
.icon.moodboard.off.hover { background:url('/static/public/icons/icon-moodboard-off-hover.png'); }
.icon.moodboard.on        { background:url('/static/public/icons/icon-moodboard-on-rest.png'); }
.icon.moodboard.on.hover  { background:url('/static/public/icons/icon-moodboard-on-hover.png'); }

/* panels */
.panel { float: left; width:100%; margin-top:20px; }
.panel .left {  }
.panel .left, {}
 

.panel .right { float: right; margin-left: 20px;}
.panel .right .wide { width: 600px; }
.panel .right .medium { width: 500px; }

.trade-landing.panel { width:500px; padding-right:25px }

/* page: mood board */
#moodboard #favourites { float:right; padding: 20px 10px 20px 10px; margin-top:10px; width: 160px; height: 560px; background:url( '/static/public/img/moodboard/favouriteBG.jpg') no-repeat top left; }
#moodboard #favourites h2 { margin-top:0; text-align:center }
#moodboard #favourites .product.small { width: 60px; height:60px; }

#moodboard #canvas { float:left; padding:30px 17px; margin-top:10px; width: 665px; height: 540px; background:url( '/static/public/img/moodboard/bg.jpg') no-repeat top left; }
#canvas .cell { float: left; width: 125px; height: 155px; padding: 10px 20px 10px 20px; margin: 0 0 10px 0; overflow: hidden; }
#canvas .caption { font-size: 12px;  }
/*#moodboard #canvas .cell img { width: 175px; height: 125px; }*/

#scroller { float: left; width: 160px; height: 450px; overflow:hidden; position:relative; }

.product.small  .icon.moodboard { display: none; }
.product.editor .icon.favourite { display: none; }
.product.editor .icons.right { display: block; position: absolute; top: -10px; right: -10px; }

#canvas .product.small   .icon.moodboard { display: none; }
#canvas .product.catwalk  { margin-left: 0; }
#canvas .product.catwalk .icon.favourite { display: none; }
#canvas .product.catwalk .icons.right { display: block; position: absolute; top: -10px; right: -10px; }

.product.small { margin: 15px 10px 15px 10px; }
.product.small .caption { display: none; }


/*

   todo:

   busy = loading
   product.small = show favourite icon
   product.editor = show moodboard icon

   show hand when hovering on draggable

*/

/* product - moodboard */
.moodboard .product { height: 80px; }

.details { float: right; margin-right: 5px; margin-left: 5px; }
.details.spaced { margin-top: 10px; margin-bottom: 10px; }
.details select { margin: -4px 0 0 0;  }
.details select.busy { color: black; background: #97CA00; }

/*

TODO: Requires correctly sized graphic from Darren

#moodboard-favourites .image .border { position: absolute; top: 0; left: 0; width: 112px; height: 80px; background:url('/static/public/img/imageBorders/catwalk120.png') no-repeat top left; }
*/


/* 
.product.favourite .icons { float: left; }
.product.favourite .icons { margin: 0 0 0 5px; }
.product.favourite .image         { float: left; width: 80px; height: 80px; }
.product.favourite .image img     { width: 80px; height: 80px; }
.product.favourite .image .border { width: 80px; height: 80px; background:url('/static/public/img/imageBorders/catwalk120.png') no-repeat top left; }

*/

.dragging img { width: 100px; height: 100px; }


li .forms {width:450px;  }