/*@@@@@@@   How the styles are broken down    @@@@@@@



1)  Main Outer Container Styles - these are the very outer divs which contain everything else

2)  Header Styles - these is the top, full-width header, which contains the tabs and account log in links 

3)  The trade account log in link - these sit inside the header, but all the styles for links etc are here

4)  The search bar - This sits under the header and contains all the stuff for order by and search, also contains

	topline, which sits under the search bar to provide a white gap

5)  The bottom footer menu - this includes all the styles for that footer bar, and for the menu links in it

6)  Body Styles - This contains the different body styling elements used on different pages, only the main containers, 

	different pages will have different sections inside these, this includes the keep height div 

7)  Menu Styles - contains all the styles for formatting the menu on the left hand side - except if you want the 

	menu to have a background color.  To do that, add a repeated background image to shopmainbody. 

8)  Styles for the small shopping cart and panels on the right hand side of the pages

9)  Contact form styles

10) Top Category Styles - this contains all the styles needed for the top cat page, i.e. to position the product logos

	and the 'Available in the XXX Range...' etc

11) Product Page - this section contains all the styles for the product page, including all the image holders, 

	description, titles, complements section, and so on. 

12) Basket page - contains everything necessary to style the basket page

13) Login Page - Contains all the styles for the login page

14) Special Offers Thumbnails

15) Ordinary Thumbnails

16) Generic styles - place for things link standard 'a' styles, 'h1' styles, and things that are used in many places

17) Codebrush footer styles

19) Styles that can't be identified as yet

20) Styles that are used if there's an index page outside the shop, but not used in this one. 

21) Styles that are used for the small newsletter sign up form

22) Styles that are used for the registration form for a trade account. 



*/







/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@   (1) Main Outer Container Styles    @@@@@@@@@@@@@@@*/

/*NLP Setting the margin of the body to 0px means it will stretch right to edges.  

Remove this if you want a little padding around the main section, which sometimes looks better*/

body{

	margin:0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666666;

	line-height:16px;	

	

}



/*NLP This is the main div that holds the whole shop.  It can be centred and set to 100% to stretch

This contains everything else apart from 'body', it is the outer container.  

To change the alignment from left to centre, change float:left to margin:auto, and take the padding off.

*/



#shopcontainer{

	width:980px;

	margin:auto;

	padding-top:0px;

	

}

/*@@@@@@@@@@@@@@  End of (1) Main Outer Container Styles    @@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/







/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@  (2) Header Styles   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*NLP This contains the shop header with the logo and all the tabs*/

#header {

	/*width:100%;*/

	width:980px;

	height:95px;

	float:left;

}



#navigation {

	width:980px;

	height:35px;

	float:left;

	background-image:url(images/menu_bar.gif);

	margin-bottom:20px;

}





#navigation_back {

	width:980px;

	height:35px;

	float:left;

	background-image:url(images/menu_bar.gif);

	margin-bottom:20px;

}





#inner_navigation{

	float:right;

	font-size:13px;

	width:770px; 

	color:white; 

	padding-top:10px; 

	padding-right:15px;

	text-align:right;

}



.nav_style{

	color:white;

	text-decoration:none;

}



.nav_style:hover{

	color:#7ed0fc;

}



.invoice_link_style{

	color:#1b67c1;

	text-decoration:underline;

}



.invoice_link_style:hover{

	color:#666666;

}



#breadcrumbnav {

	width:980px;

	float:left;

	color:#1b67c1;

	min-height:40px;

	height:auto !important;

	height:40px;

	border-bottom:1px solid #b2b2b2;

	margin-bottom:15px;

	padding-top:10px;

	letter-spacing:-0.02em;

	padding-bottom:5px;



}



#breadcrumbinnerleft{

	width:700px;

	min-height:40px;

	height:auto !important;

	height:40px;

	float:left;

	color:#1b67c1;

	font-size:19pt;

	font-weight:bold;

	line-height:30px;

	letter-spacing:-0.02em;



}



#breadcrumbinnerleft a{

	color:#1b67c1;

}



#breadcrumbinnerleft a:hover{

	color:#5295d8;

}

#breadcrumbinnerright{

	width:280px;

	height:40px;

	float:left;

	color:#3f3f3f;

	font-size:10pt;

	font-weight:bold;



}





.breadcrumbprev{

	width:140px; 

	float:left; 

	background-image:url(images/prev_arrow.gif);

	background-repeat:no-repeat;

	background-position:top left;

	height:32px;

	padding-top:10px;

}



.breadcrumbnext{

	width: 140px; 

	float:right; 

	text-align:right; 

	background-repeat:no-repeat;

	background-image:url(images/next_arrow.gif);

	background-position:top right;



	height:32px;

	padding-top:10px;

}



#breadcrumbnavbottom {

	width:760px;

	float:right;

	color:#1b67c1;

	min-height:45px;

	height:auto !important;

	height:45px;

	border-bottom:1px solid #b2b2b2;

	margin-bottom:10px;

	letter-spacing:-0.02em;

	padding-bottom:10px;

	padding-top:10px;

	



}



#breadcrumbinnerrightbottom{

	width:280px;

	height:40px;

	float:right;

	color:#3f3f3f;

	font-size:10pt;

	font-weight:bold;



}





/*NLP This contains the admin header with the logo and all the tabs - different background image to front end header*/

#adminheader {

	/*width:100%;*/

	width:800px;

	height:110px;

	float:left;

	background-image:url(headers/admin_head.jpg);

}



/*NLP This contains the trade header with the logo and all the tabs - different background image to non-logged-in header*/

#loggedinheader {

	/*width:100%;*/

	width:800px;

	height:110px;

	float:left;

	background-image:url(headers/trade_header.jpg);

}



/*NLP Holds the AMS logo in top left of the header*/

#logoholder{

	float:left; 

	height:44px; 

	width:274px;

}



.poster_sectors_back{

	float:left; font-weight:bold; padding-top:10px; font-size:13px; padding-left:20px;color:#666666; height:30px;

}



/*NLP styles the individual tabs in the header*/

.headtab {

	width:89px;

	height:30px;

	float:right;

	font-family:Arial, Helvetica, sans-serif;

	color:#1b67c1;

	font-weight:bold;

	padding-top:10px;

	margin-top:45px;

	text-align:center;

	margin-left:2px;

	margin-right:0px;

	background-repeat:no-repeat;

	overflow:hidden;

	font-weight:100;

	border: 1px solid #cccccc;

}



/*NLP Container within the tabs that styles the tab if it only has one of text*/

.headtabsingle{

	position:relative;

	display:inline;

	padding-left:3px;

	padding-right:3px; 

}



/*NLP container within the tabs that styles the tab if it has two lines of text.  NB this doesn't ctually 

need styling, but it's necessary for headtabsingle to have some padding that pushes the text down and makes

it appear as if it's in the middle vertically*/

.headtabdouble{

}



/*NLP sets the color of links in the headtabs*/

.headtab a {

	color:#1b67c1;

	font-weight:bold;

}



/*NLP pads a little space between the tabs in the header*/

.headtabpad{

	width:1px;

	height:20px;

	float:right;

	padding-top:7px;

	text-align:center;

	margin-top:43px;

	margin-right:0px;

	overflow:hidden;



}



/*NLP This sits in the header container and has #headbottom underneath it*/

/*NLP At present, the logo image is 274 wide, so the max this can be is 526px*/

#headtop{

	width:350px;

	height:51px;

	float:right;

	overflow:hidden;

	padding-top:7px;





}

/*NLP This sits at the bottom of the header container and holds the header tabs*/

#headbottom{

	width:400px;

	height:102px;

	float:right;

	overflow:hidden;

}



/*@@@@@@@@@@@@@@@@@@@@@@    End of (2) Header Styles     @@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/









/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@  (3) The Trade Account log in link @@@@@@@@@@@@@@@@@@@@@@@@*/

.accountlink {

	text-decoration:none;

	color:white;

	font-weight:bold;

}



.accountlink:hover {

	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;

	color:#EDE6EE;

}



.logindiv {

	font-family:Arial, Helvetica, sans-serif;

	width:200px;

	float:right;

	text-align:right;

	color:white;

	padding-right:10px;

	display:inline;

	



	height:50px;

}



.headitem{

	width:85px;

	

	padding-top:2px;

	padding-left:15px;

	text-align:left;

	background-image:url(images/pip.gif);

	background-repeat:no-repeat;

	float:right;

}

/*@@@@@@@@@@@@@@@@@@@@  End of (3) Trade Account log in link @@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/









/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ (4) The Search Bar    @@@@@@@@@@@@@@@@@@@@@@@@@@*/



