﻿td,th {text-align: left;}
form
{
	text-align:left;
}

a,
a:link,
a:active,
a:visited
{ 
    text-decoration: none; 
    text-transform: uppercase;
    font-size: 9px;
}
a:hover 
{ 
    text-decoration: underline;
    font-size: 9px; 
}
a.menu,
a.menu:link,
a.menu:active,
a.menu:visited
{
	font-size: 10px;
	color: Gray;
	text-transform: uppercase;
}
a.menu:hover
{
	font-size: 10px;
	color: Silver;
	text-decoration: underline;
	text-transform: uppercase;
}
a.active, a.active:link, a.active:active, a.active:visited
{
	font-size: 10px;
	color: Gray;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
}
a.active:hover
{
	font-size: 10px;
	color: Silver;
	text-decoration: underline;
	text-transform: uppercase;
}
a.header, a.header:link, a.header:active, a.header:visited
{
	font-size: 10px;
	color: Silver;
	text-transform: uppercase;
	color: White;
}
a.header:hover
{
	font-size: 10px;
	color: Silver;
	text-decoration: underline;
	text-transform: uppercase;
}
a.product, a.product:link, a.product:active, a.product:visited
{
	font-size: 9px;
	color: Gray;
	text-transform: uppercase;
}
a.product:hover
{
	font-size: 9px;
	color: #1a1a1a;
	text-decoration: underline;
	text-transform: uppercase;
}
a.blacklink,
a.blacklink:link,
a.blacklink:active,
a.blacklink:visited
{
	font-size: 11px;
	color: Black;
	text-transform: uppercase;
	font-weight: bold;
}
a.blacklink:hover
{
	font-size: 11px;
	color: Gray;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
}


        body,
        .black,
        .silver,
        .menu,
        .grey,
        .white,
        .red
        {
            font-family: Verdana, Arial;
            font-size: 11px;
            
        }
        body
        {
            color: black;
        }
        a:link,
        a:visited
        {
            font-family: Verdana, Arial;
            font-size: 11px;
            color: #969696;
        }
        .black,
        .silver,
        .menu,
        .grey,
        .white,
        .red
        {
            /*font-size: 10px;*/
            text-transform: uppercase;
        }
        .black
        {
            color:Black;
        }
        .silver
        {
            color:Silver;
        }
        .grey
        {
			color: Gray;
        }
        .white
        {
			color: White;
        }
        .red
        {
			color: Red;
        }
        #container
        {
            margin: 0 auto; text-align:left; width: 800px;
        }
        
        
        
        #Header,
        #Banner,
        #ContentsContainer,
        #Bar
        {
            width: 800px;
        }
        #Footer
		{
			background-image: url(images/footer.jpg);
			min-height: 55px;
			clear: both;
			background-repeat: no-repeat;
			background-color: white;
			padding-top: 6px;
		}
        #Header
        {
	        min-height: 100px;
	        background-color: black;
	        background-image: url(library/header.jpg);
        }
        #Banner
        {
            min-height: 300px; background-color:black; background-image: url('library/banner.jpg')
        }
        #Bar
        {
            min-height: 34px;background-color:black; background-image: url('library/bar.gif')
        }
        #ContentsContainer
        {
            min-height: 200px; background-color:black;margin-bottom: 6px; height: 100%;
        }
        #Menu
        {
            width: 190px;
            float: left;
            /*min-height: 527px;*/
            height: 100%;
            padding: 10px 5px 5px 5px;
            background-image: url(images/nav-bg.jpg); 
            background-repeat: repeat-y;
        }
        #Menu ul
        {
            margin-top : 2px;
            margin-bottom : 5px;
        }
        #Contents
        {
            width: 550px;  background-color:white; float: left; padding: 15px 15px 5px 35px; min-height: 525px;
        }
        
        
        
        
        
        
        
div.title, div.price
{
	text-transform:uppercase;
	font-size: 10px;
	
}

