/*! normalize.css 2011-10-24T11:29 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */

audio:not([controls]) {
    display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centred in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}

/* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
*/

b, 
strong { 
    font-weight: bold; 
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol, nav a:hover {
    list-style: none;
    list-style-image:none;
}



/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    *margin-left: -7px; /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Addresses excess padding in IE8/9
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Corrects inner padding displayed oddly in S5, Chrome on OSX
 */

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Corrects inner padding and border displayed oddly in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/* 
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
.yui3-g{letter-spacing:-0.31em;*letter-spacing:normal;word-spacing:-0.43em}.yui3-u,.yui3-u-1,.yui3-u-1-2,.yui3-u-1-3,.yui3-u-2-3,.yui3-u-1-4,.yui3-u-3-4,.yui3-u-1-5,.yui3-u-2-5,.yui3-u-3-5,.yui3-u-4-5,.yui3-u-1-6,.yui3-u-5-6,.yui3-u-1-8,.yui3-u-3-8,.yui3-u-5-8,.yui3-u-7-8,.yui3-u-1-12,.yui3-u-5-12,.yui3-u-7-12,.yui3-u-11-12,.yui3-u-1-24,.yui3-u-5-24,.yui3-u-7-24,.yui3-u-11-24,.yui3-u-13-24,.yui3-u-17-24,.yui3-u-19-24,.yui3-u-23-24{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top}.yui3-u-1{display:block}.yui3-u-1-2{width:50%}.yui3-u-1-3{width:33.33333%}.yui3-u-2-3{width:66.66666%}.yui3-u-1-4{width:25%}.yui3-u-3-4{width:75%}.yui3-u-1-5{width:20%}.yui3-u-2-5{width:40%}.yui3-u-3-5{width:60%}.yui3-u-4-5{width:80%}.yui3-u-1-6{width:16.656%}.yui3-u-5-6{width:83.33%}.yui3-u-1-8{width:12.5%}.yui3-u-3-8{width:37.5%}.yui3-u-5-8{width:62.5%}.yui3-u-7-8{width:87.5%}.yui3-u-1-12{width:8.3333%}.yui3-u-5-12{width:41.6666%}.yui3-u-7-12{width:58.3333%}.yui3-u-11-12{width:91.6666%}.yui3-u-1-24{width:4.1666%}.yui3-u-5-24{width:20.8333%}.yui3-u-7-24{width:29.1666%}.yui3-u-11-24{width:45.8333%}.yui3-u-13-24{width:54.1666%}.yui3-u-17-24{width:70.8333%}.yui3-u-19-24{width:79.1666%}.yui3-u-23-24{width:95.8333%}



html {
  margin: 0;
  padding: 0;
  background-color: #e2e2e2;
  overflow:scroll;
 
}

body {
    background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
    margin:0;
    padding: 0;
    background-image:url("../images/adastracanvas.png"); background-repeat:repeat-x;
}

a:link, a:visited, 
a:active a:hover {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration:none;
}

a:hover {text-decoration:underline;
    
}

header, footer, hgroup
nav, section {
    display: block;
}

.float-left {
    float: left;height:120px;display:block;
}

.float-right {
    float: right;padding:0;height:120px;display:block;
}

.highlight {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}




h1, h2, h3, 
h4, h5, h6 {font-family: 'Open Sans', sans-serif;}

/*       */
.content-wrapper {
    margin: 0 auto;
    
    max-width: 974px;
}

#body {
    background-color: #efeeef;
    clear: both;
    padding-bottom: 35px;
}

    .main-content {
        
        padding-left: 10px;
        padding-top: 10px;
    }

    .featured + .main-content {
        background: url("../images/heroaccent.png") no-repeat;
    }

footer {
    clear: both;
    background-color: #e2e2e2;
    font-size: .8em;
    height: 100px;
    
}
#footerlinks a{text-decoration:none;}
.site-title a, .site-title a:hover, .site-title a:active  {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}

/* page titles */ 
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
display: inline;
}

hgroup.title h2 {
    font-weight: normal;
}