/*NLP This displays the order by bar underneath the tabs, which contains the search and order by forms*/

#shoporderbybar {

	/*background-color:#1b67c1;*/

	background-image: url(headers/search_bar.gif);

	background-repeat: no-repeat;

	width:100%;

	height:64px;

	padding-top:0px;

	text-align:right;

	

	float:left;

	margin-top:0px;

	margin-bottom:0px;

	overflow:hidden;

	color:black;

	font-weight:bold;

}



/*MR Alternative order by bar for those pages that do not have a rhs panel*/

#altshoporderbybar {

	/*background-color:#1b67c1;*/

	background-image: url(images/extend_search.gif);

	background-repeat: no-repeat;

	width:100%;

	height:64px;

	padding-top:0px;

	text-align:right;

	

	float:left;

	margin-top:0px;

	margin-bottom:0px;

	overflow:hidden;

	color:black;

	font-weight:bold;

}



/*NLP This styles the Name/Price dropdown in the order by form, sits inside shoporderbybar*/

#shoporderby {

	

	margin-right:2px;

	margin-top:13px;

	width:70px;

}



/*NLP This styles the Ascending/Descending dropdown in the order by form, sits inside shoporderbybar*/

#shopascdesc {

	

	width:105px;

	margin-left:1px;

	margin-top: 13px;

}



/*NLP Pads the words 'Order By' in the search bar*/

.orderbypadder{

	float:left; 

	height:15px; 

	padding-top:3px; 

	padding-left:5px; 

	width:191px;

	text-align:right;

	margin-top: 13px;

}



/*NLP Displays the search bar - sits inside the shoporderbybar*/

#shopsearchbar {

	height:30px;

	padding-top:0px;

	padding-bottom:0px;

	width:380px;

	text-align:left;

	

	margin-top: 12px;

	margin-bottom:2px;

	float:right;

	overflow:hidden;

	color:black;

	font-weight:bold;

}

/*NLP this is the search field where you enter your search term*/

#shopsearchinput {

	

	border:solid 1px #7F9DB9;

	padding:2px;

}



/*NLP Pads the word 'Search' in the search bar*/

.searchpadder{

	float:left; 

	height:15px; 

	padding-top:3px; 

	padding-left:5px; 

	width:55px;

}





/*NLP styles the go buttons on the search bar*/

.gobutton {

	border:solid 0px black;

	

	width:28px;

	height:20px;

	/*background-color:#70B3E0;*/

	background-color:#ffffff;

	font-weight:normal;

	border:1px solid #c6c6c6;

}	



/*NLP sits underneath the search bar*/

#topline{

	background-color:white;

	width:800px;

	height:1px;

	overflow:hidden;

	margin-bottom:0px;

	float:left;

}



/*@@@@@@@@@@@@@@@@@@@@  End of (4) The Search Bar    @@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/











/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@      (5) The bottom menu of links, in the footer bar    @@@@@@@@@@@*/



#shopfooter {

	width:960px;

	font-size:9px;

	float:right;

	padding-right:10px;

	padding-left:10px;

	padding-top:7px;

	margin-top:10px;

	text-align:right;

	height:33px;

	color:#666666;

}



/*NLP Styles the links text in the footer menu*/

.bottomlinks {

	text-decoration:none;

	color:#666666;

}



/*NLP Styles the mouseover for the links text in the footer menu*/

.bottomlinks:hover {

	text-decoration:none;

	color:#3f3f3f;

}

/*@@@@@@@@@@   End of (5)The bottom menu of links, in the footer bar   @@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/









/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@    (6) Body Styles  @@@@@@@@@@@@@@@@@@@@@@@*/



/*NB  On most pages, shopmainbody is used outside, then keepheight and shopbody sit in it.*/





/*NLP This div is the main container for the body elements of the pages, it is used on most or all of the pages. 

It includes the menu on the left, and the main body, but doesn't include the shopping cart on the right. */

#shopmainbody {

	float:left;

	margin: 0px;

	padding: 0px;	

}



#shopmainbodywrapper {

	background-image:url(headers/bot_anchor.gif);

	background-repeat:no-repeat;

	background-position:bottom left;

	float:left;

	margin: 0px;

	padding: 0px;

	/*border: 1px solid red;*/

}



#shopmainbodyback {

/*	background-image:url(images/left_edge.gif);*/

	/*background-color: #1b67c1;*/

	background-repeat:repeat-y;

	float:left;

	margin: 0px;

	padding: 0px;

	/*border: 1px solid red;*/

}



#shopmainbodynorightpanels{

/*	background-image:url(images/left_edge.gif);*/

	background-repeat:repeat-y;

	float:left;

	margin: 0px;

	padding: 0px;

}



/*NLP This Div is the spacer that keeps the shop at least screen height ################ */

.keepheight 

{

	width: 1px;

	height: 110px;

	overflow: hidden;

	float: left;

	clear: both;

	/*border: 1px solid red;*/

}



/*NLP This Div is the spacer that keeps the shop at least screen height ################ */

.keepheightback

{

	width: 1px;

	height: 410px;

	overflow: hidden;

	float: left;

	clear: both;

	/*border: 1px solid red;*/

}



.keepheightbasket

{

	width: 1px;

	height: 125px;

	overflow: hidden;

	clear:both;

	display:block;

}



/*MR This will keep the height of the home page to a minimum specified below*/

.keepheighthome

{

	width: 1px;

	height: 125px;

	overflow: hidden;

	clear:both;

}



/*MR This will keep the height of the home page to a minimum specified below*/

.keepheightproducts

{

	width: 1px;

	height: 280px;

	overflow: hidden;

	float: left;

	display:inline;

}



/*MR This will keep height of the list items page*/

.keepheightlistproducts

{

	width: 1px;

	height: 20px;

	overflow: hidden;

	float: left;

	clear: both;

}



.keepheightcontact

{

	width: 1px;

	height: 40px;

	overflow: hidden;

	clear:both;

}



/*NLP Contains the central items in the shop, like the header and the shop thumbnails

If the left menu is 170px and the right is 160px, max this can be to fit into 800px wide is 469px*/

#shopbody {

	float:left;

	padding-top:0px;

	width:780px;

	min-height:600px;

	height:auto !important;

	height:600px;

}



#shopbodyindex{



	float:left;

	padding-top:0px;

	width:980px;

	min-height:600px;

	height:auto !important;

	height:600px;



}



#shopbodyfaq{



	float:left;

	padding-top:0px;

	width:780px;

	min-height:600px;

	height:auto !important;

	height:600px;

}



#shopbodyback {

	

	float:left;

	padding-top:0px;

	width:780px;

	/*margin-left: 0px;

	display:inline;

	margin-right: auto;*/

}









#itemtablecontainer{

	float:left;

	width:700px;

}

/*NLP Contains the central items in the basket page - this page is wider than most of the others, because it

has no panels on the right hand side. */

#shopbodybasket {

	

	float:left;

	padding-top:0px;

	width:620px;

}



/*NLP Styles some of the containers in a couple of the cms pages, structure.php for example.  */

#structurecontainer{

	width:760px;

	padding-left:20px;

	float:left;

	color:black;

	font-size:13px;

}



/*NLP This is used to display the header image that appears under the search bar.  It can be set to 100% wide, but

not in this case where the menu has an expanding rollover image, as the header doesn't then appear central when 

the menu is closed.  This particular one has padding right to push it over to the correct position */

#imgheaderdiv{

	width:461px;

	float:left;

	text-align:center;

	padding-right:8px;

}

/*NLP This is an id that is applied to the header images to give them a bit of padding*/

#shopbanner{

	padding-left:13px;

	margin-top:0px;

}



/*NLP This is an id that is applied to the header images to give them a bit of padding*/

#shopbannertopcat{

	padding-left:7px;

	margin-top:0px;

}





#indexcontentcontainer{

	width:980px;

	float:left;





}



.rotating_poster_holder{

	width:330px; 

	height:460px; 

	float:left; 

	text-align:center;

}



.rotating_poster_header{

	color:#3f3f3f; 

	line-height:30px; 

	height:70px; 

	font-weight:bold; 

	font-size:28px;

	padding-left:10px;

	width:320px;

	text-align:left;

}



.rotating_poster{

	width:320px; 

	margin:auto; 

	height:350px; 



}



.rotating_poster_text{

	width:320px; 

	text-align:left; 

	margin-top:10px;

	color:#3f3f3f; 

	font-size:16px; 

	font-weight:bold;

	padding-left:10px;

}



