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

body {
		font-family: Georgia, Garamond, serif;
		font-size: 11px;
		line-height: 1.5em;		
		height:100%;
		margin: 0px;
		padding: 0px;
		background-color: #000000;
		color: #969696;
}

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-color: #111111;
		width: 980px;
		height: 100% !important;
		height: 100%;
		margin: 0px 0px 20px 0px;
		padding: 0px;	
}

.clear {
		clear: both;
}

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

#header {
		display: block;
		float: left;
		width: 920px;
		margin: 20px 30px 0px 30px;
		padding: 0px 0px 25px 0px;
		border-bottom: 1px dotted #BA8746;
}

* html #header {
		display: block;
		float: left;
		width: 920px;
		margin: 20px 15px 0px 15px;
		padding: 0px 0px 25px 0px;
		border-bottom: 1px dotted #BA8746;
}

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

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


#logo_wrapper p {
		text-align:right;
		font-size:14px;
		font-weight:bold;
		padding-bottom:5px;
		color:#757575;
}

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

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

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: 920px;
		height: 57px;
		margin: 0px 30px 0px 30px;
		padding: 0px;
		font-size: 13px;
		z-index: 100;
}

* html #nav {
		display: block;
		float: left;
		width: 920px;
		height: 57px;
		margin: 0px 15px 0px 15px;
		padding: 0px;
		font-size: 13px;
}

#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: 0px 30px 0px 0px; padding: 20px 0px 20px 0px; }
* html #nav ul li a { display: block; float: left; height: 17px; margin: 0px 15px 0px 0px; padding: 20px 0px 20px 0px; }
#nav ul li a.about { margin: 0px 15px 0px 0px; }
* html #nav ul li a.about { margin: 0px 7px 0px 0px; }
#nav ul li a.weddings { margin: 0px 30px 0px 15px; }
* html #nav ul li a.weddings { margin: 0px 15px 0px 7px; }
#nav ul li a.dd_link { padding: 20px 16px 20px 16px; margin: 0px; }
* html #nav ul li a.dd_link { padding: 20px 8px 20px 8px; margin: 0px; }
#nav ul li a.dd_link_over { padding: 19px 15px 21px 15px; margin: 0px; background-color: #262626; border-left: 1px solid #404040; border-right: 1px solid #404040; border-top: 1px solid #404040; }
* html #nav ul li a.dd_link_over { padding: 19px 7px 21px 7px; margin: 0px; background-color: #262626; border-left: 1px solid #404040; border-right: 1px solid #404040; border-top: 1px solid #404040; }
#nav ul li a.last { margin: 0px; }

#bespoke_dropdown {
		position: absolute;
		top: 57px;
		left: 251px;
		width: 200px; 
		z-index: 50;
		background: url("../images/dd_shim.jpg") repeat-x;
		border: none;
		border-left: 1px solid #404040; 
		border-right: 1px solid #404040; 
		border-bottom: 1px solid #404040;
}

#mtm_dropdown {
		position: absolute;
		top: 57px;
		left: 334px;
		width: 200px; 
		z-index: 50;
		background: url("../images/dd_shim.jpg") repeat-x;
		border: none;
		border-left: 1px solid #404040; 
		border-right: 1px solid #404040; 
		border-bottom: 1px solid #404040;
}

* html #bespoke_dropdown {
		position: absolute;
		top: 57px;
		left: 250px;
		width: 200px; 
		z-index: 50;
		background: url("../images/dd_shim.jpg") repeat-x;
		border: none;
		border-left: 1px solid #404040; 
		border-right: 1px solid #404040; 
		border-bottom: 1px solid #404040;
}

* html #mtm_dropdown {
		position: absolute;
		top: 57px;
		left: 317px;
		width: 200px; 
		z-index: 50;
		background: url("../images/dd_shim.jpg") repeat-x;
		border: none;
		border-left: 1px solid #404040; 
		border-right: 1px solid #404040; 
		border-bottom: 1px solid #404040;
}

#bespoke_dropdown ul, #mtm_dropdown ul { margin: 10px 0px 0px 0px !important; padding: 0px !important; }
#bespoke_dropdown ul li, #mtm_dropdown ul li { display: block; float: left; width: 180px !important; margin: 0px 0px 5px 10px !important; padding: 0px 0px 5px 0px; !important; border-bottom: 1px dotted #404040; list-style: none; }
* html #bespoke_dropdown ul li, * html #mtm_dropdown ul li { display: block; float: left; width: 180px !important; margin: 0px 0px 5px 5px !important; padding: 0px 0px 5px 0px; !important; border-bottom: 1px dotted #404040; list-style: none; }
#bespoke_dropdown ul li.dd_last, #mtm_dropdown ul li.dd_last { padding: 0px 0px 7px 0px; !important; border: none; }
#bespoke_dropdown ul li a, #mtm_dropdown ul li a { margin: 0px !important; padding: 0px !important; height: auto !important; }

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

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

* 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 30px 0px 0px; }
#footer p { display: block; float: right; margin: 0px; padding: 0px; }

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

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

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

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

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

#homepage_content strong { color: #ffffff; }

.homepage_text {
		display: block; 
		float: left; 
		width: 450px; 
		margin: 35px 0px 0px 0px; 
		padding: 0px;
}

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

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

#homepage_buttons {
		position: absolute;
		bottom: 60px;
		left: 60px;
		width: 505px;
		margin: 0px;
		padding: 0px;
		
}

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

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

#cta_buttons {
		position: absolute;
		bottom: 40px;
		left: 60px;
		width: 505px;
		margin: 0px;
		padding: 0px;
		
}

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

#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: 40px;
		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: 300px;
}

#contact_form form { display: block; float: left; width: 300px; 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: 26px 0 0 0; 
		overflow: hidden;  
		background: url("../images/accessories_header.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 26px;
}

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;
}