/*
 * 
 * Mods:
 * ZD382 Anthony 25/11/09
 * Packages can be shown 3 or 4 columns per row (see Settings:submenu)
 * 
 */

body
{
margin: 0px;
padding: 0px;
text-align: center; /* IE6 will not center without this [see #container] */
background: #fff;
}

body, table
{
font-family: 'century gothic', Monaco, sans-serif, verdana;
font-size: 10pt;
color: #555;
}

input[type='submit']
{
font-family: 'century gothic', Monaco, sans-serif, verdana;
font-size: 10pt;
color: white;
background: rgb(192, 33, 38);
border: 1px solid #ccc;
cursor: pointer;
}

a
{
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

img, imagemap
{
border: none;
}

#container
{
width: 973px;
margin-left: auto;
margin-right: auto;
text-align: left; /* For IE6 sake. overrides alignment of body tag above */
}

#header
{
height: 115px;
background-image: url('images/bg_header.png?cache=100105-1439');
background-position: center center;
background-repeat: no-repeat;
color: #ccc;
/* Must be relative, otherwise the absolutely positioned HTML within will take position from <html> */
position: relative;
left: 0px;
top: 0px;
}

#header img
{
width: 300px;
height: 87px;
position: absolute;
left: 340px;
top: 0px;
}

#username, #password, input#search, #trade_login_panel, #username_text, #password_text
{
position: absolute;
border: 0px;
background: none;
}

#username
{
left: 6px;
top: 23px;
}

#password
{
left: 6px;
top: 46px;
}

/* position is just in case of any crazy reason why display: none fails */
#submit_login
{
position: absolute;
left: 215px;
top: 59px;
display: none;
}


/*
#username_text
{
left: 10px;
top: 22px;
color: #555;
background-image: url("images/username.gif");
background-repeat: none;
width: 100px;
height: 20px;
border: 1px solid red;
}
 
#password_text
{
left: 10px;
top: 63px;
color: #555;
background-image: url("images/password.gif");
background-repeat: none;
width: 100px;
height: 20px;
border: 1px solid red;
}
*/
#trade_login_panel
{
left: 2px;
top: 69px;
}

input#search
{
left: 790px;
top: 96px;
font-size: 70%;
}

#mini_cart_title, #mini_cart_items, #mini_cart_price
{
position: absolute;
right: 48px;
text-align: right;
}

#mini_cart_title
{
top: 10px;
}

#mini_cart_items
{
top: 36px;
}

#mini_cart_price
{
top: 62px;
}

#header_menu
{
position: absolute;
left: 1px;
top: 95px;
font-weight: bold;
}

#header_menu a
{
color: #ccc;
margin-left: 6px;
margin-right: 6px;
font-weight: normal;
font-size: 95%;
}

#header_menu a.first
{
margin-left: 0px;
}

#content
{
clear: both;
}

/*
#col1 img, #col2 img, #col3 img { margin-top: 3px; }
#col1, #col2 { float: left; }
#col3 { float: left; }

#col3 img#coolers_safes
{
margin-top: 2px;
margin-left: 1px;
margin-bottom: 2px;
}

#col1 { width: 279px; }
#col2 { width: 353px; }
#col3 { width: 340px;}

#safes
{
float: right;
}
*/

#homepage
{
position: relative;
left: 0px;
top: 0px;
height: 740px;
}

#trouser-presses, #ironing-centres, #bedroom-amenities, #bathroom-amenities, 
#electrical-appliances, #wine-coolers-and-mini-bars, #safes, #accessories
{
position: absolute;
padding-top: 4px;
}

#trouser-presses
{
left: 0px;
top: 0px;
}

#ironing-centres
{
left: 0px;
top: 457px;
}

#bedroom-amenities
{
left: 279px;
top: 0px;
}

#bathroom-amenities
{
left: 279px;
top: 315px;
}

#electrical-appliances
{
left: 632px;
top: 0px;
}

#wine-coolers-and-mini-bars
{
left: 632px;
top: 175px;
}

#safes
{
left: 800px;
top: 175px;
}

#accessories
{
left: 632px;
top: 515px;
}

.clear
{
clear: both;
}


#header_right #trade_user_info
{
color: white;
}

#header_right #trade_user_info a
{
color: lightgrey;
font-size: 11pt;
padding: 0px;
}

#footer
{
padding: 50px 0px 50px 0px;
clear: both;
text-align: center;
font-size: 90%;
}

#footer a
{
white-space: nowrap;
padding-left: 10px;
padding-right: 10px;
color: rgb(192, 33, 38);
}

.clear_both
{
clear: both;
}

/* Category page categories */

div#cats
{
text-align: center;
border: 1px solid #ddd;
background: #eee;
margin: 10px 2px 0px 0px;
padding-bottom: 24px;
background:#fff;
}

div#cats .cat
{
text-align: center;
float: left;
width: 182px;
height: 225px;
margin: 2px 0px 0px 9px;
font-weight: bold;
background: #fff;
border: none;
display: inline;
}

div#cats .cat div
{
margin: 2px 10px 0px 10px;
}

div#cats .cat img
{
margin-top: 10px;
}

.cat a
{
color: rgb(192, 33, 38);
}

/* Generic: Any number of packages per row */

div#packages .package
{
background: #fff;
border: 1px solid #ccc;
height: 165px; /* package tile height */
float: left;
font-size: 90%;
margin: 7px;
overflow: hidden;
position: relative;
left: 0px;
top: 0px;
display: block;
cursor: pointer;
}

div#packages .package a:hover
{
text-decoration: none;
cursor: pointer;
}

div#packages .package .name
{
margin: 10px;
font-weight: bold;
color: rgb(192, 33, 38);
}

div#packages .package img
{
float: right;
margin: 5px 5px 5px 0px;
}

div#packages .package .price
{
position: absolute;
left: 0px;
bottom: 23px;
font-weight: bold;
color: #555;
}

div#packages .package .description
{
margin: 10px 0px 0px 10px;
color: #555;
}

div#packages .package .view_full_spec
{
position: absolute;
left: 0px;
top: 142px;
padding-left: 10px;
color: rgb(192, 33, 38);
cursor: pointer;
width: 220px;
height: 30px;
}

/* 4 packages per row */

div#packages.cols4, div#package
{
border: 1px solid #ddd;
background: #eee;
margin: 10px 2px 0px 0px;
padding: 10px;
}

div#packages.cols4 .package
{
width: 220px;
}

div#packages.cols4 .package .name
{
font-size: 90%;
}

div#packages.cols4 .package .price
{
margin-left: 10px;
font-size: 90%;
}

div#packages.cols4 .package .name_description
{
height: 215px;
overflow: hidden;
}

/* 3 packages per row */

div#packages.cols3, div#package
{
border: 1px solid #ddd;
background: #eee;
margin: 10px 2px 0px 0px;
padding: 10px;
}

div#packages.cols3 .package
{
background: #fff;
border: 1px solid #ccc;
width: 300px;
height: 120px; /* package tile height */
float: left;
font-size: 90%;
margin: 7px;
overflow: hidden;
}

div#packages.cols3 .package .name_description
{
height: 197px;
overflow: hidden;
}

div#packages.cols3 .package .price
{
margin: 5px 0px 5px 20px;
}

div#packages.cols3 .package .view_full_spec
{
width: 290px;
}


/* Package (see div#package above too) */

div#package
{
padding: 20px;
}

div#package h1
{
font-size: 14pt;
margin: 10px;
}

div#package div#images
{
float: left;
width: 295px;
margin: 10px;
}

div#package div#prices
{
float: left;
margin: 10px;
width: 200px;
}

div#package div#ex_vat
{
margin: 70px 0px 0px 0px;
font-weight: bold;
font-size: 120%;
color: rgb(192, 33, 38);
}

div#package div#inc_vat
{
margin: 10px 0px 0px 0px;
}

div#package div#add_cart
{
margin-top: 30px;
text-align: center;
}

div#package div#add_cart.disabled
{
text-align: center;
margin: 30px 5px 5px 5px;
padding: 5px;
border: 1px solid red;
color: red;
font-size: 95%;
}

div#package div#add_cart.disabled a
{
color: red;
text-decoration: underline;
}


div#package div#descriptions
{
float: left;
margin: 10px;
width: 370px;
}

div#package div#descriptions p
{
font-size: 10pt;
}

div#package div#descriptions li
{
margin-left: 16px;
}


div#package div#descriptions h5
{
font-size: 10pt;
margin: 0px;
}


div#package #main_image, div#package .thumb
{
border: 1px solid #ccc;
}

div#package .thumb
{
margin: 4px 0px 4px 8px;
}

div#package .thumb_col1
{
margin-left: 0px;
}

/* tables */


th
{
background: none repeat scroll 0 0;
color: rgb(192, 33, 38);
}

th, td
{
padding: 4px;
}

td
{
border: 1px solid #e8e8e8;
border-right: 2px solid #d8d8d8;
border-bottom: 2px solid #d8d8d8;
}

#package_content_top_price_availstock
{
	padding-top: 10px;
}


#distributors
{
}

#distributors .distributor
{
margin: 10px 0px 5px 20px;
width: 395px;

}

#distributors .distributor .company_name
{
font-weight: bold;
color: rgb(192, 33, 38);
}

#distributors .distributor .contact_name
{
font-weight: bold;
}

#distributors .distributor .address
{
font-style: italic;
padding: 5px;
}

#regionRows .notShown {
	
	color: #ffffff;
	background:#ffffff;
	display:none;
}