.index_float_pics{

	float:right; 

	width:650px; 

	height:460px;



}



.index_lower_text_left{

	float:left; 

	margin-top:30px; 

	padding-left:10px; 

	width:600px; 

}



.index_lower_text_right{

	float:left; 

	padding-left:75px;

	width:281px;

}



.index_blue_header{

	color:#1b67c1; 

	margin-bottom:5px; 

	font-weight:bold; 

	font-size:16px

}



.index_big_grey_bar{

	float:left; 

	width:980px; 

	margin-top:20px; 

	height:160px; 

	background-image:url(images/bot_bar.jpg);

}



.index_ad_panel{

	float:left; 

	width:280px; 

	padding-left:25px; 

	padding-right:10px; 

	height:113px; 

	margin-top:20px; 

}



.index_ad_title{

	width:180px; 

	font-size:16px; 

	float:left; 

	margin-bottom:5px; 

	padding-bottom:3px;

	color:#515151;

}



.index_ad_text{

	width:190px; 

	float:left; 

	color:#8e8e8e;

	height:75px;

}



.index_ad_learn_more{

	width:190px; 

	float:left; 

	color:#515151;

	float:left;

}



#contentcontainer{

	width:780px;

	float:left;

}



#contentcontainerbackend{

	width:760px;

	padding-left:20px;

	float:left;

	color:black;

	font-size:13px;



}





.prod_input

{

	margin-top:10px;

	}



.article_title_wide{

		width:100px;

	}

	

	.article_title_300{

		width:300px;

	}	

#faqcontentcontainer{

	width:760px;

	padding-left:20px;

	float:left;

	

}



.order_conf_bar{

width:750px; 

height:20px; 

float:left;

color:white;

padding-left:10px;

padding-top:1px;

margin-bottom:5px;

font-weight:bold;

background-image:url(images/confbar.gif);

background-repeat:no-repeat;

}

.order_conf_details_holder{

	float:left; width:700px; 

	min-height:200px;

	height:auto !important;

	height:200px;

}





.conf_total_new{

	float:left; padding-left:20px; padding-bottom:5px; width:180px

}



.conf_total_new_item{

	float:right; text-align:right; padding-bottom:5px; width:70px;

}

.conf_total_new_holder{

float:right; padding-right:30px; font-size:13px; margin-top:15px; display:inline; width:270px; text-align:left; margin-right:18px

}

.conf_total_carriage_new{

float:left; padding-bottom:5px; padding-left:20px; width:180px;

}

.conf_total_carriage_new_item{

	float:right; text-align:right; padding-bottom:5px; width:70px;

}

.conf_total_vat_new{

	float:left; padding-bottom:5px; padding-left:20px; width:180px;

}

.conf_total_vat_new_item{

	float:right; text-align:right; padding-bottom:5px; width:70px;

}

.conf_total_total_new{

float:left; padding-bottom:15px; color:#1b67c1; font-weight:bold; padding-left:20px; width:180px;

}



.conf_total_total_new_item{

color:#1b67c1; font-weight:bold;  float:right; text-align:right; padding-bottom:15px; width:70px;

}



table.recipe_tbl .title

{

text-align:center;

width:90px;

}



table.recipe_tbl .ref

{

	width:80px;

	}

table.recipe_tbl .meta

{

text-align:left;

width:570px;

}

	table.recipe_tbl th

{

	border-bottom:2px solid #1b67c1;

	color:black;

	text-align:left;

	}

	

table.recipe_tbl td

{

	border-bottom:1px solid #cccccc;

	cursor:pointer;

	}



label.prod_label, div.prod_label

{

	float:left;

	width:150px;

	font-weight:normal;

	color:black;

	margin-top:10px;

}



.register_lbl	{

	float:left;

	width:150px;

}





.confirmation_lbl	{

	float:left;

	width:200px;

}



.confirmation_lbl_right	{

	float:left;

	width:200px;

}



.confirmation_lbl_wide	{

	float:left;

	width:350px;



}

	

.bluetitle{

width:760px; 

color:#1b67c1; 

font-size:12pt; 

font-weight:bold;

padding-bottom:5px;

}



div.error_box{

	border:2px solid red;

	padding:5px;

	font-weight:bold;

	margin-bottom:20px;

	}



div.error_box ul	{

	list-style-type:none;

	font-weight:normal;

	padding:0px;

	margin:0px;

	}



div.error_box ul li	{

	margin:0px;

	padding:5px 0px 0px 10px;

	}



.thank_you_box{

	border:1px solid #cccccc;

	width:730px;

	color:#1b67c1;

	padding:10px;

	font-size:12pt;

	margin-bottom:10px;

	margin-top:10px;

}



.faqtext{
	width:740px; 
	float:left;
	padding-bottom:20px;
}

/*########### Div that contains all the listed product thumbnails on the listiems pages ##################*/

/*NLP Sits inside shopbody, not sure what it actually does*/

/*Seems to be a repeat of the shopbody div, probably actually unnecessary*/

/*This div is used on the list pages, but for some reason, an identical one called contentcontainer is used on the special offers page.*/

#shoplistcontainer {

	width:780px;

	float:left;	

	padding-top:25px;



}



#shoplistcontainerback {

	float:left;	

	padding-left:20px;

	width:760px;

	color:black;



}



.prices_table_holder{

	float:left;

	height:115px;

	

}



.prices_table td, .prices_table th{

	border:1px solid #b2b2b2;

	

}



.prices_table td{

	border-top:0px;

	

}



.prices_table th{

	color:#1B67C1;

	text-align:left;

	font-size:11px;



}



.prices_table_td{

	font-size:12px;	

}



/*@@@@@@@@@@@@@@@@    End of (6) Body Styles  @@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/















/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@ (7) Menu Styles @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*NLP Div that contains the menu, no height so just stretches*/

/*

#shopmenu {

	width:260px;

	float:left;

	overflow:hidden;

	background-repeat:repeat-y;

	background-color:red;

}

*/

/*Houses the grey background menu image*/

#shopmenuback {

	width:200px;

	float:left;

	/*height:584px;*/

	min-height:100px;

	height:auto !important;

	height:100px;

/*	background-image:url(images/side_menu.gif);*/

	background-image:url(images/side_menu_top.gif);

	background-repeat:no-repeat;

}







.confirmation_page_panel{

	float:left; 

	width:250px; 

	min-height:170px;

	height:auto !important;

	height:170px;

	

}

#shopmenubackbot {

	width:200px;

	float:left;

	height:10px;

	background-image:url(images/side_menu_bot.gif);

	background-repeat:no-repeat;

}



#shopmenubacktop {

	width:200px;

	float:left;

	height:41px;

	background-image:url(images/side_menu_top.gif);

}



#shopmenubackshort {

	width:200px;

	float:left;

	

	min-height:100px;

	height:auto !important;

	height:100px;

	background-image:url(images/side_menu_short.gif);

	background-repeat:no-repeat;

}



#shopmenuback_backend {

	width:200px;

	float:left;

	background-color:#efefef;

}





/*MR Houses the new menu buttons*/

#shopmenubody

{

	background-image:url(images/side_menu_mid.gif);

	background-repeat:repeat-y;

	float: left;

}



/*MR Houses the new menu buttons for the backend*/

#shopmenubody_backend

{

	width: 200px;

	float: left;

}



/*NLP Uppermost menu block, contains title - this usually has the word 'Browse' in it in the cms */

#shopmenutitle {

	width:170px;

	height:15px;

	

	font-weight:bold;

	color:white;

	padding-top:0px;

	padding-bottom:0px;

	text-align:center;

}



/*MR separate backend menu from frontend*/

#shopmenutitleback {

	/*width:170px;

	height:15px;

	

	font-weight:bold;

	color:#1b67c1;

	padding-top:0px;

	padding-bottom:0px;

	text-align:center;

	margin-bottom: 10px;

	background-color:white;

	/*border: 1px solid red;*/

	float:left; font-weight:bold; padding-top:10px; font-size:13px; padding-left:20px;color:#666666; height:30px;

	border-bottom:1px solid #3f3f3f;

}



/*NLP Uppermost menu block, contains title - this usually has the word 'Browse' in it in the cms */

#shopmenutitlefrontend {

	width:130px;

	height: 30px;

	

	font-weight:bold;

	color:Black;

	text-align:center;

	background-color:white;

	margin-left: 15px;

	margin-bottom: 15px;

}



/*NLP This styles the top level categories of menu items, it is actually 170 wide cos of the padding - remember 

not to make it narrower, or your background image will disappear because of the 20px padding left.  This div has

a rollover state in this shop.*/