#login {
    display:block;
    font-size:.85em;
    margin-top:3px;padding-top:0;
    height:35px;width:500px;
}

 #login ul{
    display:block;
   margin:0 ;
   padding:0;
}   
    
    
    
    
    
    #login a {
        background-color: #A3CCCC;
        margin-left: 10px;
        margin-right: 3px;
        padding: 3px 5px;
        text-decoration: none;
    }
    
    #login a.username {
        background: none;
        margin-left: 0px;
        text-decoration: underline;
    }

    #login li {
        display:block;
        list-style: none;margin:0;padding:0;float:right;
         
    }
    
 .b_link {text-decoration:none;padding:0;}  

.label {
    font-weight: 700;
}

/* content */  
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

#leftcol {width:68%;float:left}
#rightcol {width:28%;float:right}
    aside ul {
        list-style: none;
        padding: 0;vertical-align:top;
    }
    
     aside ul li {
        
       
     }


/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }
    
    fieldset ol {
        padding: 0;
        list-style: none;
    }
    
        fieldset ol li {
            padding-bottom: 5px;
        }
    
    fieldset label {
        display: block;
        font-size: 1em;
        font-weight: 600;
    }
    
    fieldset label.checkbox {
        display: inline;
    }
    
    fieldset input[type="text"], 
    fieldset input[type="password"] {
        border: 1px solid #e2e2e2;
        color: #333;
        font-size: 1em;
        margin: 5px 0 6px 0;
        padding: 5px;
        width: 300px;
    }
    
        fieldset input[type="text"]:focus, 
        fieldset input[type="password"]:focus {
            border: 1px solid #7ac0da;
        }
    
    fieldset input[type="submit"] {
        background-color: #d3dce0;
        border: solid 1px #787878;
        cursor: pointer;
        font-size: 1em;
        font-weight: 600;
        padding: 7px;
    }

/* login page */ 
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 45%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 50%;
}




     
/* social form */
.social h2 {
    font-weight: normal;
    padding-bottom: 15px;
}


        #facebook, #twitter, #windowsLive, #google, #yahoo {
            border: none;
            color: #333;
            height: 24px;
            margin-right: 10px;
            padding: 2px 0 0 27px;
            
        }
        
        #facebook {
            background: url("../images/facebook.png") no-repeat;
        }
        
        #twitter {
            background: url("../images/twitter.png") no-repeat;
        }
        
        #windowsLive {
            background: url("../images/windowsLive.png") no-repeat;
        }
         #google {
            background: url("../images/google.png") no-repeat;
        }
 #yahoo {
            background: url("../images/windowsLive.png") no-repeat;
        }
    
/* info and errors */  
.message-info {
    border: solid 1px;
    clear: both;
    padding: 10px 20px;
}

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

.validation-summary-errors {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

.error-label {
    color: #e80c4d;
    font-weight: bold;
} 

.error-label + input[type="text"], 
.error-label + input[type="password"] { 
    border: solid 1px #e80c4d; 
}

.field-validation-error {
    display: inline;
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

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

ul#social li {
    display: inline;
    list-style: none;
}

    ul#social li a {
        color: #999;
        text-decoration: none;
    }
    
    a.facebook, a.twitter {
        display: block;
        float: left;
        height: 24px;
        padding-left: 17px;
        text-indent: -9999px;
        width: 16px;
    }
        
    a.facebook {
        background: url("../images/facebook.png") no-repeat;
    }
        
    a.twitter {
        background: url("../images/twitter.png") no-repeat;
    }






.callus {font-family:'Molengo', sans-serif;font-size:x-large;color:#333;height:30px;display:block;}

ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0;
    text-align: right;font-family:'Molengo', sans-serif;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
      
    }

 ul#menu li a {
            background: none;
            color:#000;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #7d9f00;
            text-decoration: none;
        }
        
