/*===========================================================
WEBSITE: Hemingway Tailors
COMPANY: zagota.com
===========================================================*/

body {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.5em;		
		height:100%;
		margin: 0px;
		padding: 0px;
		background: url("../images/body_bg.jpg");  
		color: #787878;
}

ul, ol {
    	padding: 0;
    	margin: 0;
}

form {
    	padding: 0;
    	margin: 0;
}

/*===========================================================
HEADLINES, LINKS & PARAGRAPHS
===========================================================*/

h1 {	margin-top: 0px !important; margin-bottom: 0px !important; font-size: 1.0em; }
h2 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; }
h3 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; }
h4 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; }
p {		margin: 0px; padding: 0px; text-align: left; }

a:link {color:#969696; text-decoration:none; }
a:visited {color:#969696; text-decoration:none; }
a:hover {color:#ba8746; text-decoration:none; }
a:active {color:#969696; text-decoration:none; }

/*=========================================================== 
LAYOUT
=============================================================
GENERAL SITE LAYOUT
===========================================================*/

#background_wrapper {
		display: block;
		width: 980px;
		margin: 0px auto 0px auto;
		padding: 0px;
}

#wrapper {
		display: block;
		float: left;
		background: url("../images/wrapper_bg.gif") repeat-x #111111;
		width: 980px;
		height: 100% !important;
		height: 100%;
		margin: 0px 0px 20px 0px;
		padding: 0px;	
		position:relative;
}

.clear {
		clear: both;
}

/*=========================================================== 
HEADER
===========================================================*/

#header {
		display: block;
		float: left;
		width: 920px;
		margin: 20px 30px 0px 30px;
		padding: 0px 0px 25px 0px;
		background: url("../images/header_bg.gif") no-repeat;
}

* html #header {
		display: block;
		float: left;
		width: 920px;
		margin: 20px 15px 0px 15px;
		padding: 0px 0px 25px 0px;
		background: url("../images/header_bg.gif") no-repeat;
}

h1#hemingway_logo {
		display: block; 
		float: left;
		width: 222px;
		padding: 82px 0 0 0; 
		overflow: hidden;  
		background: url("../images/hemingway_logo.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 82px;
}

#logo_wrapper {
		display: block;
		float: right;
		text-align:right;
		width: 222px;
		height: 82px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
}

#header_cart {
		display: block;
		float: left;
		width: 500px;
		margin: 0px 0px 0px 0px;
		padding: 30px 0 0 0;
}

#header_cart p { display: block; float: left; margin: 0px 10px 0px 0px; padding: 0px; }

a#button_checkout_header {
        display: block;
		float: left;
        background: url("../images/button_checkout_header.gif") no-repeat;
        width: 60px;
        height: /**/ 10px;
        height: 0px !important;
        overflow: hidden;
        margin: 3px 10px 0px 10px;
        padding: 10px 0px 0px 0px;
}

a#button_viewcart {
        display: block;
		float: left;
        background: url("../images/button_viewcart.gif") no-repeat;
        width: 68px;
        height: /**/ 10px;
        height: 0px !important;
        overflow: hidden;
        margin: 3px 10px 0px 10px;
        padding: 10px 0px 0px 0px;
}

#header_login {
		display: block;
		float: left;
		width: 500px;
		margin: 30px 0px 0px 0px;
}

#header_login input { display: block; float: left; font-size: 11px; background: url("../images/input_bg.jpg") no-repeat; margin: 0px 10px 0px 0px; border: 0; height: 16px; }

#header_login input#button_login {        
		display: block;
        float: left;
        width: 40px;
        background: url("../images/button_login.gif") no-repeat;
		padding: 19px 0 0 0; 
		overflow: hidden;   
		height: 19px;
        border: 0px;
		cursor: pointer;
		margin: 5px 0px 0px 0px;
}

/*=========================================================== 
NAVIGATION
===========================================================*/

#nav {
		display: block;
		float: left;
		position: relative;
		width: 910px;
		height: 57px;
		margin: 0px 30px 0px 30px;
		padding: 0 0 0 10px;
		font-size: 13px;
		z-index: 110;
        background: url("../images/nav_bg.gif") no-repeat;
		text-transform:uppercase;
}

#nav ul { display: block; float: left; margin: 0px; padding: 0px; }
#nav ul li { display: block; float: left; list-style: none; margin: 0px; }
#nav ul li a { display: block; float: left; height: 17px; margin:0 15px 0 0; padding: 20px 16px 20px 16px; }
/*#nav ul li a.selected { color:#BA8746; }*/
#nav ul li a.last { color:#d2d2d2; font-weight:bold; margin-right:0; }

#nav ul li a.dd_link { padding: 20px 16px 20px 16px; margin: 0 15px 0 0; }

#nav ul li a.dd_link_over { padding: 20px 16px 20px 16px; margin: 0 15px 0 0; background-color: #a0a0a0; color:#1f1f1f; }

a#freeconsultationclose:hover { cursor:pointer; }

#men_dropdown, #women_dropdown, #onlinestore_dropdown, #about_dropdown, #contact_dropdown { position: absolute; top: 57px; width:200px; z-index: 50; background: #a0a0a0; border: none; }

#men_dropdown { left: 96px; }
#women_dropdown { left: 172px; }
#onlinestore_dropdown { left: 389px; }
#about_dropdown { left: 531px; }
#contact_dropdown { left: 622px; }

#men_dropdown ul, #women_dropdown ul, #onlinestore_dropdown ul, #about_dropdown ul, #contact_dropdown ul { margin: 10px 0px 10px 0px !important; padding: 0px !important; text-transform:none; }
#men_dropdown ul li, #women_dropdown ul li, #onlinestore_dropdown ul li, #about_dropdown ul li, #contact_dropdown ul li { display: block; float: left; width: 180px !important; margin: 0px 0px 0px 16px !important; padding: 0px 0px 5px 0px; !important; list-style: none; }

#men_dropdown ul li a, #women_dropdown ul li a, #onlinestore_dropdown ul li a, #about_dropdown ul li a, #contact_dropdown ul li a { margin: 0px !important; padding: 0px !important; height: auto !important; color:#1f1f1f; }
#men_dropdown ul li a:hover, #women_dropdown ul li a:hover, #onlinestore_dropdown ul li a:hover, #about_dropdown ul li a:hover, #contact_dropdown ul li a:hover { text-decoration:underline; }

#consultation_wrapper {	position:absolute; top:185px; right:50px; width:290px; z-index:100; background: url('../images/arrow_up.gif') no-repeat 200px 0; }
#consultation_form { background:#FFFFFF; padding:20px 25px; height:450px; margin-top:14px; float:left; }
#consultation_wrapper p { margin-bottom:10px; }
#freeconsultation:hover { cursor:pointer; }

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

#footer {
		display: block;
		float: left;
		width: 920px;
		margin: 10px 30px 0px 30px;
		padding: 12px 0px 40px 0px;
		font-size: 13px;
		border-top: 1px solid #404040;
}

* html #footer {
		display: block;
		float: left;
		width: 920px;
		margin: 10px 15px 0px 15px;
		padding: 20px 0px 20px 0px;
		font-size: 13px;
		border-top: 1px dotted #ba8746;
}

#footer ul { display: inline; float: left; margin: 0px; padding: 0px; }
#footer ul li { display: inline; list-style: none; margin: 0px; padding: 0px 20px 0px 0px; }
#footer p { display: block; float: right; margin: 0px; padding: 0px; }

/*=========================================================== 
HOMEPAGE
===========================================================*/