#regionRows #North {
	background:#b8a9ca;
}

#regionRows #South {
	background:#c7de90;
}


#regionRows .Highlighted {
	
	display:block;
	
}

#postcodeMessage {
	
	display:none;
	color:red;
	
}

.distrbutors_float{
	float:left;
	padding:8px;
	
}


#distributors_uk{
	width:280px;
}

#RegionalAccountTitle{
	text-align: left;
}

#spare_parts{
	text-align:center;
}

#userguide{}
#userguide dt{
	padding:5px;
}

.ShowRegisterCreditAccount{
	
}
.ShowRegisterCreditAccount textarea{
	width:100%;
}


.HideRegisterCreditAccount{
	display:none;
}

.whiteregisterlinks{
	color:#ffffff;
}

#payment_types
{
text-align: right;
vertical-align: center;
margin-top: 10px;
}

#secure_padlock
{
margin: -10px 0px 10px 0px;
}

/* Bespoke items */

#category-statesman-trouser-presses
{
clear: left;
}

div#addressDetailsMain sup
{
color: rgb(192, 33, 38);
}

div#addressDetailsMain td
{
background: #f8f8f8;
}

.AddressCustomButton
{
text-align: center;
margin-bottom: 10px;
}

div#register_done
{
margin: 30px 0px 150px 0px;
}

div#register_done p#title
{
font-weight: bold;
color: rgb(192, 33, 38);
margin-top: 10px;
}

div#register_done p#subtitle
{
margin-top: 10px;
}

div#register_done div#assessment
{
margin-top: 35px;
text-align: center;
color: rgb(192, 33, 38);
}

div#register_done div#assessment p
{
margin-top: 25px;
}

div#register_done noscript
{
display: block;
margin-top: 30px;
}