﻿body {

    margin: 0;
}

#header {
    background: none repeat scroll 0 0 transparent;
}

#branding {
    float: left;
    height: 157px; 
}

#header-content {height: 190px;} 

#breadcrumbs { 
    background: none repeat scroll 0 0 #fff;
    border-color: #999999;
    border-style: dotted;
    border-width: 1px 0;
    margin: 0 auto;
    width: 960px;
}

#cart {
    color: #999999;
    float: right;
    padding: 5px 0 5px 10px; 
}

#product-image {
    float: right;
    width: 360px;
}

h1 {
    color: #000000;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 32px;
    letter-spacing: -2px;
    margin: 10px 0 15px;
}

.choice {
    padding: 0px 0;
}




table#checkout th{padding: 2px; font-size: 12px; color: #999999;}

#checkout .button {background:none; width: auto; color:#000;border: 1px solid #000; height:1.5em; background-color:#999999;
			margin: 0 0 0 5px; padding: 0; line-height: 1.5em; }

#frmSearch .button {background: #999999; color:#000;border: 1px solid #cccccc; background-color:#999999;
			margin: 0 0 0 0px; padding: 3px; 
			font-size: 16px; 
			    border-radius: 3px 3px 3px 3px;
			line-height: 1.5em;
			height:28px;
			width:100px
			}

#frmSearch .button:hover {background: #fff;}

.product-view img{margin:auto;max-width:100%;max-height:100%}

thead th {
    background: none repeat scroll 0 0 #fff;
}

#header-content {
	}


.formcontainer label {padding-right: 10px;}


tr.even td{
    	background: none;
}



#login {
    background: none repeat scroll 0 0 #e5322c;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px 3px 3px 3px;
    float: right;
    margin: 0;
    padding: 5px 10px;
   position:absolute;
right: 0px;
top: 60px;
}

#welcomeuser, #login a {color: #fff;}


/* Jasco */

a, a:link {
    color: #000;
}

#sidebar {background-color: #fff;}

#header-content {
    height: 160px;
}

#breadcrumbs {
border-top: 1px dotted;
border-color: #000; 
border-bottom: 0;}

#breadcrumbs {
    background: none repeat scroll 0 0 #e5322c;
    border-width: 1px 0;
    margin: 0 auto;
    width: 960px;
    color:#fff;
}

#breadcrumbs li {
    color: #fff;
    padding:3px 5px !important
}

#breadcrumbs li a{color:#fff;padding:0px !important }

#content-wrapper {    
	border: 1px dotted;
    border-color:#e5322c; 
}
#footer-content {background-color: #e5322c; color: #fff;}
#footer-content a {color: #000;}

.price {
    color: #e5322c;
    font-weight: bold;
    letter-spacing: -0.01em;}

.productcode {font-weight:bold;}

#subnav li.selected > a, #subnav li.parent .selected > a, #subnav li.parent li.selected > a {
    color: #e5322c;
}

.addtocart {
    background-color: #fff;
}
.addtocartbutton{cursor:pointer}
.choice input.button {
    background-color: #e5322c; color:#fff;
    border: 1px dotted #000;
    padding: 5px;
    margin-right: 5px;
    width:180px;
}

input.button:hover {
     color:#000;
}

input.checkout {background-color: #999; color:#fff;}

.orderitemname h3 {font-size: 1em; font-weight: normal;}

.final td {
    background: none repeat scroll 0 0 #fff;
}

.formitem input {width:220px;}
.cartdropdown {width:220px;}
.cartinfo {width:220px;}


#cart {
    color: #000;
}
#cart a {
    color: #fff;
}

#branding {position: relative; height: 127px;}
#branding #logo{position: absolute;}

#header-content {background: url(images/banner.png)}
#frmOrder input.button {margin-bottom: 10px;}


#cartpaymentoptions h3{display:none;}
#cartpaymentoptions input{Width:160px;
		 -moz-border-radius:5px 5px 5px 5px;
		-webkit-border-radius: 5px;
		border:medium none;
		font-weight: bold;
		font-size:1.2em;
		float:left;
		margin-right: 40px;

}