#content_wrapper {
		display: block;
		float: left;
		position: relative;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

#content 
{
		width: 420px;
		height:390px;
		margin: 50px 0px 0px 23px;
		padding: 25px;
		z-index:20;
		position: absolute;
		background:#040404;
		opacity:0.8;
		filter: alpha(opacity=80);
}

#contactusbut 
{
    z-index:10;
    float: right;
    position: absolute;
    width: 223px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    left: 658px;
    top:386px;
}

#content_wide {
		width: 540px;
		height:400px;
		margin: 35px 0px 0px 23px;
		padding: 25px;
		z-index:20;
		position: absolute;
}

#content #short_details p em, #content_wide #short_details p em { color: #4eb2be; font-style:normal; }
#content p strong, #content_wide p strong { color: #FFFFFF; }
#content p, #content_wide p { margin: 0px 0px 15px 0px; padding: 0px; }

#short_details { border-top:1px solid #676767; padding-top:20px; font-size:16px; color:#FFFFFF; }
#short_details p { margin: 0px; padding: 0px; }
#short_details p em { color: #4eb2be; font-style:normal; }

#short_detail_small { font-size:10px; line-height:12px; padding-top:20px; color:#FFFFFF; }

#content_form {
		width: 320px;
		margin: 265px 0px 0px 650px;
		padding:0;
		z-index:20;
		position: absolute;
}

.contact_field { display: block; float: left; width: 220px; margin: 7px 0 0 0; padding: 0; }
.contact_field label { display: block; float: left; width: 50px; height: 14px; font-size: 12px; background: #f1f1f1; color: #3e3e3e; margin: 0; padding: 4px 8px 9px 8px; }
.contact_field label.contact_textarea_label { display: block; float: left; width: 50px; height: 40px; font-size: 12px; background: #f1f1f1; color: #3e3e3e; margin: 0; padding: 6px 8px 10px 8px; }
.contact_field input.input {  display: block; float: left; width: 204px; height: 13px; border: 0; background: #f1f1f1; color: #3e3e3e; margin: 0; padding: 6px 8px 8px 8px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; }
.contact_field textarea.textarea {  display: block; float: left; width: 204px; height: 40px; border: 0; background: #f1f1f1; color: #3e3e3e; margin: 0; padding: 8px 8px 8px 8px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; }

#content_form .contact_field label { background: #FFFFFF; color: #3e3e3e; opacity:0.5; filter: alpha(opacity=50); }
#content_form .contact_field label.contact_textarea_label { background: #FFFFFF; color: #3e3e3e; opacity:0.5; filter: alpha(opacity=50); height: 60px; }
#content_form .contact_field input.input {  background: #FFFFFF; color: #3e3e3e; opacity:0.5; filter: alpha(opacity=50); }
#content_form .contact_field textarea.textarea {  background: #FFFFFF; color: #3e3e3e; opacity:0.5; filter: alpha(opacity=50); height: 60px; }

#content_wide .contact_field { display: block; float: left; width: 300px; margin: 7px 0 0 0; padding: 0; }
#content_wide .contact_field label { width: 120px; }
#content_wide .contact_field label.contact_textarea_label { width: 120px; }
#content_wide .contact_field input.input {  width: 146px; }
#content_wide.contact_field textarea.textarea {  width: 146px; }

.submit { 
	background:none;
    border: 0 none;
    color: #BA8746;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
	text-transform:uppercase;
}

#content_form .submit { 
    color: #BA8746;
    float: right;
}

textarea:focus, input:focus { outline:none; }

#homepage_content {
    display: block;
    float: left;
    margin: 70px 0 0 60px;
    padding: 0;
    width: 400px;
}
* html #homepage_content {
    display: block;
    float: left;
    margin: 70px 0 0 30px;
    padding: 0;
    width: 400px;
}
#homepage_content strong {
    color: #FFFFFF;
}
.homepage_text {
    display: block;
    float: left;
    margin: 35px 0 0;
    padding: 0;
    width: 450px;
}
.homepage_text p {
    display: block;
    float: left;
    margin: 0 0 15px;
    padding: 0;
    width: 450px;
}
.homepage_text strong {
    color: #FFFFFF;
}
h2#homepage_header {
    background: url("../images/homepage_header.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 0 !important;
    overflow: hidden;
    padding: 64px 0 0;
    width: 100%;
}
#homepage_buttons {
    bottom: 60px;
    left: 60px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 505px;
}
a#button_suitinabox {
    background: url("../images/button_suitinabox.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 0 !important;
    margin: 0;
    overflow: hidden;
    padding: 67px 0 0;
    width: 246px;
}
a#button_specialist {
    background: url("../images/button_specialist.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 0 !important;
    margin: 0 0 0 10px;
    overflow: hidden;
    padding: 67px 0 0;
    width: 246px;
}
#cta_buttons {
    bottom: 40px;
    left: 60px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 505px;
}
a#button_cta {
    background: url("../images/button_specialist.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 0 !important;
    margin: 0;
    overflow: hidden;
    padding: 67px 0 0;
    width: 246px;
}

