body
{
    font-family: Arial;
}    

#body, p, ul, li, h1, h2, h3
{
    margin: 0px;
    padding: 0px;    
}

.content p
{
	margin: 0 0 1em 0;
	line-height: 170%;
	font-size: 14px;
}

#mastercontainer, #footer
{
    width: 1000px;
}

#mastercontainer
{
    margin: 0px auto;
}

#content
{
    /*margin-left: 5px;*/
    min-height: 400px;
    font-size: 12pt;
    color: #333; 
}

#content strong
{
    font-weight: normal;
    color: #323232;    
}
ul
{
    list-style-type: none;
}

h1, h2, h3, p, .p2, .p3, .searchTextGrey, a, .linkselected, input, textarea
{    
    font-family: Arial;    
}

h3, h5 
{
    margin-bottom: 0.5em;
}

h1
{
    font-size: 22pt;
}

h2
{
    font-size: 16pt;   
    margin-bottom: 0.5em;    
}
h1, h2, h3
{
    color: #333333;
}
h3
{
    margin-top: 1em;
    font-size: 12pt;    
}
h4
{
    margin: 0 0 5px 0;
    font-size: 1em;
    font-weight: bold;
}

#header a, #footer a
{
    text-decoration: none;  
    font-size: 12pt;
    color: #333;     
}
#header a:hover, #footer a:hover
{
    text-decoration: underline;
}

/*a.arrow
{
    background-image: url(../Content/Images/arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 2px;
    padding-left: 10px;    
}*/
.p1
{
    font-family: Myriad Pro;
    color: #5a5a5a;    
}
.p1
{
    font-size: 14pt;
}
.p2
{
    color: #676767;    
}
.p3
{
    color: #a2a2a2;
}
.p3, .searchTextGrey, #SearchQuery
{
    font-size: 11pt;    
}
.linkselected
{
    color: #333;
    font-weight: bold;
}
.seperator
{
    margin: 0px 5px;
}
.clear
{
    clear: both;
}
/* header */
#header
{
    position: relative;  
    width: 1000px;
}
#header div.p1
{
    margin-top: 20px;
    margin-left: 5px;    
}
#searchcontainer
{    
    position: absolute;
    background-image: url(../Content/Images/search.png);
    height: 32px;
    width: 251px;
    padding: 0px; 
    right: 0px; 
    top: 35px;  
}
#searchQuery
{
    position: absolute;
    top: 6px;
    left: 27px;
    width: 180px;
    border: 0px none white;
}
#searchButton
{
    position: absolute;
    top: 2px;
    right: 2px;
}
.searchTextGrey
{ 
    color: #afafaf;   
}
#header .logo
{
    float:right;
    width: 118px;
    height: 57px;
    margin-top: -5px;
}

#header h1 {
	margin: 20px 0;
}

#languagedropdown
{
    width: 186px;
}

#header-bar 
{
	position: relative;
	margin-top: 25px;
}

#topmenu
{  
    /*background-image: url(../Content/Images/horizontalline.png);*/
}
#topmenu ul
{
    margin: 0;
    padding: 0;
}
#topmenu ul li
{
    display: -moz-inline-block;
    display: inline-block;
    zoom:1; *display: inline; /* IE7 */
    font-weight: bold;
    margin: 0 2px 0 0;
}

#topmenu ul li a
{
    display: block;
    height: 20px;
    padding: 5px 20px;
    background: #ccc;
}

#topmenu ul li.home a
{
    background-image: url(/Content/Images/home20.png);
    background-repeat: no-repeat;
    background-position: center 5px;
    width: 45px; 
    padding: 5px 10px;
} 

#topmenu ul li.home a:hover
{
    background-position: center -25px;
} 

#topmenu ul li a.linkselected, #topmenu ul li a:hover
{
    background-color: #333;
    color: #fff;
    text-decoration: none;
}

#top
{
    /*background-image: url(../Content/Images/topbackground.png);*/
    margin-left: 0px;
}
#topright
{
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
}
#topright a
{
    font-size: 1em;
    font-weight: bold;
    color: #86bb00;
}
#topright div
{
    display: -moz-inline-block;
    display: inline-block;
    zoom:1; *display: inline; /* IE7 */
    margin-right: 10px;
}

