﻿/*===========================================================
WEBSITE: That Company Called If
COMPANY: zagota.com
===========================================================*/

body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.2em;		
		height: 100%;
		margin: 0px;
		padding: 0px;
		background-color: #cacaca;
		color: #5e5e5e;
}

ul, ol {
    	padding: 0px;
    	margin: 0px;
}

form {
    	padding: 0px;
    	margin: 0px;
}

/*===========================================================
HEADLINES, LINKS & PARAGRAPHS
===========================================================*/

h1 {	margin-top: 0px !important; margin-bottom: 0px !important; font-size: 1.0em; padding: 0px; }
h2 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; padding: 0px; }
h3 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; padding: 0px; }
h4 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; padding: 0px; }
p {		margin: 0px; padding: 0px; text-align: left; }

a:link {color: #868686; text-decoration: none; }
a:visited {color: #868686; text-decoration: none; }
a:hover {color: #eea437; text-decoration: none; }
a:active {color: #868686; text-decoration: none; }

/*=========================================================== 
LAYOUT
=============================================================
GENERAL SITE LAYOUT
===========================================================*/

#background_wrapper {
		display: block;
		width: 1042px;
		margin: 0px auto 0px auto;
		padding: 0px;
}

#shadow_wrapper {
		display: block;
		float: left;
		background: url("../images/shadow_shim.png") repeat-y;
		width: 1036px;
		margin: 0px;
		padding: 0px;
}

#shadow_bottom {
		display: block;
		float: left;
		background: url("../images/shadow_bottom.png") no-repeat;
		background-position: center;
		width: 1042px;
		height: 42px;
		margin: 0px;
		padding: 0px;
}

#wrapper {
		display: block;
		float: left;
		background-color: #ffffff;
		width: 980px;
		height: 100% !important;
		height: 100%;
		margin: 0px 31px 0px 31px;
		padding: 0px;	
}

/*=========================================================== 
HEADER
===========================================================*/

#header {
		display: block;
		float: left;
		width: 920px;
		height: 105px;
		margin: 0px;
		padding: 15px 30px 0px 30px;
		position:relative;
}

a#logo_main {
		display: block; 
		float: left;
		width: 324px;
		padding: 89px 0 0 0; 
		overflow: hidden;  
		background: url("../images/logo_main.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 89px;
}

#header_content {
		display: block;
		float: left;
		width: 596px;
		height: 89px;
		margin: 0px;
		padding: 0px;
}

#header_content p { display: block; float: right; margin: 5px 0px 0px 0px; padding: 0px; }
#header_content p#header_tel { width: 203px; padding: 35px 0 1px 0; overflow: hidden; background: url("../images/header_tel_old.gif") no-repeat; background-position: right; height: 0px !important; margin: 15px 0px 0px 0px; }
#header_content a { display: block; float: left; font-size: 14px; margin: 0px 0px 0px 15px; }

#currency
{
	position:absolute;
	top:10px;
	right:20px;
	width:200px;
}
#currency a, #currency p
{
	float:right;
	padding-right:5px;
}

/*=========================================================== 
SUBNAV
===========================================================*/

#subnav {
		display: block;
		float: left;
		background: url("../images/subnav_shim.jpg") repeat-x;
		width: 920px;
		height: 57px;
		margin: 0px;
		padding: 0px 30px 0px 30px;
}

#nav_search {
		display: block;
		float: left;
		background: url("../images/subnav_search.jpg") no-repeat;
		width: 220px;
		height: 57px;
		margin: 0px;
		padding: 0px;
}

#nav_search input { display: block; float: left; width: 120px; height: 15px; border: none; background: none; margin: 15px 0px 0px 40px; padding: 2px 0px 0px 0px; font-size: 11px; }
#nav_search input#button_search { display: block; float: left; background: url("../images/button_search.gif") no-repeat; width: 40px; height: 57px; overflow: hidden; margin: 0px 0px 0px 15px; padding: 57px 0px 0px 0px; border: none; cursor: pointer; }

#subnav_cart {
		display: block;
		float: left;
		background: url("../images/subnav_cart.jpg") no-repeat;
		width: 170px;
		height: 57px;
		margin: 0px 0px 0px 20px;
		padding: 0px;
}

#subnav_cart p { display: block; float: left; margin: 16px 0px 0px 25px; padding: 0px; }
#subnav_cart a { color: #5e5e5e; font-weight: bold; }
#subnav_cart a:hover { color: #eea437; }

#subnav_login {
		display: block;
		float: right;
		height: 57px;
		margin: 0px;
		padding: 0px;
}

#subnav_login p { display: block; float: left; margin: 16px 0px 0px 0px; padding: 0px; }
#subnav_login label { display: block; float: left; margin: 16px 5px 0px 10px; padding: 0px; }
#subnav_login input { display: block; float: left; background: url("../images/input_textbox.jpg") no-repeat; width: 134px; height: 16px; border: 1px solid #9d9d9d; margin: 13px 0px 0px 0px; padding: 3px 3px 0px 3px; font-size: 11px; }
#subnav_login input#button_login { display: block; float: left; background: url("../images/button_login.gif") no-repeat; width: 33px; height: 57px; overflow: hidden; margin: 0px 0px 0px 10px; padding: 57px 0px 0px 0px; border: none; cursor: pointer; }