.shopmenutopcat {

	width:200px;

	padding-top:8px;

	padding-bottom:8px;

	text-align:left;

	min-height:17px;

	height:auto !important;

	height:17px;

}



/*NLP This styles the top level categories of menu items in the admin section.  This is different to the one used for the front end, 

as the front end one has a rollover, but the backend one has the edit menu as its rollover, so we've just made it a plain color.

*/

.shopmenutopcateditmode {

	width:150px;

	height:25px;

	padding-top:7px;

	padding-bottom:0px;

	

	padding-left:0px;

	text-align:left;

	border-bottom:solid 0px black;

	border-top:solid 0px white;



	/*border: 1px solid red;*/

}





/*NLP Style of blocks for SUB MENU categories and products - these are not displayed in this shop as this menu

does not expand.  With an expanding menu, these would need to be styled appropriately.   */

.shopsubmenu {

	width:170px;

	padding-top:0px;

	padding-bottom:0px;

	

	background-color:#F7F7F7;

	margin-bottom:0px;

	border-bottom:solid 0px white;

	background-repeat:no-repeat;



}

/*NLP again, these are not styled in this shop as the menu doesn't expand and this is not visible*/

.shopsubmenucat {

	width:155px;

	padding-top:0px;

	padding-bottom:0px;

	padding-left:15px;

	

	margin-bottom:0px;

	margin-bottom:0px;

	background-repeat:no-repeat;

	border-bottom: 1px solid white;



}

/*NLP again, these are not styled in this shop as the menu doesn't expand and this is not visible*/

.shopsubmenuprod {

	width:125px;

	padding-top:5px;

	padding-bottom:5px;

	padding-left:15px;

	border-bottom:1px solid #cccccc;

	background-color:white;

	margin-bottom:0px;



	background-repeat:no-repeat;

	background-position:0px 0px;

}

/*NLP this style is used but not quite sure how */

.shopmenuclosed {

	display:none;	

}



/*NLP Sets the style of the top level category items in the menu down the left hand side*/

.menulink {

	text-indent:10px;

	color:#666666;

	cursor:pointer;

	font-weight:bold;

}

/*NLP Sets the style of the top level category items in the menu down the left hand side*/

.menulink:hover {

	color:white;

	

}



/*@@@@@@@@@@@@@@@@@@@@@  End of (7) Menu Styles @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/











/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@    (8) Styles for the shopping cart on the right panel   @@@@@@@@@@*/

/*NLP This styles the right hand panel that holds the small shopping cart and any other panels.*/

#cart {

	width:160px;

	float:right;

	background-image: url(images/right_edge.gif);

	background-repeat: repeat-y;

	text-align: center;

}



/*NLP This is the title bar for the rhs panels, can contain an image or be just a colour.*/

.carttop{

	width:140px;

	height:10px;

	margin-top:10px;

	margin-bottom:0px;

	margin-left: auto;

	margin-right: auto;

	

	color:white;

	padding-top:0px;

	text-align:center;

	background-image: url(images/top_basket.gif);

	background-position:bottom;

	background-repeat:no-repeat;

	margin-left: 8px;

	border:0px;

}



/*NLP This is the title bar for the rhs panels, can contain an image or be just a colour.*/

.cartbottom{

	width:140px;

	height:10px;

	margin-top:0px;

	margin-bottom:10px;

	margin-left: auto;

	margin-right: auto;

	

	color:white;

	padding-top:0px;

	text-align:center;

	background-image: url(images/bot_basket.gif);

	background-position:top;

	background-repeat:no-repeat;

	clear: both;

	margin-left: 8px;

}



.paypalimage

{

	width: 140px;

	height: 127px;

	background-image: url(images/paypal2.gif);

	background-repeat: no-repeat;

	margin-bottom: 25px;

	margin-left: auto;

	margin-right: auto;

	clear: both;

	margin-left: 8px;

}



.carttitle

{

	width: 153px;

	height: 36px;

	background-image: url(images/basket_purp.gif);

	background-repeat: no-repeat;

	margin-top: 0px;

	margin-right: 2px;

}



/*NLP Puts some vertical padding between the panels on the rhs under the small shopping cart*/

.topspacer{

	width:160px;

	height:0px;

	overflow:hidden;

	float:left;

	background-color:white;

}



/*NLP The small shopping cart on the rhs of the page - basket only - 

this looks like it's only 140 wide but it's actually 160 cos has two lots of 10px padding left and right*/

.cartcontentbasket{

	width:120px;

	/*This min height in here is a hack, only firefox is looking at it, but firefox was not showing the background colour

	correctly in absence of a fixed height, so this was put in to force it to show white.*/

	min-height:150px;

	height: auto;

	padding-top:0px;

	padding-left:10px;

	padding-bottom:10px;

	padding-right:10px;

	margin-bottom:0px;

	margin-left: auto;

	margin-right: auto;

	

	color:#1b67c1;

	background-color: white;

	clear: both;

	margin-left: 8px;

	/*Property below is MS proprietary property to force words to break in the middle if necessary*/

	word-wrap:break-word;

	overflow:hidden;

}



/*NLP The small shopping cart on the rhs of the page - lower panels only

this looks like it's only 140 wide but it's actually 160 cos has two lots of 10px padding left and right*/

.cartcontent{

	width:140px;

	padding-top:0px;

	padding-left:10px;

	padding-bottom:10px;

	padding-right:10px;

	margin-bottom:0px;

	margin-left: auto;

	margin-right: auto;

	

	color:#1b67c1;

	margin-left:8px;

}





/*NLP Shows the total in the small basket on the rhs of the page*/

#carttotal{

	

	color:#1b67c1;

	width:140px;

	height:85px;

	padding-top:0px;

	margin-left: auto;

	margin-right: auto;

	text-align:center;



	background-color:white;

	clear: both;

	margin-left: 8px;

}



/*Styles the checkout button in the small cart*/

.checkoutbutton{

	text-align:right;

	height:25px;

	width:135px;

	margin-top:5px;

	color:#1b67c1;

	font-size:14pt;

	font-weight:bold;

	border:0px;

	background-color:white;

	cursor:pointer;

	cursor:hand;

}



input.basketbutton

{

	width: 120px;

	height: 42px;

	margin-top: 5px;

	background-image: url(images/my_basket.gif);

	background-repeat: no-repeat;

	margin-left: auto;

	margin-right: auto;

	outline: none;

	border: 0px;

	cursor: pointer;

}



input.basketbutton:hover

{

	width: 120px;

	height: 42px;

	margin-top: 5px;

	background-image: url(images/my_basket_f2.gif);

	background-repeat: no-repeat;

	margin-left: auto;

	margin-right: auto;

	outline: none;

	border: 0px;

	cursor: pointer;

}



/*NLP - draws the line between successive items in the small basket on the rhs of the page*/

.cartline{

	margin-top:3px;

	color:#1b67c1;

	width:50px;

}



/*NLP used in the small shopping cart display on the rhs of the page - displays labels for price etc*/

.cartleft{

	margin-top:3px;

	width:50px;

	float:left;

	color:#1b67c1;

}



/*NLP used in the small shopping cart display on the rhs of the page - displays the price amounts etc*/

.cartright{

	margin-top:3px;

	width:65px;

	float:right;

	text-align:right;

	color:#1b67c1;

}

/*NLP used to style the price in the small shopping basket*/

.pricestyle{

	color:#1b67c1;

	

}



/*MR This is to style the product title with the basket*/

.prodtitlecart

{

	width:120px;

	float:left;

}



/*MR Spacer for the products listed in the cart*/

.prodspacercart

{

	width:130px;

	float:left;

	height: 15px;

	text-align:center;

}



/*@@@@@@@@@    End of (8) Styles for the shopping cart on the right panel  @@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/









/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@    (9) Contact form styles @@@@@@@@@@@@@@@@@@@@@@@ */



/*NLP Contains the information on the contact page - this is the main holder on the contact page*/

/*same as contentcontainer etc*/

/*Total it up to 469px same as the others*/

.contactcontainer {

	text-align:left;

	width:469px;

	margin-top:12px;

}



/*NLP Holds the address text information on the left*/

.contacttextleft {

	float:left;

	width:180px;

	height:185px;

	padding-left:12px;

}



.contacttextright {

	float:right;

	width:220px;

	height:70px;

	text-align:right;

	padding-right:15px;

}





/*NLP Holds the contact form aligned to the right of the address text*/

.contactformholder{

	float:left;

	margin-left:12px;

	width:400px;

}