/* header end */
/* footer */
#footer
{
    clear: both;
    margin: 24px auto 0px auto;    
}
#copyright
{    
    background-image: url(../Content/Images/footerbackground.png); 
    text-align: center;
    margin-top: 24px;  
    border: none; 
}
#copyright a
{    
    border-bottom: 1px solid #a2a2a2;
    margin: 0px 5px;
    color: #ff0000;     
    font-size: 12px;
}
#copyright p.p3
{
    padding-top: 10px;
}

#footer-menu
{
    border-top: 1px solid #a2a2a2;    
    overflow: hidden;
}

#footer-menu h3 
{
    font-size: 100%;
    margin: 12px 0 4px 0;
}

#footer-menu a 
{
    font-size: 12px;	
}

#footer-menu1, #footer-menu2, #footer-menu3, #footer-menu4
{    
    padding: 12px;
    width: 224px;
    float: left;    
}
#footer-menu1, #footer-menu2, #footer-menu3
{
    border-right: 1px solid #a2a2a2;
    margin-bottom: -2000px;
    padding-bottom: 2000px;
}
/* footer end */

label
{
    display: -moz-inline-block;
    display: inline-block;
    zoom:1; *display: inline; /* IE7 */
    width: 150px;
    line-height: 32px;
}

p.nolabel
{
    padding-left: 154px;    
}

/*a:visited
{
	 color: Red;
}*/

span.inline, div.inline
{
    margin: 0;
    vertical-align: top;
    display: -moz-inline-block;
    display: inline-block;
    zoom:1; *display: inline; /* IE7 */
    width: 65%;
}

textarea
{
    width: 150px;    
}
textarea, #content input
{
    height: 16px;
}

input.no-height 
{		
    height: auto !important;
}

/** Lineitem / Shoppingbasket **/

#deleteimage
{
    border: 0px;    
}

table
{
    border-collapse: collapse;
}

th, td
{
    font-size: 12px;
    padding: 10px;
}

th
{
    border: 1px solid #ececec;
    border-bottom: none;
    border-top: 1px solid #ececec;
}

th a.help 
{	
    color: #333 !important;
}

th a.help:hover 
{
	text-decoration: none;
}

td
{
    border-left: 1px solid #ececec;    
    border-right: 1px solid #ececec;    
}

td input, input, textarea, select
{
    border: 1px solid #ccc;
    color: #333;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    font-size: 12px; 
}

input[type="checkbox"], input[type="radio"] 
{
    border: none;
    vertical-align: middle;
}

td.quantity, td.quantity input
{
    width: 40px;
}

td.codeno, td.codeno input
{
    width: 100px;
}

td.content
{
    width: 300px;
}

td.content div.product-info span.description
{
}

td.list-price, td.net-price, td.discount, td.availability
{
    width: 100px;
    white-space: nowrap;
    text-align: right;
}

td.requested-date, td.requested-date input
{
    width: 75px;
}

thead
{
    /*background: #f0f0f0;*/
    background: #fff url(../Content/Images/table_header.png) bottom repeat-x;
}

/* tbody tr:nth-child(even) - unsupported by IE<9 */
tbody tr.alternate td
{
    background: #F4F4F4;/*#f7f7f7;*/
}

#orderdetails tbody tr.alternate td a
{
	color: #F4F4F4;
	font-weight: bold;
    font-size: large;
}

#orderdetails tbody tr td a
{
	color: White;
	font-weight: bold;
    font-size: large;
}

#orderdetails tbody tr.alternate td a:visited
{
	color: Green;
}

#orderdetails tbody tr td a:visited
{
	color: Green;
}

tfoot {
}

tfoot td
{
    border: none;
    border-top: 1px solid #ececec;
    white-space: nowrap;	
    padding: 0px 10px;
}

tfoot tr.netprice td {
	font-weight: bold;
}

