/*
*
* Purpose: Mezzino High contrast Stylesheet 
* Author: Chris Pugsley
* (c)2008 Jupiter Design Ltd 
*
*/

/*********************************************************************************
*
* GENERAL ELEMENTS
*
**********************************************************************************/
body { background-color: #1f0a05; margin: 0; padding: 0; color: #fff; font-family: "Arial"; font-size: 1.1em; }
p{margin:0px 0px 20px 0px;}
a { color: #fdfbc2; text-decoration: underline; }
/**********************************END********************************************/


/*********************************************************************************
*
* GENERAL CONTAINERS
*
**********************************************************************************/
#container { width: 100%; margin: 0; padding: 0; background: none; background-color: #1f0a05; }
#centralContainer { width: 954px; margin: auto; padding: 0; display: block; }
/**********************************END********************************************/


/*********************************************************************************
*
* BACKGROUND IMAGES
*
**********************************************************************************/
.women_chair_940 { background: url('../../images/backgrounds-high-contrast/940_women_chair.jpg') no-repeat; }
.man_i_pod_1025 { background: url('../../images/backgrounds-high-contrast/1025_man_i_pod.jpg') no-repeat; }
.women_man_sofa_1100 { background: url('../../images/backgrounds-high-contrast/1100_women_man_sofa.jpg') no-repeat; }
.women_man_cap_1225 { background: url('../../images/backgrounds-high-contrast/1225_women_man_cap.jpg') no-repeat; }
.women_man_cap_home_1225 { background: url('../../images/backgrounds-high-contrast/1225_women_man_cap_home.jpg') no-repeat; }
.man_women_leather_jacket_1125 { background: url('../../images/backgrounds-high-contrast/1125_man_women_leather_jacket.jpg') no-repeat; }
.man_women_leather_jacket_1770 { background: url('../../images/backgrounds-high-contrast/1770_man_women_leather_jacket.jpg') no-repeat; }
.women_man_sofa_lifestyle_2275 { background: url('../../images/backgrounds-high-contrast/2275_women_man_sofa_lifestyle.jpg') no-repeat; }
.women_man_sofa_2275 { background: url('../../images/backgrounds-high-contrast/2275_women_man_sofa.jpg') no-repeat; }
/**********************************END********************************************/


/*********************************************************************************
*
* OUTER CONTAINERS,BREADCRUMB
*
**********************************************************************************/
#spacer { height: 15px; margin: 0; padding: 0; background-color: #1f0a05; }
#header { height: 193px; margin: 0; padding: 0; }
#flashheader { margin: 0; padding: 0; height: 193px; }
#content { margin: 0; padding: 0; width: 954px; }
#lefthandmenu { width: 173px; float: left; margin: 0; padding: 10px 10px 0 10px !important; padding:10px 7px 0px 7px;}
#righthandcontent { width: 751px; float: right; margin: 0; padding: 10px 5px 10px 5px!important; padding: 10px 5px 20px 5px; }
#righthandcontent h1 { margin: 0; padding: 0; height: 230px; text-indent:-9999px; }
#righthandcontent h2 { width: 746px; margin: 0; padding: 0 0 20px 0; border-top: 1px solid #fff; font-size: 2.0em; font-weight: normal; }
#righthandcontent h2.frontpage { font-size: 1.45em; }
#righthandcontent h2.main { padding: 0 0 10px 0; margin: 0px 0 0 0; }
#righthandcontent h3 { width: 746px; margin: 30px 0 0 0; padding: 0 0 10px 0; border-top: 1px solid #7e534c; font-size: 1.15em; }
#righthandcontent .noborder { border:none;  }
#breadcrumbs { width: 746px; margin: 0 0 20px 0; padding: 0 0 5px 0; border-bottom: 1px solid #7e534c; font-size: 0.7em; }
#breadcrumbs.nopad { margin: 0; }
#breadcrumbs a { color: #fff; text-decoration: none; }
#breadcrumbs a:hover { /*color: #fdfbc2;*/ text-decoration: underline; }
#breadcrumbs a.active { color: #fdfbc2; }
#breadcrumbs span{color:#D4EFFC;font-size:1.0em;}
#leftfloattext { float: left; width: 363px; padding: 0; margin: 0 0 20px 0;overflow:hidden; }
#leftfloattext h2 { width: 363px; margin: 20px 0 0 0; padding: 3px 0 5px 0; border-top: 1px solid #7e534c; font-size: 1.2em;font-weight:bold; }
#leftfloattext h3 { width: 363px; margin: 20px 0 0 0; padding: 3px 0 5px 0; border-top: 1px solid #7e534c; font-size: 1em; }
#leftfloattext p { line-height: 1.6em;}
#leftfloattext p a { color: #fdfbc2; text-decoration: underline; }
/*#leftfloattext p a:hover { color: #d4effc; text-decoration: underline;}*/
#leftfloattext p a.top { font-size: 0.8em; color: #ddd; text-decoration: none; }
/*#leftfloattext p a.top:hover { text-decoration: underline; }*/
#leftfloattext p.smaller { font-size: 0.8em; margin-top: 5px; }
#rightfloattext { float: right; width: 358px; padding: 0 5px 0 10px; margin: 0 0 20px 0; }
#rightfloattext img { padding: 0; margin: 0 0 20px 0; }
#rightfloattext img.first { padding: 0; margin: 20px 0 20px 0; }
#rightfloattext p { line-height: 1.6em; }
#rightfloattext p a { color: #fdfbc2; text-decoration: underline; }
/*#rightfloattext p a:hover { color: #d4effc; text-decoration: underline; }*/
#rightfloattext ul { margin: 0; padding: 0 0 0 20px; }
#rightfloattext ul li { padding: 0; margin: 0; line-height: 1.6em; }
.clear { clear: both; }
/**********************************END********************************************/


/*********************************************************************************
*
* FOOTER
*
**********************************************************************************/
#footer { width: 954px; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 5px 0 20px 0; border-top: 1px solid #351c17; background: none; background-color: #1f0a05;}
#footer ul { margin: 0 0 20px 0;font-size: 0.6em;float:left;padding:0;width:inherit; }
#footer ul li { display:inline; font-size: 1.1em; margin: 0px; padding: 0 10px 0 8px; border-right: 1px solid #796b68; float: left; }
#footer ul li.first { padding-left: 0; }
#footer ul li.last { border-right: none; }
#footer ul li.logo { margin: 0px; padding: 0; border-right: none; float: right; }
#footer ul li.logo img{float:right;}
#footer ul li.logo a{ border-right: none; float: right; margin-right: 0px;}
#footer ul li a { /*color: #796b68;*/color:#FFF; text-decoration: none;font-weight:bold; }
#footer ul li a:hover { text-decoration: underline; }
/**********************************END********************************************/


/*********************************************************************************
*
* NAVIGATION
*
**********************************************************************************/
ul#main_nav { margin: 0; font-size: 0.75em; padding: 0; border-top: 1px solid #fff; }
ul#main_nav li { list-style-type: none; border-bottom: 1px solid #7e534d; padding: 3px 0 3px 0; }
ul#main_nav li a { color: #fff; text-decoration: none; font-weight: bold; }
ul#main_nav li a:hover { text-decoration: underline; }
ul#main_nav li a.active { color: #fdfbc2; text-decoration: underline; font-weight: bold; }

ul#sub_nav { margin: 30px 0 0 0; font-size: 0.75em; padding: 0; border-top: 1px solid #fff; }
ul#sub_nav li { list-style-type: none; border-bottom: 1px solid #7D534B; padding: 3px 0 3px 0; }
ul#sub_nav li ul { list-style-type: none; margin: 0; padding: 0; border: none; margin: 10px 0 20px 0; }
ul#sub_nav li ul li { margin: 0 0 4px 0; border: none; padding: 0; }
ul#sub_nav li ul li a { color: #fff; text-decoration: none; font-weight: bold; }
ul#sub_nav li a { color: #fff; text-decoration: none; font-weight: bold; }
ul#sub_nav li a:hover { text-decoration: underline; }
ul#sub_nav li a.active { color: #fdfbc2; text-decoration: underline; font-weight: bold; }
ul#sub_nav li .last { margin: 10px 0 0px 0; }
/**********************************END********************************************/


/*********************************************************************************
*
* INNER CONTAINERS
*
**********************************************************************************/
#rightcontentwithcta { float: left; width: 568px; padding: 0 10px 0 0; }
#rightcontentwithcta p.spaced { line-height: 1.6em; }
#rightcontentwithcta h3 { width: 561px; margin: 30px 0 0 0; padding: 3px 0 10px 0; border-top: 1px solid #7D534B; font-size: 1.2em; }
.smalllefttext { float: left; width: 260px; padding: 0 5px 0 0; margin: 10px 15px 20px 0; }
.smalllefttext h4 { width: 260px; margin: 0; padding: 3px 0 5px 0; border-top: 1px solid #7D534B; font-size: 1.0em; }
.smalllefttext p { font-size: 0.8em; line-height: 1.6em; }
.smalllefttext p.bigtext { font-size: 1em; line-height: 1.8em; }
.smallrighttext { float: right; width: 279px; padding: 0 0 0 5px; margin: 10px 0 20px 0;overflow:hidden; }
.smallrighttext h4 { width: 276px; margin: 0px 0 0 0; padding: 3px 0 5px 0; border-top: 1px solid #7D534B; font-size: 1em; }
.smallrighttext h5 {margin:5px 0 5px 0;padding:0px;}
.smallrighttext p { font-size: 0.8em; line-height: 1.6em; }
.smallrighttext p.bigtext { font-size: 1em; line-height: 1.8em; }
.fulltext { width: 568px; padding: 0; margin: 0 0 20px 0; }
.fulltext h4 { width: 561px; margin: 0; padding: 3px 0 5px 0; border-top: 1px solid #7D534B; font-size: 1em; }
.fulltext p { font-size: 0.8em; line-height: 1.6em;}
.fulltext p.bigtext { font-size: 1em; line-height: 1.8em; }
.largerighttext { float: right; width: 460px;overflow:hidden; padding: 0; margin: 0 0 20px 0; }
.largerighttext h4 { width: 460px; margin: 0; padding: 3px 0 5px 0; border-top: 1px solid #7D534B; font-size: 1em; }
.largerighttext p, span { font-size: 0.8em; line-height: 1.6em; }
.largerighttext p.bigtext { font-size: 1em; line-height: 1.8em; }
/**********************************END********************************************/


/*********************************************************************************
*
* CALL TO ACTION
*
**********************************************************************************/
#cta { float: right; width: 168px; padding: 0 5px 5px 0; margin: 30px 0 0 0; }
.cta { width: 168px; margin: 0 0 15px 0; padding: 0 0 5px 0; }
.redcta { width: 168px; margin: 0 0 15px 0; padding: 0 0 10px 0; background: #cd0921; }
.blue { background: #d3effb; }
.yellow { background: #fdfbc2; }
.redctaheader img { border: none; background: none;padding:0px;margin:0px !important;margin:0px 0px -3px 0px; }
.cta img { border: none; margin: 0 0 5px 0; background: none; } 
#righthandcontent .cta h2 { padding: 0 0 0 5px; margin: 0 0 5px 0; font-size: 0.7em; border: none; width: 158px; }
.cta h2{color:#333333;}
.cta h2 a { font-weight: bold; text-decoration: none; color: #000; }
.cta h2 a:hover{text-decoration:underline;}
.cta p { padding: 0 0 0 5px; margin: 0; color: #444; font-size: 0.7em; }
#righthandcontent .redcta h2 { padding: 0 0 0 10px; margin: 0 0 10px 0; font-size: 0.6em; border: none; width: 153px; }
.redcta h2 a { font-weight: bold; text-decoration: none; color: #fff; }
.redcta p { padding: 0 10px 10px 10px; margin: 0; color: #fff; font-size: 0.8em; }
.cta #linksctatop { background: #fff; padding: 0 0 5px 0; margin: 0 0 5px 0; }
.cta #linksctatop h2 { margin: 0; padding: 5px 0 0 5px; }
.cta #linksctatop h2 a { color: #000; }
/**********************************END********************************************/


/*********************************************************************************
*
* LIST, OTHERS
*
**********************************************************************************/
ul.dots { margin: 0; padding: 0 0 0 15px; font-size: 0.8em; width: 200px; }
ul.dots li { margin: 0; padding: 0 0 4px 0; }
ul.dotsnowidth { margin: 0; padding: 0 0 20px 15px; font-size: 0.8em; }
ul.dotsnowidth li { margin: 0; padding: 0 0 4px 0; line-height:1.6em;}
ul.ticks {  margin: 0; padding: 0 0 0 23px; font-size: 0.8em; width: 200px; }
ul.ticks li { margin: 0; padding: 0 0 4px 5px;list-style-image: url("../../images/ticks.gif"); }
p.first { padding-top: 0; margin-top: 0; }
img.testimonial { padding: 10px 0 20px 0; }
a.top { font-size: 0.8em; color: #ddd; text-decoration: none; }
a.top:hover { color: #fdfbc2; text-decoration: underline; }
.nomargin { margin: 0; }
.nopad { padding: 0; }
/**********************************END********************************************/


/*********************************************************************************
*
* LIGHTBOX
*
**********************************************************************************/
.photolightbox { background: #fff; width: 269px; margin: 0 0 20px 0; padding: 0 0 5px 0;overflow:hidden; }
.photolightbox img { margin-bottom: 5px; border: none; }
#lt1 .photolightbox h2, #lt2 .photolightbox h2, #lt3 .photolightbox h2, #lt4 .photolightbox h2, #lt5 .photolightbox h2 { padding: 0 0 0 5px; margin: 0;font-size: 0.7em; border: none; width: 269px; color: #84421f; font-weight: bold; }
.photobox { background: #fff; width: 269px; overflow:hidden; margin: 0 0 10px 0; padding: 0 0 5px 0; }
.photobox img { margin: 0px 0px 5px 0px; padding:0px;border: none; }
#lt1 .photobox h2, #lt2 .photobox h2, #lt3 .photobox h2, #lt4 .photobox h2, #lt5 .photobox h2 { padding: 0 0 0 5px; margin: 0; font-size: 0.7em; border: none; width: 269px; color: #84421f; font-weight: bold; }
/**********************************END********************************************/


/*********************************************************************************
*
* GOOGLE MAPS
*
**********************************************************************************/
#mapcontainer { padding: 0; margin: 0; width: 561px; height: 278px; background: #fff; }
#maplegend { padding: 0; margin: 0; background: #fff;width:561px; }
#maplegend p { color: #80462e; margin: 0; padding: 5px 0 5px 5px; font-weight: bold; }
#gmaptextbubble { color: #000; font-size: 0.8em; }
#saddr{font-size:1.1em;}
#backtomapT{display:none;font-size:0.7em;float:right;cursor:pointer;text-decoration:underline;margin:5px;padding-right:5px;}
/**********************************END********************************************/


/*********************************************************************************
*
* DL
*
**********************************************************************************/
dl.contact { width: 25em; margin: 0 0 0.5em 0; min-height: 2em; font-size: 0.8em; }
dl.contact dt { width: 4em; padding: 0; margin: 0; line-height: 1.8em; float: left; font-weight: normal; }
dl.contact dd { line-height: 1.8em; margin: 0; color: #fff; }
dl.contactwide { width: 50em; margin: 0 0 0.5em 0; min-height: 2em; font-size: 0.8em; }
dl.contactwide dt { width: 4em; padding: 0; margin: 0; line-height: 1.8em; float: left; font-weight: normal; }
dl.contactwide dd { line-height: 1.8em; margin: 0; color: #fff; }
/**********************************END********************************************/


/*********************************************************************************
*
* FORMS
*
**********************************************************************************/
input, textarea { border: 1px solid #000; margin: 3px 0 8px 0; padding: 5px; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; background: #fff; }
input.register_box, textarea.register_box { width: 250px; }
div.form_full_col textarea.register_box, div.form_full_col input.register_box { width: 551px; }
textarea.big_box { width: 551px; }
input.book_me_in, input.update_my_details { margin: 0 2em 2em 0; padding: 0px 0 0 0; border: none; } 
input.lambert { float: left; padding: 0; margin: 0 5px 0 0; border: none; background: none; }
div.radio_float input.lambert, div.radio_float_small input.lambert, div.radio_float_big input.lambert { float: none; padding: 0; margin: 0 5px 0 0; border: none; background: none; }
input.radio:focus { border: 2px solid red; }
form dt label { font-weight: normal; font-size: 0.8em; }
form dd { margin: 0; }
form dl { margin: 0; }
fieldset { border: none; padding: 0; margin: 0; clear:both; }
legend { display: none; }
#radio_wrap{width:575px!important;width:560px;float:left;}
#radio_wrap legend { display: block; font-weight:normal; font-size: 0.8em; color:#fff;padding-left:0px;}
#radio_wrap label { font-weight:normal; font-size: 0.8em; }
input.book_me_in, input.update_my_details, input.send, input.login { border: 0px solid #fff; padding: 0; margin: 0 2em 2em 0; }
input.tell_me_first { border: none; padding: 0 0 0 10px; margin: 0; }
div.radio_float fieldset, div.radio_float_small fieldset, div.radio_float_big fieldset { margin-bottom:1em; }

div.radio_float { width:100px; float:left; margin-right:10px !important;margin-right:0px;height:5em; }
div.radio_float_small { width:82px; float:left; margin-right:10px !important;margin-right:0px; }
div.radio_float_big { width:130px; float:left; margin-right:10px !important; margin-right:0px;}

dt.dt_spacer { margin-top:1em; }

div.form_col1 { float: left; width: 47%; }
div.form_col2 { float: right; width: 47%; clear: right; }
div.form_full_col { clear: both;}
/**********************************END********************************************/


/*********************************************************************************
*
* OTHER
*
**********************************************************************************/
.directions { font-size: 0.8em; color: #000; }
.directions form { padding: 0; margin: 0; }
a.bluelink { color: #000; text-decoration: none; }
a:hover.bluelink { color: #00F; text-decoration: underline; }
.smaller { font-size: 0.8em; line-height: 1.6em; }
.bold{font-weight:bold;font-size:1.0em;}
.sitemap { margin: 0; padding: 0 0 20px 15px; font-size: 0.8em; }
.sitemap li { margin: 0; padding: 0 0 4px 0; line-height:1.6em;}
.sitemap .indent{margin-left:30px;}
.sitemapSection{float:left;margin-right:30px;}
/**********************************END********************************************/