/* ==========================================================
Basic Style Sheet (for version 4 browsers)

This file contains basic css (site wide) styling. Only css
that is applied across the whole site and is not custom page-specific
layout or typography should be placed here.

version:   0.1
author:    Sam Hocking
website:   http://www.parkertools.co.uk
============================================================ */

/* Import Stylesheets
(only modern browsers can import these stylesheets)
============================================================ */
@import url("Layout.css");
@import url("Typography.css");
@import url("LeftMenu.css");
@import url("Basket.css");
@import url("Product.css");
@import url("Cutting.css");
@import url("Payment.css");
@import url("Account.css");

/* Basic Page Styling (simple styling for version 4+ browsers)
============================================================ */
/* Basic body text styling */
body {
	font: 11px Arial,Tahoma,Verdana,Helvetica,sans-serif;
	text-decoration: none;
	color: #000;
}

/* Remove all margins & padding from everything to help IE behave */
* {
	margin:0;
	padding:0;
}

p {
	margin-bottom:10px;
}

/* Turn off all image borders */
img {
	border: none;
}

/* Default Heading sizing */
h1 {
	  font-size: 16px;
    font-weight: bold;
	  line-height: 30px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
}

h3 {
	font-size: 11px;
	font-weight: bold;
}

h4, h5, h6 {
	font-size: 10px;
	font-weight: bold;	
}

hr {
	  height: 1px;
    border:none;
    background-color:#B1C1D1;
    margin-top: 5px;
    margin-bottom: 10px;
}

ul, li {
    list-style-type: none;
}

ul.contact li
{
	display: -moz-inline-stack;
    	display: inline-block;
	*display: inline;
	overflow-x:hidden;
    	vertical-align: top;
    	zoom: 1;
}

ul.contact li h2
{
	font-size: 14px;
	border-bottom:solid 3px #00124c;
	color: #00124c;
	margin-bottom:16px;
}

ul.contact li h3
{
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
	color: #00124c; 
}

ul.contact li p
{
	font-size: 12px;
	font-family: Arial;
	color: #000000; 
}

ul.contact li td
{
	font-size: 12px;
	font-family: Arial;
	color: #000000; 
}

