/*	Desc:		Trilby Phoenix Screen Style Sheet
	Author:	Intervolve.com.au
  	Date:		Feb 09
=== === === === === === === === === === */

body {font:100%/150% Georgia,serif;color:#333;background:#FFF url(../img/background.png) repeat-x center top;text-align:center}
html>body {font-size:16px}


/*=COMMON
=== === === === === === === === === === */
p,li {line-height:150%}
img {border:0}
input,textarea,select,table {font-weight:normal;font-family:Georgia,serif;font-size:100%;padding:3px 4px;line-height:normal !important}
a,a:link {text-decoration:none;color:#CC0542}
a:hover {color:#000;cursor:pointer}
a:focus {outline:none}
button {cursor:pointer}
input,select,button {vertical-align:middle}


/*=LAYOUT
=== === === === === === === === === === */
#container {clear:both;width:960px;margin:0 auto;text-align:left;overflow:hidden}
#header {width:960px}
#content-container {width:960px;clear:both;padding:0 0 20px 0;float:left}
#sidebar {width:195px;float:left}
#content {width:725px;float:left;margin:0 0 0 40px}
#footer {width:960px;clear:both}


/*=HEADER
=== === === === === === === === === === */
#header-bg {width:100%;float:left;margin:0 0 40px 0}
#header {width:960px;color:#CCC;position:relative;margin:0 auto}
#header ul {text-transform:uppercase;float:left;margin:40px 0 0 188px}
#header ul li {display:inline}
#header ul a {float:left;display:block;padding:10px 8px;color:#999;font-size:90%;font-weight:bold}
#header ul a:hover {color:#EEE}
#header ul a.current {color:#FFF}

#front #header h1, #header h1 a ,#header p {display:block;text-indent:-999999px;overflow:hidden}
#front #header h1, #header h1 a {float:left;background:url(../img/trilby-logo.png) no-repeat center left;width:222px;height:120px;margin-left:-18px} 

.visit {position:absolute;top:38px;left:240px;width:131px;height:49px}
.visit a {background:url(../img/visit-store.png) no-repeat top left;width:131px;height:49px;float:left;opacity:0.8;filter:alpha(opacity=80)}
.visit a:hover {opacity:1;filter:alpha(opacity=100)}

.cart-box {float:right;background:#000;margin:25px 0 0 0;font-size:75%;font-family:arial;overflow:hidden;width:145px}
.cart-box a {display:block;border:1px solid #444;height:50px;color:#999;font-weight:normal;text-align:center;padding:15px 10px 5px 10px}
.cart-box a:hover .left-col {color:#FFF}
.cart-box a:hover .cards {background-position:bottom center}
.cart-box .left-col {float:left;margin:5px 10px 0 0;padding:20px 0 0 0;color:#555;background:url(../img/icon-trolley.png) no-repeat top center}
.cart-box .right-col {float:right}
.cart-box .total {color:#FFF;font-size:130%;font-weight:bold;border-bottom:1px solid #555;padding:0 0 3px 0}
.cart-box  .cards {position:absolute;top:16px;right:0;background:url(../img/cart-cardicons.gif) no-repeat top center;width:145px;height:19px;text-indent:-999999px}
.cartprocess .cards {background-position:bottom center !important}
.cartprocess {border:1px solid #666 !important;color:#FFF}
.cartprocess .left-col {color:#FFF}

/*=SIDEBAR
=== === === === === === === === === === */

#sidebar select.browse-by-brand {margin:0 0 20px 0;width:100%;border:10px solid #DDD}
#sidebar select.browse-by-brand:hover {border:10px solid #CCC}
#sidebar ul {font-size:105%}
#sidebar ul a {color:#333;padding:2px 0;display:block;font-weight:normal}
#sidebar #fancy_nav a {border-bottom:1px solid #DDD;width:160px}
#sidebar ul a.different {color:#555;border-bottom:1px solid #EEE;font-size:90%;padding:0}
#sidebar ul a:hover,#sidebar ul a:hover.different {color:#CC0542}
#sidebar ul a.current {color:#CC0542}

#fancy_nav {height:410px;border:4px solid #DDD;border-width:0 4px 4px 4px;margin:0 0 20px 0;overflow:hidden}
#fancy_nav div {height:400px;width:177px;overflow:scroll;overflow-x:hidden;padding:5px}

#main_nav {display:block;height:131px;background-color:#0f0f0f}
#main_nav a {display:block;text-indent:-999999px;overflow:hidden;float:left;width:195px;height:32px;padding:0 !important;border-bottom:1px solid #555}
#nav_category {background:url(../img/nav_category.gif) no-repeat center left !important}
#nav_brands {background:url(../img/nav_brand.gif) no-repeat center left !important}
#nav_celebrity {background:url(../img/nav_celebrity.gif) no-repeat center left !important}
#nav_trends {background:url(../img/nav_trend.gif) no-repeat center left !important;border-bottom:0 !important}
#main_nav a:hover {background-position:top left !important}
#main_nav .activeSlide,#main_nav .activeSlide:hover  {background-position:bottom left !important}

#searchForm label.error {float:left;margin:0 5px 5px 0;width:auto !important;font-weight:normal;font-size:.8em;color:red}

#product-search-box {margin:0 0 25px 0}
#product-search-box button {background:url(../img/btn-search.gif) no-repeat center left;width:64px;height:21px;text-indent:-999999px;border:0}
#product-search-box input {width:114px;margin:0 5px 0 0;vertical-align:middle}

#shipping-prices-box{padding:0 0 5px 0;margin:0 0 25px 0;background:url(../img/shipping-map.gif) no-repeat bottom right}
#shipping-prices-box p {font-size:90%;line-height:160%;margin:0 0 5px 0 !important}
#shipping-prices-box h4 {color:#0075C2}

#subscribe-box {position:relative;padding:23px 0 0 0}
#subscribe-box img {position:absolute;top:0;left:-5px;z-index:-1}
#subscribe-box h4 {display:none}
#subscribe-box p{font-size:90%;line-height:140%;margin:0 0 5px 0 !important}
#subscribe-box input {margin:0 0 4px 0;width:180px}
#subscribe-box button {background:url(../img/btn-subscribe.gif) no-repeat center left;width:64px;height:21px;text-indent:-999999px;border:0}
#subscribe-box strong {color:#CC0542;letter-spacing:-1px;font-size:110%}
#subscribe-box  label.error {float:left;margin:0 5px 5px 0;width:auto !important;font-weight:normal;font-size:.8em;color:red}

/*=CONTENT
=== === === === === === === === === === */

#content {position:relative}
.reading-width {width:525px !important;}
.wysiwygemail {display:none}

#primary-brands {width:545px;float:left}
#secondary-brands {width:165px;float:right}

#primary-brands ul {margin:0 !important;list-style-type:none !important}
#primary-brands li {display:inline;position:relative}
#primary-brands li a {float:left;width:160px;height:120px;margin:0 20px 15px 0;background:#DDD;color:#FFF;text-align:center;font-size:150%;font-family:arial,helvetica,verdana;letter-spacing:-2px;padding:70px 0 0 0;position:relative}
#primary-brands li a img {position:absolute;top:0;left:0}

#secondary-brands ul {margin:0 !important}
#secondary-brands li {display:inline}
#secondary-brands li a {width:165px;padding:10px 0;display:block}
#secondary-brands li img {display:block}

.notice {text-indent:-99999px;float:left;background:url(../img/shop-online-notice.png) no-repeat;width:725px;height:59px;margin:0 !important}

#feature-area {clear:both;display:block;margin:0 0 8px 0;padding:0 0 27px 0;background:#231f20 url(../img/featurearea-bg.png) no-repeat bottom center;position:relative;height:328px;overflow:hidden}
#feature-area img {display:block}
#feature-area span {clear:both;background:#000;font-size:105%;color:#BBB;display:block;font-weight:normal;padding:10px 10px 0 137px;height:58px;overflow:hidden;width:578px;position:relative;border-top:1px solid #555}
#feature-area a:hover span {}
#feature-area .logo {float:left;margin:0 10px 0 0;position:absolute;left:10px;bottom:10px;z-index:9999}
#feature-area .exclusive {position:absolute;top:0;right:0;margin:-5px -5px 0 0;z-index:999999}
#feature-area p {margin:0 !important}

.visitstore {position:absolute;top:54px;left:-10px;z-index:99999;margin:0 0 0 -5px;}

#category-title {float:left;width:519px;padding:10px 10px 0 10px !important;background:url(../img/category-title-bg.jpg) no-repeat;margin:0 0 30px 0}
#category-title h2 {display:block;background:#333;color:#FFF !important;line-height:50px !important;padding:0 10px;border-bottom:3px solid #CC0542;margin:-10px -10px 15px -10px !important;}
#category-title br {display:none}
#category-title p strong {color:#0075C2}
#category-title p small {color:#78787b}
#seen-on {float:right;width:167px;}
.category-width {width:705px !important;background:url(../img/category-title-bg2.jpg) no-repeat !important}

#category-list {clear:both}
#category-list ul {margin:0 !important}
#category-list li {display:inline;overflow:hidden;float:left;margin:0 !important;padding:0 !important}
#category-list li a {float:left;width:167px;height:213px;margin:0 19px 19px 0;color:#333;overflow:hidden;display:block;}
#category-list li .fourth {margin:0 0 19px 0}
#category-list small {font-size:70% !important;font-family:arial,helvetica,verdana;color:#CC0542;font-weight:normal;position:absolute;top:3px;left:0}
#category-list span {position:relative;display:block;font-weight:bold;text-align:center;font-size:95%;}
#category-list span br {font-size:130%}
#category-list a:hover span {color:#CC0542}
#category-list em {font-style:normal !important;font-family:arial,helvetica,verdana;font-size:70%;color:#555;position:absolute;top:0;right:0}
#category-list em b {font-weight:normal;color:#AAA;margin:0;font-size:80%}
#category-list a .image-container {width:167px;height:140px;text-align:center;background-position:center center;background-repeat:no-repeat}
#category-list a img {margin:0 auto;display:block} 

#featured-list {clear:both;margin:0 !important}
#featured-list li {display:inline}
#featured-list li a {float:left;width:167px;height:260px;margin:0 19px 19px 0;color:#333;overflow:hidden;display:block}
#featured-list li .fourth {margin:0 0 19px 0}
#featured-list small {font-size:70% !important;font-family:arial,helvetica,verdana;color:#CC0542;font-weight:normal;position:absolute;top:3px;left:0}
#featured-list span {position:relative;display:block;font-weight:bold;text-align:center;font-size:95%}
#featured-list span br {font-size:130%}
#featured-list a:hover span {color:#CC0542}
#featured-list a .image-container {width:167px;height:200px;text-align:center;background-position:center center;background-repeat:no-repeat}
#featured-list a img {margin:0 auto;display:block}

.backtoprods {position:absolute;top:0;right:0;padding:10px 0;width:167px;text-align:right}
#product #title-bar {display:block;background:url(../img/title-bar-bg.png) repeat;padding:10px}
#product #title-bar h2 {margin:0 0 10px 0}
#product #images {margin:0 0 20px 0;float:left;width:725px}
#product #images .main-image {float:left;display:block;width:539px;text-align:center}
#product #images .main-image img {margin:0 auto;display:block}
#product #images .small-images {float:right;width:147px;background:#E6E6E6;text-align:center;padding:10px 10px 0 10px;}
#product #images .small-images img {display:block;text-align:center;margin:0 auto 5px auto}
#product #description {clear:both;width:539px;float:left}
#product #description small strong {color:#0075C2}
#product #cart-info {float:right;width:167px}
#product #cart-info span {display:block;font-size:1.7em;margin:0 0 20px 0}
#product #cart-info span strong{color:#0075C2;font-size:50%}
#product #cart-info input {width:20px;margin:0 5px 0 0;vertical-align:middle}
#product #cart-info button {background:url(../img/btn-addtocart.gif) no-repeat center left;width:81px;height:21px;text-indent:-999999px;border:0}

/* Formatting */
#content p, #sidebar p, #description p {margin:0 0 1em 0}
#content h1, #content h2,h3, h4, h5 {color:#000;line-height:1.4em;margin:0 0 10px 0;}
#content h1 {font-size:2em;margin:0 0 20px 0}
#content h2 {font-size:1.7em;margin:0 0 20px 0}
#content h3 {font-size:1.45em}
#content h2 b {font-weight:normal !important}
h4 {font-size:1em;text-transform:uppercase;font-weight:bold;margin:0 0 4px 0;letter-spacing:-1px}

#content small {font-size:.9em;line-height:1.7em}
#content big {font-size:1.2em;line-height:1.7em;font-weight:bold;color:#40586b}
em,i {font-style:italic}
b,strong {font-weight:bold}
#content ul, #description ul {margin:0 0 1em 0;list-style-type:disc}
#front #content ul {list-style-type:none}
#content ul li, #description li {margin:0 0 .3em 1.5em}
#front #content ul li {margin:0}
#content ul ul {margin:0 0 0 .5em}
#content ol {margin:0 0 1em 1.8em;list-style-type:decimal}
#content img.bthick {padding:6px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em}
#content img.bthin,#sidebar img.bthin {padding:3px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em}
#content img.left {float:left;margin:0 1em 1em 0}
#content img.right {float:right;margin:0 0 1em 1em}

/* Forms */
#content form {margin:0 0 1em 0}
form label {font-weight:bold}
form input,textarea {padding:3px 4px}
form .req {border:1px solid red !important}
#content button {padding:.2em .3em}

#contactForm {padding:15px 0;width:520px}
#contactForm p {float:left;margin:0 10px 10px 0}
#contactForm label {display:block;}
#contactForm label.error {margin:0 0 5px 0;width:auto !important;font-weight:normal;font-size:.8em;color:red}
#contactForm small {margin:0 0 0 100px}
#contactForm .mess {height:auto !important}
#contactForm .productenquiry {width:auto}
#contactForm textarea,#contactForm .productenquiry input {width:475px}
#contactForm  button {clear:both;float:left}

#booking_form {padding:0 0 15px 0;width:520px}
#booking_form p {float:left;margin:0 10px 10px 0;height:50px}
#booking_form label {display:block;}
#booking_form label.error {margin:0 0 5px 0;width:auto !important;font-weight:normal;font-size:.8em;color:red}
#booking_form small {margin:0 0 0 100px}
#booking_form .mess {height:auto !important}
#booking_form .productenquiry {width:auto}
#booking_form textarea {width:475px}
#booking_form  button {clear:both;float:left}

#friendForm {padding:15px 0;width:520px}
#friendForm fieldset {clear:both;width:520px;}
#friendForm legend {font-family:arial,verdana;clear:both;color:#000;font-size:1.25em;font-weight:bold;margin:0;padding:.2em 0 .5em 0;display:block;line-height:2em}
#friendForm p {float:left;margin-right:10px}
#friendForm label {display:block}
#friendForm label.error {margin:0 0 5px 0;width:auto !important;font-weight:normal;font-size:.8em;color:red}
#friendForm small {margin:0 0 0 100px}
#friendForm button {clear:both;float:left;margin:5px 0 0 0}

/* Sitemap */
#sitemap ul {position:relative;border-left:1px solid #CCC;margin:0 0 20px 20px !important;padding:0}
#sitemap ul ul {margin-bottom:15px !important}
#sitemap li {list-style-type:none !important;margin:0 !important;padding:0 !important}
#sitemap li a {padding:0 0 0 9px;background:url(../img/sitemap_a_bg.gif) no-repeat center left;line-height:1.7em}
#sitemap ul a {font-weight:bold}
#sitemap ul ul a,#sitemap ul ul ul a,#sitemap ul ul ul ul a {font-weight:normal}


/*=FOOTER
=== === === === === === === === === === */

#footer  .brandsbar {display:none}
#footer {font-size:90%;font-family:arial,helvetica;height:65px;border-top:1px solid #CCC;padding:10px 0 0 0}
#footer small {float:left;font-size:75%}
#footer small a {padding:0 5px}
#footer p {float:right}
#footer p a {background:url(../img/intervolve.gif) no-repeat center left;width:239px;height:48px;text-indent:-999999px;display:block}
#footer hr {display:none}


/*=OTHER
=== === === === === === === === === === */

table.data td {padding:0 0 5px 0}
table.data h3 {padding-top:15px}

#slideshow,#slideshow-f {float:left;margin:0 0 20px 0 !important;width:607px !important;background:#FFF}
#slideshow div {width:607px;height:355px;text-align:center;display:block;overflow:hidden}
#slideshow-f {width:723px !important}
#slideshow-f div {text-align:center}
#slideshow,#slideshow-f div img {margin:0 auto;display:block}
#nav {width:41px;float:right;margin:0 1px 0 0}
#nav a {padding:7px 0;margin:0 0 5px 0;border:1px solid #CCC;display:block;text-align:center;width:40px;-moz-border-radius:10px;-webkit-border-radius:10px}
#nav a.activeSlide {background:#CC0542;color:#FFF;font-weight:bold}
#product .preorder,#product .preorder2 {position:absolute;right:0;margin:-3px 54px 0 0;width:121px;height:75px;background:url(../img/preordernow.png) no-repeat;text-indent:-99999px;display:block;z-index:999}
#product .preorder2 {margin:0}

.external {background:url(../img/external_icon.gif) no-repeat center left;padding-left:16px}
#press_list li {margin:0 0 20px 20px !important}
#sale {display:block;background:#333;color:#FFF;font-size:1.7em;text-align:center;padding:11px;border-bottom:3px solid #CC0542;}
#sale a:hover {color:#f50a52}
#follow-box {margin:40px 0 0 0}
#follow-box .facebook {float:left}
#follow-box .twitter {float:right}

.blog_link img {display:block}
.blog_link {display:block;margin:0 0 25px 0}

.addthis_toolbox {border-top:1px solid #DDD;margin:15px 0 0 0;padding:20px 0 0 0;font-size:12px}
.addthis_separator {color:#CCC}
.addthis_button_compact {line-height:17px}
.addthis_button_compact span {padding-left:4px}

#prevnext {position:absolute;top:385px;right:10px;z-index:999;width:135px}
#prevnext a {display:block;width:60px;font-size:60%;text-align:center;background:#777;color:#FFF;float:left;font-family:arial,verdana;-moz-border-radius:5px;-webkit-border-radius:5px}
#prevnext a:hover {background:#CC0542}
#prevnext a:active {margin-top:1px;margin-left:1px;margin-right:4px} 
#prevnext .previous_slide {margin:0 5px 0 0}