.imagelink hover {
   
    background:#fff;
}      
#basket table{}
#basket td {padding:.25em;vertical-align:top;margin:1px;}
#basket th {padding:.5em;font-weight:bold;border-bottom:1px solid gray;}
#basket tr {}

  
   /* menu */
   
   .menutop {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */*display: inline;
	vertical-align: baseline;
	
	margin: 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding:10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 0; 
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);margin-bottom:5px;margin-top:5px;}
   
  .menutopl {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */*display: inline;
	vertical-align: baseline;
	margin: 0px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding:1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:.5em 0 0  .5em; 
	-moz-border-radius:.5em 0  .5em;
	border-radius:.5em 0 0  .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);width:55px;margin-bottom:5px;margin-top:5px; }
   .menutopr {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */*display: inline;
	vertical-align: baseline;
	margin: 0px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding:1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 0 .5em .5em 0; 
	-moz-border-radius:0 .5em .5em 0;
	border-radius:0 .5em .5em 0;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);width:65px;margin-bottom:5px;margin-top:5px; }
   
   
   
   
   
   
   
   
    /* button*/    
        
  .button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding:1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);width:230px;margin-bottom:5px;margin-top:5px;
}
.buttonsmall {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */*display: inline;
	vertical-align: baseline;
	margin-top:0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding:.5em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em ; 
	-moz-border-radius:.5em   ;
	border-radius: .5em ;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);width:60px;margin-bottom:5px;margin-top:5px;
}

.buttonbasket {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */*display: inline;
	vertical-align: baseline;
	margin-top:0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	
    padding:1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:  .5em .5em .5em .5em ; 
	-moz-border-radius: .5em .5em .5em .5em  ;
	border-radius: .5em .5em  .5em .5em ;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);width:100px;margin-bottom:5px;margin-top:5px;
}

#grid li{width:210px;height:240px;display:table-cell;list-style:none;float:left;margin-right:10px;margin-bottom:10px;text-align:center;background:#fff;padding:2px;}
#grid ul {text-align:left;margin:0;padding:0;}
#grid a{text-decoration:none;}
#grid a:hover {background-color:#fff;}
#grid span{height:170px;display:block;}

#gridb li{width:210px;height:300px;display:table-cell;list-style:none;float:left;margin-right:10px;margin-bottom:10px;text-align:center;background:#fff;padding:2px;}
#gridb ul {text-align:left;margin:0;padding:0;}
#gridb a{text-decoration:none;}
#gridb a:hover {background-color:#fff;}
#gridb span{height:170px;display:block;}




#grid2 li{width:80px;height:80px;display:table-cell;list-style:none;float:left;margin-right:5px;margin-bottom:5px;text-align:center;font-size:8px;background-color:#fff;}
#grid2 ul {text-align:left;margin:0;padding:0;}
#grid2 a{text-decoration:none;}
#grid2 a:hover {}
#grid2 span{height:100px;display:block;}