a#button_account {
        display: block;
        float: left;
        background: url("../images/button_account.gif") no-repeat;
        width: 174px;
        height: /**/ 28px;
        height: 0px !important;
        overflow: hidden;
        margin: 9px 0px 0px 10px;
        padding: 28px 0px 0px 0px;
}

a#button_logout {
        display: block;
        float: left;
        background: url("../images/button_logout.gif") no-repeat;
        width: 40px;
        height: /**/ 57px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px 0px 0px 10px;
        padding: 57px 0px 0px 0px;
}

/*=========================================================== 
FOOTER
===========================================================*/

#footer {
		display: block;
		float: left;
		width: 980px;
		background: url("../images/footer_shim.jpg") repeat-x;
		height: 353px;
		margin: 0px;
		padding: 0px;
		color: #b2b1b1;
		font-size: 11px;
}

#footer ul { display: block; float: left; width: 215px; margin: 35px 0px 0px 0px; padding: 0px; }
#footer ul li { list-style: none; margin: 0px 0px 3px 0px; padding: 0px; }
#footer ul li a { color: #b2b1b1; }
#footer ul li a:hover { color: #ffffff; }

#footer_left {
		display: block;
		float: left;
		width: 289px;
		background: url("../images/footer_left.jpg") no-repeat;
		height: 353px;
		margin: 0px;
		padding: 0px;
}

#footer_left p { display: block; float: right; margin: 35px 30px 0px 0px; padding: 0px; color: #ffffff; }

#footer_address {
		display: block;
		float: left;
		margin: 35px 0px 0px 0px;
		padding: 0px;
}

#footer_address p { margin: 0px 0px 15px 0px; }
#footer_address a { color: #b2b1b1; }
#footer_address a:hover { color: #ffffff; }

#logo_copyright {
		display: block;
		float: left;
		background: url("../images/logo_copyright.jpg") no-repeat;
		height: 28px;
		margin: 0px;
		padding: 0px;
}

#logo_copyright p { margin: 6px 0px 0px 25px; }

/*=========================================================== 
LEFT MENU
===========================================================*/

#left_menu {
		display: block;
		float: left;
		width: 220px;
		margin: 0px;
		padding: 30px;
}

#left_menu ul { display: block; float: left; width: 220px; margin: 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dotted #000000; }
#left_menu ul li { list-style: none; margin: 0px; padding: 0px; }
#left_menu ul li a { display: block; width: 206px; color: #5e5e5e; padding: 5px 0px 5px 10px; }
#left_menu a img { border: none; margin: 0px 0px 15px 0px; }

#left_menu ul li a.leftlist_trade:hover { 
		color: #ffffff; 
		font-weight: bold; 
		background-color: #e6b220; 
		border-right: 4px solid #231f20; 
}

#left_menu_links {
		display: block;
		float: left;
		width: 220px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
}

#left_mailing p { float: left; font-size: 12px; margin: 0px 0px 5px 0px; }
#left_mailing form label { display: block; float: left; width: 80px; margin: 16px 5px 0px 0px; padding: 0px; }
#left_mailing form label span { color: #b02027; }
#left_mailing form p { float: left; font-size: 9px; margin: 12px 0px 0px 0px; }
#left_mailing form p span { color: #b02027; }
#left_mailing form input { display: block; float: left; background: url("../images/input_textbox.jpg") no-repeat; width: 125px; height: 16px; border: 1px solid #9d9d9d; margin: 13px 0px 0px 0px; padding: 3px 3px 0px 3px; font-size: 11px; }
#left_mailing form input.no_style { background: none; border: none; display: none; visibility: hidden; }
#left_mailing form input#button_submit { display: block; float: right; background: url("../images/button_submit.gif") no-repeat; width: 61px; height: 16px; overflow: hidden; margin: 10px 0px 0px 0px; padding: 16px 0px 0px 0px; border: none; cursor: pointer; }

#twitter_header {
		display: block;
		float: left;
		width: 220px;
		margin: 0px;
		padding: 15px 0px 0px 0px;
		border-top: 1px dotted #111111;
}

h3#twitter_title {
		display: block; 
		float: left;
		width: 93px;
		padding: 35px 0 0 0; 
		overflow: hidden;  
		background: url("../images/twitter_title.jpg") no-repeat;  
   		height: 0px !important; 
		height /**/: 35px;
}

a#twitter_link {
		display: block; 
		float: right;
		width: 52px;
		margin: 8px 0px 0px 0px;
		padding: 18px 0 0 0; 
		overflow: hidden;  
		background: url("../images/twitter_follow.jpg") no-repeat;  
   		height: 0px !important; 
		height /**/: 18px;
		cursor: pointer;
}

#twitter {
		display: block;
		float: left;
		width: 220px;
		padding: 0px;
		margin: 15px 0px 0px 0px;
}

#twitter_update_list { display: block; float: left; width: 220px; margin: 0px; padding: 0px; }
#twitter_update_list li { display: block; float: left; width: 220px; margin: 0px; padding: 0px; }
#twitter_update_list li a { display: inline !important; width: auto !important; margin: 0px; padding: 0px !important; float:none !important; }
#twitter_update_list li span { display: block; font-size: 16px; color: #966f8e; margin: 0px 0px 15px 0px; padding: 0px; line-height: normal; }
#twitter_update_list li span a { font-size: 16px; color: #966f8e; text-decoration: underline; line-height: normal; float:none !important; }