#contentscroll_mask { width: 400px; height: 320px; overflow:hidden; position:relative; float:left; margin: 0px 0px 10px 0px; } 
#contentscroll_folio { position:absolute; top:0; left:0; width:10000px; float:left; }  
.contentscroll_col { display:block; width: 400px; height: 320px; float:left; margin: 0px 30px 0px 0px; } 
.contentscroll_col p { display:block; width: 400px; float:left; margin: 0px 0px 15px 0px; } 
.contentscroll_col p strong { color: #ffffff; } 
#contentscroll_left { display: block; float: left; padding: 0px 8px 0px 0px; margin: 15px 10px 15px 0px; border-right: 1px solid #ba8746; }
#contentscroll_left a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ba8746;  }
#contentscroll_right { display: block; float: left; padding: 0px; margin: 15px 10px 15px 0px; }
#contentscroll_right a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ba8746; margin: 0px; padding: 0px; } 

#contentscroll_mask_siab { width: 300px; height: 200px; overflow:hidden; position:relative; float:left; margin: 0px 0px 10px 0px; } 
#contentscroll_folio_siab { position:absolute; top:0; left:0; width:10000px; float:left; }  
.contentscroll_col_siab { display:block; width: 300px; height: 200px; float:left; margin: 0px 30px 0px 0px; } 
.contentscroll_col_siab p { display:block; width: 300px; float:left; margin: 0px 0px 15px 0px; } 
.contentscroll_col_siab p strong { color: #ffffff; } 
/*=========================================================== 
ABOUT US
===========================================================*/

#about_bg {
		display: block;
		float: left;
		background: url("../images/about_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
		position:relative;
}

* html #about_bg {
		display: block;
		float: left;
		background: url("../images/about_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

h2#about_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 64px 0 0 0; 
		overflow: hidden;  
		background: url("../images/about_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 64px;
}

/*=========================================================== 
BESPOKE
===========================================================*/

#bespoke_bg {
		display: block;
		float: left;
		position: relative;
		background: url("../images/bespoke_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

#shirts_bg {
		display: block;
		float: left;
		position: relative;
		background: url("../images/shirts_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #bespoke_bg {
		display: block;
		float: left;
		background: url("../images/bespoke_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

* html #shirts_bg {
		display: block;
		float: left;
		background: url("../images/shirts_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

h2#bespoke_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 64px 0 0 0; 
		overflow: hidden;  
		background: url("../images/bespoke_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 64px;
}

h2#shirts_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 64px 0 0 0; 
		overflow: hidden;  
		background: url("../images/shirts_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 64px;
}

a#button_shirts {
        display: block;
        float: left;
        background: url("../images/button_shirts.gif") no-repeat;
        width: 246px;
        height: /**/ 67px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px 10px 0px 0px;
        padding: 67px 0px 0px 0px;
}

#shirts_text {
		display: block; 
		float: left; 
		width: 320px; 
		margin: 35px 0px 0px 0px; 
		padding: 0px;
		color: #555555;		
}

/*=========================================================== 
MADE TO MEASURE
===========================================================*/

#mtm_bg {
		display: block;
		float: left;
		position: relative;
		background: url("../images/mtm_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #mtm_bg {
		display: block;
		float: left;
		background: url("../images/mtm_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

#womenstailoring_bg {
		display: block;
		float: left;
		position: relative;
		background: url("../images/womenstailoring_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #womenstailoring_bg {
		display: block;
		float: left;
		background: url("../images/womenstailoring_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

h2#mtm_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 64px 0 0 0; 
		overflow: hidden;  
		background: url("../images/mtm_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 64px;
}

h2#womenstailoring_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 64px 0 0 0; 
		overflow: hidden;  
		background: url("../images/womenstailoring_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 64px;
}

a#button_menstailoring {
        display: block;
        float: left;
        background: url("../images/button_menstailoring.gif") no-repeat;
        width: 246px;
        height: /**/ 67px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 67px 0px 0px 0px;
}

a#button_womenstailoring {
        display: block;
        float: left;
        background: url("../images/button_womenstailoring.gif") no-repeat;
        width: 246px;
        height: /**/ 67px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 67px 0px 0px 0px;
}


#womenstailoring_text {
		display: block; 
		float: left; 
		width: 300px; 
		margin: 35px 0px 0px 0px; 
		padding: 0px;
		color: #2e3135;		
}

/*=========================================================== 
WEDDINGS
===========================================================*/

#wedding_bg {
		display: block;
		float: left;
		position: relative;
		background: url("../images/wedding_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #wedding_bg {
		display: block;
		float: left;
		position: relative;
		background: url("../images/wedding_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

h2#wedding_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 64px 0 0 0; 
		overflow: hidden;  
		background: url("../images/wedding_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 64px;
}

a#button_fitting {
        display: block;
        float: left;
        background: url("../images/button_fitting.gif") no-repeat;
        width: 246px;
        height: /**/ 67px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px 10px 0px 0px;
        padding: 67px 0px 0px 0px;
}

/*=========================================================== 
CLUB
===========================================================*/

#club_bg {
		display: block;
		float: left;
		background: url("../images/club_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
		position:relative;
}

* html #club_bg {
		display: block;
		float: left;
		background: url("../images/club_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

h2#club_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 64px 0 0 0; 
		overflow: hidden;  
		background: url("../images/club_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 64px;
}

.club_text {
		display: block; 
		float: left; 
		width: 350px; 
		margin: 20px 0px 0px 0px; 
		padding: 0px;
}

.club_text p { display: block; float: left; width: 350px; margin: 0px 0px 15px 0px; padding: 0px; }
.club_text strong { color: #ffffff; }

/*=========================================================== 
CARE
===========================================================*/

#care_bg {
		display: block;
		float: left;
		background: url("../images/care_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
		position:relative;
}

* html #care_bg {
		display: block;
		float: left;
		background: url("../images/care_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

h2#care_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 64px 0 0 0; 
		overflow: hidden;  
		background: url("../images/care_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 64px;
}

/*=========================================================== 
PRESS
===========================================================*/

#press_bg {
		display: block;
		float: left;
		background: url("../images/press_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
		position:relative;
}

* html #press_bg {
		display: block;
		float: left;
		background: url("../images/press_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

h2#press_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 64px 0 0 0; 
		overflow: hidden;  
		background: url("../images/press_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 64px;
}

/*=========================================================== 
SUIT IN A BOX
===========================================================*/

#suitinabox_bg {
		display: block;
		float: left;
		position: relative;
		background: url("../images/suitinabox_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #suitinabox_bg {
		display: block;
		float: left;
		position: relative;
		background: url("../images/suitinabox_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

#siabtop_content {
		display: block;
		float: left;
		width: 300px;
		margin: 70px 0px 0px 60px;
		padding: 0px;
}

* html #siabtop_content {
		display: block;
		float: left;
		width: 300px;
		margin: 70px 0px 0px 30px;
		padding: 0px;
}

#siabtop_content p { display: block; float: left; width: 300px; margin: 0px 0px 20px 0px; padding: 0px; }
#siabtop_content strong { color: #ffffff; }

h2#suitinabox_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 64px 0 0 0; 
		overflow: hidden;  
		background: url("../images/suitinabox_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 64px;
}

#suitinabox_content {
		display: block;
		float: left;
		position: absolute;
		bottom: 30px;
		left: 50px;
		width: 830px;
		padding: 0px;
}

#suitinabox_links {
		display: block;
		float: left;
		width: 320px;
		height: 105px;
		margin: 0px;
		padding: 0px;
}

.suitinabox_links_column { 
		display: block;
		float: left;
		width: 130px;
		margin: 28px 20px 0px 0px;
		padding: 0px;
}

* html .suitinabox_links_column { 
		display: block;
		float: left;
		width: 130px;
		margin: 25px 0px 0px 10px;
		padding: 0px;
}

.suitinabox_links_column a { display: block; font-size: 11px; font-family:Arial, Helvetica, sans-serif; padding: 0px 0px 0px 10px; }
.suitinabox_links_column a:hover { color: #ffffff; background: url("../images/bullet_white.gif") no-repeat; background-position: center left; }

#suitinabox_buttons {
		display: block;
		float: right;
		width: 215px;
		margin: 18px 20px 0px 0px;
		padding: 0px;
}

a#button_occasion {
        display: block;
        float: right;
        background: url("../images/button_occasion.gif") no-repeat;
        width: 246px;
        height: /**/ 67px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 67px 0px 0px 0px;
}

/*=========================================================== 
SUIT IN A BOX - HOW THE PROCESS WORKS/FAQS
===========================================================*/

#suit_faq_bg {
		display: block;
		float: left;
		background: url("../images/suit_faq_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #suit_faq_bg {
		display: block;
		float: left;
		background: url("../images/suit_faq_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

#suit_how_bg {
		display: block;
		float: left;
		background: url("../images/suit_how_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #suit_how_bg {
		display: block;
		float: left;
		background: url("../images/suit_how_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

#suit_delivery_bg {
		display: block;
		float: left;
		background: url("../images/delivery_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #suit_delivery_bg {
		display: block;
		float: left;
		background: url("../images/delivery_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

#suit_privacy_bg {
		display: block;
		float: left;
		background: url("../images/privacy_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #suit_privacy_bg {
		display: block;
		float: left;
		background: url("../images/privacy_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

#suit_terms_bg {
		display: block;
		float: left;
		background: url("../images/terms_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #suit_terms_bg {
		display: block;
		float: left;
		background: url("../images/terms_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

#suit_returns_bg {
		display: block;
		float: left;
		background: url("../images/returns_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #suit_returns_bg {
		display: block;
		float: left;
		background: url("../images/returns_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

h2#suit_how_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 27px 0 0 0; 
		overflow: hidden;  
		background: url("../images/suit_how_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 27px;
		margin-bottom:25px !important;
}

h2#suit_faq_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 26px 0 0 0; 
		overflow: hidden;  
		background: url("../images/suit_faq_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 26px;
}

h2#terms_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 26px 0 0 0; 
		overflow: hidden;  
		background: url("../images/terms_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 27px;
}

h2#returns_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 26px 0 0 0; 
		overflow: hidden;  
		background: url("../images/returns_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 27px;
		margin-bottom:25px !important;
}

h2#delivery_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 26px 0 0 0; 
		overflow: hidden;  
		background: url("../images/delivery_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 27px;
		margin-bottom:25px !important;
}

h2#testimonials_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 26px 0 0 0; 
		overflow: hidden;  
		background: url("../images/testimonials_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 27px;
}

#suit_faq_content {
		display: block;
		float: left;
		width: 510px;
		margin: 70px 0px 0px 40px;
		padding: 0px;
		line-height: 1.4em;
}

* html #suit_faq_content {
		display: block;
		float: left;
		width: 500px;
		margin: 70px 0px 0px 20px;
		padding: 0px;
		line-height: 1.4em;
}

#faq_scroller {
		display: block;
		float: left;
		width: 610px;
		height: 320px;
		overflow-y: scroll;
		overflow-x: hidden;
		margin: 30px 0px 0px 0px;
		padding: 0px;
		line-height: 1.4em;
}

* html #faq_scroller {
		display: block;
		float: left;
		width: 610px;
		height: 320px;
		overflow-y: scroll;
		overflow-x: hidden;
		margin: 30px 0px 0px 0px;
		padding: 0px;
		line-height: 1.4em;
}

#suit_faq_content p { display: block; float: left; width: 500px; margin: 0px 0px 20px 0px; padding: 0px; }
#suit_faq_content ul { display: block; float: left; width: 500px; margin: 0px 0px 20px 0px; }
#suit_faq_content strong { color: #ffffff; }

#suit_how_button {
		display: block;
		float: right;
		margin: 411px 60px 0px 0px;
		padding: 0px;	
}

* html #suit_how_button {
		display: block;
		float: right;
		margin: 411px 30px 0px 0px;
		padding: 0px;	
}

/*=========================================================== 
PAYMENT PROCESS - GENERAL STYLES
===========================================================*/

#process_bg {
		display: block;
		float: left;
		background-color: #ffffff;
		width: 920px;
		height: 472px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #process_bg {
		display: block;
		float: left;
		background-color: #ffffff;
		width: 920px;
		height: 472px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

#cart_bg {
		display: block;
		float: left;
		background-color: #ffffff;
		width: 920px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #cart_bg {
		display: block;
		float: left;
		background-color: #ffffff;
		width: 920px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

#process_header {
		display: block;
		float: left;
		width: 920px;
		height: 100px;
		margin: 0px;
		padding: 0px;
}

#process_header_left {
		display: block;
		float: left;
		width: 480px;
		height: 60px;
		margin: 0px;
		padding: 40px 0px 0px 20px;
}

#process_header_left h2 { display: block; float: left; width: 100%; padding: 22px 0 0 0; overflow: hidden; height: 0px !important; height /**/: 27px; }
#process_header_left h2#occasion_header { background: url("../images/occasion_header.gif") no-repeat; }
#process_header_left h2#fabric_header { background: url("../images/fabric_header.gif") no-repeat; }
#process_header_left h2#lining_header { background: url("../images/lining_header.gif") no-repeat; }
#process_header_left h2#accessory_header { background: url("../images/accessory_header.gif") no-repeat; }
#process_header_left h2#message_header {	background: url("../images/message_header.gif") no-repeat; }
#process_header_left h2#error_header {	background: url("../images/error_header.gif") no-repeat; }
#process_header_left h2#cart_header {	background: url("../images/cart_header.gif") no-repeat; }
#process_header_left strong { display: block; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #515151; padding: 6px 0px 1px 0px; }
#process_header_left strong span { color: #ba8748; }

#process_cart {
		display: block;
		float: left;
		width: 400px;
		margin: 35px 0px 0px 0px;
		padding: 0px;
		color: #515151;
		font-family: Arial, Helvetica, sans-serif;
}

#process_cart a { display: block; float: left; font-size: 11px; text-decoration: underline; margin: 0px 20px 0px 0px; color: #515151; }
#process_cart span { display: block; float: right; font-size: 16px; font-weight: normal; }

#bullet_swatch {
		display: block;
		float: left;
		background: url("../images/bullet_swatch.jpg") no-repeat;
		width: 21px;
		height: 21px;
		margin: 0px 5px 0px 0px;
		padding: 0px;
}

#process_breadcrumb {
		display: block;
		float: left;
		width: 400px;
		margin: 10px 0px 0px 0px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
}

#process_breadcrumb a { display: block; float: right; font-size: 11px; height: 19px; text-decoration: underline; margin: 0px 5px 0px 5px; font-weight: bold; text-decoration: none; }
#process_breadcrumb .breadcrumb_selected { background-color: #7e7e7e; margin: 0px; padding: 0px; }
#process_breadcrumb .breadcrumb_selected a { background-color: #7e7e7e; color: #ffffff; margin: 0px; padding: 0px 2px 0px 2px; }
#process_breadcrumb .breadcrumb_left { display: block; float: right; background: url("../images/breadcrumb_left.gif") no-repeat; width: 13px; height: 19px; margin: 0px; padding: 0px; }
#process_breadcrumb .breadcrumb_right { display: block; float: right; background: url("../images/breadcrumb_right.gif") no-repeat; width: 13px; height: 19px; margin: 0px; padding: 0px; }
#process_breadcrumb .breadcrumb_arrow { display: block; float: right; background: url("../images/breadcrumb_arrow.gif") no-repeat; width: 3px; height: 19px; margin: 0px 5px 0px 5px; padding: 0px; }

#process_header_right {
		display: block;
		float: left;
		width: 400px;
		margin: 0px 20px 0px 0px;
		padding: 0px;
}

* html #process_header_right {
		display: block;
		float: left;
		width: 400px;
		margin: 0px 10px 0px 0px;
		padding: 0px;
}


#process_header_right img {
		display: block;
		float: right;
		margin: 10px 0px 0px 0px;
}

#process_navigation_left {
		display: block;
		float: left;
		width: 88px;
		height: 372px;
		margin: 0px 16px 0px 20px;
		padding: 0px;
}

* html #process_navigation_left {
		display: block;
		float: left;
		width: 88px;
		height: 372px;
		margin: 0px 8px 0px 10px;
		padding: 0px;
}

#process_navigation_right {
		display: block;
		float: right;
		width: 88px;
		height: 372px;
		margin: 0px 20px 0px 0px;
		padding: 0px;
}

* html #process_navigation_right {
		display: block;
		float: right;
		width: 88px;
		height: 372px;
		margin: 0px 10px 0px 0px;
		padding: 0px;
}

#process_navigation_left a#button_back {		
        display: block;
        float: left;
        background: url("../images/button_back.gif") no-repeat;
        width: 88px;
        height: /**/ 23px;
        height: 0px !important;
        overflow: hidden;
        margin: 150px 0px 0px 0px;
        padding: 23px 0px 0px 0px;
}

#process_navigation_right input#button_proceed {		
        display: block;
        float: left;
        background: url("../images/button_proceed.gif") no-repeat;
        width: 88px;
        height: 23px;
        overflow: hidden;
        margin: 150px 0px 0px 0px;
        padding: 23px 0px 0px 0px;
		border: none;
}

