/* Copyright Vanbar Multimedia Ltd 2009 */

/************************ Top Level *************************/
*	 { margin:0; padding:0; border:0; }
body { 
	font:small/130% Arial, Helvetica, sans-serif;
	color:#999999;
	background-color:#FFFFFF;
 }


/*********************** Common Styles ***********************/
/* Positioning */
.left				{float:left}
.right			{float:right}
.clearfloats	{clear:both}
.clearleft		{clear:left}
.textcenter		{text-align:center}
.textright		{text-align:right}
.textleft		{text-align:left}
.hidden			{visibility:hidden}

/* Styling */
p					{margin:10px 0 10px 0}
p.no_margin		{margin:0 }
h1					{margin:10px 0 15px 0; font-size:130%;}
h2					{margin:30px 0 10px 0; font-size:110%;}
img				{}
ul, ol			{margin:5px 0 5px 45px;}
li					{margin:2px 0 2px 0;}

/* forms */
form				{padding:15px 0;}
form.no_padding{padding:0}
fieldset			{border: 1px solid #BCD761; margin:0px 40px 30px 40px; padding:15px; background-color:#FFFFFF;}
legend			{font-weight:bold; padding:0 5px;} /* margin-left was 155 to line up with labels*/
input, textarea, select {
	border:1px solid #999999;
	color:#666666;
	float:left;
	margin:5px 0;
	padding-left:5px;
	width:250px;
	border-color:#999999;
	color:#999999;
}
label					{margin:5px 5px 5px 0; clear:left; float:left; text-align:right; width:200px;}
label.auto_width	{width:auto;}
fieldset fieldset label	{width:145px;}
textarea {
	vertical-align:text-top;
	height:115px;
	font:small/130% Arial, Helvetica, sans-serif;
	color:#999999;
}
input				{height:18px;}
input.no_label		{margin-left:155px;} 
input.readonly		{background-color:#EEEEEE; cursor:default;}
p.form_key			{margin:5px 0 5px 155px; font-size:x-small;}
label.multifield	{clear:none; text-align:left; width:250px; margin:0 5px 5px 5px;}
input.multifield {
	clear:left;
	width:13px !important;
	height:13px !important;
	border:0 !important;
	margin-left:155px;
}
label.checkbox		{clear:none; text-align:left; width:250px; margin:0 0 5px 5px;}
input.checkbox		{clear:left; width:13px; height:13px; margin-left:76px;}
input.button		{width:auto; padding:0 3px 2px 0; height:20px; background-color:#EEEEEE;}

/* ALL THE BELOW NEEDS SORTING */
div#buttons,
div.submit_inputs	{clear:both; text-align:center;}
div.buttons input,
div#buttons input,
div.submit_inputs input {
	float:none;
	width:auto;
	padding:0 3px 0 3px;
	margin:10px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	color:#999999;
	clear:left;
}
p.form_error {
	float:left;
	margin:0;
	padding:0;
	margin-left:5px;
	color:#BCD761;
	width:270px;
}
p.form_info						{clear:left; margin-left:105px; width:270px; font-size:90%;}
form.inline						{padding:0;}
form.inline label				{margin-bottom:0;}
form.inline select			{}
form.inline input.button	{height:20px; margin-left:10px;}
input.inline					{height:20px; margin-left:10px; width:auto; float:left;}
p.input_info, p.input_error {
	margin:0px 0 5px 5px;
	padding:0;
}
p.input_info {
	float:left;
	width:auto;
}
p.input_error {
	clear:left;
	color:#CC0000;
	margin:0 0 5px 155px;
}

/* tables */
table							{border-collapse:collapse; background-color:#FFFFFF; width:100%;}
table th,
table td						{border:1px solid #CCCCCC; padding:3px 5px;}
table th						{background-color:#EEEEEE;}
table.vert_headers th	{text-align:right; width:145px;}

/* links 53B7EB */
a							{color:#BCD761; text-decoration:none;}
a:link					{}
a:active					{}
a:visited				{}
a:hover					{color:#999999; text-decoration:underline}


/************************* Pagination *************************/
p#pagination {
	text-align:center;
}
p#pagination a,
p#pagination span.pagination_current,
p#pagination span.pagination_disabled {
	border:1px solid #999999;
	padding:0 5px 1px 5px;
	margin:0 3px;
}
p#pagination a:hover,
p#pagination span.pagination_current {
	background:#BCD761;
	color:#FFFFFF;
}
p#pagination a:hover {
	text-decoration:none;
}
p#pagination span.pagination_disabled {
	color:#ACACAD;
}


/************************* Common Divs *************************/
div#container {
	width:930px;
	padding:10px 30px 10px 30px;
	margin:0 auto;
	background:url(/common/images/watermark.gif) 500px 125px no-repeat;
}
div#container.no_bg {
	background:none;
}
div#prop {
	float:left;
	height:400px;
}
div#content {
	float:left;
	width:670px;
}
div#left_column {
	width:160px;
	float:left;
	padding-right:25px;
	margin-right:15px;
	text-align:right;
	color: #999999;
}
div#left_column p {
	line-height:normal;
}