.tablelist
{
    xxborder-collapse:collapse ;
    background-color: #eee;
    border: 1px solid #333;
    }
    
.tablelist th
{
    font-weight: bold;
    vertical-align:bottom;
    background-color:#E5322C;
    color: #eee;
    }

.tablelist th a
{
    color: #eee;
    text-decoration: none;
    }
    
.ordercolumnordernumber, .ordercolumnpackingslip {display: table-cell ;}    
.tablelist tr
{
        border-bottom: 1px solid #333;
    }
    
.ordertypelink    {font-size: 1.5em; float:right;}




.storeorder input 
{
    background-color: #333;
    border: 1px dotted #000000;
    color: #FFFFFF;
    margin-right: 5px;
    padding: 5px;
    margin-bottom: 10px;
    width:120px;
    }
    
.storeorder input:hover {color:red;}

.validation_error_required {border: 1px solid red;}

.controls {margin-bottom: 20px;}

.controls input,.controls button, .choice input.button{margin-right: 5px; line-height:1.75em; font-size: 1.25em; }
 
 #catalogue td a span.currency-symbol {display:inline;}
 span.currency-symbol {display:inline;}
 
 .total {
    font-size: 1.1em;
    text-align: justify;
}

/*CHANGELOG[20130521] - ADDED SLIDESHOW AND HOME TILES CSS*/
#header-content
{position:relative}
#logo a {
    display: block;
    height: 160px;
    width: 297px;
}
.fb-like {
    bottom: 17px;
    position: absolute;
    right: 0;
}

.fb-like > div {
    float: left;
}
.fb-logo {
    margin-top: -21px;
}
.gplus {
    position: relative;
    right: -10px;
    top: -17px;
}
.orbit-bullets
{bottom:20px !important}
.orbit-bullets li
{background:#333 !important;
 border-radius:50%;
 height:12px !important;
 width:12px !important}
 .orbit-bullets li.active
 {border:2px dotted #E5322C;
  height:8px !important;
  width:8px !important}
#tiles > ul
{padding:3px 0;
 margin-top:10px;
 overflow:hidden}
.tile {
    display: block;
    float: left;
    height: 222px;
    margin-right: 10px;
    width: 222px;
}
.tile:last-child
{margin-right:0px}

.list-image-box
{ 
    height: 100px;
    line-height: 100px !important;
    text-align: center;}
.list-image-box img
{line-height: 150px !important;
    max-height: 100%;
    max-width: 100%;
    padding: 0 !important;}
 .list-details-box
 {height:auto !important;
  padding-top:10px} 
  
  
  /*voucher*/
  .voucherInputs
{
     border-top: 1px solid #DDDDDD;
     border-bottom: 1px solid #DDDDDD;
     padding: 25px 0;
     }
.voucherInputs > span label{
    font-size: 14px;
    padding-right: 10px;
    float:left;
    padding-top:5px
}

.voucherInputs > span
{margin-right:10px}

#voucherinfo {
    font-size: 14px;
    padding: 15px 0;
}

.voucherInputs > span input[type='textbox']
{padding:5px;
 border:1px solid #ccc !important}
 
 .voucherInputs > input[type='button']
 {padding:5px}
 
 /*ordercomment text*/
.ordercomment {
    clear: both;
    color: #FF1B1B;
    display: block;
    font-style: italic;
    line-height: 20px;
    max-width: 410px;
}

/**======order filter============**/
    #accordion h5{background:#E5322C;color:#fff;padding:5px 0;border:none}
    #accordion .ui-accordion-content{padding:10px;background:none;}
    #accordion #refsearch{border-top:1px solid #ddd;padding-top:5px;margin-top:5px}
    
    /**fix footer**/
    
#footer, #push 
{width:960px;
 margin:auto}


/***seo stuff**/
#productdescriptions .seoText
{
    margin-bottom:15px}
#productdescriptions .seoText br
{float:left;
}