#process_content {
		display: block;
		float: left;
		width: 920px;
		margin: 0px;
		padding: 0px;
}

#process_subnav {
		display: block;
		float: left;
		background: url("../images/subnav_shim.jpg") repeat-x;
		width: 920px;
		height: 42px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #process_subnav {
		display: block;
		float: left;
		background: url("../images/subnav_shim.jpg") repeat-x;
		width: 920px;
		height: 42px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

#process_subnav ul { display: inline; float: left; margin: 12px 0px 0px 20px; padding: 0px; }
#process_subnav ul li { display: inline; list-style: none; margin: 0px; padding: 0px 30px 0px 0px; }
#process_subnav ul li a { color: #525252; font-weight: bold; font-size: 11px; }
#process_subnav ul li a:hover { color:#ba8746; text-decoration:none; }

.zoom {
		position: relative;
		top: 0px;
		left: 0px;
		padding: 0px;
		margin: 0px;
		z-index: 100;
}

p.error {
		margin: 20px 0px 0px 20px;
		color: #515151;
}

p.error a { font-weight: bold; color: #515151; }

/*=========================================================== 
PAYMENT PROCESS - STEP 1. OCCASIONS
===========================================================*/

#process_occasion_flow {
		display: block;
		float: left;
		position: relative;
		width: 660px;
		height: 350px;
		margin: 0px;
		padding: 0px;
}