tfoot label {
	width: auto;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #d00; /* #ff0000;*/
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

ul.select-customer li a span.customernotavailablelist
{
	font-weight: bold;
    color: #ff0000;
}

.order-validation-summary-errors .validation-summary-errors
{
	text-align: right;
}

.validation-summary-valid
{
    display: none;
}
.orderheader, div, #shoppingbasket a , #deliveryheader a, #searchheader a, #orderconfirmationheader a, #orderheader a
{
	font-size: 12px;	
	text-align:left;
}

#orderheader, #orderconfirmationheader, #productsearchfirst, #carrierdetails, #deliveryinfo
{
    float:left;    
}

#orderheader p, #orderconfirmationheader p, #carrierdetails, #deliveryinfo
{
    width: 440px;
}

#orderheader label, #ordermessages label, #deliveryheader label, #orderconfirmationheader label, #orderconfirmationfooter label
{
    line-height: 1em;    
}
#orderheader p, #ordermessages p, #deliveryheader p, #orderconfirmationheader p, #orderconfirmationfooter p, #deliverydetails p
{
    margin-bottom: 15px;    
}
#orderheader, #orderconfirmationheader
{	
    width: 460px;
}
#deliveryheader, #orderheader, #orderconfirmationheader
{
    padding: 1em;
}

#basket #deliveryheader
{
	margin-left: 500px;
}
#deliveryheader span.nowidth label
{
    width: auto;
}
#deliveryinfo
{
    
}
#carrierdetails
{
    
}
#shoppingbasket span
{
    margin-right: 10px;
}
#shoppingbasket p.indent, #searchheader p.indent
{
    margin-left: 153px;
}
.margintop
{
    padding-top: 16px;    
}
/*** Source: http://particletree.com/features/rediscovering-the-button-element/ ***/
/* BUTTONS */
a.button, button
{
    display:-moz-inline-block;
    display:inline-block;
    zoom:1; *display: inline; /* IE7 */
    margin:0 7px 0 0;
    background-color: #cccccc; /*#484848;/*#f5f5f5;*/
    border:1px solid #8A8A8A; /*#dedede;*/
    border-top:1px solid #8A8A8A;/*#eee;*/
    border-left:1px solid #8A8A8A;/*#eee;*/
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:Black;/*#ececec;/*#565656;*/
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    -moz-border-radius: 3px;
    border-radius: 3px;        
}

#availability, #proceedorder, #createorder
{
	background-color: #484848;
	color:#ececec;
}

button
{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

button[type]
{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button[type]
{
    padding:4px 10px 3px 7px; /* IE7 */
}

button img, a.button img
{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */
button:hover, a.button:hover, #availability:hover, #proceedorder:hover
{
    background-color:#ececec;/*#dff4ff;*/
    border:1px solid #8A8A8A;/*#c2e1ef;*/
    color:#8A8A8A;/*#336699;*/
}

a.button:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
/* POSITIVE */button.positive, a.button.positive
{
    color:#529214;
}

a.positive.button:hover, button.positive:hover
{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

a.button.positive:active
{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */a.negative.button, button.negative
{
    color:#d12f19;
}

a.button.negative:hover, button.negative:hover
{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

a.button.negative:active
{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/**/
table#customizing label
{
	width: 80px;
}

.massuploadlines textarea
{
	height:200px;
	width:600px;
}
	
#productsearchfirst label
{
	display: -moz-inline-block;
    display: inline-block;
    zoom:1; *display: inline; /* IE7 */
    width: 140px;
    line-height: 25px;
}

#productsearchsecond label
{
	display: -moz-inline-block;
    display: inline-block;
    zoom:1; *display: inline; /* IE7 */
    width: 140px;
    line-height: 25px;
}

#productsearchsecond
{
	padding-left: 400px;
}

#productsearchpaging a
{
	margin-left: 10px;
}

button.basketpaging
{
	border: none;
    background-color: white;
    text-decoration: underline;
    color: blue;
    padding:0px 0px 0px 0px !important;
    margin: 0px;  
    margin-left: 5px;
    margin-bottom: -1px;
    cursor: pointer; 
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
}

label.basketpaging
{
    margin-left: 5px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    width: auto;
}

button.basketpaging:hover
{
	border: none;
    background-color: white;
    text-decoration: underline;
    color: blue;
    padding:0px 0px 0px 0px !important;
    margin: 0px;  
    margin-left: 5px;
    margin-bottom: -1px;
    cursor: pointer; 
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
}

#storedbasketheader h2
{
    margin-bottom: 0.5em;
}


.storedbaskettable a, .storedbaskettable img, #orderdetails a, #orderdetails img, #companyprofiletable img, #companyprofiletable a, #carrierdetails a, #carrierdetails img, #salesareatable img, #salesareatable a
{
    text-decoration: none;
    border: none;
}

div.help
{
    float: right;
    margin-top: 16px;
    width: 24px;
    height: 24px;    
}

div.help img
{
    border: none;
}
#specialfooter
{
	border: 1px solid #ececec;
	background-color:#F2F2F2;
	padding-left:20px;	
}
.indent-text, #deliveryheader span.indent-text
{
    margin-left: 153px;
}
.wide-text, #deliveryheader span.wide-text
{
    width: 264px;
    padding: 1px 0px;
}


ul.inline
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.inline li
{
    display: -moz-inline-block;
    display: inline-block;
    zoom:1; *display: inline; /* IE7 */
}

ul.select-customer
{
}

ul.select-customer li
{
    margin: 3px 10px 3px 0;
    border: 1px solid #a2a2a2;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

ul.select-customer li a
{
    color: #333;
    text-decoration: none;
    display: block;       
    padding: 4px;
}

ul.select-customer li a div
{
    font-weight: bold;
}

ul.select-customer li a span
{
    color: #a2a2a2;
    font-size: 11px;     
}

ul.select-customer li:nth-child(even)
{
    background: #f0f0f0;
    /* NB! must be identical to line below, since IE won't parse CSS with nth-child at all, we need duplicates :( */
}

ul.select-customer li.alternate
{
    background: #f0f0f0;
    /* NB! See above */
}

ul.select-customer li a:hover
{
    text-decoration: none;
    background: #e0e0e0;
}

#console
{
    position: fixed;
    top: 0px;
    right: 0px;
    background: #a00;
    color: #400;
    padding: 2px 10px;
    z-index: 1000;
    text-align: right;
}

#console a
{
    font-size: 10px;
    color: #fff;
}

#console span {
    font-size: 75%;
}

a img
{
	border: none;
}

ul.steps
{
    list-style-type: none;
    margin: 0 0 5px 0;
    padding: 0;
}
    
ul.steps li
{
    margin: 0;
    padding: 0 30px 0 20px;

    color: #333;
    background-color: #ddd;
    background-image: url(/Content/Images/wizard-steps.png);
    background-repeat: no-repeat;
    background-position: right 0px;

    display: -moz-inline-block;
    display: inline-block;
    zoom:1; *display: inline; /* IE7 */
    min-height: 30px;
    height: 30px;
    min-width: 150px;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;        
}

ul.steps li.current
{
    font-weight: bold;
    color: #fff;
    background-color: #666;
}

ul.steps li.item.current
{
    background-position: right -40px;
}
    
ul.steps li.item.prev, ul.steps li.item.done
{
    background-color: #bebebe;
}
    
ul.steps li.item.prev
{
    background-position: right -80px;
}
    
ul.steps li.item.done
{
    background-position: right -120px;
}
    
ul.steps li.last
{
    background-position: right -160px;
}
    
ul.steps li.last.current
{
    background-position: right -200px;
}

ul.linklist li
{
    margin: 0.5em 0;
}

.right 
{
    text-align: right;
}

table.full
{
    width: 100%;
}

div.buttons
{
    width: 100%;
    margin: 16px 0 0 0;
    padding: 0;
}

div.buttons div
{
    margin: 0;
    padding: 0;
    vertical-align: top;
    display: -moz-inline-block;
    display: inline-block;
    zoom:1; *display: inline; /* IE7 */
    width: 49.8%;
    border: none;
}

.actions
{
    position: absolute;
    right: 0px;
    bottom: 5px;
    border: 1px solid #333;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:14px;
    font-size: 12px;
}

.actions a 
{
    font-size: 12px;
    text-decoration: none;
}


.actions a:hover
{
    text-decoration: underline;
}

.actions ul
{
    list-style-type: square;
    margin-left: 20px;
}

.actions ul li 
{
	padding: 1px 0;
}

.actions h4
{
    margin: 0 0 5px 0;
}

a.help img
{
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

/*form p
{
    border-bottom: 1px solid #f00;
}*/

div.box 
{	
    background: #fff url(/Content/images/box_background.png) top repeat-x;
    min-height: 350px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #fff;
}

#frontpage-login h4 
{
    font-size: 16px;
    margin-bottom: 12px;
}

#frontpage-login label 
{
    font-size: 14px;
	font-weight: bold;
}

#frontpage-login input 
{
    font-size: 14px;	
    height: 18px;
    border-color: #333;
    background: #f0f0f0;
}

.ui-state-highlight p, .ui-state-error p {
	font-size: 12px !important;	
	line-height: normal !important;
	margin: 0 !important;
}