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

/********************* Colour reference chart****************
*************************** comment ********* colour ******** 

box background colour       bbg              #567890
box border colour           bb               #abcdef
box text colour             bt               #123456

Text		#000000
BodyBg		#E6E6E6
Bg		#FFFFFF
HeadText	#252160
HeadBg		#FFFFFF
HeadTopInfo	#00C0F3
NavText		#FFFFFF
NavOff		#252160
NavOn		#00C0F3
Menu1		#00C0F3
Menu2		#00C0F3
FootText	#1A1A1A
FootLink	#2296D7
FootBg		#C8E5F5
FootBarBg	#1A1A1A
FootBarTexxt	#B3B3B3
BoxTitleBg	#252160
BoxTitleText	#FFFFFF
BoxText		#000000
TitleText	#252160
Breadcrumbs	#2293d4
QuickBg		#252160
QuickBgError	#252160
QuickText	#FFFFFF
CheckoutTitle	#00C0F3
CompanyColor	#252160
CompanyColor2	#00C0F3

*/

/************* Standard Information *************/

* {padding:0; margin:0;}

body {background:/*bodybg*/#E6E6E6; font: 12px Arial; color:#1A1A1A; }
.clear {clear:both;}

img { display: inline-block!important; border: 0px; margin: 0px; padding: 0px;}

/************* Page Wrap *************/

#pagewrap {width:90%; max-width:1060px; margin:0 auto; background-color:/*bg*/#FFFFFF;} 
#pagewrapheader {width:90%; max-width:1060px; margin:0 auto; background-color:/*bg*/#FFFFFF;} 
#pagewrapfooter {width:90%; max-width:1060px;; margin:0 auto;} 
#printwrap {width:100%; max-width:720px; margin:0 auto; background-color:/*bg*/#FFFFFF;} 
#popwrap {width:100%; max-width:720px; margin:0 auto; background-color:/*bg*/#FFFFFF;} 


/************* Header Area *************/

#logo {float: left; width:100%; max-width: 370px; height: 100px; padding-bottom: 10px; padding-left: 30px;}
#logo img a {   display: block;}

#links {float: left; width:100%; max-width: 120px; padding: 20px 0 0;}
#links img a { display: block;}
#links img { display: inline-block;}

#telephone {width: 100%; max-width: 150px; padding-top:8px; color:/*HeadText*/#252160; font:bold 22px Arial; float: left;}

#headerarea {background:#FFF;}

#content {float: right; width:100%; max-width: 600px; margin-bottom:15px;}
#top-info {float: right; padding:10px 20px 0 0; margin: 0 auto;}
#top-info a {color:/*HeadTopInfo*/#00C0F3; font:bold 12px Arial; line-height:16px; margin-bottom:15px;}


/************* Menu Area *************/

#nav { margin: 0px;	margin-top: 30px; padding: 0px; float: left; width:100%; max-width: 1060px;	background-color: /*navoff*/#252160;	height: 40px; display: block; }
#nav, #nav ul{margin: 0; padding: 0; list-style-type: none;	list-style-position: outside; position: relative;	z-index: 100; }
#nav a{	display: block;	padding: 13px 15px;	color: #fff; background-color: /*navoff*/#252160;	font-family: Arial; font-weight:bold; font-size: 12px; letter-spacing: 1px; text-decoration: none; background-image: url(images/divider.jpg); background-repeat: no-repeat; background-position: right;}

#nav a:hover{ color: /*navtext*/#fff; background: #03f7ff;	background-color: /*navon*/#00C0F3;}
#nav li{ float: left; position: relative; height: 40px;	z-index: 100; }
#nav ul { position: absolute; display: none; width: 130px;}
#nav li ul a{	width:100%; max-width: 130px;	float: left;	display: block;	z-index: 100;}
#nav ul ul{	top: auto;}	
#nav li ul ul {	left: 100%;	margin: 0px 0 0 0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{	display: none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display: block;}

/*Style 'show menu' label button and hide it by default*/
.show-menu { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; background: #1860AB; text-align: center; padding: 10px 0; display: none; }
.hide-menu { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; background: #1860AB; text-align: center; padding: 10px 0; display: none; margin-top: 329px; }

/*Hide checkbox*/
#menubar input[type=checkbox]{ display: none; }

/*Show menu when invisible checkbox is checked*/
#menubar input[type=checkbox]:checked ~ #nav{ display: block; }
#menubar input[type=checkbox]:checked ~ .hide-menu{ display: block; font-size:18px; }

/*Responsive Styles*/
@media screen and (max-width : 979px){
	/*Make dropdown links appear inline*/
	#nav { position: static; display: none; }
	/*Display 'show menu' link*/
	.show-menu { display:block; font-size:18px; }
}

/************* Search Form Area *************/

#searchbox{ width:100%; max-width: 330px; height: 35px;	padding: 0px;	margin: 20px auto 5px;	overflow: hidden; float:right; /* Clear floats */ }
#search, #submit {float: left;}

#search {
	
	padding: 5px 5px;
	height: 23px;
	width:100%; 
	max-width: 200px;
	border: 1px solid /*HeadText*/#252160;
	border-right:none;
	font: bold 14px Arial;
	background: #FFF;
	text-indent: 20px;
	
	-moz-border-radius: 50px 3px 3px 50px;
	 border-radius: 50px 3px 3px 50px; } 
	 

/* ----------------------- */

#submit {		
	background: /*HeadText*/#252160;	
	-moz-border-radius: 3px 50px 50px 3px;
	border-radius: 3px 50px 50px 3px;	
	border-width: 1px;
	border-style: solid;
	border-color: #2296D7;
	height: 35px;
	margin: 0;
    padding: 0;
	width:100%; 
	max-width: 100px;
	cursor: pointer;
	font: bold 14px Arial;
	color: #FFF; }

#submit:hover { background: #FFF; color:/*HeadTopInfo*/#2296D7;}	
#submit:active { background: /*HeadTopInfo*/#2296D7; color:#FFF; outline: none; }
#submit::-moz-focus-inner { border: 0; } /* Small centering fix for Firefox */



p { padding-left: 15px; }

/************* 3 Column Footer Area *************/

#footerarea { background:/*FootBg*/#C8E5F5;}

#footerarea .col1, #footerarea .col2 {width:35%;}
#footerarea .col1 {float:left;}
#footerarea .col2 {float:right;}
#footerarea .col3 {margin:0 34% 0 34%;}
#footerarea .col1, #footerarea .col2, #footerarea .col3 {padding:10px;}

#footerarea p.footer {display:block; font: bold 18px Arial; color:/*FootText*/#1A1A1A; margin-bottom:15px;font-weight:bold;}
#footerarea p {font:normal 12px Arial; line-height:16px; margin-bottom:15px;}
#footerarea a {color:/*FootLink*/#2296D7; font:bold 12px Arial; line-height:16px; margin-bottom:15px;}

/************* 2 Column within Footer Area *************/

#footerarea .col4, #footerarea .col5 {width:45%;}
#footerarea .col4 {float:left;}
#footerarea .col5 {float:right;}
#footerarea .col5, #footerarea .col4 {padding:5px;}


/************* Footer Menu *************/

#bottommenu { padding:10px; text-align:center; background:/*menuoff*/#00C0F3;}
#bottommenu p {font: bold 12px Arial; color:/*menutext*/#FFFFFF;}
a.menulinks:link,a.menulinks:active,a.menulinks:visited {color:/*menutext*/#FFFFFF; text-decoration:none;}
a.menulinks:hover {color:/*menutext*/#FFFFFF; text-decoration: underline;}


/************* Info / Copyright Bar *************/

#details { padding:20px; text-align:center; background:#1A1A1A;}
#details p {font: normal 12px Arial; color:#B3B3B3;}


/************* Left Navigation *************/

#printleft { width:100%; max-width: 680px; float: left ;}
#popcenter { width:100%; max-width: 680px; float: center ;}
#center { width:100%; max-width: 1060px; float: center ;}
#left { width:20%; float: right; border-left: 0px solid /*menu1*/#00C0F3; border-right: 0px solid /*menu1*/#00C0F3; border-bottom: 0px solid /*Menu2*/#00C0F3;}
#right { float: left; width:80%; max-width: 950px;}
/*********To Be Deleted - Below**********/
#right h2, #left h2, #center h2 { font-size: 18px; color: #FFFFFF; display: block; text-align: center; padding: 10px; margin-bottom: 20px; }
/*********To Be Deleted - Above**********/
#right p.menu, #left p.menu, #center p.menu { font-size: 18px; color: #FFFFFF; display: block; text-align: center; padding: 10px; margin-bottom: 20px; font-weight: bold; }
#right p2, #left p2, #center p2 { font-size: 18px; color: #FFFFFF; display: block; text-align: center; padding: 10px; margin-bottom: 20px; font-weight: bold; }
#right p.datasheet, #left p.datasheet, #center p.datasheet { font-size: 18px; color: #FFFFFF; display: block; text-align: center; padding: 10px; margin-bottom: 20px; font-weight: bold; }
#right p.bread, #left p.bread, #center p.bread { font-size: 13px; color: #FFFFFF; display: block; text-align: center; padding: 13px; margin-bottom: 0px; font-weight: bold; }

#right .pad { padding: 15px; }
#popcenter .pad { padding: 20px 20px 20px 20px; }
#center .pad { padding: 20px 55px 55px 55px; }
/*********To Be Deleted - Below**********/
#left h2#header_pneumatics, #center h2#header_pneumatics { background-color: /*menu1*/#00C0F3; }
#left h2#header_hydraulics, #center h2#header_hydraulics { background-color: /*menu1*/#00C0F3; }
#center h2#header_datasheet { background-color: #333333; }
/*********To Be Deleted - Above**********/
#left p#header_pneumatics, #center p#header_pneumatics { background-color: /*menu2*/#00C0F3; }
#left p#header_hydraulics, #center p#header_hydraulics { background-color: /*menu2*/#00C0F3; }
#center p#header_datasheet { background-color: #333333; }

#left ul { list-style-type: none; margin-left: 20px; margin-bottom: 20px; }
#left ul li { margin-bottom: 5px; }
#left ul li a { font-size: 13px; color: #000000; text-decoration: none }
#left ul li a:hover { text-decoration: underline }

/************* Category Pages *************/

.product-index-list-item { float: left; width:100%; max-width: 168px; height: 130px; border: 1px solid #b2b2b2; padding: 25px 0; text-align: center; margin: 0 20px 20px 0; cursor: pointer; }
.product-index-list-item .image { height: 100px; }
.product-index-list-item img { margin-bottom: 10px; }
.product-index-list-item p { font-weight: bold; color: #333333; font-size: 12px; }
.product-index-list-item a:link{ font-weight: bold; color: #333333; font-size: 12px; }
.product-index-list-item a:visited{ font-weight: bold; color: #333333; font-size: 12px; }
.product-index-list-item a:hover{ font-weight: bold; color: #333333; font-size: 12px; }
.product-index-list-item a:active{ font-weight: bold; color: #333333; font-size: 12px; }

.product-list-item { float: left; width:100%; max-width: 170px; height: 130px; border: 1px solid #b2b2b2; padding: 25px 0; text-align: center; margin: 0 30px 30px 0; cursor: pointer; }
.product-list-item .image { height: 110px; }
.product-list-item img { margin-bottom: 10px; }
.product-list-item p { font-weight: bold; color: #333333; font-size: 12px; }
.product-list-item a:link{ font-weight: bold; color: #333333; font-size: 12px; }
.product-list-item a:visited{ font-weight: bold; color: #333333; font-size: 12px; }
.product-list-item a:hover{ font-weight: bold; color: #333333; font-size: 12px; }
.product-list-item a:active{ font-weight: bold; color: #333333; font-size: 12px; }

.industrial-list-item { float: left; width:100%; max-width: 170px; height: 130px; border: 1px solid #b2b2b2; padding: 25px 0; text-align: center; margin: 0 55px 56px 0; cursor: pointer; }
.industrial-list-item .image { height: 110px; }
.industrial-list-item img { margin-bottom: 10px; }
.industrial-list-item p { font-weight: bold; color: #333333; font-size: 12px; }
.industrial-list-item a:link{ font-weight: bold; color: #333333; font-size: 12px; }
.industrial-list-item a:visited{ font-weight: bold; color: #333333; font-size: 12px; }
.industrial-list-item a:hover{ font-weight: bold; color: #333333; font-size: 12px; }
.industrial-list-item a:active{ font-weight: bold; color: #333333; font-size: 12px; }

/*********To Be Deleted - Below**********/
h2#breadcrumbs { background: #333333; font-size: 13px; color: #FFF; padding: 13px; margin-bottom: 0; }
h2#breadcrumbs .blue { color: /*Breadcrumbs*/#2293d4; }
p2#breadcrumbs { background: #333333; font-size: 13px; color: #FFF; padding: 13px; margin-bottom: 0; font-weight: bold; }
p2#breadcrumbs .blue { color: /*Breadcrumbs*/#2293d4; }
/*********To Be Deleted - Above**********/
p#breadcrumbs { background: #333333; font-size: 13px; color: #FFF; padding: 13px; margin-bottom: 0; font-weight: bold; }
p#breadcrumbs .blue { color: /*Breadcrumbs*/#2293d4; }

#breadcrumbs a {color:#FFFFFF; text-decoration: none;}

/************* Product Page *************/

#images { margin-bottom: 11px; }
#images h1 { background: #e6e6e6; color: #333333; width:100%; max-width: 380px; font-size: 13px; padding: 10px; text-align: center; position: absolute; bottom: 0; display: inline; }
/*********To Be Deleted - Below**********/
#images h3 { background: #e6e6e6; color: #333333; width:100%; max-width: 380px; font-size: 13px; padding: 10px; text-align: center; position: absolute; bottom: 0; display: inline; }
#images p3 { background: #e6e6e6; color: #333333; width:100%; max-width: 380px; font-size: 13px; padding: 10px; text-align: center; position: absolute; bottom: 0; display: inline; font-weight: bold; }
/*********To Be Deleted - Above**********/
#images p.title { background: #e6e6e6; color: #333333; width:100%; max-width: 380px; font-size: 13px; padding: 10px; text-align: center; position: absolute; bottom: 0; display: inline; font-weight: bold; }
#images .scroll { font-weight: bold; color: #DD3333; font-size: 12px; text-align: center; }

#images #image, #images #related { position: relative; border: 1px solid #a6a6a6; width:100%; max-width: 400px; height: 234px; float: left;}

#images #related .image { height: 100px; }

.scrollable { height: 170px; overflow-y: auto;}
.scrollable a:link{ font-weight: bold; color: #333333; font-size: 12px; }
.scrollable a:visited{ font-weight: bold; color: #333333; font-size: 12px; }
.scrollable a:hover{ font-weight: bold; color: #333333; font-size: 12px; }
.scrollable a:active{ font-weight: bold; color: #333333; font-size: 12px; }

.scrollable-datasheet { height: 80px; overflow-y: auto;}
.scrollable-datasheet a:link{ font-weight: bold; color: #333333; font-size: 12px; }
.scrollable-datasheet a:visited{ font-weight: bold; color: #333333; font-size: 12px; }
.scrollable-datasheet a:hover{ font-weight: bold; color: #333333; font-size: 12px; }
.scrollable-datasheet a:active{ font-weight: bold; color: #333333; font-size: 12px; }

.related { height: 170px; overflow-y: auto;}
.related a:link{ font-weight: bold; color: #333333; font-size: 12px; }
.related a:visited{ font-weight: bold; color: #333333; font-size: 12px; }
.related a:hover{ font-weight: bold; color: #333333; font-size: 12px; }
.related a:active{ font-weight: bold; color: #333333; font-size: 12px; }

#images #image .image-wrap { padding: 10px; text-align: center; }

#images #related { float:right; margin-right: 0; }
#images #related .related { float: left; width: 170px; margin-top: 10px; padding: 10px; text-align: center; cursor: pointer; }
#images #related .related p { text-align: left; color: #333; font-weight: bold; }

#images1 #related { float:left; margin-right: 0; }
#images1 #related .related { float: left; width: 170px; margin-top: 10px; padding: 10px; text-align: center; cursor: pointer; }
#images1 #related .related p { text-align: left; color: #333; font-weight: bold; }

#images1 { margin-bottom: 11px; }
#images1 h1 { background: #e6e6e6; color: #333333; width:98%; max-width: 837px; font-size: 13px; padding: 10px; text-align: center; position: absolute; bottom: 0; display: inline; }
#images1 h3 { background: #e6e6e6; color: #333333; width:100%; max-width: 837px; font-size: 13px; padding: 10px; text-align: center; position: absolute; bottom: 0; display: inline; }
#images1 h4 { background: #e6e6e6; color: #333333;width:100%; max- width: 837px; font-size: 13px; padding: 10px; text-align: center; position: absolute; bottom: 0; display: inline; }

#images1 #image1, #images #related { position: relative; border: 1px solid #a6a6a6; width:100%; max-width: 857px; height: 234px; float: left; margin-right: 15px; max-height: 100%; }

#images1 #image1 .image1-wrap { padding: 10px; text-align: center; }

.image170 {max-height:170px;width:expression(this.height > 170 ? 170: true);}
.image600 {max-height:600px;width:expression(this.height > 600 ? 600: true);}
/*THUMBNAIL HOVERPOPUPS*/
.imgoriginal  {position: relative;float: left;z-index: 200;}
.imgoriginal span { /*CSS for enlarged image*/position: absolute;/*left: -1000px;*/border: 1px solid #666;}

/*HOVER POPUP LINKS*/
#imgpopup { color: #000; background-color: #c0c0c0; }
#imgpopup a, #imgpopup a:visited {position: relative;display: block;}
#imgpopup span {display: none;}
/* the IE correction rule */
#imgpopup a:hover	{color: #f00; text-indent: 0; /* added the default value */}
#imgpopup a:hover span {display: block;position: absolute;left: -120px;bottom: -75px;}

#product-bar { background: #333; padding: 10px; margin-bottom: 11px; }
#product-bar ul { list-style-type: none; }
#product-bar ul li { float: left; border-right: 1px solid #FFF; padding: 0 10px; }
#product-bar ul li a { color: #FFF; text-decoration:none; font-size: 13px; font-weight: bold; } 
#product-bar ul li#video { border-right: 0; }
#product-bar ul li#video a { color: #be282a; font-size: 17px; }

.box { border: 1px solid #b2b2b2; }
.box .content { padding: 10px; }
.box p { font-size: 12px; font-family: arial; color: #333333; line-height: 14px; margin-bottom: 14px; }
.box p.title { background: #e6e6e6; font-size: 13px; font-weight: bold; color: #333; padding: 10px; margin-bottom: 0;}
.box h1.title { background: #e6e6e6; font-size: 13px; font-weight: bold; color: #333; padding: 10px; margin-bottom: 0;}
.red { color: #be282a; }

.box-row { margin: 11px 0; }
.box#tech { width:100%; max-width: 640px; float: left; }
.box#tech1 { width:100%; max-width: 468px; min-height: 270px; float: left; }
.box#index { width:100%; max-width: 928px; float: left; }
.box#cattext { width:100%; max-width: 810px; float: left; }
.box#data { width:100%; max-width: 137px; float: right; }
.box#video { width:100%; max-width: 330px; height: 270px; float: right; }

.box table thead th { color: #333; font-size: 12px; font-weight: bold; }
.box table tbody tr td { font-weight: bold; color: #333; font-size: 12px; padding: 4px 4px; }

.box .data-sheet { float: left; width:100%; max-width: 120px; text-align: center; font-weight: bold; color: #333; margin: 6px 0; cursor: pointer; }
.box .data-sheet img { position: block; margin: auto;  }

.box1#tech { width:100%; max-width: 640px; float: left; }
.box1#tech1 { width:100%; max-width: 500px; min-height: 270px; float: left; }
.box1#data { width:100%; max-width: 240px; float: right; }
.box1#video { width:100%; max-width: 330px; height: 270px; float: right; }

.box1 table thead th { color: #333; font-size: 12px; font-weight: bold; }
.box1 table tbody tr td { font-weight: bold; color: #333; font-size: 12px; padding: 4px 0; }

.box1 .data-sheet { float: left; width:100%; max-width: 110px; text-align: center; font-weight: bold; color: #333; margin: 6px 0; cursor: pointer; }

.box#prices { position: relative; }
.box#prices table tbody tr td { font-weight: normal; padding: 2px 2px; }
.box#prices .basket { text-decoration: none; background: #00C0F3; color: #FFF; padding: 9px; float: right; position: absolute; bottom: 0; right: 0; font-weight: bold; border: none; cursor: pointer; }
.box#prices .baskettop { text-decoration: none; background: #00C0F3; color: #FFF; padding: 9px; float: right; position: absolute; top: 0; right: 0; font-weight: bold; border: none; cursor: pointer; }

.addbutton { text-decoration: none; background: #00C0F3; color: #FFF; padding: 3px; bottom: 0; right: 0; font-weight: bold; border: none; cursor: pointer; }

/************* Info Pages *************/

.box#aboutusmenu { width:100%; max-width: 200px;     margin: 0 auto; }
.box#aboutus { width:100%; max-width: 820px;     margin: 0 auto; }
.box#aboutus table { width: 100%;     margin: 0 auto;}
.box#aboutusinfo { width:100%; max-width: 300px;     margin: 0 auto; }
.box#aboutuscarriage { width:100%; max-width: 500px;     margin: 0 auto;  }
.box#aboutuscarriage p.title { font-size:12px; font-family:arial; color:#333333; line-height:14px; margin-bottom:2px; margin-right:15px; width:480px; }
.box#aboutuscarriage p { font-size:12px; font-family:arial; color:#333333; line-height:14px; margin-bottom:2px; margin-right:15px; }
.box#contactus { width:100%; max-width: 600px;     margin: 0 auto; }
.box#contactus p { font-size: 12px; font-family: arial; color: #333333; line-height: 14px; margin-bottom: 2px; margin-right: 15px; width:100%; max-width: 580px; }
.box#tools { width:100%; max-width: 400px;     margin: 0 auto; }
.box#login { width:100%; max-width: 400px;     margin: 0 auto;  }
.box#leadtime { width:100%; max-width: 550px;     margin: 0 auto;  }
.box#feedback { width:100%; max-width: 900px;     margin: 0 auto; }
.box#feedbacksubmit { width:100%; max-width: 300px;     margin: 0 auto; }
.box .submit { text-decoration: none; background: #00C0F3; color: #FFF; padding: 9px; font-weight: bold; border: none; cursor: pointer; }
a.nodecolinks:link,a.nodecolinks:active,a.nodecolinks:visited {color:#333333; text-decoration:none;}
a.nodecolinks:hover {color:#333333; text-decoration:underline;}

/************* Checkout Pages *************/

#checkout {padding: 10px 0 0 0;}

table.tftable {font-size:12px;color:#333333;width:100%;border-width: 2px;border-color: #ffffff;border-collapse: collapse;}
table.tftable th {font-size:12px;color:#ffffff;background-color:/*CheckoutTitle*/#00C0F3;border-width: 2px;padding: 4px;border-style: solid; border-color: #ffffff; text-align:center;}
table.tftable tr {background-color:#e6e6e6;}
table.tftable tr.alt {background-color:#666666; color:#FFFFFF;}
table.tftable td.alt {background-color:#666666; color:#FFFFFF;}
table.tftable td.blank {background-color:#FFFFFF;}
table.tftable td {font-size:12px;border-width: 2px;padding: 4px;border-style: solid; border-color: #ffffff;}

table.confirm {font-size:12px;color:#333333;width:60%;border-width: 2px;border-color: #ffffff;border-collapse: collapse;}
table.confirm th {font-size:12px;color:#ffffff;background-color:/*CheckoutTitle*/#00C0F3;border-width: 2px;padding: 4px;border-style: solid; border-color: #ffffff; text-align:center;}
table.confirm tr {background-color:#ffffff;}
table.confirm tr.alt {background-color:#ffffff; color:#FFFFFF;}
table.confirm td.alt {background-color:#ffffff; color:#FFFFFF;}
table.confirm td.blank {background-color:#FFFFFF;}
table.confirm td {font-size:12px;border-width: 2px;padding: 4px;border-style: solid; border-color: #ffffff;}

a.basketlinks:link,a.basketlinks:hover,a.basketlinks:active,a.basketlinks:visited {color:#FFFFFF; text-decoration:none;}

.box#dlvy { width: 100%; float: center; }

#customers { margin-bottom: 11px; }
#customers h3 { background: #e6e6e6; color: #333333; width: 380px; font-size: 13px; padding: 10px; text-align: left; position: absolute; top: 0; display: inline; }

#customers #customer, #customers #customeraccount, #customers #existing { position: relative; border: 1px solid #a6a6a6; width:100%; max-width: 400px; height: auto; float: left; margin-top:10px; }
#customers #customeraccount { position: relative; border: 1px solid #a6a6a6; width:100%; max-width: 400px; height: 235px; float: left; margin-right: 15px; }

#customers #customer .customer-wrap { margin-top: 30px; padding: 25px; text-align: left; }
#customers #customeraccount .customeraccount-wrap { margin-top: 30px; padding: 25px; text-align: left; }

#customers #existing { float:right; margin-right: 0;}
#customers #existing .existing-wrap { margin-top: 50px; padding: 10px; text-align: left; }
#customers #existing .existing { float: left; width:100%; max-width: 180px; margin-top: 30px; padding: 40px; text-align: center; }
#customers #existing .existing p { text-align: left; color: #333; font-weight: bold; }

/************* Login / Payment Inputs *************/

#form fieldset {  border: none;  position: right;  padding:10px;margin:10px;}
#form label {  display: block;  margin-bottom: 12px;}
#form input[type="text"] {  border: 1px solid #ccc;  font-size: 14px;  padding: 4px;  width:100%; max-width: 240px;}
#form input[type="password"] {  border: 1px solid #ccc;  font-size: 14px;  padding: 4px;  width:100%; max-width: 240px;}
#form input#password {  margin-left: 28px;}
#form input#email {  margin-left: 28px;}
#form input#forgot {  color: #00C0F3;}
#form input[type="submit"] { background-color:/*CompanyColor2*/#00C0F3; padding:8px; color:#FFFFFF; float: right;  margin-right:42px; border:none;}

.pay {display: block; margin-top: 5px; height:30px; margin-bottom:20px;}
.paybutton { background-color:/*CompanyColor2*/#00C0F3; padding:8px; color:#FFFFFF; float: center; margin-right:10px; border:none; text-decoration:none; display:inline-block; min-width: 110px; }
.submitbutton { background-color:/*CompanyColor2*/#00C0F3; padding:8px; color:#FFFFFF; float: center; margin-right:10px; border:none; text-decoration:none;}

/************* Delivery Address Page *************/

#customers #addressdetail { position: relative; border: 1px solid #a6a6a6; width:100%; max-width: 400px; height: 235px; float: left; margin-right: 15px; }

#customers #addressdetail { float:right; margin-right: 0; }
#customers #addressdetail .addressdetail { float: left; width:100%; max-width: 150px; margin-top: 30px; padding: 10px; text-align: center; }
#customers #addressdetail .addressdetail p { text-align: left; color: #333; font-weight: bold; }

/************* Delivery Address Forms *************/

fieldset {padding:5px; border:0px; margin-bottom:36px; width:100%; max-width:380px; }
input, textarea, select {font:12px/12px Arial; padding:0;}
fieldset.action {margin-top:-10px; }
label {font-size:11px; font-weight:bold; color:#666; padding-left:5px;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; width:100%; max-width:90px; line-height:23px; margin:0 10px 10px 0;}
dd {float:left; width:100%; max-width:220px; line-height:20px; margin:0 0 10px 0;}
#container {width:100%; max-width:400px; margin:0 auto;}

.image_block {width: auto; display:inline-block; margin-top:40px; margin-left:20px; margin-bottom:10px;}
.image_block a img {position: absolute; bottom: 0;}
.image_block1 {width: auto; display:inline-block; margin-top:40px; margin-left:10px; margin-bottom:10px;}
.image_block1 a img {position: absolute; bottom: 0;}
.findbutton { font-size:12px; font-weight:bold; height:auto; background-color:#00C0F3; padding:0 3px 0 3px; color:#FFFFFF; margin-right:10px; border:none; text-decoration:none;}

#deliveries { margin-bottom: 11px; }
#deliveries h3 { background: #e6e6e6; color: #333333; width:100%; max-width: 380px; font-size: 13px; padding: 0px; text-align: left; position: absolute; top: 0; display: inline; }
#deliveries #deliveryaccwide h3 { background: #e6e6e6; color: #333333; max-width: 800px; font-size: 13px; padding: 10px; text-align: left; position: absolute; top: 0; display: inline; }
#deliveries #deliveryaccleftlarge h3 { background: #e6e6e6; color: #333333; max-width: 380px; font-size: 13px; padding: 10px; text-align: left; position: absolute; top: 0; display: inline; }
#deliveries #delivery h3 { background: #e6e6e6; color: #333333; max-width: 380px; font-size: 13px; padding: 10px; text-align: left; position: absolute; top: 0; display: inline; }
#deliveries #addressdetail h3 { background: #e6e6e6; color: #333333; max-width: 380px; font-size: 13px; padding: 10px; text-align: left; position: absolute; top: 0; display: inline; }

#deliveries #delivery, #deliveries #addressdetail { position: relative; border: 1px solid #a6a6a6; width:100%; max-width: 400px; height: 360px; float: left; margin-top: 15px; }
#deliveries #orderdetail { position: relative; border: 1px solid #a6a6a6; width:100%; max-width: 400px; height: 360px; float: left; margin-right: 15px;  }
#deliveries #orderconfirm { position: relative; border: 1px solid #a6a6a6; width:100%; max-width: 400px; height: 360px; float: left; margin-right: 15px;  }
#deliveries #deliveryaccwide { position: relative; border: 1px solid #a6a6a6; width:100%; max-width: 858px; float: left; margin-right: 15px; }
#deliveries #deliveryaccleft { position: relative; border: 1px solid #a6a6a6; width:100%; max-width: 400px; height: 160px; float: left; margin-right: 15px; }
#deliveries #deliveryaccleftlarge { position: relative; border: 1px solid #a6a6a6; width:100%; max-width: 400px; height: 360px; float: left; margin-right: 5px; margin-top: 15px; }
#deliveries #deliveryaccright { position: relative; border: 1px solid #a6a6a6; width:100%; max-width: 400px; height: 160px; float: right; margin-right: 0px; }

#deliveries #delivery .delivery-wrap {  margin-top: 20px; padding: 25px; text-align: left; }
#deliveries #deliveryaccwide .deliveryadd-acc-wrap {  margin-top: 30px;  margin-left: 80px; padding: 25px; text-align: left; font-size:14px; font-weight:bold; color:#666; }
#deliveries #deliveryaccleft .delivery-acc-wrap {  margin-top: 20px;  margin-left: 80px; padding: 25px; text-align: left; font-size:14px; font-weight:bold; color:#666; }
#deliveries #deliveryaccleftlarge .delivery-acc-wrap {  margin-top: 50px;  margin-left: 80px; padding: 25px; text-align: left; font-size:14px; font-weight:bold; color:#666; }
#deliveries #deliveryaccright .delivery-acc-wrap {  margin-top: 20px;  margin-left: 80px; padding: 25px; text-align: left; font-size:14px; font-weight:bold; color:#666; }
#deliveries #delivery .deliveryadd-acc-wrap {  margin-top: 40px;  margin-left: 5px; padding: 5px; text-align: left; font-size:14px; font-weight:bold; color:#666; }
#deliveries #orderconfirm .confirm-wrap {  margin-top: 40px;  margin-left: 5px; padding: 5px; text-align: left; font-size:14px; font-weight:bold; color:#666; }

#deliveries #addressdetail { float:right; margin-right: 0; }
#deliveries #addressdetail .addressdetail-wrap {  margin-top: 20px; padding: 25px; text-align: left; }
#deliveries #addressdetail .addressdetail-acc-wrap {  margin-top: 80px; margin-left: 80px; padding: 25px; text-align: left;  font-size:14px; font-weight:bold; color:#666; }
#deliveries #addressdetail .addressdetail { float: left; width: 150px; margin-top: 30px; padding: 10px; text-align: center; }
#deliveries #addressdetail .addressdetail p { text-align: left; color: #333; font-weight: bold; }

.cardinfo { text-decoration: none; background: #00C0F3; color: #FFF; padding: 9px; float: right; position: absolute; bottom: 0; right: 0; font-weight: bold; border: none; cursor: pointer; }

.col4, .col5 {width:45%;}
.col4 {float:left;}
.col5 {float:right;}
.col5, .col4 {padding:5px;}

/************* Info Pages *************/

.results { border: 1px solid #b2b2b2; }
.results .content { padding: 10px; }
.results p { font-size: 12px; font-family: arial; color: #333333; line-height: 14px; margin-bottom: 14px; }
.results p.title { background: #e6e6e6; font-size: 13px; font-weight: bold; color: #333; padding: 10px; margin-bottom: 0;}
.results .subresults { font-size: 10px;}

.results-row { margin: 11px 0; }
.results#part { width:100%; max-width: 400px; float: left; }
.results#keyword { width:100%; max-width: 400px; float: right; }
.results#partorkeyword {width:100%; max-width: 850px; float: left; }

.results table { width: 97%; }
.results table thead th caption { color: #333; font-size: 14px; font-weight: bold; }
.results table tbody tr td { font-weight: bold; color: #333; font-size: 12px; padding: 4px 0; }

.results { position: relative; }
.results table tbody tr td { font-weight: normal; }


/************* Media Queries *************/

@-ms-viewport{width: device-width;}

@media screen and (min-width: 980px) /* Desktop */ {
	
}

@media screen  and (max-width: 979px) /* Tablet */ {
#logo {float:none; width:90%!important; max-width: 420px; margin: 0 auto; height: auto; padding-bottom: 10px;}
#logo img { width: 90%!important;}
.col1, .col2 {width:100%; float:none; }
#footerarea .col1 {float:none!important; }
#footerarea .col2 {float:none!important; }
#footerarea { background:#C8E5F5;}
#footerarea .col1, #footerarea .col2 {width:90%!important;}
#footerarea .col1 {float:none;}
#footerarea .col2 {float:none;}
#footerarea .col1, #footerarea .col2 {padding:10px; margin: 0 auto;}
#nav {float:none!important; }
#nav li {width:100%; margin-bottom: 1px; }
ul #nav li {width: 100%;}
#tabs ul li a {font-size:0.92em;}
#emailBody {width:100%;}
table.flexibleContainer { width: 80%; height: auto; }
td img { width:inherit; max-width: 80%; height:auto; }
#left {display:none;}
#right {width:100%;}
#customers #existing {float:none; margin:0 auto; margin-top:15px;}
#customers #customer {float:none; margin:0 auto;}
#deliveries #delivery, #deliveries #addressdetail, #deliveries #orderdetail { float:none; margin:0 auto; margin-top:15px; }
#links, #basketbox, #top-info {display:none;}
#headerarea #content {float:none; max-width: none;}
#searchbox, #telephone {float:none; margin:0 auto; }
#telephone {padding-top: 17px;}
}

@media screen and (max-width: 500px) /* Mobile */ {
#logo {float:none; width:80%!important; max-width: 420px; height: auto; padding-bottom: 10px;}
.col1, .col2 {width:100%; float:none; }
#footerarea .col1 {float:none!important;}
#footerarea .col2 {float:none!important;}
#footerarea .col2 img { width: 90%; height: auto; }
#left {display:none;}
#right {width:100%;}
.product-list-item {float:none; max-width:none;}
.product-index-list-item {float:none; max-width:none;}
#tabs ul li a {font-size:0.6em;}
#top-info {float: right; padding:10px 20px 0 20px; margin: 0 auto;}
#search {max-width:150px;}
#searchbox {float:none; margin:0 auto; padding-left: 7%;}
#basket {max-width:150px;}
#basketbox {margin: 0px -10px;}
#links {padding: 20px 15px;}
.product-list-item img {width: 25%!important;}
.product-index-list-item img {width: 45%!important; }
.imgoriginal span {display:none!important;}
td img { width:inherit; max-width: 80%; height:auto; }
table.tftable td { padding:0px; }
#links, #basketbox, #top-info {display:none;}
}