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

/*       Standards	    */

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


/* body class */

html, body{
    font-family: arial, helvetica, verdana, sans-serif;
    font-size : 10pt;
}
.bodyclass {
    margin: 0 auto;
    width: 1010px;
}

#main-content {
    padding-left: 10px;
}
.centre {
    margin: 0 auto;
    text-align: center;
}


/*---------------------
  
     TOP SECTION     

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

/*  CYBERTILL CLASSIC  */



	    /* top section class */
	    .header_top, .column_top, A.links_top {
                font-family: arial, helvetica, verdana, sans-serif;
                text-align : ;
            }
            .section_top {
                background-color : #ffffff;
                text-align : ;
                vertical-align : top;
            }
            .sectionborder_top {
                background-color : #ffffff;
            }
            .header_top {
                background-color : #FFFFFF;
                color : #000000;
                font-style : normal;
                font-weight : bold;
                font-size : 10pt;
            }
            .column_top {
                background-color : #FFFFFF;
                color : #000000;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
            }
            A.links_top:link, A.links_top:active, A.links_top:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
                color : #000000;
            }
            A.links_top:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
               font-size : 10pt;
                color : #000000;
            }


/*  HEADER  */

#head {
    margin: 0 auto;
    background-color: #fff;
    background-image: url(/images/tricentral/head-back.png);
    width: 1010px;
    height: 167px;
}
#head-main{
    width: 902px;
    margin:0 auto;
}
#networkLinks {
    width: 1010px;
    height: 30px;
    margin: 0 auto;
    padding: 5px;
    vertical-align:top;
}
#networkLinks img{
    display: inline-block;
    height: 30px;
    margin: 0 5px 0 40px;
}
#networkLinks span{
    display: inline-block;
    float:left;
    line-height: 30px;
    margin: 0;
    color: #999;
    font-family: sans-serif;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 1.2em;
}
#networkLinks span:hover{
    color: #990000;
    text-decoration: underline;
}

/*  NAVIGATION  */

#top-nav {
    float: right;
    color: #6d838d;
    font-size: 95%;
}
#top-nav a {
    text-decoration: none;
    font-size: 100%;
    color: #6d838d;
}
#head-nav {
    float: right;
    position: relative;
    top: 87px;
}
#head-nav ul {
    list-style: none;
    padding-right: 5px;
    width: 902px;
    text-align: center;
}
#head-nav ul li {
    float: right;
    height: 22px;
    padding: 2px 2px 2px 5px;
    background-image: url(/images/tricentral/tab-left.png);
    background-repeat:no-repeat;
    background-position:left;
}
#head-nav a {
    text-align: center;
    display: block;
    min-width: 110px;
    height: 19px;
    color: #fff;
    text-decoration: none;
    background-image: url(/images/tricentral/tab-right.png);
    background-repeat:no-repeat;
    background-position:right;
    padding: 3px 5px 0;
}
.clear {
    clear: both;
}
#prod {
    background-image: url(/images/tricentral/prod-back.png);
    padding-left: 25px;
    height: 203px;
    margin-bottom: 10px;
}



/*--------------------------------
  
        LEFT SECTION    

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

/*  CYBERTILL CLASSIC  */

	    .header_left, .column_left, A.links_left {
                font-family: arial, helvetica, verdana, sans-serif;
                text-align : ;
            }
            .section_left {
                background-color : #ffffff;
                text-align : ;
                vertical-align : top;
                padding-left: 20px;
            }
            .sectionborder_left {
            }
            .header_left {
                background-color : #FFFFFF;
                color : #000000;
                font-style : normal;
                font-weight : bold;
                font-size : 10pt;
            }
            .column_left {
                background-color : #FFFFFF;
                color : #000000;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
            }
            A.links_left:link, A.links_left:active, A.links_left:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
                color : #000000;
            }
            A.links_left:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
                color : #000000;
            }



/*  CATEGORY MENU  */