#process_occasion_flow_caption { font-family: Arial, Helvetica, sans-serif; color: #ba8746; }

#occasion_selected { position: absolute; bottom: 70px; left: 0px; width: 100%; }
#occasion_selected p { width: 100%; text-align: center; color: #878786; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 5px 0px 0px 0px; }
#occasion_selected strong { color: #ba8746; }
#occasion_selected p span { font-size: 11px; color: #515151; font-weight: bold; }

/*=========================================================== 
PAYMENT PROCESS - STEP 2. FABRICS
===========================================================*/

#fabric_options {
		display: block;
		float: left;
		width: 670px;
		height: 319px;
		margin: 0px;
		padding: 53px 0px 0px 0px;
}

#message_options {
		display: block;
		float: left;
		width: 670px;
		height: 329px;
		margin: 0px;
		padding: 43px 0px 0px 0px;
}

#message_options p {
		padding-left: 257px;
		padding-bottom:10px;
}

#fabriclist_mask { width: 670px; height: 190px; overflow:hidden; position:relative; float:left; } 
#fabriclist_folio { position:absolute; top:0; left:0; width:10000px; float:left; }  
#fabriclist_links { display: block; float: right; min-width: 10px; height: 20px; padding: 0px; margin: 0px 0px 10px 0px; }
#fabriclist_links p { display: block; float: left; min-width: 10px; height: 20px; padding: 0px; margin: 0px 10px 0px 0px; color: #515151; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#fabriclist_left { display: block; float: left; padding: 0px; margin: 0px 10px 0px 0px; }
#fabriclist_left a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#fabriclist_right { display: block; float: left; padding: 0px; margin: 0px 10px 0px 0px; }
#fabriclist_right a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } 
#fabriclist_selected { display: block; float: left; padding: 0px; margin: 10px 0px 0px 0px; }
#fabriclist_selected p { color: #515151; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#fabriclist_selected p span { color: #ba8746; }
.fabriclist_col { display:block; width: 670px; height: 190px; float:left; } 

.fabric_swatch {
		display: block;
		float: left;
		width: 125px;
		height: 180px;
		margin: 0px;
		padding: 2px;
		border: 2px solid #ffffff;
}

.fabric_swatch_selected {
		display: block;
		float: left;
		width: 125px;
		height: 180px;
		margin: 0px;
		padding: 2px 2px 0 2px;
		border: 2px solid #ba8746;
}

.fabric_swatch p, .fabric_swatch_selected p { display: block; float: left; width: 125px; height: 51px; background-color: #7e7e7e; color: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; margin: 1px 0px 1px 0px; padding: 1px 0px 0px 0px; line-height:1.2em; }
.fabric_swatch img, .fabric_swatch_selected img { z-index: 10; }

/*=========================================================== 
PAYMENT PROCESS - STEP 3. LININGS
===========================================================*/

#fabric_selected {
		display: block;
		float: left;
		width: 250px;
		height: 289px;
		margin: 0px;
		padding: 83px 0px 0px 0px;
}

#fabricname_selected { 
		display: block; 
		float: left;
		width: 250px; 
		padding: 0px; 
		margin: 12px 0px 0px 0px; 
}

#fabricname_selected p { color: #515151; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#fabricname_selected p span { color: #ba8746; }

#lining_options {
		display: block;
		float: left;
		width: 410px;
		height: 319px;
		margin: 0px;
		padding: 53px 0px 0px 0px;
}

#lininglist_mask { width: 410px; height: 190px; overflow:hidden; position:relative; float:left; } 
#lininglist_folio { position:absolute; top:0; left:0; width:10000px; float:left; }  
#lininglist_links { display: block; float: right; min-width: 402px; height: 20px; padding: 0px; margin: 0px 0px 10px 0px; }
#lininglist_links p { display: block; float: left; min-width: 10px; height: 20px; padding: 0px; margin: 0px 10px 0px 0px; color: #515151; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#lininglist_left { display: block; float: left; padding: 0px; margin: 0px 10px 0px 0px; }
#lininglist_left a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#lininglist_right { display: block; float: left; padding: 0px; margin: 0px 10px 0px 0px; }
#lininglist_right a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } 
#lininglist_selected { display: block; float: left; padding: 0px; margin: 10px 0px 0px 0px; }
#lininglist_selected p { color: #515151; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#lininglist_selected p span { color: #ba8746; }
.lininglist_col { display:block; width: 410px; height: 190px; float:left; } 

/*=========================================================== 
PAYMENT PROCESS - STEP 4. ACCESSORIES
===========================================================*/

#accessory_image {
		display: block;
		float: left;
		width: 250px;
		height: 372px;
		margin: 0px;
		padding: 0px;
}

#accessory_image img { margin: 80px 25px 0px 25px; }

#accessory_content {
		display: block;
		float: left;
		width: 410px;
		height: 372px;
		margin: 0px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
}

#accessory_content h3 { display: block; float: left; width: 100%; padding: 50px 0px 10px 0px; margin: 0px; color: #515151; }

#size_container {
		display: block;
		float: left;
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
		border-top: 1px solid #515151;
}

#size_container p { display: block; float: left; color: #515151; margin: 0px 10px 0px 0px; }

#colour_container {
		display: block;
		float: left;
		width: 100%;
		margin: 0px;
		padding: 10px 0px 10px 0px;
		border-top: 1px solid #515151;
		border-bottom: 1px solid #515151;
}

#colour_container p { display: block; margin: 0px 0px 10px 0px;  color: #515151; }

.size_box {
		display: block;
		float: left;
		margin: 0px 10px 0px 0px;
		padding: 0px;
}

.size_box input { display: block; float: left; margin: 2px 5px 0px 0px; padding: 0px; }
.size_box label { display: block; float: left; margin: 0px 5px 0px 0px; padding: 0px; }

.colour_box {
		display: block;
		float: left;
		width: 128px;
		margin: 0px 5px 5px 0px;
		padding: 0px;
}

.colour_box img { display: block; float: left; margin: 0px 5px 0px 0px; padding: 0px; }
.colour_box input { display: block; float: left; margin: 15px 5px 0px 0px; padding: 0px; }
.colour_box label { display: block; float: left; margin: 13px 5px 0px 0px; padding: 0px; }

/*=========================================================== 
PAYMENT PROCESS - STEP 5. MESSAGE
===========================================================*/