/*=========================================================== 
HOMEPAGE
===========================================================*/

#main_content {
		display: block;
		float: left;
		background: url("../images/main_shim.jpg") repeat-x;
		width: 671px;
		margin: 0px;
		padding: 0px;
}

#homepage_image {
		display: block;
		float: left;
		width: 671px;
		margin: 0px;
		padding: 0px;
		border: 0;
}

#homepage_image img { border: 0; }

#main_blurb {
		display: block;
		float: left;
		width: 631px;
		margin: 0px;
		padding: 30px 20px 30px 20px;
		border-bottom: 1px dotted #000000;
}

#blurb_text
{
	float:left;
	margin:0;
	padding:0;
	width:79%;
}
#blurb_link
{
	float:left;
	margin:0;
	padding:0;
	width:20%;
}

#main_blurb p {	display: block; float: left; font-size: 18px; line-height: 1.3em; margin: 0px; }
#main_blurb p strong { color: #c77eb5; }
#main_blurb a#button_learnmore { display: block; float: left; background: url("../images/button_learnmore.gif") no-repeat; width: 107px; height: /**/ 28px; height: 0px !important; overflow: hidden;  margin:0px; padding: 28px 0px 0px 0px; }

.main_prodcontainer {
		display: block;
		float: left;
		position: relative;
		width: 200px;
		height: 460px;
		margin: 30px 20px 20px 0px;
		padding: 0px; 
}

.main_prodcontainer h3 a { color: #c77eb5; font-size: 22px; font-weight: normal; padding: 0px; line-height: 1.0em; }
.main_prodcontainer h3 a:hover { text-decoration: underline; }
.main_prodcontainer a img { display: block; float: left; margin: 20px 0px 20px 0px; padding: 0px; border: 1px solid #000000; }
.main_prodcontainer p { display: block; float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 0px; line-height: 1.5em; }
.main_prodcontainer p strong { color: #779200; font-size: 14px; }
.main_prodcontainer a.button_viewproduct { display: block; position: absolute; bottom: 10px; left: 0px; background: url("../images/button_viewproduct.gif") no-repeat; width: 103px; height: /**/ 16px; height: 0px !important; overflow: hidden;  margin: 10px 0px 0px 0px; padding: 16px 0px 0px 0px; }

/*=========================================================== 
ABOUT US PAGES
===========================================================*/

#about_content {
		display: block;
		float: left;
		position: relative;
		width: 671px;
		margin: 0px;
		padding: 30px 0px 30px 0px;
}

#about_content h2 {
		display: block;
		float: left;
		width: 100%;
		margin: 0px;
		padding: 10px 0px 20px 0px;
		border-bottom: 1px dotted #000000;
		line-height: 1.0em;
		color: #c77eb5;
		font-size: 34px;
		font-weight: normal;
}

#rss_logo {
        position: absolute;
        top: 45px;
        right: 0px;
        background: url("../images/rss.jpg") no-repeat;
        height: 22px;
        padding: 6px 0px 0px 35px;
        margin: 0px;
}

#about_nav {
		display: block;
		float: left;
		width: 100%;
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 20px 0px;
		border-bottom: 1px dotted #000000;	
}

#about_nav ul { display: block; float: left; width: 200px; margin: 0px 20px 0px 0px; padding: 0px; }
#about_nav ul li { list-style: none; margin: 0px; padding: 0px; }
#about_nav ul li a { display: block; width: 186px; color: #5e5e5e; padding: 5px 0px 5px 10px; }
#about_nav ul li a:hover { color: #c77eb5; font-weight: bold; background-color: #f8edf5; border-right: 4px solid #c77eb5; }

#about_image {
		display: block; 
		float: left;
		position: relative;
		top: 0px;
		left: 0px;
		width: 671px; 
		height: 362px; 
		margin: 30px 0px 30px 0px; 
		padding: 0px;
}

#about_image p {
		display: block;
		position: absolute;
		bottom: 0px;
		width: 210px;
		font-size: 16px;
		font-weight: bold;
		color: #000000;
		line-height: 1.2em;
}

.about_container {
		display: block; 
		float: left; 
		width: 180px; 
		margin: 0px 40px 0px 0px; 
		padding: 0px;
		line-height: 1.4em;
}

.about_container p { margin: 0px 0px 15px 0px; }
.about_container p a:hover { text-decoration: underline; }
.about_container li { margin: 0px 0px 15px 15px; color: #f58220; }
.about_container li strong, .about_container strong.orange_title, .about_container p a, .about_container span  { color: #f58220; }
.about_container li span { color: #5e5e5e; }

.distributer
{
	float:left;
	margin:0;
	padding:0;
	width:350px;
}
#contact_form div.distributerform
{
	margin:10px 0;
}
.downloads
{
	float:left;
	margin:0 40px 0 0;
	padding:0;
	width:255px;
}
#about_content div.distributer h3, #about_content div.downloads h3
{
	float:left;
	width:100%;
	margin:0;
	padding:0 0 30px;
	color:#c77eb6;
	font-size:1.7em;
	font-weight:normal;
}
.downloads ul
{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
}
.downloads ul li
{
	float:left;
	width:100%;
	margin:13px 0 0;
	padding:13px 0 0;
	border-top:1px solid #cacaca;
	
}
.downloads ul li a
{
	font-size:1.2em;
}
.downloads ul li a:hover,.downloads ul li a:hover span
{
	text-decoration:underline;
}
.downloads ul li a span
{
	color:#c77eb6;
	float:right;
}
#distributer_downloads
{
	width:100%;
	float:left;
	clear:both;
	margin:10px 0 0 0;
}
	

/*=========================================================== 
CONTACT/TRADE/CATALOGUE PAGES
===========================================================*/

#contact_top {
		display: block;
		float: left;
		width: 100%;
		margin: 30px 0px 0px 0px;
		padding: 0px;
}

#contact_top p { font-size: 16px; }
#contact_top p strong { color: #c77eb5;}

/* Differences between following two divs */

#contact_left {
		display: block;
		float: left;
		width: 280px;
		margin: 30px 0px 0px 0px;
		padding: 0px;
}

#trade_left {
		display: block;
		float: left;
		width: 350px;
		margin: 30px 30px 0px 0px;
		padding: 0px;
}

 /* These styles are the same for both divs */