/*NLP Contact form text fields*/

.contactforminput{

	width:270px;

	height:15px;

	border:solid 1px silver;

	

	margin-bottom:3px;

	color:#BBB;

}



/*NLP Contact form enquiry field*/

#contactenquiry{

	width:270px;

	height:100px;

	border:solid 1px silver;

	

	margin-bottom:3px;

	color:#BBB;

}



/*NLP Contact form submit button*/

#contactsubmit{

	border: solid 1px silver;

	width:70px;

	

}

/*NLP Div that holds the submit button on the contact page*/

.contactinputholder{

	float:left; 

	width:270px; 

	text-align:right;

	padding-top:5px;

}



/*NLP Displays the 'thank you for your enquiry' on the contact form*/

.contactresponse{

	width:450px; 

	height:40px; 

	padding-top:20px; 

	font-weight:bold; 

	color:black;

}

/*@@@@@@@@@@@@@@@@@@@@    (9) End of Contact form styles @@@@@@@@@@@@@@@@@@@@@@ */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/











/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@  (10) Top Category Logo Styles @@@@@@@@@@@@@@@@@@@@@@@*/





/*NLP This styles the clickable product logos on the top cat page*/

/*Actual width of the image is 139 and height is 132 but there is padding to get things to sit right*/

.shoptopcatitem {

	text-align:center;

	float:left;

	width:152px;

	height:205px;

	padding-left:18px;

	padding-right:18px;

	padding-bottom:5px;



}



.shoptopcatitem a{

	color:#3f3f3f;

}



/*NLP  Holds the clickable logos for the different product sections*/

.shoptopcatcontainer {

	width:765px;

	padding-top:35px;

	float:left;

	padding-left:15px;

}

/*NLP added to force the text for the logos down properly below the logo image*/

.logopusher{

	height:150px;



}



.topcatwideitem{

	float:left;

	width:760px;

	height:240px;

	margin-bottom:20px;

	padding-bottom:2px;

	border-bottom:1px solid #b2b2b2;

	

}



.topcatwidetext{

	color:#666666; 

	padding-top:10px; 

	float:left; 

	width:430px; 

	padding-left:10px; 

	padding-right:50px;

	min-height:160px;

	height:auto !important;

	height:160px;

}



.topcatmag{

	/*background-image:url(images/sc2_mag.gif); 

	background-position:right; 

	background-repeat:no-repeat; */

	float:left; 

	text-align:right;

	width:765px; 

/*	padding-right:45px; */

	color:#1b67c1; 

	font-weight:bold; 

	height:35px;

}



.topcatmag_innertext{

	float:right; 

	width:260px; 

	padding-right:10px; 

	padding-top:10px; 

	text-align:right; 

	height:23px;

}







/*NLP styles the text for 'Available in the xxx range...' */

/*Replaces the h1 style below which had unpredictable padding*/

.divrange{

	color:#1b67c1;

	font-family:Arial, Helvetica, sans-serif;

	

	padding-left:11px;

	font-weight:bold;

	padding-top:15px;

	padding-bottom:10px;

}



/*NLP styles the text for 'Available in the xxx range...' */

h1.range{

	margin-left:-10px;

	color:#1b67c1;

	height:15px;

}



.sectionintro{

	padding-left:15px; 

	width:440px

}



/*@@@@@@@@@@@@@@@@@  End of (10) Top Category Logo Styles @@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/









/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@  (11) Styles for the product page  @@@@@@@@@@@@@@@@@@@@@@*/



/* -------------Contains all the product details ------------*/

#proddetailscontainer{

	width:440px;

	float:left;

	padding-right:10px;

	padding-top:0px;

}



#shopproductdetails {

	width:400px;

	padding-left:20px;

	float:left;

	margin-bottom: 20px;

	color:black;

}

/*only used on the product page if you want to include an image with rounded corners, i.e. for a panel of some kind*/

#shopproductdetailstop{

	width:286px;

	height:1px;

	overflow:hidden;

	float:left;

}

/*only used on the product page if you want to include an image with rounded corners, i.e. for a panel of some kind*/

#shopproductdetailsbottom{

	width:286px;

	height:3px;

	float:left;

}



/*---------div that contains the product image in the admin section----------------*/

#shopproductadmin{

	width:760px;

	float:left;

	padding-left:20px;  

	/*height:340px;*/

	color:black;

}

/*---------div that contains the images and the add to cart section----------------*/

#shopproduct{

	width:442px;

	float:left;

	padding-right:15px;

	padding-left:12px;  

	margin-top:2px;

	height:295px;

}



/*--------contains the images for each product ----------*/



#shopproductimagesback{

	width:230px;

	/*height:250px;*/

	float:left;



	

}



#shopproductimages{

	width:220px;

	height:295px;

	float:left;

	/*background-image:url(images/prod_right_top.gif);*/

	/*width:486px;

	height:290px;

	float:right;

	background-image:url(images/prod_right_top.gif); nlp*/

}

/*--------------div that centralises the image---------------*/

/*NLP Product page*/

#shoppiccontainer {

	text-align:center;

/*	height:220px;*/

	margin-top:17px;

	float:left;

}

/*-------------div containing the thumbs or numbers -------------------------------------*/

/*NLP this is used if you have more than one image for each product, */

#shopthumbcontainer {

	text-align:left;

	height:40px;

	padding-right:15px;

	margin-top:15px;

}



#shopthumbcontainerbackend {

	text-align:left;

	margin-top:15px;

	float:left; 

	clear:left;

	width:300px;

}

/*-------------div containing the individual thumbs or numbers -------------------------------------*/

.shopthumbnail {

	margin-right:5px;

}







/*NLP This needs to be the same width as the shopproductdetails div*/

#complementcontainer{

	margin-top:5px;

	width:400px;

	float:left;

	/*background-color:#EDE6E4;*/

}



/*NLP This needs to be the same width as the shopproductdetails div*/

#shopcomplement {

	width:390px;

	padding-right:10px;

	float:left;

	color:#666;

}

/*only used if you're using rounded corners*/

#shopcomplementtop {

	width:286px;

	height:1px;

	float:left;

	overflow:hidden;

}

/*only used if you're using rounded corners*/

#shopcomplementbottom {

	width:286px;

	height:15px;

	float:left;

	

}





/*------------div containing all the add to cart stuff ---------------*/

/*NLP Product page*/

#shopproductaddtocart{

	width:200px;

	height:180px;

	float:right;

	margin-top:17px;

}

/*NLP Product page*/

.optionsformheight {

	float:right;

	height:100px;

	width:140px;

	overflow:hidden;

	padding-right:5px;

	/*background-color:gold;*/



}

.optionblockleft{

	width:120px;

	float:right;

	text-align:right;

	margin-top:5px;

	height:35px;

	overflow:hidden;



}

.optionblockright{

	width:126px;

	float:right;

	text-align:right;

	height:30px;

	overflow:hidden;

	padding-top:5px;

}

.optionblocklargebot1{

	width:120px;

	height:20px;

	float:right;

	overflow:hidden;

	text-align:right;

	font-weight:bold;

	color:black;

	padding-right:5px; 

}

.optionblocklargebot2{

	width:150px;

	height:40px;

	float:right;

	clear:right;

	text-align:right;

	overflow:hidden;

}

/*NLP holds the product name on the product page*/

.optionblocklargetop{

	width:190px;

	height:55px;

	float:right;

	overflow:hidden;

	

	font-weight:bold;

	text-align:right;

	padding-top:5px;

	padding-right:5px;

	color:#1b67c1;

}



h4{

	

	color:#970F00;

	margin-top:0px;

	margin-bottom:0px;	

}

h3{

	

	color:#333;

	margin-top:0px;

	margin-bottom:0px;	

}



.shopselectlist {

	

	width:90px;

	margin-top:3px;

	

}

/*The quantity input field on the product page*/

.shopquantity {

	width:60px;

	margin-top:3px;

	border:solid 1px #7F9DB9;

	text-align:right;

}



h1.prodtitle {

	padding-left:0px;

	color:#1b67c1;

}



.newprodtitle{

	color:#1b67c1;

	font-size:16px;

	font-weight:bold;

}



.alsoboughttitle{

	color:#1b67c1;

	font-family:Arial, Helvetica, sans-serif;

	

	padding-bottom:10px;

}



/*@@@@@@@@@@@@@@@@@@@@@@ End of (11) Product page styles @@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/











/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@ (12) Styles for the basket page @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



/*NLP Holds the rows of the basket and the update and checkout buttons*/

/*This div can be wider than ones on some of the other pages as the basket page has no right hand panels*/