.infobox {padding:5px;background-color:#e2e2e2;text-align:center;margin-bottom:10px;margin-top:0;font-size:1.0em;display:block; font-weight:bold;}
.catheader {padding:5px;background-color:#ccc;text-align:center;margin-bottom:0;margin-top:0;font-size:1.0em;display:block; font-weight:bold;}
.catbox {padding:2px;margin-bottom:2px;margin-top:0;text-align:left;font-size:1.0em;display:block;}
#orderdelivery {padding:30px;color:#333;background:#e2e2e2;margin-left:20px;text-align:center;border:0;}


/* button colours */   


/* black */
.black {
	color: #fff;
	border: solid 1px #313d49;
	background: #313d49;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#313d49));
	background: -moz-linear-gradient(top,  #666,  #313d49);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#313d49');
}
.black:hover {
	background: #313d49;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#313d49));
	background: -moz-linear-gradient(top,  #444,  #313d49);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#313d49');
}
.black:active {
	color: #313d49;
	background: -webkit-gradient(linear, left top, left bottom, from(#313d49), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#313d49', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
	color: #fff;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}    




.price {
	border:1px inset #ddd;
	float:left;
	font-size:20px;
	margin:15px  15px 0 0;
	padding:3px 0;
	text-align:center;
	width:50px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 		
}

.date {
	border:1px solid #ccc;
	font-size:18px;
	padding:4px;
	text-align:center;
	width:194px;
	
	-moz-box-shadow:0 0 10px #eee inset;
	-webkit-box-shadow:0 0 10px #eee inset;
}

 /* main vertical scroll */
    
    #canvas-bg 
    {
        
     background-image:url(../images/bg-banner.jpeg); background-repeat:no-repeat;    
        
        
        }
    
    
    
	#main {
		position:relative;
		overflow:hidden;
		height: 340px;
	
  
 
 
	}
	#main h2 {margin-top:0;}
	#mainbkg {
 }
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
   /* right: 294px;*/
}
	
	/* single page */
	.page {
		padding:10px;
		
        
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 620px;
		height:340px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
		float:left;
		cursor:pointer;
		width:620px;
		height:328px;
		padding:10px;
		
	}
	.item ul{width:30%;font-size:1.2em;color:Red;margin-top:20px;}
	.item li{ margin-top:5px; }
	.item a{border:0;}
	.item img{border:0;}
	/* main navigator */
	#main_navi {
		float:left;
		padding:0px !important;
		margin:0px !important;
        
	}
	
	#main_navi h2 {margin-top:0px;}
	
	#main_navi li {
		background-color:#313d49;
		border-top:1px solid #53616e;
        clear:both;
		color:#FFFFFF;
		
		height:61px;
		list-style-type:none;
		padding:10px;
		width:300px;
		cursor:pointer;
	}
	
	#main_navi li:hover {
		background-color:#53616e;border-top:1px solid #53616e;
	}
	
	#main_navi li.active {
		background-color:transparent;
	}
	
	#main_navi img {
		float:left;
		margin-right:10px;
	}
	
	#main_navi p {
		display:block;width:100%;font-size:1.2em;
	}
	#logos ul {margin:0;margin-left:2px;padding:0;list-style:none;}
	#logos li {background:#fff;padding:1px;margin:0;margin-bottom:1px;margin-right:1px;display:block;width:104px;height:75px;float:left;}
	#logos img{border:0;width:95px;}
	
	.accles_and_shelvoke {
	display:block;
	width: 95px;
	height: 74px;
	background: url('brandsfaded.jpeg')-4px -1px;
	
}
.accles_and_shelvoke:hover {
	background: url('brands.jpeg')-4px -1px;
}

.acterna {
	display:block;
	width: 95px;
	height: 74px;
	background: url('brandsfaded.jpeg')-110px -1px;
	
}
.acterna:hover {
	background: url('brands.jpeg')-110px -1px;
}
.aemc {
	display:block;
	width: 95px;
	height: 74px;
	background: url('brandsfaded.jpeg')-220px -1px;
	
}
.aemc:hover {
	background: url('brands.jpeg')-220px -1px;
}
.airflow {
	display:block;
	width: 95px;
	height: 74px;
	background: url('brandsfaded.jpeg')-324px -1px;
	
}
.airflow:hover {
	background: url('brands.jpeg')-324px -1px;
}
.albercorp {display:block;width: 95px;height: 74px;background: url('brandsfaded.jpeg')-431px -1px;}
.albercorp:hover {background: url('brands.jpeg')-431px -1px;}
.amprobe {display:block;width: 95px;height: 74px;background: url('brandsfaded.jpeg')-538px -1px;}
.amprobe:hover {background: url('brands.jpeg')-538px -1px;}
.ariadna {display:block;width: 95px;height: 74px;background: url('brandsfaded.jpeg')-643px -1px;}
.ariadna:hover {background: url('brands.jpeg')-643px -1px;}
.awr {display:block;width: 95px;height: 74px;background: url('brandsfaded.jpeg')-753px -1px;}
.awr:hover {background: url('brands.jpeg')-753px -1px;}
.baugh_and_weedon {display:block;width: 95px;height: 74px;background: url('brandsfaded.jpeg')-863px -1px;}
.baugh_and_weedon:hover {background: url('brands.jpeg')-863px -1px;}
.baur {display:block;width: 95px;height: 74px;background: url('brandsfaded.jpeg')-4px -80px;}
.baur:hover {background: url('brands.jpeg')-4px -80px;}
.bicotest {display:block;width: 95px;height: 74px;background: url('brandsfaded.jpeg')-99px -115px;}
.bicotest:hover {background: url('brands.jpeg')-99px -115px;}