/* Beadz Bitz Bobz CSS - By NQ Webdesign www.nqwebdesign.com */


/* -- GLOBAL RESET
----------------------------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,embed,object 
{
	margin:0;
	padding:0;
}

embed,object
{
	line-height:0;
}

p
{
	/*overflow:auto;  Stop IE7 stupid italics bug  MESSES UP IE Mac */
}

/* -- DEFAULT STYLES
----------------------------------------------------------------------------------------------------------*/
body
{
	background:#deceb7;/* url(../images/bg_body2.gif);*/
	color:#000;
	font: 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0;
}

p,ul,ol,pre,h1,h2,h3,h4,h5,h6
{
	margin-bottom: 15px;
}

h1,h2,h3,h4,h5,h6
{
	font-weight:normal;
	font-size:15px;
	font-family:"Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica;
}

ul,ol
{
	margin-left:20px;
}

ul
{
	list-style:square;
}

li
{
}

pre,code
{
	font: 10px/16px 'Monaco', 'Courier New', Courier, monospace;
}

a { }
a:visited {}
a:hover { }

form input,
form textarea,
form select
{
	margin: 0;
	font-size: inherit;
	font-family: inherit;
	color:inherit;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(../images/fieldbg.gif) repeat-x top;
}

form input, form textarea
{
	padding:3px 2px;
}

form input:focus,
form textarea:focus,
form select:focus
{
	background-color:#EDF2FE;
}

span#nqweb_link
{
	float:right;
	background:url(../images/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
	display:block;
}



/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/

div#layout_wrapper
{
	min-width:780px;
	text-align:center;
}

div#layout_inner
{
	margin-left:auto;
	margin-right:auto;
	width:780px;
	text-align:left;
	background-color:#FFF;
	margin-bottom:10px;
	border-left:6px solid #FFF;
	border-right:6px solid #FFF;


}
div#main_menu
{
	height: 37px;
	background:#000;
}

span#top_links
{
	float:right;
	display:block;
	padding:10px;
	color:#FFF;
	font-size:11px;
	font-style:italic;
}

div#header
{
	background:#000 url(../images/bg_header3.jpg) no-repeat;
	clear:both;
	height:124px;
}


div#main
{
	color:#222;
}

div#content, #sidebar
{
	float:left;
}

div#content
{
	width:570px;
}
div#sidebar
{
	width:200px;
	padding:5px 0 50px 10px;
}

div#content_inner
{
	padding:15px 20px 15px 40px;
}

div#sidebar_inner
{
	padding:15px 10px;
}

div#info
{
	clear:both;
	text-align:center;
	font-size:11px;
	font-style:italic;
	padding:10px 20px;
	color:#666;


}

div#footer
{
	clear:both;
	color:#FFF;
	font-size:11px;
	padding:20px 20px 10px 20px;
	background:url(../images/bg_stripe.gif) repeat-x;

}

div#search
{
	margin-top:27px;
}

div#flashcontent
{

}


/* -- MAIN MENU
----------------------------------------------------------------------------------------------------------*/
#main_menu ul
{
	margin: 0;
	padding: 0;
	list-style:none;
}

/* IE5 Mac Hack \*/ 
#main_menu { padding-left: 20px; } 
/*/ 
#main_menu { padding-left: 20px; overflow: hidden; } 
/* End Hack */

#main_menu li
{
	margin:0;
	padding:0;
	float: left;
}

#main_menu li a
{
	font-size:15px;
	line-height:16px;
	display: block;
	padding:10px 20px 9px 20px;
	width:110px;
	text-align:center;
	background-repeat: no-repeat;
	color:#FFF;
	text-decoration:none;
	font-family:"Lucida Grande", "Trebuchet MS" "Helvetica Neue", Arial;
	text-transform:lowercase;
}

#main_menu li a:hover {
	background:#00AEFF;
	color:#000;
}

#main_menu li#home a { width: 55px; }
#main_menu li#about a { width: 65px; }
#main_menu li#enquiries a { width: 75px; }
#main_menu li#productinfo a { width: 110px;}

/* OLD MENU

#main_menu li a
{
	display: block;
	height:50px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	color:#FFF;
}
#main_menu li a:hover {
	background-position: 0 -50px;
}

#main_menu li#home,
#main_menu li#home a { width: 66px; background-image: url(../images/bg_button_home.gif); }

#main_menu li#about,
#main_menu li#about a { width: 78px; background-image: url(../images/bg_button_about.gif); }

#main_menu li#enquiries,
#main_menu li#enquiries a { width: 100px; background-image: url(../images/bg_button_enquiry.gif); }

*/


/* -- MAIN MENU
----------------------------------------------------------------------------------------------------------*/


#sub_menu_wrapper
{
	margin-top:20px;
	padding-bottom:20px;
	background:#000 url(../images/bg_sub_menu_bottom.gif) bottom no-repeat;
}

#sub_menu
{
	padding: 15px 0 0  10px;
	background:url(../images/bg_sub_menu.gif) no-repeat;
}