.basketpage {

	width:780px;

	float:left;

	padding-top:27px;

	

}



.basketcontinueshopping{

	text-align:right; 

	float:right; 

	clear:none;  

	height:30px; 

	padding-top:12px;

	width:400px;

}



/*NLP does the same thing as shoplistcontainer and contentcontainer but is used on the basket page, this sits

inside .basketpage, so has to be 5px less than that*/

#shoplistcontainerbasket {

	width:760px;

	float:left;

	padding-left:20px;

}



/*NLP Styles the div at the top of the basket page which sits just over the basket rows, and 

displays the titles of the columns, eg. Name, Description, etc. */

#shoplisttop {

	width:760px;

	padding-bottom:5px;

	padding-top:5px;

	border-bottom:solid 1px black;

	display:inline;

	margin-bottom:5px;

	float:left;

}



#conf_basket_holder {

	width:750px;

	padding-bottom:5px;

	padding-top:5px;

	display:inline;

	margin-bottom:5px;

	float:left;



}



#conf_basket_top {

	width:700px;

	padding-bottom:5px;

	padding-top:5px;

	border-bottom:solid 1px black;

	display:inline;

	margin-bottom:5px;

	float:left;



}



.conf_refnum {

	width:120px;

	padding:5px;

	float:left;

	padding-left:10px;

	text-align:left;

	word-wrap:break-word;

	overflow:hidden;

	font-size:12px;

}



.conf_refitem{

	width:120px;

	padding:5px;

	float:left;

	text-align:left;

	word-wrap:break-word;

	overflow:hidden;

	font-size:12px;

	padding-left:10px;

}



.conf_name {

	width:180px;

	padding-top:5px;

	float:left;

	text-align:left;

	word-wrap:break-word;

	overflow:hidden;

	font-size:12px;

}



.conf_nameitem{

	width:180px;

	padding-top:5px;

	float:left;

	text-align:left;

	word-wrap:break-word;

	overflow:hidden;

	font-size:12px;

}



.conf_price {

	padding:5px;

	width:75px;

	text-align:center;

	float:left;

	font-size:12px;

}



.conf_priceitem {

	padding:5px;

	width:75px;

	text-align:center;

	float:left;

	font-size:12px;

}



.conf_quantity {

	padding:5px;

	width:50px;

	text-align:center;

	float:left;

	font-size:12px;

}





.conf_quantityitem {

	width:65px;

	padding-top:5px;

	text-align:center;

	float:left;

	font-size:12px;

}



.conf_options {

	padding:5px;

	width:140px;

	text-align:center;

	float:left;

	font-size:12px;

}



.conf_optionsitem{

 	width:140px; 

	overflow:hidden;

	padding:5px;

	text-align:center;

	float:left;

	font-size:12px;

}



.conf_total{

	padding:5px;

	width:67px;

	text-align:right;

	float:right;

	font-size:12px;

	padding-right:10px;

}



.conf_totalitem {

	padding:5px;

	padding-right:10px;

	width:68px;

	text-align:right;

	float:right;

	font-size:12px;

}



.conf_item {

	border-top:solid 2px white;

	border-bottom:solid 2px white;

	background-color:#f4f4f4;

	float:left;

	width:700px;

	display:inline;	

	padding-top:4px;

	padding-bottom:4px;



}





/*NLP Admin section - styles the div at the top of the blistitems page which displays the list of products, and 

displays the titles of the columns, eg. Name, Description, etc. */

#shoplisttopadmin {

	width:760px;

	padding-bottom:5px;

	border-bottom:solid 1px black;

	display:inline;

	margin-bottom:2px;

	float:left;

}



/*NLP This and shoplistitem2 are the alternative lines in the basket*/

.shoplistitem1 {

	border-top:solid 2px white;

	border-bottom:solid 2px white;

	background-color:#f4f4f4;

	float:left;

	width:760px;

	display:inline;	

	padding-top:4px;

	padding-bottom:4px;



}

/*NLP This and shoplistitem1 are the alternative lines in the basket*/

.shoplistitem2 {

	border-top:solid 2px white;

	border-bottom:solid 2px white;

	background-color:#f4f4f4;

	float:left;

	width:760px;

	display:inline;

	padding-top:4px;

	padding-bottom:4px;



}



/*NLP Same as above but used in admin section, not front end.  This and shoplistitemadmin2 are the alternative lines in the product lists*/

.shoplistitemadmin1 {

	border-top:solid 1px white;

	border-bottom:solid 1px white;

	background-color:#f4f4f4;

	float:left;

	width:600px;

	margin-left:8px;

	display:inline;	



}

/*NLP Same as above but used in admin section, not front end.  This and shoplistitemadmin1 are the alternative lines in the product lists*/

.shoplistitemadmin2 {

	border-top:solid 1px white;

	border-bottom:solid 1px white;

	background-color:#f4f4f4;

	float:left;

	width:600px;

	display:inline;

	margin-left:8px;

}



.shoplistrefnum {

	width:100px;

	padding:5px;

	float:left;

	padding-left:10px;

	text-align:left;

	word-wrap:break-word;

	overflow:hidden;

	font-size:14px;

}



.shoplistrefitem{

	width:100px;

	padding:5px;

	float:left;

	text-align:left;

	word-wrap:break-word;

	overflow:hidden;

	font-size:13px;

	padding-left:10px;

}



/*NLP Sits inside shoplisttop and styles the 'name' title*/

.shoplistname {

	width:180px;

	padding-top:5px;

	float:left;

	text-align:left;

	word-wrap:break-word;

	overflow:hidden;

	font-size:14px;

}



.shoplistnameitem{

	width:180px;

	padding-top:5px;

	float:left;

	text-align:left;

	word-wrap:break-word;

	overflow:hidden;

	font-size:13px;

}



/*NLP Styles the 'name' title in the admin section, on the products display (blistitems.php)*/

.shoplistnameadmin{

	padding:5px;

	width:140px;

	float:left;

	text-align:left;

	/*background-color:gray;*/

}



/*NLP Styles the 'options' titles in the admin section, on the products display (blistitems.php)*/

.shoplistoptional{

	padding:5px;

	width:75px;

	float:left;

	text-align:left;

	/*background-color:gray;*/

}



/*NLP Sits inside shoplisttop and styles the 'serial' title - isn't used in this shop as that isn't displayed*/

.shoplistserial {

	padding:5px;

	padding-bottom:0px;

	width:70px;

	text-align:center;

	float:left;

}





/*NLP Sits inside shoplisttop and styles the 'options' title - isn't used in this shop as options aren't used. */

.shoplistoptions {

	padding:5px;

	width:140px;

	text-align:center;

	float:left;

	font-size:14px;

}

/*NLP Sits inside shoplisttop and styles the 'price' title*/

.shoplistprice {

	padding:5px;

	width:75px;

	text-align:center;

	float:left;

	font-size:14px;

}



.shoplistpriceitem {

	padding:5px;

	width:75px;

	text-align:center;

	float:left;

	font-size:13px;

}

/*NLP Sits inside shoplisttop and styles the 'quantity' title*/

.shoplistquantity {

	padding:5px;

	width:50px;

	text-align:center;

	float:left;

	font-size:14px;

}



/*NLP Sits inside shoplisttop and styles the 'quantity' title*/

.shoplistremove {

	padding:5px;

	width:67px;

	text-align:center;

	float:left;

	font-size:14px;

}



/*NLP Sits inside shoplisttop and styles the 'total' title*/

.shoplisttotal{

	padding:5px;

	width:67px;

	text-align:right;

	float:right;

	font-size:14px;

	padding-right:10px;

}

/*NLP In the rows of the basket, this styles the options display - not used in this shop as options not shown*/

.shoplistoptionsitem{

 	width:140px; 

	overflow:hidden;

	padding:5px;

	text-align:center;

	float:left;

	font-size:13px;

}

/*NLP In the rows of the basket, this styles the total display*/

.shoplisttotalitem {

	padding:5px;

	padding-right:10px;

	width:83px;

	text-align:right;

	float:right;

	font-size:13px;

}

/*NLP In the rows of the basket, this styles the quantity display - the input field shopbasketquantity sits inside this*/

.shoplistquantityitem {

	width:65px;

	text-align:center;

	float:left;

}



/*NLP In the rows of the basket, this styles the remove display - the input field remove sits inside this*/

.shoplistremoveitem {

	width:63px;

	text-align:center;

	float:left;

}



/*NLP this is the input field which sits in each row of the basket, allowing you to change the quantity of an item*/

