/* Generic Selectors */

html {height: 100%;min-height: 100%;}

h1 
{
	font-size: 15px;
	margin-top: 0px;
	font-weight: 100;
	letter-spacing: 1px;
	border-bottom: solid 1px #C5C5C5;
	padding: 0px 0px 5px 0px;
	margin-bottom: 5px;
	
}

h2 
{
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 100;
	letter-spacing: 1px;
}

h3 
{
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Custom Headers */

.heading h1
{
	font-size: 12px;
	border: none;
	display: block;
	padding: 5px 5px 5px 30px;	
	letter-spacing: 2px;
	border: none;
	background: #1B1B1B url(../images/headingbg.gif) no-repeat left;
}

.link_heading h1
{
	border: none;
	display: block;
	
	/*margin: none;*/	
}

.link_heading h1 a
{
	font-size: 12px;
	border: none;
	display: block;
	padding: 5px 5px 5px 30px;	
	letter-spacing: 2px;
	border: none;
	background: #1B1B1B url(../images/headingbg.gif) no-repeat left;	
}

.link_heading h1 a:hover
{
	text-decoration: none;				
}

/* Other */

img
{
	border: none;
	margin-bottom: 0px;
	vertical-align:middle;
}

hr
{
	border: solid 1px #303030;
	height: 0px;		
}

ul
{
	list-style: square;
	padding: 0;
	margin: 20px;
}

table.style1 {border: solid 1px #E8EEF2;}
table.style1 td {border: solid 1px #E8EEF2;}

/*************************  Pseudo classes *************************/
a:link
{
	color: #6390AA;
	text-decoration: none;
}

a:visited
{ 
	color: #6390AA;
	text-decoration: none;
}

a:hover
{
	color: #C1E8FF;
	text-decoration: underline;
}

a:active
{ 
	color: #6390AA;
}

/* External Links */

a.external:link
{
	color: #FFFFFF;
	text-decoration: none;
}

a.external:visited
{ 
	color: #FFFFFF;
	text-decoration: none;
}

a.external:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

a.external:active
{ 
	color: #FFFFFF;
}

/* Block Links */


ul.block_links
{
	padding: 0;
	margin: 20px;
	list-style-type: square;
}

ul.block_links li
{
	margin: 0px;
	padding: 0px;
	
	vertical-align: middle;
	
}

ul.block_links li a 
{
	width: 100%;
	display: block;
	padding: 5px;
	border-bottom: solid 1px #1B1B1B;
	color: #5B626B;
}

ul.block_links li a:hover
{
	
	background-color: #1B1B1B;
	text-decoration: none;
	color: #C1E8FF;
}

ul.block_links li a.active
{
	color: #C1E8FF;	
}



/**************** Navigation ***************/

#nav_links
{
	margin: 0;
}

#nav_links li
{
	margin: 0; 
	padding: 0px;
	display: inline;
	list-style-type: none;
}

#nav_links a:link, #nav_links a:visited
{
	float: left;
	font-size: 12px;
	padding-bottom: 10px;
	padding-top: 78px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #FFFFFF;
	/*border-right: solid 1px transparent;*/
}



/******** Default *********/

#nav_links a:link.active, #nav_links a:visited.active
{
	color: #B2CDE8;
	font-weight: bold;
	background: url(../images/tab_news.gif) no-repeat bottom center;
	/*border-right: solid 1px #C2BFBF;*/
	
}

#nav_links a:hover
{
	color: #B2CDE8;
	background: url(../images/tab_news.gif) no-repeat bottom center;
	background-color: #000000;
	/*border-right: solid 1px #C2BFBF;*/
}

/* Home Nav */

#nav_links #nav_home a:link.active,
#nav_links #nav_home a:visited.active
{
	background: url(../images/tab_home.gif) no-repeat bottom center;
	/*border-right: solid 1px #C2BFBF;*/
}

#nav_links #nav_home a:hover
{
	background: url(../images/tab_home.gif) no-repeat bottom center;
	background-color: #000000;	
	/*border-right: solid 1px #C2BFBF;*/
}

/* News Nav */

#nav_links #nav_news a:link.active,
#nav_links #nav_news a:visited.active
{
	background: url(../images/tab_news.gif) no-repeat bottom center;
	/*border-right: solid 1px #C2BFBF;*/
}

#nav_links #nav_news a:hover
{
	background: url(../images/tab_news.gif) no-repeat bottom center;
	background-color: #000000;
	/*border-right: solid 1px #C2BFBF;*/
}

/* XRF Nav */

#nav_links #nav_xrf a:link.active,
#nav_links #nav_xrf a:visited.active
{
	background: url(../images/tab_xrf.gif) no-repeat bottom center;
	/*border-right: solid 1px #C2BFBF;*/
}

#nav_links #nav_xrf a:hover
{
	background: url(../images/tab_xrf.gif) no-repeat bottom center;
	background-color: #000000;
	/*border-right: solid 1px #C2BFBF;*/
}

/* Service Nav */

#nav_links #nav_service a:link.active,
#nav_links #nav_service a:visited.active
{
	background: url(../images/tab_service.gif) no-repeat bottom center;
	/*border-right: solid 1px #C2BFBF;*/
}

#nav_links #nav_service a:hover
{
	background: url(../images/tab_service.gif) no-repeat bottom center;
	background-color: #000000;
	/*border-right: solid 1px #C2BFBF;*/
}

/* MiniSort Nav */

#nav_links #nav_minisort a:link.active,
#nav_links #nav_minisort a:visited.active
{
	background: url(../images/tab_minisort.gif) no-repeat bottom center;
	/*border-right: solid 1px #C2BFBF;*/
}

#nav_links #nav_minisort a:hover
{
	background: url(../images/tab_minisort.gif) no-repeat bottom center;
	background-color: #000000;
	/*border-right: solid 1px #C2BFBF;*/
}

/* Shop Nav */

#nav_links #nav_shop a:link.active,
#nav_links #nav_shop a:visited.active
{
	background: url(../images/tab_shop.gif) no-repeat bottom center;
	/*border-right: solid 1px #C2BFBF;*/
}

#nav_links #nav_shop a:hover
{
	background: url(../images/tab_shop.gif) no-repeat bottom center;
	background-color: #000000;
	/*border-right: solid 1px #C2BFBF;*/
}

/* Contact Nav */

#nav_links #nav_contact a:link,
#nav_links #nav_contact a:visited
{
	float: left;
	font-size: 12px;
	padding-bottom: 10px;
	padding-top: 78px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #FFFFFF;
	background: url(../images/tab_contact.gif) no-repeat bottom center;
	background-color: #000000;
	/*border-right: solid 1px #C2BFBF;*/
}

#nav_links #nav_contact a:link.active,
#nav_links #nav_contact a:visited.active
{
	background: url(../images/tab_contact.gif) no-repeat bottom center;
	/*border-right: solid 1px #C2BFBF;*/
}

#nav_links #nav_contact a:hover
{
	background: url(../images/tab_contact.gif) no-repeat bottom center;
	background-color: #000000;
	/*border-right: solid 1px #C2BFBF;*/
}
	

/*************************  ID's *************************/

#container
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	height: 170px;	
	
}

#logo
{		
	float: left;
	width: 350px;
	height: 170px;
	background: url("../images/nitonuk_logo.png");	
}

#nav
{		
	float: right;
	text-align: right;
	margin-top: 0px;
}

#disclaimer
{	
	
	float: left;
	text-align: center;
	width: 980px;
	height: 80px;
	/*border-top: solid 1px #303030*/;  	
}

#footer
{
	float: left;
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	/*background: url(../images/footer.png) no-repeat bottom center;*/	
}

#disclaimer2
{	
	
	float: left;
	text-align: center;
	width: 100%;
	height: 80px;
	/*border-top: solid 1px #303030*/;
	background: #1B1B1B;  	
}
/*
.footer {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#footer_image {
	background: url("../images/scrapsiloette.png");
	float: right;
	width:980px;
	height: 44px;
}

#footer_content {
	background: #4B919A;
	float: left;
	width: 100%;
	color: #FFFFFF;
}
*/
a.nav:link
{
	color: #FFFFFF;
	text-decoration: none;
}

a.nav:visited
{ 
	color: #FFFFFF;
	text-decoration: none;
}

a.nav:hover
{
	color: #C1E8FF;
	text-decoration: underline;
}

a.nav:active
{ 
	color: #FFFFFF;
}




/*********************** Home Page **********************/

#home
{
	margin-top: 250px;
	width: 980px;
	text-align: left;	
	
}

#home_demo_flash
{
	position: absolute;
	margin-top: 175px;
	/*margin-left: 15px;*/
	height: 210px;
	width: 370px;
}

#xl2_launch
{
	position: absolute;
	margin-top: 185px;
	/*margin-left: 15px;*/
	height: 242px;
	width: 223px;
	color: #000000;
}

/*
.home_apps
{
	float: left;
	
	width: 485px;
	
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}
*/

.home_apps
{
	float: left;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
	width: 465px;
	padding: 10px;
	
}

.home_news
{
	float: left;
	margin-left: 20px;
	width: 271px;
	padding: 10px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;	
}

.home_advert
{
	float: left;
	margin-left: 20px;
	width: 163px;
	/*padding: 25px;*/	
}

/* Application Section */

.application_box
{
	float: left;
	width: 465px;
	/*margin: 10px 0px 10px 0px;*/	
	border-bottom: solid 1px #1B1B1B;
	/*background: url(../images/backgrounds/hor_hr.gif) repeat-x left bottom;*/
	padding: 10px 0px 10px 0px;
	background: none;
	
	
}

.application_thumb
{
	float: left;
	width: 160px;
}

.application_thumb IMG
{
	border: 1px solid #BBBCBE;
}

.application_details
{
	float: left;
	width: 303px;
}

.application_title
{
    font-size: 10px;
    color: #C1E8FF;
	margin: 0 0 4px 0;
	padding: 0;
}

.application_description
{
    font-size: 11px;
    line-height: 16px;
	margin-top: 4px;
	padding: 0;
}

/* TEST APPLICATION */

.application_box_test
{
	float: left;
	width: 465px;	
	/*border: solid 1px #1B1B1B;*/
	/*padding: 10px 0px 10px 0px;*/
	background: none;
	
	
}

.application_box_test a
{
	float: left;
	width: 445px;	
	border: solid 1px #1B1B1B;
	padding: 10px;
	background: none;
	
	
}

.application_box_test a:hover
{
	border: solid 1px #1B1B1B;
	padding: 10px;
	background: #1B1B1B;
	text-decoration: none;
	
	
}



/* News section */

.news_box
{
	float: left;
	position: absolute;
	width: 251px;
	border-bottom: solid 1px #1B1B1B;
	padding: 10px 0 10px 0;
}

.news_box:hover
{
	padding: 10px 0 10px 0;
	float: left;
	width: 251px;
	background: #1B1B1B;
}

.news_icon
{
	float: left;
	width: 25px;
	margin-top: 12px;
}

.news_details
{
	float: left;
	width: 211px;
}

.news_date
{
    font-size: 10px;
    color: #C1E8FF;
	margin: 0 0 4px 0;
	padding: 0;
}

.news_body
{
    font-size: 11px;
    /*line-height: 16px;*/
	margin-top: 5px;
}

/******************* XRF *****************/

#xrf_main
{
	margin-top: 225px;
	width: 980px;
	text-align: left;	
	
}

.xrf_main_box
{
	float: left;
	
	width: 380px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

.xrf_video
{
	float: left;
	margin-left: 20px;
	width: 500px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}


#xrf
{
	margin-top: 325px;
	width: 980px;
	text-align: left;	
	
}

#toys_video
{
	position: absolute;
	margin-top: 180px;
	height: 260px;
	width: 390px;
	
	
}

#alloy_video
{
	position: absolute;
	margin-top: 170px;
	height: 290px;
	width: 390px;
	
	
}

.xrf_box1
{
	float: left;
	
	width: 615px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

.xrf_box2
{
	float: left;
	margin-left: 20px;
	width: 265px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

.xrf_box2 IMG
{
	border: 1px solid #BBBCBE;
	margin-bottom: 15px;
}

/******************* News *********************/

#news
{
	margin-top: 70px;
	width: 980px;
	text-align: left;	
	
}

.news_box1
{
	float: left;
	
	width: 540px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

.news_box2
{
	float: left;
	margin-left: 20px;
	width: 340px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

.xrf_box2 IMG
{
	border: 1px solid #BBBCBE;
	margin-bottom: 15px;
}
 

/******************* Ashtead *****************/

#ashtead
{
	margin-top: 70px;
	width: 980px;
	text-align: left;	
	
}

.ashtead_box1
{
	float: left;
	
	width: 940px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

/******************* Service *****************/

#service
{
	margin-top: 325px;
	width: 980px;
	text-align: left;	
	
}

.service_main
{
	float: left;
	padding: 20px;
	width: 940px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
	margin-bottom: 20px;	
	
}

.service_box1
{
	float: left;
	
	width: 480px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
	margin-bottom: 20px;
}

.service_box2
{
	float: left;
	margin-left: 20px;
	width: 480px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
	margin-bottom: 20px;
}

.upgrades_box
{
	float: left;
	width: 240px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
	margin-bottom: 20px;
}

.service_header
{
	float: left;
	width: 440px;
	padding: 20px;
	border-bottom: solid 1px #1B1B1B;
}

.service_infobox
{
	float: left;
	width: 200px;
	padding: 20px;
	border-bottom: solid 1px #1B1B1B;
	text-align: center;	
}

.service_infobox:hover
{
	float: left;
	width: 200px;
	padding: 20px;
	background-color: #1B1B1B;
	text-align: center;	
}

.service_contact
{
	float: left;
	padding: 20px;
	width: 480px;
	margin-bottom: 20px;	
	
}

/******************* Shop *****************/

#shop
{
	margin-top: 225px;
	width: 980px;
	text-align: left;	
	
}

.shop_box1
{
	float: left;
	
	width: 940px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

.shop_box_stupidsoddingie
{
	float: left;
	
	width: 940px;
	padding: 20px;
}

.shop_header
{
	float: left;	
	width: 940px;
	padding-bottom: 10px;
}

.shop_header_left
{
	float: left;	
	width: 470px;
	height: 25px;
}

.shop_header_right
{
	float: left;
	width: 470px;
	height: 25px;
	text-align: right;
}

.shop_productlist
{
	float: left;
	width: 940px;
	padding: 10px 0 10px 0;
	border-bottom: solid 1px #1B1B1B; 	
}

.shop_productlist:hover
{
	float: left;
	width: 940px;
	padding: 10px 0 10px 0;
	background-color: #1B1B1B; 	
}

.shop_product_name
{
	float: left;
	width: 313px;
}

.shop_product_pic_desc
{
	float: left;
	width: 521px;	
}

.shop_product_add
{
	float: left;
	width: 105px;	
}

/* View Order Page */

.vieworder_titlebox
{
	float: left;
	width: 930px;
	background-color: #1B1B1B;
	border: solid 1px #1B1B1B;
	margin: 20px 0 20px 0;
	padding: 5px;	
}

.vieworder_box1
{
	float: left;
	width: 930px;
	border: solid 1px #1B1B1B;
	margin-bottom: 20px;
	padding: 5px;	
}

.vieworder_box2
{
	float: left;
	width: 930px;
	border: solid 1px #1B1B1B;
	margin-bottom: 10px;
	padding: 5px;
}

.vieworder_box2:hover
{
	float: left;
	width: 930px;
	background-color: #1B1B1B;
	padding: 5px;
	margin-bottom: 10px;
}

.vieworder_item
{
	float: left;
	width: 621px;	
}

.vieworder_qty
{
	float: left;
	width: 99px;
}

.vieworder_itemprice
{
	float: left;
	width: 104px;
}

.vieworder_remove
{
	float: left;
	width: 104px;
}

/* Update Qty Page */

.updateqty_item
{
	float: left;
	width: 621px;	
}

.update_qty
{
	float: left;
	width: 319px;
}

/* Enter Details Page */

.entryform
{
	float: left;
	width: 465px;	
}

/******************* Testimonials *****************/

#testimonials
{
	margin-top: 150px;
	width: 980px;
	text-align: left;	
	
}

.testimonials_box1
{
	float: left;
	width: 440px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

.testimonials_box2
{
	float: left;
	width: 440px;
	margin-left: 20px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

.testimonial a
{
	/*float: left;*/
	display: block;
	width: 420px;
	padding: 10px;
	border-bottom: solid 1px #1B1B1B;
	margin-bottom: 20px;
	color: #C5C5C5;	
}

.clientinfo a:visited
{
	color: #C5C5C5;
}

.testimonial a:hover
{
	background: #1B1B1B;
	text-decoration: none;
	color: #C1E8FF;
}

.testimonial p
{
	margin-top: 10px;
	font-style: italic;
}


/******************* Client List *****************/

/* Layout */


#clients
{
	margin-top: 150px;
	width: 980px;
	text-align: left;	
	
}

.clients_box1
{
	float: left;
	width: 273px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

.clients_box2
{
	float: left;
	width: 273px;
	margin-left: 20px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

.clients_box3
{
	float: left;
	width: 273px;
	margin-left: 20px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

/* Style */

.clientinfo
{
	float: left;
	width: 273px;
	/*border-bottom: solid 1px #6D6D6D;*/
	border-bottom: solid 1px #1B1B1B;
	margin-bottom: 10px;	
}

.clientinfo a
{
	display: block;
	float: left;
	width: 253px;
	padding: 10px;
	/*margin-bottom: 20px;*/
	color: #C5C5C5;
	/*border-bottom: solid 1px #1B1B1B;*/
	
}

.clientinfo a:visited
{
	color: #C5C5C5;
}

.clientinfo a:hover
{
	background: #1B1B1B;
	text-decoration: none;
	color: #C1E8FF;
}

.clientinfo p
{
	font-size: 11px;
	/*padding: 5px;
	border: solid 1px #1B1B1B;*/
	font-style: italic;
}

.clientinfo a.contact
{
	color: #6390AA;
	border-bottom: none;	
}

.clientinfo a.contact:hover
{
	color: #C1E8FF;	
}

.clientinfo a.contact:visited
{
	color: #6390AA;
}

/******************* Contact *****************/

#contact
{
	margin-top: 150px;
	width: 980px;
	text-align: left;	
	
}

.contact_box1
{
	float: left;
	
	width: 505px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

.contact_box2
{
	float: left;
	margin-left: 20px;
	width: 375px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

.contact_sent
{
	float: left;
	width: 940px;
	height: 300px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;	
	
}

/* Contact Form */

.contact_formbox
{
	float: left;
	width: 480px;
	border: solid 1px #1B1B1B;
	margin-bottom: 10px;
	padding: 5px;
}

.contact_formbox:hover
{
	float: left;
	width: 480px;
	background-color: #1B1B1B;
	border: solid 1px #1B1B1B;
	padding: 5px;
	margin-bottom: 10px;
}

.contact_fields
{
	float: left;
	width: 240px;
}

/******************* About Niton UK *****************/

#about
{
	margin-top: 150px;
	width: 980px;
	text-align: left;	
	
}

.about_box1
{
	float: left;
	width: 940px;
	padding: 20px;
	background: url("../images/backgrounds/black.png");
	background-repeat: repeat;
}

/* Float DIV */

#floatdiv
{
	position:absolute;  
    width:200px;left:0px;top:0px;  
    padding:10px;
    background:#000000;  
    border:2px solid #B2CDE8;
    z-index:2;		
}

/* Form Style */

.textfield_effect    {
    /*we will first set the border styles.*/
    border-width: 2px;
    border-style: solid;
    border-color: #000000;
  
    /*I am going to add some text formatting of my own*/
    font-family: Tahoma;
    font-size: 12px;
    color: #333333;
    }
 
/*we are now going to style how the textfield will look when we
hover over it and when we actually have it selected*/
 
.textfield_effect:hover    {
    border-color: #64acd8;
    border-width: 2px;
    }
 
.textfield_effect:focus    {
    border-color: #64acd8;
    border-width: 2px;
    }
 
/*you may also like to add some styles for the rest of the form*/
 
fieldset    {
    width: 400px;
    height: 200px;
    border-style: solid;
    border-width: 2px;
    border-color: #000000;
    margin-left: auto;
    margin-right: auto;
    background-color: #F5F5F5;
    }
fieldset:hover    {
    border-color: #0ca0ff;
    }
legend    {
    font-family: sans-serif;
    font-size: 18px;
    color: #097bc3;
    font-weight: bold;
    }

/* Table Style */

table.style1
{
	border: solid 1px #1B1B1B;
	
}
table.style1 td
{
	border: solid 1px #1B1B1B;
	
}
table.style1 tr:hover
{
	border: solid 1px #1B1B1B;
	background: #1B1B1B;
}


/* SPLASH STYLE */

.splash h1
{
	width: 560px;
	background: #1B1B1B;
	font-size: 35px;
	padding: 20px;			
}

.splash h2
{
	width: 560px;
	font-size: 20px;
	padding: 20px;			
}

.splashbox1
{
	width: 560px;
	padding: 5px 20px 5px 20px;
	background: #1B1B1B;
}

.splashbox2
{
	width: 560px;
	padding: 5px 20px 5px 20px;
}