#contact_left #contact_form, #trade_left #contact_form { display: block; float: left; margin: 13px 0px 0px 0px; padding: 0px; }
#contact_left p, #trade_left p { float: left; font-size: 12px; margin: 10px 0px 0px 0px; text-align: justify; }
#contact_left p span, #trade_left p span { color: #b02027; }
#contact_left input.no_style, #trade_left input.no_style { background: none; border: none; display: none; visibility: hidden; }
#contact_left input#button_submit, #trade_left input#button_submit { display: block; float: right; background: url("../images/button_submit.gif") no-repeat; width: 61px; height: 16px; overflow: hidden; margin: 10px 0px 0px 0px; padding: 16px 0px 0px 0px; border: none; cursor: pointer; }
#contact_left label span, #trade_left label span { color: #b02027; }

/* Only these styles vary */
#contact_left input { display: block; float: left; background: url("../images/input_textbox.jpg") no-repeat; width: 175px; height: 16px; border: 1px solid #9d9d9d; margin: 0px 0px 10px 0px; padding: 3px 3px 0px 3px; font-size: 11px; }
#contact_left textarea { display: block; float: left; background: url("../images/input_textbox.jpg") no-repeat; width: 175px; height: 100px; border: 1px solid #9d9d9d; margin: 0px 0px 10px 0px; padding: 3px 3px 0px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#contact_left label { display: block; float: left; width: 90px; margin: 2px 5px 0px 0px; padding: 0px; }
#contact_left select { display: block; float: left; width: 183px; height: 22px; border: 1px solid #9d9d9d; margin: 0px 0px 10px 0px; padding: 0px; }

#trade_left input { display: block; float: left; background: url("../images/input_textbox.jpg") no-repeat; width: 215px; height: 16px; border: 1px solid #9d9d9d; margin: 0px 0px 10px 0px; padding: 3px 3px 0px 3px; font-size: 11px; }
#trade_left textarea { display: block; float: left; background: url("../images/input_textbox.jpg") no-repeat; width: 215px; height: 100px; border: 1px solid #9d9d9d; margin: 0px 0px 10px 0px; padding: 3px 3px 0px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#trade_left label { display: block; float: left; width: 120px; margin: 2px 5px 0px 0px; padding: 0px; }
#trade_left select { display: block; float: left; width: 223px; height: 22px; border: 1px solid #9d9d9d; margin: 0px 0px 10px 0px; padding: 0px; }

/* End */

.hear_about { display: block; float: left; width: auto; margin: 0px; padding: 0px; }

h3#header_getintouch {
		display: block; 
		float: left;
		width: 250px;
		padding: 44px 0 0 0; 
		overflow: hidden;  
		background: url("../images/header_getintouch.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 44px;
}

#contact_right {
		display: block;
		float: right;
		width: 364px;
		margin: 30px 0px 0px 0px;
		padding: 0px;
}

#contact_right p { color: #c77eb5; font-size: 16px; line-height: 1.1em; }
#contact_right p strong { color: #5e5e5e; font-size: 12px; }
#contact_right p span { color: #c77eb5; font-size: 12px; }

h3#header_googlemaps {
		display: block; 
		float: left;
		width: 350px;
		padding: 44px 0 0 0; 
		overflow: hidden;  
		background: url("../images/header_googlemaps.gif") no-repeat;  
   		height: 0px !important; 
		height /**/: 44px;
}

a#map_image {
        display: block;
        float: left;
        background: url("../images/map_image.jpg") no-repeat;
        width: 350px;
        height: /**/ 350px;
        height: 0px !important;
        overflow: hidden;
        margin: 13px 0px 20px 0px;
        padding: 350px 0px 0px 0px;
		border: 1px solid #9d9d9d;
}

#contact_bottom {
		display: block;
		float: left;
		width: 100%;
		margin: 20px 0px 0px 0px;
		padding: 0px;
}

#contact_bottom p { display: block; float: left; width: 200px; margin: 0px 20px 0px 0px; }
#contact_bottom p span { color: #c77eb5; }
#contact_bottom p strong { color: #c77eb5; }
#contact_bottom p a { color: #c77eb5; }
#contact_bottom p a:hover { text-decoration: underline; }

#trade_right {
		display: block;
		float: left;
		width: 264px;
		margin: 30px 0px 0px 0px;
		padding: 0px;
}