.shopbasketquantity {

	

	padding:2px;

	width:25px;

}



/*NLP sits inside shoplistcontainerbasket on the basket page but doesn't seem to have much function*/

#shopbasketcontainer{

}



/*@@@@@@@@@@@@@@@@@@@@@ End of (12)styles for the basket page @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/











/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@ (13) Styles for the login page  @@@@@@@@@@@@@@@@@@@@@@@@*/



/*nancy 18 nov*/

.loginpage {

	float:left;

	

	padding-left:25px;

}



/*nancy 18 nov*/

.loginsubmitholder {

	float:left;



	padding-left:25px;

	width:200px;

	text-align:right;

	height:30px;

}



/*nancy 18 nov*/

.generalbackholder {

	float:left;



	padding-left:12px;

	width:400px;

	text-align:left;

	height:30px;

	padding-top:10px;

}

/*nancy 18 nov*/

.loginpageinputs {

	float:left;



	padding-left:25px;

	width:400px;

	

}

/*nancy 18 nov*/

.loggedinmsg {

	float:left;

	padding-left:12px;

	height:140px;

}



/*nancy 18 nov*/

.failedloginmsg {

	float:left;

	padding-left:12px;

	height:100px;

}



/*nancy 18 nov*/

.loggedin {

	float:left;



	padding-left:25px;

}

/*nancy 18 nov*/

#loginpagecontainer{

	width:600px;

	float:left;

	margin-top:12px;



}



.backtoshoppinglink {

	text-decoration:none;

	color:#1b67c1;

	font-weight:bold;

}



.backtoshoppinglink:hover {

	text-decoration:none;

	color:#EDE6EE;

	font-weight:bold;

}



.backtoshoppinglinkred {

	text-decoration:none;

	color:#1b67c1;

	font-weight:bold;

	font-size:13px;

}



.backtoshoppinglinkred:hover {

	text-decoration:none;

	color:#AAAAAA;

	font-weight:bold;

}

.regformlink {

	text-decoration:none;

	color:#990000;

	font-weight:bold;

}



.regformlink:hover {

	text-decoration:none;

	color:#EDE6EE;

	font-weight:bold;

}





/*@@@@@@@@@@@@@@@@@@ End of (13)   Styles for the login page  @@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/











/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@ (14)  Styles for the special offer thumbnails @@@@@@@@@@@@@@@@@*/



/*NLP used just for the thumbnails of the special offers, for displaying the 'Now XGBP'*/

.specialofferpricesfrom{

	

	font-weight:bold;

	color:#970F00;

	padding-top:3px;

	width:120px;

	float:left;

	padding-left:10px;

}

/*NLP Used as you'd expect in the special offers section to display the was price*/

.specialofferpricewas{

	

	font-weight:bold;

	color:black;

	padding-top:6px;

	width:120px;

	float:left;

	padding-left:10px;

}

/*NLP Displays the item description in the thumbnail holder on the offers pages*/

.shoplistofferdescription {

	overflow:hidden;

	width:94px;

	height:130px;

}



/*@@@@@@@@@@@@ End of (14)  Styles for the special offer thumbnails @@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/











/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@  (15) Styles for the ordinary thumbnails   @@@@@@@@@@@@@@@@*/



.breadcrumbholder{

	height:20px;

	width:400px;

	padding-left:15px;

	padding-top:15px;

	padding-bottom:5px;

	color:#666666;

	font-weight:bold;

	float:left;

}



.nextprevholder{

	height:20px;

	width:445px;

	padding-left:15px;

	padding-top:5px;

	padding-bottom:5px;

	color:#1b67c1;

	float:left;

	background-color:silver;

}



/*NLP This is the thumbnail holder, except for the special offers*/

.shoplist2 {

	float:left;

	width:760px;

	/*height:255px;*/

	text-align:center;

	margin-left:20px;

	display:inline;

	margin-top:10px;

	overflow:hidden;

	border-bottom:1px solid #b2b2b2;

	margin-bottom:15px;



	



}

/*NLP Sets the colour of the titles of the products in the thumbnails*/

.prodtitles {

	text-align:left;

	color:#1b67c1;

	overflow:hidden;

	width:520px;

	font-size:16px;

	font-weight:bold;

	float:left;

	padding-left:20px;

	min-height:25px;

	height:auto !important;

	height:25px;

}



.faintpurple{

	color:#1b67c1;

}



.faintpurple a:hover{

	color:#AAAAAA;

}



/*NLP The 'More' link on the thumbnails*/

.shoplistmore{

	color:#1b67c1;

	

	padding-top:5px;

	text-align:right;

	float:right;

	padding-right:10px;

}



/*NLP Spacing between the thumbnail items in the product pages*/

.shopspacer{

	height:200px;

	width:0px;

	float:left;



}



.thumb_outer_holder{

	width:210px; 

	height:210px;

	float:left; 

	text-align:center;

}



.shoplistimage{



	

}



/*NLP In the thumbnails, displays the prices from*/

.pricesfrom{

	

	font-weight:bold;

	text-align: left;

	color:black;

	padding-top:0px;

	width:130px;

	float:left;

	clear:left;

	margin-right:19px;

	margin-bottom: 5px;



	/*padding-left:120px;*/

}

/*NLP In the thumbnails, displays the prices from*/

.pricesRRP{

	

	text-align: left;

	

	color:black;

	padding-top:0px;

	width:130px;

	float:left;

	clear:left;

	margin-right:19px;





}



/*NLP Displays the item description in the thumbnail holder*/

.shoplistinfoholder {

	padding-top: 5px;

	width:510px;

	padding-left:20px;

	text-align:left;

	float:left;

	color:#666666;

	min-height:225px;

	height:auto !important;

	height:225px;

}



/*NLP Displays the item description in the thumbnail holder*/

.shoplistdescription {



	overflow:hidden;

	width:180px;

	float:left;

	color:#666666;

	min-height:20px;

	height:auto !important;

	height:20px;

}



/*NLP Displays the item description in the thumbnail holder*/

.shoplistref {

	overflow:hidden;

	width:180px;

	float:left;

	color:#666666;

	clear:left;

	min-height:20px;

	height:auto !important;

	height:20px;

}





/*NLP Displays the item description in the thumbnail holder*/

.shoplistviewmore {

	background-image:url(images/sc2_mag.gif);

	background-repeat:no-repeat;

	background-position:bottom right;

	padding-top:5px;

	overflow:hidden;

	width:200px;

	float:left;

	font-weight:bold;

	color:#1b67c1;

	clear:left;

	margin-top:50px;

	display:inline;

	min-height:35px;

	height:auto !important;

	height:35px;

	padding-top:12px;



}



.shoplistviewmore a{

color:#1b67c1;

}



/*standard pages layout stuff*/

.standard_blue_title{

width:700px; 

padding-bottom:15px; 

color:#3f3f3f; 

line-height:28px; 

font-family:Arial, Helvetica, sans-serif; 

font-size:18pt; 

font-weight:bold;

}



.standard_header_img_holder{

	width:760px; 

	float:left; 

	height:220px;

}





/*NLP Displays the item description in the thumbnail holder*/

.shoplistviewmoretext {

	background-image:url(images/sc2_both.gif);

	background-repeat:no-repeat;

	background-position:bottom right;

	overflow:hidden;

	width:250px;

	float:left;

	font-weight:bold;

	color:#1b67c1;

	clear:left;

	margin-top:50px;

	display:inline;

	min-height:35px;

	height:auto !important;

	height:35px;

	padding-top:12px;







}



.shoplistviewmoretext a{

color:#1b67c1;

}



.shoplistradiobuttons{

	float:right;

	width:150px;

	height:160px;

}



/*MR Style for new graphical button on the list items page*/

.morebutton

{

	width: 86px;

	height: 38px;

	background-image: url(images/details_but_f1.gif);

	/*background-position: center;*/

	background-position:right;

	background-repeat:no-repeat;

	margin-bottom: 5px;

	margin-right: 10px;

	float: right;

	clear: right;

}



.morebutton:hover

{

	width: 86px;

	height: 38px;

	background-image: url(images/details_but_f2.gif);

	/*background-position: center;*/

	background-position:right;

	background-repeat:no-repeat;

	

}