ul.makeMenu, ul.makeMenu ul {
  position: relative;
  width: 193px;     
  padding-left: 0px;         
  cursor: default;             
  margin-left: 0px;           
}
ul.makeMenu li {
  min-height: 45px;
  background-image: url(/images/tricentral/menu-back.png);
  list-style-type: none;     
  margin: 0px;                 
  position: relative;         
  color: #fff;               
}
ul.makeMenu li ul {   
  border: 1px solid black;   
  background-image: url(/images/tricentral/menu-fade-back.png);
  display: none;         
  position: absolute;     
  top: 0px;                 
  left: 103px; 
  z-index: 1000;                 
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {     
  color: #000;          
}
ul.makeMenu ul.CSStoShow {   
  display: block;              
} 
/* and some link styles */
ul.makeMenu li a { padding: 8px; font-size: 180%; z-index: 200; color: #fff; display: block; width: 100%; height: 100%; text-decoration: none; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #fff; }
ul.makeMenu li:hover > a { color: #fff; }
ul.makeMenu li ul li a { z-index: 2500; color: #fff; display: block; width: 100%; height: 100%; text-decoration: underline; }   





/*--------------------------------
  
        RIGHT SECTION    

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

/*  CYBERTILL CLASSIC  */

	    .header_right, .column_right, A.links_right {
                font-family: arial, helvetica, verdana, sans-serif;
                text-align : ;
            }
            .section_right {
                background-color : #ffffff;
                text-align : ;
                vertical-align : top;
                padding-right: 20px;
            }
            .sectionborder_right {
            }
            .header_right {
                background-color : #FFFFFF;
                color : #000000;
                font-style : normal;
                font-weight : bold;
               font-size : 10pt;
            }
            .column_right {
                background-color : #FFFFFF;
                color : #000000;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
            }
            A.links_right:link, A.links_right:active, A.links_right:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
                color : #000000;
            }
            A.links_right:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
                color : #000000;
            }

#myaccbtn {
    padding-top: 10px;
    padding-bottom: 10px;
}
#mail-list {
    margin: 20px 0 0 -4px;
    width: 163px;
    height: 56px;
    background-image: url(/images/tricentral/mail-back.png);
    padding-top: 10px;
    padding-left: 30px;
}

/*---------------------
  
     BOTTOM SECTION     

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

/*  CYBERTILL CLASSIC  */

	    .header_bottom, .column_bottom, A.links_bottom {
                font-family: arial, helvetica, verdana, sans-serif;
                text-align : ;
            }
            .section_bottom {
                background-color : #ffffff;
                text-align : ;
                vertical-align : top;
            }
            .sectionborder_bottom {
                background-color : #ffffff;
            }
            .header_bottom {
                background-color : #FFFFFF;
                color : #000000;
                font-style : normal;
                font-weight : bold;
                font-size : 10pt;
            }
            .column_bottom {
                background-color : #FFFFFF;
                color : #000000;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
            }
            A.links_bottom:link, A.links_bottom:active, A.links_bottom:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
               font-size : 10pt;
                color : #000000;
            }
            A.links_bottom:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
               font-size : 10pt;
                color : #000000;
            }



/*---------------------
  
     MAIN SECTION     

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

/*  CYBERTILL CLASSIC  */

	    .header_main, .column_main, A.links_main {
                font-family: arial, helvetica, verdana, sans-serif;
                text-align : ;
            }

            .column_main {
                text-align: left;
            }


            .section_main {
                background-color : #ffffff;
                text-align : ;
                vertical-align : top;
                width: 560px
            }
            .sectionborder_main {
            }
            .header_main {
                background-color : #FFFFFF;
                color : #000000;
                font-style : normal;
                font-weight : bold;
                font-size : 10pt;
            }
            .column_main {
                background-color : #FFFFFF;
                color : #000000;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
            }
            A.links_main:link, A.links_main:active, A.links_main:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
                color : #000000;
            }
            A.links_main:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
                color : #000000;
            }

#shopcart_tbl input[name="discount_ref"] { margin-right: 170px; }

input[value="Add"] { background-image: url(/images/tricentral/btn_payNow.jpg); }
input[value="Checkout"] { background-image: url(/images/tricentral/btn_payNow.jpg); margin-left: -20px; }
input[value="Amend Basket"] { background-image: url(/images/tricentral/btn_updateBasket.jpg); margin-left: -20px;}

input[value="Add"],
input[value="Checkout"],
input[value="Amend Basket"] {
  display: inline-block;
  width: 123px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border: 0;
  color: transparent;
  text-indent: -1000em; /* ie8 fix */
  cursor: pointer; 
}
input[value="Add"]:hover,
input[value="Checkout"]:hover,
input[value="Amend Basket"]:hover {
  background-position: -123px 0px;
  cursor: pointer; 
}