#message_bg {
		display: block;
		float: left;
		background: url("../images/message_bg.jpg") no-repeat;
		width: 920px;
		height: 472px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #message_bg {
		display: block;
		float: left;
		background: url("../images/message_bg.jpg") no-repeat;
		width: 920px;
		height: 472px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

textarea#message_input {
		display: block;
		float: right;
		background: url("../images/textarea_bg.jpg") no-repeat;
		width: 350px;
		height: 180px;
		margin: 0px;
		padding: 30px;
		border: 1px solid #515151;
		font-family: Arial, Helvetica, sans-serif;
}

/*=========================================================== 
PAYMENT PROCESS - REVIEW YOUR ORDER/ADD TO CART
===========================================================*/

#review_bg {
		display: block;
		float: left;
		background-color: #ffffff;
		width: 860px;
		margin: 0px 30px 0px 30px;
		padding: 0px 30px 40px 30px;
		font-family: Arial, Helvetica, sans-serif;
}

* html #review_bg {
		display: block;
		float: left;
		background-color: #ffffff;
		width: 860px;
		margin: 0px 15px 0px 15px;
		padding: 0px 15px 40px 15px;
		font-family: Arial, Helvetica, sans-serif;
}

#review_header_left {
		display: block;
		float: left;
		width: 480px;
		height: 60px;
		margin: 0px;
		padding: 40px 0px 0px 0px;
}

#review_header_left h2 { display: block; float: left; width: 100%; padding: 22px 0 0 0; overflow: hidden; height: 0px !important; height /**/: 27px; }
#review_header_left h2#final_header {	background: url("../images/final_header.gif") no-repeat; }
#review_header_left strong { display: block; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #515151; padding: 6px 0px 1px 0px; }
#review_header_left strong span { color: #ba8748; }

#review_popup {
		display: none;
		border: none; 
		position: absolute;
		top: 0;
		left: 0; 
		direction: ltr; 
		visibility: visible; 
		width: 860px; 
		padding: 40px 30px 40px 30px; 
		margin: 0px;
}

* html #review_popup {
		display: none;
		border: none; 
		position: absolute;
		top: 0;
		left: 0; 
		direction: ltr; 
		visibility: visible; 
		width: 860px; 
		padding: 40px 15px 40px 15px; 
		margin: 0px;
}

#review_top {
		display: block;
		float: left;
		width: 100%;
		padding: 0px 0px 10px 0px;
		border-bottom: 1px dotted #515151;
}

h3#review_header {
		display: block; 
		float: left;
		width: 142px;
		padding: 11px 0 0 0; 
		overflow: hidden;  
		background: url("../images/review_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 11px;
}

a#close_popup {
        display: block;
        float: right;
        background: url("../images/close_popup.jpg") no-repeat;
        width: 16px;
        height: /**/ 16px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 16px 0px 0px 0px;
}

#review_left {
		display: block;
		float: left;
		width: 440px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
}

#review_left table tr, #review_right table tr { font-size: 11px; vertical-align: top; }
#review_left table tr.selected, #review_right table tr.selected {  color: #515151; font-weight: bold; }
#review_left table tr.deselected, #review_right table tr.deselected { color: #b5b5b5; font-weight: bold; }
#review_left table tr.totals, #review_right table tr.totals { background-color: #cccccc; color: #515151; }
#review_left table tr td span, #review_right table tr td span { color: #ba8746; }

#review_right {
		display: block;
		float: left;
		width: 400px;
		margin: 20px 0px 0px 20px;
		padding: 0px;
}

a.button_change {
        display: block;
        float: right;
        background: url("../images/button_change.gif") no-repeat;
        width: 52px;
        height: /**/ 15px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 15px 0px 0px 0px;
}

a.button_deselected {
        display: block;
        float: right;
        background: url("../images/button_deselected.gif") no-repeat;
        width: 52px;
        height: /**/ 15px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 15px 0px 0px 0px;
}

a.button_update {
        display: block;
        float: right;
        background: url("../images/button_update.gif") no-repeat;
        width: 55px;
        height: /**/ 15px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 15px 0px 0px 0px;
}

textarea#message_review {
		display: block;
		float: right;
		background: url("../images/textarea_bg.jpg") no-repeat;
		width: 330px;
		height: 300px;
		margin: 1px 0px 0px 0px;
		padding: 30px;
		border: 1px solid #515151;
		font-family: Arial, Helvetica, sans-serif;
}

#review_bottom {
		display: block;
		float: left;
		width: 400px;
		background-color: #eeeeee;
		padding: 20px;
		margin: 0px;
}

#review_bottom p { display: block; float: left; width: 100%; margin: 0px; padding: 0px; text-align: right; color: #515151; font-size: 11px; }
#review_bottom p strong { display: block; float: left; margin: 0px; padding: 0px; }
#review_bottom p span { display: block; float: right; width: 100px; text-align: right; margin: 0px; padding: 0px; }
#review_bottom p.vat { padding: 0px 0px 5px 0px; border-bottom: 1px solid #515151; }
#review_bottom p.grand strong, #review_bottom p.grand span { padding: 5px 0px 0px 0px; color: #ba8746; }

input#button_addtocart {		
        display: block;
        float: right;
        background: url("../images/button_addtocart.gif") no-repeat;
        width: 116px;
        height: 23px;
        overflow: hidden;
        margin: 20px 0px 0px 0px;
        padding: 23px 0px 0px 0px;
		border: none;
		cursor: pointer;
}

/*=========================================================== 
PAYMENT PROCESS - CART / CHECKOUT
===========================================================*/

#cart_bg {
		display: block;
		float: left;
		background-color: #ffffff;
		width: 920px;
		min-height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px 0px 20px 0px;
}

* html #cart_bg {
		display: block;
		float: left;
		background-color: #ffffff;
		width: 920px;
		margin: 0px 15px 0px 15px;
		padding: 0px 0px 20px 0px;
}

#cart_table {
		display: block;
		float: left;
		width: 880px;
		margin: 0px 20px 0px 20px;
		padding: 0px;
}

* html #cart_table {
		display: block;
		float: left;
		width: 880px;
		margin: 0px 10px 0px 10px;
		padding: 0px;
}

#cart_table table { width: 860px; font-size: 12px; }
#cart_table table tr.cart_top { background-color: #868686; color: #ffffff; font-weight: bold; }
#cart_table table tr.cart_items td { background-color: #ffffff; border-bottom: 1px dotted #000000; }
#cart_table table tr.cart_items_alt td { background-color: #ffffff; border-bottom: 1px dotted #000000; }
input.remove { display: block; float: left; margin: 4px 10px 0px 0px; }
#cart_table table tr.cart_total td { border-bottom: 1px solid #000000; font-weight: bold; color: #000000; }
#cart_table table tr.checkout_total_top td { font-weight: bold; color: #000000; }
#cart_table table tr.checkout_total_mid td { font-weight: bold; color: #000000; }
#cart_table table tr.checkout_total_bottom td { border-bottom: 1px solid #000000; font-weight: bold; color: #ba8746; }

#cart_bottom {
		display: block;
		float: right;
		width: 120px;
		margin: 0px 20px 0px 20px;
		padding: 0px;
}

* html #cart_bottom {
		display: block;
		float: right;
		width: 120px;
		margin: 0px 10px 0px 10px;
		padding: 0px;
}

h2#checkout_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 22px 0 0 0; 
		overflow: hidden;  
		background: url("../images/checkout_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 22px;
}

#checkout_content {
		display: block;
		float: left;
		width: 880px;
		margin: 0px 20px 0px 20px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
}

