@charset "utf-8";
/* CSS Document */

/*
	set some global rules
-----------------------------*/
h1, h2, h3, form, div, body {
	margin:0;
	padding:0;
}

body {
	color:#333;
	background:#fff;
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
}

/*
	header tag styling
---------------------------*/
h1, h2, h3 {
	font-family:'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif;
}

h1 {
	font-size:18px;
	color:#990000;
}

h2 {
	font-size:13px;
	padding:13px 0 5px 5px;
	margin:0 -10px 0 -9px;
	color:#fff;
	position:relative
}

h2.green {background:url(../i/bg_h2_green.png) repeat-x top left}
h2.orange {background:url(../i/bg_h2_orange.png) repeat-x top left}
h2.blue {background:url(../i/bg_h2_blue.png) repeat-x top left}
h2.red {background:url(../i/bg_h2_red.png) repeat-x top left}
h2.grey {background:url(../i/bg_h2_grey.png) repeat-x top left}

h2#bypost, h2#bytel, h2#byfax, h2#byemail {
	margin:20px 0 10px;
	color:#333;
	font-size:16px;
	padding:8px 0 8px 40px
}
h2#bypost {background:url(../i/icon_mail.gif) no-repeat center left}
h2#bytel {background:url(../i/icon_tel.gif) no-repeat center left}
h2#byfax {background:url(../i/icon_fax.gif) no-repeat center left}
h2#byemail {background:url(../i/icon_email.gif) no-repeat center left}

h3 {
	background:#eee;
	padding:2px 5px;
	font-size:14px;
	margin:10px 0 0;
}

/*
	p, span, strong etc
-----------------------------*/
p {
	margin:5px 0 10px;
}

p.error {
	border:1px solid #c50000;
	background:#F9E5E5;
	padding:10px;
	font-size:16px;
}

p.success {
	border:1px solid #669900;
	background:#EFFAE5;
	padding:10px;
	font-size:16px;
}

/* 4 sections under Corporate and Promo Merc on index.php */
p#promo_prods {
	background:url(../i/bg_promo_prods.jpg) no-repeat center left;
	padding-left:60px;
}
p#custom_touch {
	background:url(../i/bg_custom_touch.jpg) no-repeat center left;
	padding-left:60px;
}
p#bespoke {
	background:url(../i/bg_bespoke.jpg) no-repeat center left;
	padding-left:60px;
}
p#inspiration {
	background:url(../i/bg_inspiration.jpg) no-repeat center left;
	padding-left:60px;
}

em {
	font-weight:bold;
}

address {
	font-style:normal
}

span.form_err {
	display:block;
	color:red;
}
span.form_err strong {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif
}

/*
	list styling (ul, ol, li)
------------------------------------*/
ul.ticklist {
	margin:5px;
	padding:0;
	list-style-type:none;
	position:relative;
}
ul.ticklist li {
	background:url(../i/icon_tick.png) no-repeat center left;
	padding:3px 0 3px 25px
}

/*
	Link styling
---------------------*/
a:link, a:visited {
	color:#0066CC;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

div#nav ul {display:block; margin:0; padding:0;}
div#nav li {display:inline; margin:0 10px; padding: 0; list-style-type: none;}
div#nav li a {padding:3px 6px; text-decoration:none; color:#fff; font-weight:bold}
div#nav li a:hover {text-decoration:none; border-top:10px solid #D54545}

div#foot a {
	color:#fff;
	font-weight:bold;
}

/*
	Main container div's
----------------------------*/
div#wrap {
	width:787px;
	margin:0 auto;
	text-align:left
}

div#head {
	background:url(../i/bg_head.jpg) no-repeat center left;
	height:118px
}

div#nav {
	background:url(../i/bg_nav.png) repeat-x top left;
	text-align:left;
	padding:13px 0 7px
}

div#subwrap {
	border-left:1px solid #333;
	border-right:1px solid #C50000;
	padding:5px 10px 0;
	_height: 0;
}

div#homeleft {
	width: 400px;
	float: left;
	display:inline
}
	* html div#homeleft{margin-right:-3px}/*fixes 3px bug in IE*/
	
div#homeright {
	margin: 0 0 0 410px;
}
	* html div#side{margin-left:407px}

/* main content on some of the other static pages */
div#maincontent {
	float:left;
	width:380px;
}

/* right hand column on some of the other static pages */
div#rightcontent {
	margin: 0 0 10px 390px;
}

div#foot {
	text-align:right;
	background:url(../i/bg_foot.png) no-repeat top left;
	color:#fff;
	padding:38px 10px 10px 0;
	font-size:10px;
	margin-top:-10px
}

/*
	main content divs 
--------------------------*/
div.borderbox {
	background:url(../i/bg_borderbox.png) no-repeat bottom left;
	border-right:1px solid #999;
	/*border-top:1px solid #333;*/
	padding:0 10px 1px;
	margin:0 0 15px
}

div#promotext {
	margin-left:190px;
	position:relative
}
div#promotext h3 { background:#c00; color:#fff }

div#map {
	width:500px;
	height:400px;
	border:1px solid #666;
	margin:10px auto
}

/*
	Misc div's
-----------------*/
div.clear, div.clearleft {
	clear:both;
	overflow:hidden;
	height:0;
	font-size:0;
}
div.clearleft { clear:left }

div.padding {
	padding:0 10px;
}

/*
	table styling
------------------------*/
table#bpma {
	width:99%;
}
table#bpma tr td {
	vertical-align:top
}

table#contact_tbl {
	width:100%;
}
table#contact_tbl tr td {
	vertical-align:top;
	padding:0 10px 10px
}

table.general_tbl {
	width:99%;
}
table.general_tbl tr td {
	padding:2px 5px;
}

td.leftcell {
	text-align:right;
	vertical-align:top;
	width:100px
}
/*
	form styling
----------------------*/
input.txtbox {
	border:1px solid #ccc;
}

input.btn {
	color:#333;
	margin:5px 0;
	font-size:14px
	/*background:#888;
	padding:0 5px;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	border-left:1px solid #555;
	border-top:1px solid #555;
	font-weight:bold;
	*/
}

input.submit {
	color:#333;
	font-size:18px
}

input, textarea, select {
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
}

form#request_form {
	margin:10px 0;
}

form#request_form input,
form#request_form select,
form#request_form textarea {
	width:200px;
}

label.req {	
	background:url(../i/bg_label_req.png) no-repeat center left;
	padding:5px 0 5px 20px
}

/*
	image styling
----------------------*/
img { border:none }

img.promophoto {
	margin:5px 0 10px 0;
	float:left;
}