#trade_right p { color: #c77eb5; font-size: 16px; line-height: 1.1em; }
#trade_right p strong { color: #5e5e5e; font-size: 12px; }
#trade_right p span { color: #c77eb5; font-size: 12px; }

#trade_image {
		display: block; 
		float: left;
		width: 264px; 
		height: 290px; 
		margin: 0px 0px 30px 0px; 
		padding: 0px;
}

#trade_image.trade { background: url("../images/trade_image.jpg") no-repeat; }
#trade_image.catalogue { background: url("../images/catalogue_image2.jpg") no-repeat; }

/*=========================================================== 
INFO/NEWS/JOBS PAGES
===========================================================*/

#job_title {
		display: block;
		float: left;
		width: 100%;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 15px 0px;
		border-bottom: 1px dotted #000000;
}

#job_title h3 {
		color: #c77eb5; font-size: 24px; padding: 20px 0px 20px 0px; font-weight: normal; line-height: normal; 
}

.info_container {
		display: block;
		float: left;
		width: 100%;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 15px 0px;
		border-bottom: 1px dotted #000000;
}

.info_container h3 { color: #c77eb5; font-size: 24px; padding: 20px 0px 0px 0px; font-weight: normal; line-height: normal; }
.info_container h3 span { color: #5e5e5e; font-size: 14px; font-weight: bold; }
.info_container p { margin: 0px 0px 15px 0px; line-height: 160%; }

.news_box {
		display: block;
		float: left;
		width: 100%;
		margin: 10px 0px 10px 0px;
		padding: 0px;
}

.news_box p { margin: 0px 0px 10px 0px; padding: 0px; }
.news_box img { display: block; float: right; width: 300px; margin: 0px 0px 20px 20px; padding: 0px; border: 1px solid #000000; }
.news_box .news_video { display: block; float: right; width: 480px; margin: 0px 0px 20px 20px; padding: 0px; border: 1px solid #000000; }

.news_box_hidden {
		visibility: hidden;
		display: none;
}

a.button_readmore {
        display: block;
        float: left;
        background: url("../images/button_readmore.gif") no-repeat;
        width: 79px;
        height: /**/ 16px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px 15px 0px 0px;
        padding: 16px 0px 0px 0px;
}

a.button_readmore_hidden {
        display: none;
}

a.button_close {
        display: block;
        float: left;
        background: url("../images/button_close.gif") no-repeat;
        width: 49px;
        height: /**/ 16px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px 15px 0px 0px;
        padding: 16px 0px 0px 0px;
}

a.button_close_hidden {
        display: none;
}

a.button_apply {
        display: block;
        float: left;
        background: url("../images/button_apply.gif") no-repeat;
        width: 52px;
        height: /**/ 16px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px 15px 0px 0px;
        padding: 16px 0px 0px 0px;
}

/*=========================================================== 
APPLY
===========================================================*/

#apply_left {
		display: block;
		float: left;
		width: 350px;
		margin: 30px 30px 0px 0px;
		padding: 0px;
}

#apply_left #contact_form { display: block; float: left; margin: 13px 0px 0px 0px; padding: 0px; }
#apply_left label { display: block; float: left; width: 120px; margin: 2px 5px 0px 0px; padding: 0px; }
#apply_left label span { color: #b02027; }
#apply_left p { float: left; font-size: 9px; margin: 10px 0px 0px 0px; }
#apply_left p span { color: #b02027; }
#apply_left input { display: block; float: left; background: url("../images/input_textbox.jpg") no-repeat; width: 215px; height: 16px; border: 1px solid #9d9d9d; margin: 0px 0px 10px 0px; padding: 3px 3px 0px 3px; font-size: 11px; }
#apply_left input.file_style { background: none; height: auto; padding: 0px; border: 1px solid #9d9d9d; }
#apply_left input.no_style { background: none; border: none; display: none; visibility: hidden; }
#apply_left textarea { display: block; float: left; background: url("../images/input_textbox.jpg") no-repeat; width: 215px; height: 100px; border: 1px solid #9d9d9d; margin: 0px 0px 10px 0px; padding: 3px 3px 0px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#apply_left input#button_submit { display: block; float: right; background: url("../images/button_submit.gif") no-repeat; width: 61px; height: 16px; overflow: hidden; margin: 10px 0px 0px 0px; padding: 16px 0px 0px 0px; border: none; cursor: pointer; }

#apply_right {
		display: block;
		float: left;
		width: 314px;
		margin: 30px 0px 0px 0px;
		padding: 0px;
}

#apply_image {
		display: block; 
		float: left;
		width: 314px; 
		height: 400px; 
		margin: 0px 0px 30px 0px; 
		padding: 0px;
}

#apply_image.apply { background: url("../images/apply_image.jpg") no-repeat; }

/*=========================================================== 
LIST PAGE
===========================================================*/

#list_content {
		display: block;
		float: left;
		width: 671px;
		margin: 0px;
		padding: 30px 0px 30px 0px;
}

#list_content p { display: block; float: left; margin: 10px 0px 20px 0px; padding: 0px; font-size:1em; line-height:1.4em; }
#list_content p.catDesc { font-size:1.3em; }

#list_content h2 {
		display: block;
		float: left;
		width: 100%;
		margin: 0px;
		padding: 10px 0px 20px 0px;
		border-bottom: 1px dotted #000000;
		font-size: 34px;
		font-weight: normal;
		line-height: 1.0em;
}