/*@@@@@@@@@@@@@  End of (15) styles for the ordinary thumbnails    @@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/





/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@  (16) Generic styles @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



a {

	color:#333333;

	text-decoration:none;

	cursor:pointer;

}

a:hover {

	color:#666;

}

.piclink {

	font-weight: bold;

	text-decoration:underline;

	color:#1b67c1;

}



.piclink:hover{

	font-weight: bold;

	text-decoration:underline;

	color:#bf0000;

}

.outstock {

	color:red;

}

h1 {

	

	padding-left:20px;

}

h3 {

	

	color:#333333;

	margin-top:0px;

	margin-bottom:0px;

}

hr {

	height:1px;

	color:#666;

	background-color:#666;

}

.button {

	

	height:25px;

	width:100px;

	margin-top:5px;

}



.removebutton {

	

	height:25px;

	width:20px;

	font-weight:bold;

	color:red;

}

.input {

	

	width:115px;

	margin-bottom:5px;

}





/*@@@@@@@@@@@@@@@@ End of  (16) Generic styles @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/







/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@ End of (17) Codebrush information SubFooter @@@@@@@@@@@@@@@@@*/











/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@  (18) The following styles cannot be identified @@@@@@@@@@@@@@@@@@*/





.separator {

	float:left;

	

	padding-left:25px;

}



/*nancy 18 nov*/

.checkoutinfo {

	float:left;



	padding-left:25px;

	padding-top:10px;

}



.checkoutpage {

	width:600px;

	padding-left:5px;

	float:left;

}



#quantity {

	

}



/*nancy 18 nov*/

.worldpaybutton {

	

	border:solid 1px silver;

	background-color:#FFFFFF;

	width:170px;

}





/*NLP Cannot identify where this is used*/

.shopbutton {

	

	border:solid 1px silver;

	background-color:#FFFFFF;

	width:90px;

}



/*NLP Cannot identify where this is used*/

#shopminibasket {

	

	float:left;

	height:25px;

	overflow:hidden;

	text-align:center;

	padding-left:10px;

}

/*NLP Cannot identify where this is used*/

#shopaddresscontainer{

	

	float:left;

}

/*NLP used to hold the pay now button on checkout page */

#shopdetails{

width:600px;

	float:left;

	text-align:center;

	/*margin:auto;

	width:300px;

	margin-bottom:40px;  nancy 18 nov*/

}



/*NLP Cannot identify where this is used*/

.menucatlink {

	color:#888;

	cursor:pointer;

}



.menuprodlink {

	color:#000;

	cursor:pointer;

}





.menuprodlink:hover {

	color:grey;

	cursor:pointer;

}



/*NLP Can't tell what this does, if anything*/

#offerscontainer{

	float:left;

}

/*NLP Can't tell what this does, if anything*/

h1.offers{

	margin-bottom:5px;

	

	color:#aa1d05;

}



/*NLP Can't tell what this does, if anything*/

.headerimage{

	padding-left:7px;

}





/*NLP Can't tell what this does, if anything*/

#line{

	background-color:white;

	width:750px;

	height:3px;

	overflow:hidden;

	float:left;

	display:none;

}



#shopofferscontainer {

	margin-top:10px;

	margin-bottom:10px;

	border:solid 1px silver;

	padding:5px;

}

.shopofferdiv {

	padding:5px;

	margin-top:4px;

	border-top:solid 1px silver;

	border-bottom:solid 1px silver;

}

.shopofferlink {

	font-weight:bold;

	color:#333;

}

.shopofferlink:hover {

	color:#777;

}

#pageupdatearea {

	width:602px;

	height:200px;

	

}





h1.nopush {

	color:#1b67c1;

	line-height:30px;

	font-size:18px;

	margin:0px;

	padding:0px;

}



h1.nopushprint{

	color:#1b67c1;

	line-height:30px;

	font-size:18px;

	margin:0px;

	padding:0px;

	

}



h1.cmscategoryname {

	margin-left:-20px;

	color:#1b67c1;

	font-size:18px;

	line-height:30px;

}

.red {

	color:#1b67c1;



}

#currencybar{

	float:right;

	padding-right:10px;

}













/*@@@@@@@@@@@@@@@@@  End of (18) the styles that  cannot be identified @@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/







/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@  (19) and (20) Styles for the index page and section outside the shop itself  @@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@     These are not currently used in this shop     @@@@@@@@@@@@@@@@@@@@*/



/*NLP Used to style large images on the index page, same as shopbanner*/

.bigadstyle{

	padding-left:0px;

	margin-top:1px;

	margin-bottom: 6px;

	border:0px;

}

/*NLP Used to style small images on the index page*/

.smalladstyle{

	padding-left:13px;

	margin-top:7px;

	float:left;

	border:0px;

}



/*NLP Used to style small images on the index page*/

.smalladstyleright{

	padding-left:10px;

	margin-top:7px;

	float:left;

	border:0px;

}



.topindexspacer{

	width:130px;

	height:0px;

	overflow:hidden;

	float:left;

	color:white;

	

}

.carpprintindexcontent{



	width:160px;

	padding-top:2px;

	padding-bottom:10px;

	margin-bottom:1px;

	

}



.fishomonthtopcontainer {

	text-align:left;

	padding-left:20px;

	width:638px;

	padding-right:20px;

}



.fishimage  {

	width:100%; 

	text-align:center;

	padding-top:10px;

	padding-bottom:20px;

}



.frontpageimageholders {

	padding-left:20px; 

	float:left; 

	width:200px;

	padding-bottom:7px;

}

.frontpageimagestyles {

	border:0px; 

	padding:0px

}



/*MR The style below is to affect the styling of the Div sat on the home page that contain text*/

.home_text

{

	font-size:11px;

	margin-left: 20px;

	margin-right: 10px;

	margin-bottom: 10px;

	text-align: left;

	color: #3f3f3f;

}



.usefullinks {

	text-decoration:none;

	color:#64592c;

	

	font-weight:bold;

}



.usefullinks:hover {

	text-decoration:none;

	color:silver;

	

	font-weight:bold;

}



.printslinks {

	text-decoration:none;

	color:#64592c;

	font-weight:bold;

}



.printslinks:hover {

	text-decoration:none;

	color:black;

	font-weight:bold;

}





/*@@@@@@  End of (19)Styles for the index page and section outside the shop itself   @@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@     These are not currently used in this shop     @@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/













/*@@@@@@@@@@@@@@      (21) styles for the newsletter submission form @@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



/*NLP Newsletter form text fields*/

.newsletterforminput{

	width:120px;

	height:15px;

	border:solid 1px silver;

	

	margin-bottom:3px;

	color:#BBB;

}



/*NLP Div that holds the submit button on the Newsletter form*/

.newsletterinputholder{

	margin:auto;

	width:100px; 

	text-align:center;

	padding-top:5px;

}



/*NLP Displays the 'thank you for your enquiry' on the Newsletter form*/

.newsletterresponse{

	width:400px; 

	text-align:left;

	height:200px; 

	color:black;

}



/*NLP Holds the newsletter form aligned to the right of the address text*/

.newsletterformholder{

	float:left;

	margin-left:5px;

}



/*nancy 18 nov*/

.newsletterbackholder {

	float:left;

	

	width:400px;

	text-align:left;

	height:30px;



}





/*@@@@@@@@@@@@@@@@@@@@   End of (21) styles for the newsletter            @@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



/*@@@@@@@@@@@@@@@@@@@@   (22) styles for the registration form            @@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



.form_spacer

{

clear:both;

width:100%;

height:20px;

font-weight:bold;

}



.red_star

{

color:red;

}



.input_line

{

	clear:both;

	margin-bottom:10px;

	height:20px;

	color:red;

}



.input_multiline

{

	clear:both;

	margin-bottom:20px;

	color:black;

}



.register_label_line

{

	font-weight:bold;

	clear:both;

	padding-top:5px;

	color:black;

}



.register_label

{

	width:150px;

	float:left;

	padding-top:5px;

	color:black;

}



.register_oneline

{

	float:left;

}





.bold_text

{

	font-weight:bold;

}



.form_line_blue{

	height:1px; 

	background-color:#1b67c1;

	/*70B3E0*/

	width:100px;

	font-size:1pt;

	float:left;

	border-left:110px solid white;

}



#membership_error

{

width:100%;

padding:10px;

border:4px solid red;



}



#error_box

{

width:100%;

padding:10px;

border:1px solid red;



margin:10px;

}



#confirm_box

{

margin:10px;

width:100%;

padding:10px;

border:1px solid green;



}









/*@@@@@@@@@@@@@@@@@@@@   End of (22) styles for the registration form     @@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/





/*@@@@@@@@@@@@@@@@@@@@   Styles for the mouseover text pages  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/





#layer3{

LEFT: 65px; text-align:center; WIDTH: 434px; POSITION: absolute; TOP: 41px; HEIGHT: 326px; 



}