pre {
	white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

a {
	/* Removed dots from around <a> tags */
	/* outline: none; */
	text-decoration: underline;
	color:#000000;
}

/* Set global link styles */
a:link, a:visited {
	  text-decoration: underline;
}

a:hover, a:active {
    text-decoration: underline;
    color: #FF0000;
}

/* p a:link, p a:visited {
	color: #000;
	text-decoration: underline;
}

p a:hover {
  text-decoration: none;
}
*/
input, button, select, textarea  { 
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px;
}

textarea.contact
{
	margin-top:8px;
}

.inputForm {
	  border:1px solid #B1C1D1;
	  padding:10px;
	  margin-bottom:10px;
}

.inputForm table {
    width:100%;
}

.buttonContainer {
    clear:both;
    width: 99.9%; 
    height: 25px; 
    margin-top: 10px;
    margin-bottom: 10px;
}

.buttonContainerRight {
    width: 35%; 
    height: 32px; 
    margin-top: 10px;
    margin-bottom: 10px;
	float: right;
	padding-right: 8px;
	/*border: 1px solid green;*/
}

.buttonContainer input, .buttonContainer button {
    float: right;
}

.buttonContainer p {  
    text-align: right;
    float: right;
    line-height: 20px;
}

.leftButtonContainer {
    clear:both;
    width: 100%; 
    height: 25px; 
    margin-top: 5px;
    margin-bottom: 5px;
}

.menuButtonContainer {
    clear: both;
    width: 570px; 
    height: 25px; 
    margin-top: 5px;
    margin-bottom: 10px;
}

.menuButtonContainer input, .menuButtonContainer button {
    float: right;
}

.menuButtonContainer p {  
    text-align: right;
    float: right;
    line-height: 20px;
}

.infoWrapper {
    float: left;
    margin-top: 10px;
}

.infoContainer {
    width: 60%;
	margin-left: 8px;
	padding-top: 10px;
	height: 22px;
	float: left;
}

.infoIcon {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.infoText {
    float: left;
    font-size: 1.0em; 
    font-weight: bold;
    color: #062064;
}

.errorText {
    float: right;
    font-size: 1.0em; 
    font-weight: bold;
    color: #ff0000;
}
.textcon
{
	margin-top:5px;
}

.warningIcon {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.warning { 
  	float:left;
  	font-size: 1.0em; 
	  color: #ff0000; 
	  font-weight: bold; 
}


.dockButtonContainer {
    clear:both;
    width: 990px; 
    height: 25px; 
    margin-top: 10px;
    margin-bottom: 10px;
}

.dockButtonContainer input, .dockButtonContainer button {
    float: right;
}

.dockButtonContainer p {  
    text-align: right;
    float: right;
    line-height: 20px;
}

/* ================================
 * Fancy Button styling and control 
 * ================================*/


/* Orange Buttons */

.orangeButtonSmall {
    text-align: center;
    background-color: transparent;
    background-image:url('/media/images/general/Small-Orange-Button.jpg');
    background-position:right center;
	border-style:none;
	color: #FFFFFF;
	width: 130px;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 9pt;
}

.orangeButtonSmall:hover {
    background-position:left center;
    cursor: pointer;
}

.orangeButtonMedium {
    text-align: center;
    background-color: transparent;
    background-image:url('/media/images/general/Medium-Orange-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 200px;
	height: 38px;
	font-weight: bold;
	font-size: 11pt;
}

.orangeButtonMedium:hover {
    background-position:left bottom;
    cursor: pointer;
}

.orangeButtonLarge {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Large-Orange-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 375px;
	height: 70px;
	font-weight: bold;
	font-size: 28pt;
}

.orangeButtonLarge:hover {
    background-position:left bottom;
    cursor: pointer;
}

/* Green Buttons */

.greenButtonSmall {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Small-Green-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 130px;
	height: 26px;
	font-weight: bold;
	font-size: 9pt;
}

.greenButtonSmall:hover {
    background-position:left bottom;
    cursor: pointer;
}

.greenButtonMedium {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Medium-Green-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 200px;
	height: 38px;
	font-weight: bold;
	font-size: 11pt;
}

.greenButtonMedium:hover {
    background-position:left bottom;
    cursor: pointer;
}

.greenButtonLarge {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Large-Green-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 375px;
	height: 70px;
	font-weight: bold;
	font-size: 28pt;
}

.greenButtonLarge:hover {
    background-position:left bottom;
    cursor: pointer;
}

/* Blue Buttons */

.blueButtonSmall {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Small-Blue-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 130px;
	height: 26px;
	font-weight: bold;
	font-size: 9pt;
}

.blueButtonSmall:hover {
    background-position:left bottom;
    cursor: pointer;
}

.blueButtonMedium {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Medium-Blue-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 200px;
	height: 38px;
	font-weight: bold;
	font-size: 11pt;
}

.blueButtonMedium:hover {
    background-position:left bottom;
    cursor: pointer;
}

.blueButtonLarge {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Large-Blue-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 375px;
	height: 70px;
	font-weight: bold;
	font-size: 28pt;
}

.blueButtonLarge:hover {
    background-position:left bottom;
    cursor: pointer;
}

/* Purple Buttons */

.purpleButtonSmall {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Small-Purple-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 130px;
	height: 26px;
	font-weight: bold;
	font-size: 9pt;
}

.purpleButtonSmall:hover {
    background-position:left bottom;
    cursor: pointer;
}

.purpleButtonMedium {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Medium-Purple-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 200px;
	height: 38px;
	font-weight: bold;
	font-size: 11pt;
}

.purpleButtonMedium:hover {
    background-position:left bottom;
    cursor: pointer;
}

.purpleButtonLarge {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Large-Purple-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 375px;
	height: 70px;
	font-weight: bold;
	font-size: 28pt;
}

.purpleButtonLarge:hover {
    background-position:left bottom;
    cursor: pointer;
}

/* Red Buttons */

.redButtonSmall {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Small-Red-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 130px;
	height: 26px;
	font-weight: bold;
	font-size: 9pt;
}

.redButtonSmall:hover {
    background-position:left bottom;
    cursor: pointer;
}

.redButtonMedium {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Medium-Red-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 200px;
	height: 38px;
	font-weight: bold;
	font-size: 11pt;
}

.redButtonMedium:hover {
    background-position:left bottom;
    cursor: pointer;
}

.redButtonLarge {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Large-Red-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 375px;
	height: 70px;
	font-weight: bold;
	font-size: 28pt;
}

.redButtonLarge:hover {
    background-position:left bottom;
    cursor: pointer;
}

/* Disabled (grey) Buttons */

.disabledButtonSmall {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Small-Disabled-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 130px;
	height: 26px;
	font-weight: bold;
	font-size: 9pt;
}

.disabledButtonMedium {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Medium-Disabled-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 200px;
	height: 38px;
	font-weight: bold;
	font-size: 11pt;
}

.disabledButtonLarge {
    text-align: center;	
    background-color: transparent;
    background-image:url('/media/images/general/Large-Disabled-Button.jpg');
    background-position:right bottom;
	border-style:none;
	color: #FFFFFF;
	width: 375px;
	height: 70px;
	font-weight: bold;
	font-size: 28pt;
}

/* Dock order history buttons. */
.dockHistoryButton {
	width: 70px;
}

.dockHistoryButton:hover {
    cursor: pointer;
}