.product_list_container {
		display: block;
		float: left;
		width: 325px;
		margin: 20px 21px 0px 0px;
		padding: 0px;
}

.product_list_container_alt {
		display: block;
		float: left;
		width: 325px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
}

.product_list_container a img, .product_list_container_alt a img { border: none; }
.product_list_container p, .product_list_container_alt p { margin: 10px 0px 10px 0px; line-height: 1.2em; }
.product_list_container p a, .product_list_container_alt p a { font-size: 18px; line-height: 1.2em; }
.product_list_container p a:hover, .product_list_container_alt p a:hover { text-decoration: underline; }

/*=========================================================== 
DETAIL PAGE
===========================================================*/

.breadcrumb {
		display: block;
		float: left;
		width: 100%;
		margin: 10px 0px 0px 0px;
		padding: 0px;
}

.breadcrumb p { margin: 0px !important; }

#product_left {
		display: block;
		float: left;
		width: 230px;
		margin: 10px 0px 0px 0px;
		padding: 0px;
}

#product_left h3 { color: #9c95c9; font-size: 20px; line-height: 1.2em; font-weight: normal; line-height: normal; }
#product_left h3 span { color: #5e5e5e; font-size: 14px;  line-height: 1.2em; font-weight: bold; }
#product_left p { display: block; float: left; margin: 0px 0px 10px 0px; line-height: 1.4em; width: 230px; }
#product_left p.product_price { font-size: 14px; margin: 20px 0px 20px 0px; }
#product_left p.product_price span { color: #9c95c9; font-weight: bold; }

#product_links {
		display: block;
		float: left;
		width: 230px;
		margin: 30px 0px 0px 0px;
}

a#button_print {
        display: block;
        float: left;
        background: url("../images/button_print.gif") no-repeat;
        width: 230px;
        height: /**/ 16px;
		height: 0px !important;
        overflow: hidden;
        margin: 0px 0px 5px 0px;
        padding: 16px 0px 0px 0px;
}

a#button_email {
        display: block;
        float: left;
        background: url("../images/button_email.gif") no-repeat;
        width: 230px;
        height: /**/ 16px;
		height: 0px !important;
        overflow: hidden;
        margin: 0px 0px 5px 0px;
        padding: 16px 0px 0px 0px;
}

a#button_open {
        display: block;
        float: left;
        background: url("../images/account_openaccount.gif") no-repeat;
        width: 145px;
        height: /**/ 16px;
		height: 0px !important;
        overflow: hidden;
        margin: 0px 0px 5px 0px;
        padding: 16px 0px 0px 0px;
}
a#book_account {
        display: block;
        float: left;
        background: url("../images/book_appointment.gif") no-repeat;
        width: 165px;
        height: /**/ 16px;
		height: 0px !important;
        overflow: hidden;
        margin: 0px 0px 5px 0px;
        padding: 16px 0px 0px 0px;
}

#prevnext {
		display: block;
		float: right;
		width: 420px;
		margin: 10px 0px 10px 0px;
		padding: 0px;
}

a#button_previous {
        display: block;
        float: left;
        background: url("../images/button_previous.gif") no-repeat;
        width: 108px;
        height: /**/ 21px;
		height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 21px 0px 0px 0px;
}

a#button_next {
        display: block;
        float: right;
        background: url("../images/button_next.gif") no-repeat;
        width: 108px;
        height: /**/ 21px;
		height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 21px 0px 0px 0px;
}

#product_right {
		display: block;
		float: right;
		width: 420px;
		margin: 10px 0px 0px 0px;
		padding: 0px;		
}

.product_image_div {
		display: none;
}

.product_image_div img { display: block; float: left; border: 1px solid #c7c7c7; }

#product_thumbs {
		display: block;
		float: left;
		width: 100%;
		margin: 0px;
		padding: 0px;
}

#product_thumbs img { margin: 10px 6px 0px 0px; border: 1px solid #c7c7c7; }
#product_thumbs img.last { margin: 10px 0px 0px 2px; border: 1px solid #c7c7c7; }

#product_bottom {
		display: block;
		float: left;
		width: 671px;
		margin: 30px 0px 0px 0px;
		padding: 0px;
}

#product_bottom  { display: block; float: left; margin: 0px; padding: 20px 10px 20px 10px; }
#product_bottom .detail_row { display: block; float: left; width: 100%; margin: 0px; padding: 20px 0px 20px 0px; border-bottom: 1px dotted #000000; }
#product_bottom .detail_row p { display: block; float: left; margin: 0px; padding: 0px 10px 0px 10px; }
#product_bottom .detail_row input { width: 50px; padding: 0px; }
#product_bottom .detail_row input.button_addtobasket {display: block; float: right; background: url("../images/button_addtobasket.gif") no-repeat; width: 108px; height: 21px; overflow: hidden; margin: 0px; padding: 21px 0px 0px 0px; border: none; cursor: pointer; }
#product_bottom .detail_shim { display: block; float: left; width: 100%; height: 32px; background: url("../images/details_shim.jpg") repeat-x; color: #c77eb5; font-weight: bold; font-size: 14px; padding: 8px 0px 0px 0px; }
#product_bottom .detail_shim span { display: block; float: left; margin: 0px; padding: 0px 10px 0px 10px; }