/************************** Header ***************************/
div#header 				{ height:105px; padding-bottom:10px; }
img#logo				{ float:right; margin-bottom:4px;}
img#phone_number_text	{clear:left; float:left; margin-top:10px; margin-left:17px;}
span.phone_number_seperator {font-size:medium }
div#header p 			{ clear:left; margin:0px 0 0 17px; font-size:x-small;}
div#header_baseline		{ clear:both; height:5px; background:#999999; margin-top:10px; line-height:0; font-size:0;}
	/* GRRRRR - blumin IE */
p#topmenu{float:left;}
form#mini_search {
	clear:left;
	float:left;
	padding:0;
	margin:0;
	margin-left:17px;
	font-size:90%;
}
form#mini_search input {
	font-size:90%;
	width:214px;
	color:#999999;
	border-color:#CCCCCC;
	height:15px;
	padding:3px 2px 1px 5px;
}
form#mini_search input#search_go {
	height:21px;
	width:27px;
	margin-left:5px;
	padding:2px 2px 3px 2px;
}
					
/********************** Menu & Submenu ***********************/
/* thanks to suckerfish */
ul#menu {
	margin:5px 0 0 0; /* override default */
	padding:0;
	text-align:right;
	line-height:110%;
	list-style:none;
	font-size:90%;
}
ul#menu li {
	position:relative;	/* Important - don't be tempted to remove */
	float:left;			/* just for IE layout */
	width:160px;
	margin:0;			/* override ul */
	background-color:#FFFFFF;
	cursor:default;
}
ul#menu li.no_link { /* I'd rather avoid the need for this but cant right now */
	padding:5px 0; /*simluate an li that has a link nested within it */
}
ul#menu li.section_start {
	margin-top:15px;
}
ul#menu li a {
	width:160px;
	display:block;
	padding:5px 0;
	text-decoration:none;
	color:#999999;
}
ul#menu li a:hover {
	color:#BCD761;
}

/** 2nd level Submenus **/
ul#menu li ul {
	list-style:none;
	font-size:90%;
	position:absolute;
	margin-left:160px;
	margin-top:-20px;
	left:0; /* For IE */
	/*visibility:hidden;display:none;*/left:-999px;
}
/* This bit's getting scrappy 
NEEDS FIXING IN IE */
ul#menu li.no_link ul {
	margin-top:-15px;
}
ul#menu ul li {
	border:1px solid #BCD761;
	border-top-width:0;
	border-bottom-width:0;
	float:none; 
}
ul#menu ul li a {
	width:155px;
	margin-right:5px;
}
ul#menu ul li.firstchild {
	border-top-width:1px;
}
ul#menu ul li.lastchild {
	border-bottom-width:1px;
}

/** third level **/
ul#menu ul ul {
	margin-top:-25px;
	font-size:100%;
}


/** show / hide levels **/
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.sfhover ul ul,
ul#menu li.sfhover ul ul ul
	{ /*visibility:hidden;display:none;*/left:-999px; }
ul#menu li.sfhover ul li {
	float:left; /* IE hack to prevent gaps in second level li's that have third level ul's */
}
ul#menu li.sfhover ul li ul li{
	float:none;
}
ul#menu li:hover ul,
ul#menu li li:hover ul,
ul#menu li li li:hover ul,
ul#menu li.sfhover ul,
ul#menu li li.sfhover ul,
ul#menu li li li.sfhover ul
	{ /*visibility:visible;display:block;*/left:0; float:left;}