/*Menu styles for jquery */
li.menu
{
	font-size: 10px;
	color: Gray;
	text-transform: uppercase;
	margin-left: -25px;
	margin-top: 6px;
	margin-bottom: 6px;
	list-style-type: none;
	
}
li.sub
{
	margin-left: -15px;
	margin-bottom: 10px;
}
ul.selected
{
	display:block;
}
.menumainheading, .menumainheadingwhite
{
	
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	margin-left: 15px;
	
}
.menumainheading
{
	color: Silver;
}
.menumainheadingwhite
{
	color: White;
}

table.login
{
	margin-left: 15px;
}
.greylogin
{
	color: Gray;
	font-size: 10px;
	text-transform: uppercase;
}
.whitelogin
{
	color: White;
	font-size: 10px;
	text-transform: uppercase;
}
/* controls */
.dropdown
{
	font-size: 10px;
}
.textbox
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	width: 153px;
	border-bottom: gray 1px solid;
	background-color: #000000;
	color: White;
	font-size: 10px;
}
.text
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
}
/* login page */
        #middle
        {
            min-height: 200px; 
            padding: 0px 0px 0px 0px; 
            float:left; 
            width: 260px; 
            background-color:black; 
            background-image: url('library/middle.jpg')
        }
        
        
        
        
        

/*--product search-------*/
.product_long
{
	float: left;
	margin: 16px 0px 0px 0px;
}

.product_long .img
{
	width: 271px;
	height: 271px;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 2px 0px 2px 0px;
	text-align: left;
}
.product_long .img img
{
	border: 0px;
}
.product_long .title
{
	width: 250px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	padding: 6px 0px 5px 10px;
}
.product_long .description
{
	width: 250px;
	height: 180px;
	overflow: auto;
	float: left;
	color: #7d7d7d;
	padding: 6px 0px 5px 10px;
	min-height: 75px;
}
.product_long .price
{
	width: 250px;
	float: left;
	font-weight: bold;
	padding: 6px 0px 5px 10px;
}
.product_long .oldprice
{
	width: 250px;
	float: left;
	color: #000000;
	text-decoration: line-through;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 10px 4px 10px;
}
.product_long .quantity,
.product_long .sizes,
.product_long .colours
{
	font-weight: bold;
	width: 250px;
	float: left;
	padding: 6px 0px 5px 10px;
}
.product_long .left
{
	float: left;
    width: 60px;
}
.product_long .right
{
	float: left;
    padding-left: 10px;
    width: 150px;
    vertical-align: middle;
}
.product_long .right select
{
    width: 50px;
}
.product_long .successful
{
}



.basket
{
    border: solid 1px #ededed;
}
.basket th
{
    background-color: #ededed;
    color: #434343;
    height: 25px;
    vertical-align: middle;
    padding: 0px 0px 0px 3px;
    font-weight: normal;
}
.basket th a,
.basket th a:link,
.basket th a:active,
.basket th a:visited
{
    color: #4995d1;
    text-decoration: none;
    font-weight: bold;
}
.basket th a:hover
{
    text-decoration: underline;
}
.basket td.item
{
    height: 25px;
    padding: 0px 0px 0px 3px;
    border-bottom: solid 1px #edf2fd;
}
.basket td input
{
    width: 50px;
    font-size: 11px;
    border: solid 1px #e8edf8;
    padding: 4px 1px 4px 1px;
}




.leftball a:hover,
.rightball a:hover,
.fullball a:hover
{
    text-decoration: none;
}

.leftball a,
.rightball a,
.fullball a
{
    font-size: 8px !important;
}

.leftball
{
    float: left;
    width: 83px;
    height: 39px;
    background-image: url(library/image/site/ball_lines2.gif);
    text-align: center;
    text-transform: uppercase;
    color: #767676;
    font-size: 8px;
}
.rightball
{
    float: left;
    width: 83px;
    height: 39px;
    background-image: url(library/image/site/ball_lines3.gif);
    text-align: center;
    text-transform: uppercase;
    color: #767676;
    font-size: 8px;
}
.fullball
{
    float: left;
    width: 83px;
    height: 39px;
    background-image: url(library/image/site/ball_lines.gif);
    text-align: center;
    text-transform: uppercase;
    color: #767676;
    font-size: 8px;
}