/*=========================================================== 
RESULTS PAGE
===========================================================*/

#search_results {
		display: block;
		float: left;
		width: 671px;
		margin: 0px;
		padding: 0px;
}
#search_results table tr td a{color:#5E5E5E;font-size: 14px; font-weight: bold;}
#search_results table tr td a img{border:1px solid #ffffff;}
#search_results table tr td.image { padding: 20px 10px 20px 0px; border-bottom: 1px dotted #000000; }
#search_results table tr td.name { padding: 20px 0px 20px 20px; border-bottom: 1px dotted #000000; font-size: 14px; font-weight: bold; }
#search_results table tr td.link { padding: 20px 0px 20px 0px; border-bottom: 1px dotted #000000; }
#search_results table tr td.link a.button_viewproduct { display: block; float: right; background: url("../images/button_viewproduct.gif") no-repeat; width: 103px; height: /**/ 16px; height: 0px !important; overflow: hidden;  margin: 0px; padding: 16px 0px 0px 0px; }

/*=========================================================== 
CART/CHECKOUT
===========================================================*/

#cart_table {
		display: block;
		float: left;
		width: 671px;
		margin: 20px 0px 20px 0px;
		padding: 0px;
}

#cart_table table { width: 671px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#cart_table table tr.cart_top { height: 32px; background: url("../images/details_shim.jpg") repeat-x; color: #c77eb5; font-weight: bold; font-size: 14px; }
#cart_table table tr.cart_top td { padding: 0px 10px 5px 10px; }
#cart_table table tr.cart_items td { background-color: #ffffff; color: #000000; border-bottom: 1px dotted #000000; }
#cart_table table tr.cart_items_alt td { background-color: #f2f2f2; color: #000000; 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: #c77eb5; }

#cart_bottom {
		display: block;
		float: right;
		width: 308px;
		margin: 0px;
		padding: 0px;
}

#cart_bottom p { display: block; float: left; width: 200px; margin: 2px 0px 18px 0px; padding: 0px; }

#checkout_content {
		display: block;
		float: left;
		width: 671px;
		margin: 0px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		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: 325px;
		margin: 0px 20px 0px 0px;
		padding: 0px;
}

#checkout_right {
		display: block;
		float: left;
		width: 325px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
}

#checkout_left h3, #checkout_right h3 {	display: block; float: left; width: 305px; height: 12px; background: url("../images/details_shim.jpg") repeat-x; color: #c77eb5; font-size: 14px; padding: 10px; }
#checkout_left label, #checkout_right label { display: block; float: left; width: 95px; height: 20px; margin: 0px 30px 5px 0px;	padding: 5px 0px 0px 10px; font-weight: bold; }
#checkout_left label.hear, #checkout_right label.hear {	display: block; float: left; width: 95px; height: 25px; margin: 0px 30px 5px 0px; padding: 0px 0px 0px 10px; font-weight: bold; }
#checkout_left label.opt, #checkout_right label.opt { display: block; float: left; width: 95px;	height: 30px; margin: 0px 30px 5px 0px;	padding: 0px 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/input_textbox.jpg") no-repeat; width: 178px; height: 15px; margin: 0px 0px 5px 0px;	padding: 5px; border: 1px solid #9d9d9d; font-size: 11px; } 
#checkout_left textarea, #checkout_right textarea { display: block; float: left; background: url("../images/input_textbox.jpg") no-repeat; width: 178px; height: 50px; margin: 0px 0px 5px 0px;	padding: 5px; border: 1px solid #9d9d9d; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } 
#checkout_right input.optin { display: block; float: left; width: 190px; height: 30px; margin: 0px 0px 5px 0px; padding: 0px; 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: 190px; height: 25px; margin: 0px 0px 5px 0px; padding: 2px 0px 0px 0px; border: 1px solid #333333; vertical-align: middle; } 

#checkout_bottom {
		display: block;
		float: left;
		width: 100%;
		margin: 20px 0px 0px 0px;
		padding: 0px;
}

#checkout_bottom h3 {	display: block; float: left; width: 100%; height: 12px; background: url("../images/details_shim.jpg") repeat-x; color: #c77eb5; font-size: 14px; padding: 10px; }
#checkout_bottom p { display: block; float: left; width: 315px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 10px; text-align: justify; }

#checkout_bottom_form {
		display: block;
		float: right;
		width: 310px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
}

#checkout_bottom_form input { display: block; float: left; margin: 18px 40px 15px 40px; text-align: right; }

#checkout_bottom input#button_payment {		
        display: block;
        float: right;
        background: url("../images/button_submitorder.gif") no-repeat;
        width: 108px;
        height: 21px;
        overflow: hidden;
        margin: 20px 0px 0px 0px;
        padding: 21px 0px 0px 0px;
		border: none;
		cursor: pointer;
}

#checkout_bottom input#button_submitorderforapproval {		
        display: block;
        float: right;
		clear:right;
        background: url("../images/button_submitorderapproval.jpg") no-repeat;
        width: 181px;
        height: 21px;
        overflow: hidden;
        margin: 20px 0px 0px 0px;
        padding: 21px 0px 0px 0px;
		border: none;
		cursor: pointer;
}