/** section highlighting **/
body#section_1 #menu a#section_nav_1,
body#section_2 #menu a#section_nav_2,
body#section_3 #menu a#section_nav_3,
body#section_4 #menu a#section_nav_4,
body#section_5 #menu a#section_nav_5,
body#section_6 #menu a#section_nav_6,
body#section_7 #menu a#section_nav_7,
body#section_8 #menu a#section_nav_8,
body#section_9 #menu a#section_nav_9      /* Downloads */
	{ color:#BCD761; }
body#section_9	p#topmenu a#section_nav_9,
body#section_10	p#topmenu a#section_nav_10,
body#section_11	p#topmenu a#section_nav_11
	{ text-decoration:underline; }

img.small_logo {
	margin:3px 0;
}

/************************** Footer ***************************/
#footer				{border-top:19px solid #BCD761; text-align:right; margin-top:20px;}
#footer p			{font-size:x-small; line-height:normal; margin:5px 0 5px 0;}
#footer a			{color:#999999; text-decoration:none;}


/************************** Home ***************************/
body#section_1 div#container	{background:none;}
body#section_1 div#content		{width:726px;}
div#home_copy					{float:left; width:275px; margin:0 10px 10px 0;}


/************************** News ***************************/
div.list						{/*	border:1px solid #999999; padding:15px;*/}
div.list_item					{margin:10px 0 10px 0; border-bottom:1px dotted #B0B0B0;}
div.list_item h3				{float:right;}
div.list_item img				{float:left; margin:0 10px 10px 0;}
/* news panels */
body#section_4 div.news_panel_firstchild	{margin-left:104px;}
body#section_4 div.news_panel_prop			{height:350px;}


/************************ News Panel *************************/
/* Note - home and news for tweaks specific to those sections*/
div.news_panel_firstchild,
div.news_panel,
div.news_panel_lastchild {
	float:left;
	width:188px;
	border:1px solid #999999;
	margin:10px;
	padding:10px;
	background-color:#FFFFFF;
}
div.news_panel_firstchild		{margin-left:0;}
div.news_panel_lastchild		{margin-right:0;}
div.news_panel_prop				{float:right; height:210px;}
div.news_panel_firstchild h2,
div.news_panel h2,
div.news_panel_lastchild h2		{margin:0;}
div.news_panel_firstchild div.list_item,
div.news_panel div.list_item,
div.news_panel_lastchild div.list_item {
	border-top:1px dotted #B0B0B0;
	border-bottom:0;
	padding-top:10px;
}


/********************** Products **********************/
/* Product Categories */
div.category_list_item			{}
div.category_thumbnail			{float:left; width:150px; margin-right:20px;}
div.category_info				{/*	float:left; */}
div.category_info h2			{margin-top:0;}

/* Product and Cat Pages, and Manus */
img.product_thumbnail,
img.manufacturer_thumbnail			{float:left; margin:0 15px 15px 0;}
img.prod_manufacturer_thumbnail	{float:right; margin:0 0 15px 15px;}

/* Listing all Product Categories */
div.cat_list_break				{float:left; padding:10px;}

/* A-Z Product list */
ul#azlist {
	list-style:none;
	margin:0 0 25px 0;
	padding-left:7px;
	border-top:1px solid #999999;
	border-bottom:5px solid #BCD761;
	background-color:#FFFFFF;
}
ul#azlist li					{float:left; font-weight:bold;}
ul#azlist li.lastchild			{}
ul#azlist li.nolinks			{padding:5px 14px; cursor:default;}
ul#azlist li a					{display:block; padding:5px 14px; font-weight:bold;}


/******************** Quick Enquiry Forms ********************/
form.quick_enquiry						{padding:0px; margin:0 0 15px 15px; float:right; width:200px;}
form.quick_enquiry *						{font-size:90%;}
form.quick_enquiry fieldset			{margin:0; padding:0 10px; background-color:#FFFFFF}
form.quick_enquiry legend				{margin-left:10px; font-size:110%;}
form.quick_enquiry label,
form.quick_enquiry input,
form.quick_enquiry textarea,
form.quick_enquiry select				{margin:3px 0;}
form.quick_enquiry label				{width:60px;}
form.quick_enquiry input,
form.quick_enquiry textarea			{float:none; width:170px;}
form.quick_enquiry label,
form.quick_enquiry input				{height:auto;}
form.quick_enquiry select       		{width:175px;}
form.quick_enquiry textarea			{height:30px;}
form.quick_enquiry label.multifield	{float:left; margin:0 0 0 20px; width:auto;}
form.quick_enquiry input.multifield	{float:left; margin:0 0 0 20px;}
form.quick_enquiry p						{margin:0; line-height:normal;}
form.quick_enquiry input.button		{width:auto; padding:0 2px; float:right;}

/* form response */
div#product_enquiry {
	float:right;
	width:178px;
	margin:0 0 15px 15px;
	padding:5px 10px;
	background-color:#FFFFFF;
	border: 1px solid #BCD761;
}
div#product_enquiry h2					{margin-top:5px}
div#product_enquiry ul					{margin-left:12px} /* Should be 15 but tweaked to fit longest li */

/* specific section forms */
form#product_enquiry legend			{margin-left:10px;}
form#manu_enquiry legend				{margin-left:0px;}


/***************** Product Add to Basket Form ******************/
div#miniaddform					{width:100px; float:right; margin:0 0 10px 10px;}
div#miniaddform p.price			{font-weight:bold; font-size:200%; text-align:right; margin:0;}
div#miniaddform form			{padding:0;}
div#miniaddform label,
div#miniaddform input			{float:right;}
div#miniaddform label			{width:auto;}
div#miniaddform input#qty		{width:25px; text-align:right; padding-right:2px;}
div#miniaddform input.button	{margin-top:0;}


/************************* Product Tabs *************************/
dl.product_tabs {
	clear:both;
	margin-top:20px;
	border-top:1px solid #999999;
	border-bottom:5px solid #BCD761;
	padding:10px 0 7px 0;
	background-color:#FFFFFF;
}
dl.product_tabs dt {
	font-weight:bold;
	display:inline;
	/*float:left;*/
	cursor:pointer;
	padding:10px;
	margin:0;
}
dl.product_tabs dd {
	margin-left:-1px; /* fudge */
	float:left;
	margin-top:10px;
	padding:20px 0;
	border-bottom:1px solid #999999;
	width:100%;
}
dl.product_tabs dd h2 {
	margin-top:0;
}
dl.product_tabs dt.product_tab { }
dl.product_tabs dt.tab_error {
	background:url(/common/images/exclamation_mark.png) 2px 8px no-repeat;
	text-decoration:blink;
}
dl.product_tabs dt.current_product_tab {
	color:#BCD761;
}
dl.product_tabs dd.product_tab_content {
	display:none;
}

/* For situations where more than one line of dt's is needed the whole dl, dt, dd thing
doesn't work so which to the less semantically correct, but better display, of a ul */
ul.product_tabs {
	clear:both;
	margin:20px 0; /* over ride default */
	border-top:1px solid #999999;
	border-bottom:5px solid #BCD761;
	padding:0;
	background:#FFFFFF;
	list-style-type:none;
}
ul.product_tabs li {
	font-weight:bold;
	float:left;
	display:block;
	cursor:pointer;
	padding:10px;
	margin:0;
}
ul.product_tabs li.tab_error {
	background:url(/common/images/exclamation_mark.png) 2px 8px no-repeat;
	text-decoration:blink;
}
ul.product_tabs li.current_product_tab {
	color:#BCD761;
}
div.product_tab_content {
	margin:30px 0 0 0;
	border-bottom:1px solid #999999;
	display:none;
}
div.product_tab_content h2 {
	margin-top:0;
}



/************************ Contact *************************/
div#map		{float:right; width:400px; height:400px; border:1px solid #BCD761;}


/************************ Trolley *************************/
table#trolley td.actioncol,
table#trolley th.actioncol		{width:210px}
table#trolley .num				{text-align:right}
table#trolley th.num,
table#trolley td.num			{width:50px}
table#trolley form				{padding:0; float:right;}
table#trolley form span.opt		{margin:0 3px; float:left;}
table#trolley input.qty			{width:25px; text-align:right; padding-right:2px;}
table#trolley input				{margin:0 3px;}
ul#trolley_actions,
ul#checkout_actions				{list-style-type:none; float:right;}
ul#trolley_actions li,
ul#checkout_actions li			{float:left; font-weight:bold; margin-left:35px;}
ul#trolley_actions li a,
ul#checkout_actions li a		{display:block; padding:3px 0;}
ul#trolley_actions form,
ul#checkout_actions form		{padding:0; margin:0; visibility:hidden;}
input#delivery_button {
	border:0;
	background:transparent;
	color:#BCD761;
	font-weight:bold;
}
input#delivery_button:hover		{text-decoration:underline; color: #999999; cursor:pointer}


/************************ Order *************************/
table.vert_headers th.delto { width: 80px;}


/*********************** Downloads ************************/
img.download_thumb {
	float:left;
	width:190px;
	margin:0 15px 15px 0;
}
div.download {}
div.download_no_image {margin-left:205px}
div.download_no_image h2,
div.download h2 {
	font-weight:normal;
	color:#53B7EB;
}
div.download_break {
	clear:both;
	margin-bottom:20px;
}