* html #checkout_content {
		display: block;
		float: left;
		width: 880px;
		margin: 0px 10px 0px 10px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
}

#checkout_content p {
		margin: 10px 0px 10px 0px;
}

#checkout_content p span {
		color: #b02027;
}

.checkout_forms {
		display: block;
		float: left;
		margin: 20px 0px 0px 0px;
		padding: 0px;
}

#checkout_left {
		display: block;
		float: left;
		width: 430px;
		margin: 0px 20px 0px 0px;
		padding: 0px;
}

* html #checkout_left {
		display: block;
		float: left;
		width: 430px;
		margin: 0px 10px 0px 0px;
		padding: 0px;
}

#checkout_right {
		display: block;
		float: left;
		width: 430px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
}

#checkout_left h3, #checkout_right h3 {
		display: block;
		float: left;
		width: 410px;
		background-color: #464646;
		color: #ffffff;
		padding: 10px;
}

#checkout_left label, #checkout_right label {
		display: block;
		float: left;
		width: 190px;
		height: 20px;
		margin: 0px 30px 5px 0px;
		padding: 5px 0px 0px 10px;
		font-weight: bold;
}

#checkout_left label.opt, #checkout_right label.opt {
		display: block;
		float: left;
		width: 190px;
		margin: 0px 30px 5px 0px;
		padding: 5px 0px 0px 10px;
		font-weight: normal;
		height: auto;
}

#checkout_left label span, #checkout_right label span {
		font-weight: normal;
		color: #b02027;
}

#checkout_left input, #checkout_right input {
		display: block;
		float: left;
		background: url("../images/textarea_bg.jpg") no-repeat;
		width: 188px;
		height: 15px;
		margin: 0px 0px 5px 0px;
		padding: 5px;
		border: 1px solid #333333;
		font-size: 11px;
} 

#checkout_right input.optin {
		display: block;
		float: left;
		margin: 13px 0px 0px 0px;
		padding: 0px;
		width: auto;
		background: none;
		border: none;
}

#checkout_right p {
		display: block;
		float: left;
		text-align: justify;
		margin: 50px 0px 0px 0px;
		padding: 0px;
}

#checkout_left select, #checkout_right select {
		display: block;
		float: left;
		width: 188px;
		height: 25px;
		margin: 0px 0px 5px 0px;
		padding: 2px 0px 0px 0px;
		border: 1px solid #333333;
		vertical-align: middle;
} 

a#button_updatecart {
        display: block;
		float: left;
        background: url("../images/button_updatecart.gif") no-repeat;
        width: 88px;
        height: /**/ 23px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 23px 0px 0px 0px;
}

a#button_checkout {
        display: block;
		float: left;
        background: url("../images/button_checkout.gif") no-repeat;
        width: 120px;
        height: /**/ 23px;
        height: 0px !important;
        overflow: hidden;
        margin: 20px 0px 0px 0px;
        padding: 23px 0px 0px 0px;
}

a#button_continue {
        display: block;
		float: left;
        background: url("../images/button_continue.gif") no-repeat;
        width: 120px;
        height: /**/ 23px;
        height: 0px !important;
        overflow: hidden;
        margin: 20px 0px 0px 0px;
        padding: 23px 0px 0px 0px;
}

a.button_remove {
		display: block;
		float: left;
        background: url("../images/button_remove.gif") no-repeat;
        width: 88px;
        height: /**/ 23px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 23px 0px 0px 0px;
}

input#button_payment {		
        display: block;
        float: right;
        background: url("../images/button_payment.gif") no-repeat;
        width: 120px;
        height: 23px;
        overflow: hidden;
        margin: 20px 0px 0px 0px;
        padding: 23px 0px 0px 0px;
		border: none;
		cursor: pointer;
}

/*=========================================================== 
CONTACT PAGE
===========================================================*/

#contact_bg {
		display: block;
		float: left;
		background: url("../images/contact_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #contact_bg {
		display: block;
		float: left;
		background: url("../images/contact_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

#swatch_bg {
		display: block;
		float: left;
		background: url("../images/swatch_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
}

* html #swatch_bg {
		display: block;
		float: left;
		background: url("../images/swatch_bg.jpg") no-repeat;
		width: 920px;
		height: 514px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
}

#contact_form {
		display: block;
		float: left;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		width: 330px;
}

#contact_form form { display: block; float: left; width: 330px; margin: 10px 0px 0px 0px; padding: 0px; }

#contact_form p { margin: 0px 0px 8px 0px; }

#contact_form label {
		display: block;
		float: left;
		width: 80px;
		height: 16px;
		margin: 0px 20px 5px 0px;
		padding: 5px 0px 0px 0px;
		color:#FFFFFF;
}

#contact_form input {
		display: block;
		float: left;
		background: url("../images/textarea_bg.jpg") no-repeat;
		width: 192px;
		height: 15px;
		margin: 0px 0px 5px 0px;
		padding: 3px;
		border: 1px solid #333333;
		font-size: 11px;
} 

#contact_form input#type {
		background: none;
		margin: 0px;
		padding: 0px;
		border: none;
} 

#contact_form input#button_submit {		
        display: block;
        float: right;
        background: url("../images/button_submit.gif") no-repeat;
        width: 49px;
        height: 8px;
        overflow: hidden;
        margin: 10px 0px 0px 0px;
        padding: 8px 0px 0px 0px;
		border: none;
		cursor: pointer;
}

#contact_form textarea {
		display: block;
		float: left;
		background: url("../images/textarea_bg.jpg") no-repeat;
		width: 188px;
		height: 50px;
		margin: 0px 0px 5px 0px;
		padding: 5px;
		border: 1px solid #333333;
		font-size: 11px;
} 

h2#contact_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 27px 0 0 0; 
		overflow: hidden;  
		background: url("../images/contact_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 27px;
}

h2#mailing_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 27px 0 0 0; 
		overflow: hidden;  
		background: url("../images/mailing_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 27px;
}

h2#swatch_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 27px 0 0 0; 
		overflow: hidden;  
		background: url("../images/swatch_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 27px;
}

/*=========================================================== 
GIFTS & ACCESSORIES
===========================================================*/

#accessories_content {
		display: block;
		float: left;
		width: 860px;
		margin: 35px 0px 0px 30px;
		padding: 0px;
}

* html #accessories_content {
		display: block;
		float: left;
		width: 860px;
		margin: 30px 0px 0px 15px;
}

h2#accessories_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 32px 0 0 0; 
		overflow: hidden;  
		background: url("../images/accessories_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 32px;
		
}

h2#gift_header {
		display: block; 
		float: left;
		width: 100%;
		padding: 32px 0 0 0; 
		overflow: hidden;  
		background: url("../images/gifts_title.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 32px;
}

.gift_container {
		display: block;
		float: left;
		width: 400px;
		margin: 0;
		padding: 50px 0 0 0;
}

.gift_container img {
		float: left;
		width: 110px;
		margin: 0;
		padding: 0 20px 0 0;
}

.gift_content {
		float: left;
		width: 250px;
		margin: 0;
		padding: 0;
}

.gift_content p {
		padding: 10px 0 0 5px;
		float:left;
}

.type_container {
		display: block;
		float: left;
		width: 230px;
		min-height: 430px;
		margin: 35px 0px 0px 50px;
		padding: 0px;
}

* html .type_container {
		display: block;
		float: left;
		width: 230px;
		margin: 35px 0px 0px 15px;
		padding: 0px;
}

.type_container p { width: 200px !important; }