#checkout_bottom input#button_paynow {		
        display: block;
        float: right;
        background: url("../images/button_paynow.gif") no-repeat;
        width: 84px;
        height: 21px;
        overflow: hidden;
        margin: 20px 0px 0px 0px;
        padding: 21px 0px 0px 0px;
		border: none;
		cursor: pointer;
}


#sagepay_logo {
		display: block;
		float: left;
		background: url("../images/sagepay_logo.gif") no-repeat;
		width: 205px;
		height: 53px;
		margin: 0px;
		padding: 0px;
}

#account_logo {
		display: block;
		float: left;
		background: url("../images/account_logo.gif") no-repeat;
		width: 205px;
		height: 53px;
		margin: 0px;
		padding: 0px;
}

a#button_checkout {
        display: block;
		float: left;
        background: url("../images/button_checkout.gif") no-repeat;
        width: 108px;
        height: /**/ 21px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px 0px 20px 0px;
        padding: 21px 0px 0px 0px;
}

a#button_continue {
        display: block;
		float: left;
        background: url("../images/button_continue.gif") no-repeat;
        width: 108px;
        height: /**/ 21px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px 0px 20px 0px;
        padding: 21px 0px 0px 0px;
}

a.button_remove {
		display: block;
		float: left;
        background: url("../images/button_remove.gif") no-repeat;
        width: 108px;
        height: /**/ 21px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 21px 0px 0px 0px;
}

a.button_update {
		display: block;
		float: left;
        background: url("../images/button_update.gif") no-repeat;
        width: 108px;
        height: /**/ 21px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 21px 0px 0px 0px;
}



/*=========================================================== 
ACCOUNT PAGES
===========================================================*/

.account_content {
		display: block;
		float: left;
		width: 100%;
		margin: 20px 0px 20px 0px;
		padding: 0px;
}

.account_content h3 { font-size: 18px; line-height:1.2em; color: #5e5e5e; padding: 0px 0px 20px 0px; }
.account_content h3.first_time { color: #de6d5b; }
.account_content p { margin: 0px 0px 10px 0px; }
.account_content table { width: 671px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.account_content table tr.cart_top { height: 32px; background: url("../images/details_shim.jpg") repeat-x; color: #c77eb5; font-weight: bold; font-size: 14px; }
.account_content table tr.cart_top td { padding: 0px 10px 5px 10px; }
.account_content table tr.cart_items td { background-color: #ffffff; border-bottom: 1px dotted #000000; }

.details_box {
		display: block;
		float: left;
		width: 100%;
		margin: 20px 0px 20px 0px;
		padding: 0px;
}

.details_box p { margin: 0px 0px 10px 0px; padding: 0px; }

.details_box_hidden {
		visibility: hidden;
		display: none;
}

.logout_content {
		display: block;
		float: left;
		width: 100%;
		margin: 20px 0px 20px 0px;
		padding: 0px 0px 20px 0px;
		border-bottom: 1px dotted #000000;
}

.logout_content p { margin: 0px 0px 10px 0px; }
.logout_content p.alt { margin: 0px; }

#password_form {
		display: block;
		float: left;
		width: 350px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
}

#password_form label { display: block; float: left; width: 120px; margin: 2px 5px 0px 0px; padding: 0px; font-weight: bold; }
#password_form input { display: block; float: left; background: url("../images/input_textbox.jpg") no-repeat; width: 215px; height: 16px; border: 1px solid #9d9d9d; margin: 0px 0px 10px 0px; padding: 3px 3px 0px 3px; font-size: 11px; }
#password_form span { display: block; float: left; width: 215px; height: 16px; margin: 0px 0px 10px 0px; padding: 3px 3px 0px 3px; }
#password_form input#button_submit { display: block; float: right; background: url("../images/button_submit.gif") no-repeat; width: 61px; height: 16px; overflow: hidden; margin: 10px 0px 0px 0px; padding: 16px 0px 0px 0px; border: none; cursor: pointer; }
#password_form input.no_style { background: none; border: none; display: none; visibility: hidden; }

#account_details_left {
		display: block;
		float: left;
		width: 320px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
}

#account_details_right {
		display: block;
		float: right;
		width: 320px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
}

#account_details_left h3, #account_details_right h3 { height: 50px; background: url("../images/details_shim.jpg") repeat-x; color: #c77eb5; font-weight: bold; font-size: 14px; width: 320px; padding: 8px 0px 0px 8px; }
#account_details_left label, #account_details_right label { display: block; float: left; width: 140px; margin: 2px 5px 0px 0px; padding: 0px; font-weight: bold; }
#account_details_left input, #account_details_right input { display: block; float: left; background: url("../images/input_textbox.jpg") no-repeat; width: 165px; height: 16px; border: 1px solid #9d9d9d; margin: 0px 0px 10px 0px; padding: 3px 3px 0px 3px; font-size: 11px; }
#account_details_left span, #account_details_right span { display: block; float: left; width: 165px; height: 16px; margin: 0px 0px 10px 0px; padding: 3px 3px 0px 3px; }
#account_details_left input#button_submit, #account_details_right input#button_submit { display: block; float: right; background: url("../images/button_submit.gif") no-repeat; width: 61px; height: 16px; overflow: hidden; margin: 10px 0px 0px 0px; padding: 16px 0px 0px 0px; border: none; cursor: pointer; }
#account_details_left input.no_style, #account_details_right input.no_style { background: none; border: none; display: none; visibility: hidden; }
