﻿body
{
    font-family: Verdana;
    font-size: small;
    color: #000000;
}

.greybackground
{   
    font-family: arial;
    font-size: medium;
    font-weight: bold;
    color: Black;
    background-color: #d3d3d3;   
    text-align: left;
}

.option_header
{   
    font-family: arial;
    font-size: medium;
    font-weight: bold;
    color: Black;
    background-color: #ffffff;   
    text-align: left;
}

.option_header_table
{   
    border: none;
    width: 200px;
    background-color: #ffffff;   
}


.formfield
{
    font-family: verdana;
    font-size: 12px;
    background-color: ButtonFace;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    border: solid 1px black ;
}

.menuitempointers
{
    background-color: #ffffff;
    width:7px;
    text-align: right; 
}

.help {
	display: block;
	float: left;
	margin: 0px 0 0 0px;
	text-indent: -9000px;
	width: 14px;
	height: 14px;
	background: url(images/help.gif) no-repeat;
}
.help:hover {
	background: url(images/help.gif) no-repeat 0 -18px;
}

.menuitems
{
    font-family: arial;
    font-size: small;
    font-weight: bolder;
    text-transform: capitalize;
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
}

.menuheader
{
    font-family: arial;
    font-size: small;
    font-weight: bold;
    text-transform: capitalize;
    color: White;
    background-color:#ffffff;
    background-image: url('images/sdith/new/divider.jpg'); 
    background-repeat: no-repeat;
    height:27px;
}

.menuheaderadmin
{
    font-family: arial;
    font-size: medium;
    font-weight: bold;
    text-transform: capitalize;
    color: white;
    background-color: #ff3000;
    background-repeat: no-repeat;
    height:27px;
}

.menuheaderright
{
    font-family: arial;
    font-size: small;
    font-weight: bold;
    text-transform: capitalize;
    color: White;
    background-color:#ffffff;
    background-image: url('images/sdith/new/divider_right.jpg'); 
    background-repeat: no-repeat;
    height:27px;
}

.sectionlabel
{
    font-family: arial;
    font-size: large;
    font-weight: bold;
    text-transform: capitalize;
    color: #ff3000;
    background-color:#ffffff;
}



.menuheaderblack
{
    font-family: verdana;
    font-size: small;
    font-weight: bold;
    text-transform: capitalize;
    color: White;
    background-color:black;
    height:27px;
}


.priceLabel
{
    font-family: arial;
    font-size: medium;
    font-weight: bold;
    text-transform: capitalize;
    color: Black;
    background-color:White;
}

.detailLabel
{
    font-family: verdana;
    font-size: small;
    font-weight: bold;
    text-transform: capitalize;
    color: Black;
    background-color:White;
}

.menutable
{
    border: none;
    width: 160px;
    padding: 0px;
    
    }
    
.paymenttable
{
    border: none;
    width: 180px;
    padding: 0px;
    
    }    
    
.item_title
{
    border: none;
    width: auto;
    
    }

    
a:link, a:visited
{
    font-family: arial;
    font-size: small;
    font-weight: bold;
    text-transform: capitalize;
    color: #3b3b3b;
    text-decoration: none;
}

a:hover
{
    font-family: arial;
    font-size: small;
    font-weight: bold;
    text-transform: capitalize;
    color: #ff3000;
    text-decoration: underline;
}

a:active
{
    font-family: arial;
    font-size: small;
    font-weight: bold;
    text-transform: lowercase;
    color: #ff3000;
    text-decoration: underline;
}

.warningText
{
    font-family: verdana;
    font-size: small;
    font-weight: normal;
    text-transform: lowercase;
    color: #ff3000;
}


.footertext
{
    font-family: verdana;
    font-size: smaller;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

  
    #col-repeat{
	width: auto;
	float: left;
	padding-top: 10px;
	margin-bottom: 30px;
	margin-top: 10px;
	margin-left:auto; 
	margin-right:auto;
}
  
    #admin-col-repeat{
	width: auto;
	float: left;
	padding-top: 1px;
	margin-bottom: 3px;
	margin-top: 30px;
	
}

  .colourSwatch{
	width:25px;
	height:25px;
	float:left;
	background-color: #FFF;
	padding: 5px;
	
	
	vertical-align: bottom;
	
}
  
  .item{
	width:219px;
	height:255px;
	float: left;
	background-color: #ffffff;
	padding: 5px;
	border: thin solid #ffffff;
	margin-left: 5px;
	margin-bottom: 20px;
	vertical-align: bottom;
	
}

  .item img
  {
    border:solid medium #ffffff;
  }

  .item img:hover
  {
    border: solid medium #ff3000;
  }

  .itembuy:hover
  {
    border: none;
  }

  .itembuy img:hover
  {
    border:  solid medium #ffffff;
  }

  .item:hover 
  {
    border: thin dotted #ff3000;
}

  .admin-item{
	width:120px;
	height:130px;
	float: left;
	background-color: #FFF;
	padding: 5px;
	border: thin solid #CCCCCC;
	margin-left: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}


  .detailCellHeader{
	background-color: silver;
	padding: 5px;
	vertical-align: top;
	font-weight:bold;
	text-align:right;
}

  .detailCellHeaderLeft{
	background-color: silver;
	padding: 5px;
	vertical-align: top;
	font-weight:bold;
	text-align:left;
}