.type_image {
		display: block;
		float: left;
		width: 230px;
		margin: 0 0px 20px 0px;
		height: /**/ 200px;
        height: 0px !important;
        overflow: hidden;
        padding: 200px 0px 0px 0px;
}

#image_scarves { background: url("../images/image_scarves.jpg") no-repeat; }
#image_throws { background: url("../images/image_throws.jpg") no-repeat; }
#image_shawls {	background: url("../images/image_shawls.jpg") no-repeat; }

.type_subheader {
		display: block; 
		float: left;
		width: 100%;
		padding: 13px 0 0 0; 
		overflow: hidden;  
   		height: 0px !important; 
		height /**/: 13px;
}

.type_giftheader {
		display: block; 
		float: left;
		width: 100%;
		padding: 20px 0 0 0; 
		overflow: hidden;  
   		height: 0px !important; 
		height /**/: 20px;
}

h3#subheader_shawls { background: url("../images/subheader_shawls.jpg") no-repeat; }
h3#subheader_scarves { background: url("../images/subheader_scarves.jpg") no-repeat; }
h3#subheader_throws { background: url("../images/subheader_throws.jpg") no-repeat; }
h3#giftheader_cufflinks { background: url("../images/gifts_buttons_title.gif") no-repeat; }
h3#giftheader_ties { background: url("../images/gifts_ties_title.gif") no-repeat; }
h3#giftheader_jewellerybox { background: url("../images/gifts_jewellerybox_title.gif") no-repeat; }
h3#giftheader_vouchers { background: url("../images/gifts_vouchers_title.gif") no-repeat; }

h2#scarves_header {
		display: block; 
		float: left;
		width: 80%;
		padding: 26px 0 0 0; 
		overflow: hidden;  
		background: url("../images/scarves_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 26px;
}

h2#shawls_header {
		display: block; 
		float: left;
		width: 80%;
		padding: 26px 0 0 0; 
		overflow: hidden;  
		background: url("../images/shawls_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 26px;
}

h2#throws_header {
		display: block; 
		float: left;
		width: 80%;
		padding: 26px 0 0 0; 
		overflow: hidden;  
		background: url("../images/throws_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 26px;
}

a.button_enquire {
		display: block;
		float: left;
        background: url("../images/button_enquire.gif") no-repeat;
        width: 57px;
        height: /**/ 15px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 15px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
}

a#button_scarves {
		display: block;
		float: left;
        background: url("../images/button_scarves.jpg") no-repeat;
        width: 71px;
        height: /**/ 10px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 10px 0px 0px 0px;
		margin: 20px 0px 0px 0px;
}

a#button_shawls {
		display: block;
		float: left;
        background: url("../images/button_shawls.jpg") no-repeat;
        width: 68px;
        height: /**/ 10px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 10px 0px 0px 0px;
		margin: 20px 0px 0px 0px;
}

a#button_throws {
		display: block;
		float: left;
        background: url("../images/button_throws.jpg") no-repeat;
        width: 71px;
        height: /**/ 10px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 10px 0px 0px 0px;
		margin: 20px 0px 0px 0px;
}

a#button_back {
		display: block;
		float: right;
        background: url("../images/button_back.jpg") no-repeat;
        width: 38px;
        height: /**/ 122px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 12px 0px 0px 0px;
		margin: 8px 0px 0px 0px;
}

.gifts_content {
		display: block;
		float: left;
		width: 100%;
		margin: 30px 0px 0px 0px;
		padding: 30px 0px 0px 0px;
		border-top: 1px solid #000000;
}

.gifts_content p { display: block; margin: 0px 0px 10px 0px; color: #515151; }

.gifts_image {
		display: block;
		float: left;
		width: 250px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		
}

.gifts_image h3 { display: block; float: left; width: 100%; padding: 0px 0px 10px 0px; font-size: 14px; margin: 0px; color: #464646; }
.gifts_image img { margin: 0px 25px 0px 25px; }

.gifts_details {
		display: block;
		float: left;
		width: 610px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
}

.gifts_size_container {
		display: block;
		float: left;
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
		border-bottom: 1px solid #d0d0d0;
}

.gifts_size_container p { display: block; float: left; color: #515151; margin: 0px 10px 0px 0px; }

.gifts_colour_container {
		display: block;
		float: left;
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
		border-bottom: 1px solid #d0d0d0;
}

.gifts_colour_container p { display: block; margin: 0px 0px 10px 0px;  color: #515151; }

input#button_addtocart2 {		
        display: block;
        float: left;
        background: url("../images/button_addtocart.gif") no-repeat;
        width: 116px;
        height: 23px;
        overflow: hidden;
        margin: 20px 0px 0px 0px;
        padding: 23px 0px 0px 0px;
		border: none;
		cursor: pointer;
}

input#button_addtocart3 {		
        display: block;
        float: right;
        background: url("../images/button_addtobasket_2.gif") no-repeat;
        width: 104px;
        height: 10px;
        overflow: hidden;
        margin: 20px 0px 0px 0px;
        padding: 10px 0px 0px 0px;
		border: none;
		cursor: pointer;
}

#slideshow { z-index:10; }

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 515px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height:515px;
    display: block;
    border: 0;
}

#slideshow h1, #slideshow p {
	display:none;
}

#scrollbar1 { width: 420px; clear: both; margin: 20px 0 15px; }
#scrollbar1 .viewport { width: 400px; height: 230px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #9c9c9c; -moz-border-radius: 15px; border-radius: 15px; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 10px; }
#scrollbar1 .track { background-color: #3a3a3a; height: 100%; width:10px; position: relative; padding: 0; -moz-border-radius: 15px; border-radius: 15px; }
#scrollbar1 .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; -moz-border-radius: 15px; border-radius: 15px; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 10px; -moz-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0 }
#scrollbar1 .disable{ display: none; }

#scrollbar2 { width: 540px; clear: both; margin: 20px 0 15px; }
#scrollbar2 .viewport { width: 520px; height: 270px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar2 .thumb .end,
#scrollbar2 .thumb { background-color: #9c9c9c; -moz-border-radius: 15px; border-radius: 15px; }
#scrollbar2 .scrollbar { position: relative; float: right; width: 10px; }
#scrollbar2 .track { background-color: #3a3a3a; height: 100%; width:10px; position: relative; padding: 0; -moz-border-radius: 15px; border-radius: 15px; }
#scrollbar2 .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; -moz-border-radius: 15px; border-radius: 15px; }
#scrollbar2 .thumb .end { overflow: hidden; height: 5px; width: 10px; -moz-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0 }
#scrollbar2 .disable{ display: none; }


.groupon_field { display: block; float: left; width: 330px; margin: 7px 0 0 0; padding: 0; }
.groupon_field label { display: block; float: left; width: 50px; height: 14px; font-size: 12px; background: #f1f1f1; color: #3e3e3e; margin: 0; padding: 4px 8px 9px 8px; }
.groupon_field label.contact_textarea_label { display: block; float: left; width: 50px; height: 40px; font-size: 12px; background: #f1f1f1; color: #3e3e3e; margin: 0; padding: 6px 8px 10px 8px; }
.groupon_field input.input {  display: block; float: left; width: 310px; height: 13px; border: 0; background: #f1f1f1; color: #3e3e3e; margin: 0; padding: 6px 8px 8px 8px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; }
.groupon_field textarea.textarea {  display: block; float: left; width: 310px; height: 40px; border: 0; background: #f1f1f1; color: #3e3e3e; margin: 0; padding: 8px 8px 8px 8px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; }