#sub_menu ul
{
	list-style:none;
	padding:0;
	margin:0;
}
#sub_menu li
{
	line-height:13px;
	padding:0;
	margin:0;
	margin-bottom:2px;
}
#sub_menu a
{
	display:block;
	width:155px;
	text-decoration:none;
	color:#FFF;	
	padding:3px 15px 2px 10px;
	 background: url(../images/bg_arrow.gif) 165px 50% no-repeat;
}

#sub_menu li a:hover {
	background:#00AEFF url(../images/bg_arrow_hover.gif) 165px 50% no-repeat;
	text-decoration:none;
	color:#000;
}

/* -- HEADINGS, PARAGRAPHS, LISTS & LINKS
----------------------------------------------------------------------------------------------------------*/


#main h1 
{
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	margin-bottom:10px;
	color:#23509D;
}

#main h2
{
	font-size:14px;
	line-height:19px;
	font-weight:normal;
	color:#000;
	margin-bottom:10px;
}

#main h3
{
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	margin-bottom:3px;
	text-transform:uppercase;
}


#flashcontent a:link, #flashcontent a:visited
{
	color:#FFF;
} 
#flashcontent a:hover
{
	color:#4B8BEB;
} 

#content a:link, #content a:visited, #footer a:link, #footer a:visited, #info a:link, #info a:visited
{
	color:#23509D;
}

#content a:hover, #footer a:hover, #info a:hover
{
	color:#E87B12;
}

#top_links a:link, #top_links a:visited
{
	color:#FFF;
	text-decoration:none;
}

#top_links a:hover
{
	color:#FFFF00;
}


/* -- TABULAR DATA
----------------------------------------------------------------------------------------------------------*/

.tabularData
{
	border-collapse:collapse;
	border:none;
	width:100%;
	border-spacing:0px;
}

.tabularData thead tr
{
	background-color:#23509D;
}

.tabularData th
{
	color:#FFFFFF;
	padding:4px;
	font-weight:normal;
}

.tabularData .col_a{width:50%; text-align:left;}
.tabularData .col_b{width:30%; text-align:left;}
.tabularData .col_c{width:20%; text-align:center;}
	
.tabularData td
{
	border-bottom:1px solid #D2E2FB;
	padding:4px;
	font-size:11px;
}

.tabularData tbody tr.odd
{
	background-color:#EDF2FE;
}

	#calendar td
	{
		background:url(../images/icon_calendar.gif) center left no-repeat;
		padding-left:27px;
	}
	
	
table.subCats
{
	width:100%;
	border-collapse:collapse;
	border:none;
	width:100%;
	border-spacing:0px;
}

table.subCats td
{
	text-align:center;
	padding:2px 10px;
}

table.subCats a img
{
	border:none;
}


table.subCats a span
{
	display:block;
	padding:3px 0;
	clear:both;
	width:100%;
}

/* -- FORMS
----------------------------------------------------------------------------------------------------------*/


fieldset#subCategories
{
	border:1px dotted #888;
	padding:10px 10px 10px 10px;
	clear:both;
}

fieldset#subCategories legend
{
	font-size:14px;
	font-weight:normal;
	color:#000;
	margin-left:6px;
}

.button
{
	background:#000;
	color:#FFF;
	border:none;
}
.button:focus
{
	background:#00AEFF;
	color:#000;
}

div#form_failure
{
	color:#C20100;
	background:#FCD3CB;
	padding:10px 20px 10px 20px;
	margin:10px 0 10px 0;
	border:1px solid #FAAB9B;
}
	
div#form_success
{
	color:#099015;
	background:#DDEFD5;
	padding:10px 20px 10px 20px;
	margin:10px 0 10px 0;
	border:1px solid #B0DA9F;
	
}

/* -- PAGINATION & BREADCRUMBS
----------------------------------------------------------------------------------------------------------*/
#pagelist
{
	text-align:right;
	margin:15px 0;
}
#pagelist span {
  font-weight: bold;
  padding: 2px 6px 3px 6px;
  border: 1px solid #C4C8B8;
   margin-right:4px;
   color:#FFF;
   background-color:#23509D;
}
#pagelist a {
  background: #EDF2FE;
  text-decoration: none;
  padding: 2px 6px 3px 6px;
  border: 1px solid #D2E2FB;
  margin-right:4px;
}

#pagelist a:link, #pagelist a:visited
{
  color: #23509D;
	text-decoration: none;
	
}

#pagelist a:hover
{
	color:#FFF;
	background:#E87B12;
	border:1px solid #CD6D10;
}


div#breadcrumbs
{
	margin-bottom:10px;
	font-size:11px;
	width:auto;
	margin-top:-8px;
}

	
/* -- MISC
----------------------------------------------------------------------------------------------------------*/
.clearFloats {
	clear: both;
	height: 0;
	line-height: 0.0;
}

.floatLeft
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.floatRight
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.floatLeftborder
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:3px solid #C3DAF7;
}

.floatRightborder
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	border:3px solid #C3DAF7;
}

.imgBorder
{
	border:3px solid #C3DAF7;
}

span.floatLeft, span.floatRight
{
	border:1px solid #C3DAF7;
}

span.floatLeft img, span.floatRight img
{
	border:3px solid #E6F0FD;
}