body { margin:0 auto; background-color:#333333; font-size: 100%; font-family: arial,helvetica,sans-serif; margin:0; padding:0; margin-top:9px; margin-bottom:9px;}


/* CONTAINER */
#container 			{ position:relative; width:965px; margin:0 auto; background-color:#FFFFFF; background-image:url(../images/containerBG.jpg); background-repeat:repeat-y; }
#content 			{ position:relative; border-right: #FFFFFF 1px solid; background:#FFFFFF; float:left; border-left: white 1px solid; width: 753px; padding:25px; }
#leftSide 			{ position:relative;  float: left; width: 159px; border-left: #FFFFFF 1px solid; }



/* CONTAINER */

#header { position:relative; width: 965px; height:188px; background: #CCC url(../images/header.jpg) no-repeat; padding: 0px; color: #FFF;	 } 
	
#header #header-links { position: absolute; top: 149px; left: 155px; color:#FFFFFF; font-size: 12px; padding: 10px 0px 10px 0px; }
#header #header-links a { color: #FFFFFF; text-decoration: none; padding: 10px 10px 10px 10px; }
#header #header-links a:hover { color: #000000; text-decoration: none; }



.error 	{ position:relative;font-size:13px; background-color:#CC0000; font-weight:bold; color:#FFF; margin:0px;  }










/* FOOTER */


#footer { position:relative; font-size: 60%; width: 963px; height:30px;  color: #FFFFFF; text-align: center; background-color: #000000; padding:20px 0 20px 0; border-right: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom:1px solid #FFF; clear:both; }
#footer ul {
	margin-top: 5px; 
}
#footer P {
	margin-top: 5px; text-align: center; color: #FFFFFF;
}
#footer ul li {
	display: inline; 
}
#footer ul li a {
	border-right: #FFFFFF 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 0px; color: #C9C9C9; padding-top: 0px; text-decoration: none;
}
#footer ul li a:hover {
	color: #C70102; text-decoration: underline;
}
#footer ul li a.last {
	border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px;

}
	
	
/* menu -left side image/rollovers etc */	




#menu { position:relative;font-weight: bold; font-size: 65%; width: 160px; color: #555555; line-height: 110%; font-family: arial,helvetica,sans-serif; background-color: #cccccc; text-align: left;
}
#menu ul {
	list-style-type: none; 
}
.menuItemSelect {
	padding-right: 0px; background-position: center 50%; border-top: white 1px solid; padding-left: 10px; background-image: url(/images/mnuSelect.jpg); padding-bottom: 4px; vertical-align: middle; color: white; padding-top: 3px;
}
.menuItemSelect A {
	display: block; width: 150px; color: #fff; text-decoration: none;
}
.menuItemSelect A:active {
	display: block; width: 150px; color: #fff; text-decoration: none;
}
.menuItemSelect a:visited {
	display: block; width: 150px; color: #fff; text-decoration: none;
}
.menuItem {
	background-position: center 50%; border-top: white 1px solid; background-IMAGE: url(/images/mnuMiddle.jpg); vertical-align: middle; border-bottom: #b0b0b0 1px solid; background-REPEAT: no-repeat; 
}
.menuItem a:link {
	padding-right: 0px; display: block; padding-left: 10px; padding-bottom: 3px; width: 150px; color: #000000; padding-top: 3px; text-decoration: none;
}
.menuItem a:active {
	padding-right: 0px; display: block; padding-left: 10px; padding-bottom: 3px; width: 150px; color: #000000; padding-top: 3px; text-decoration: none;
}
.menuItem a:visited {
	padding-right: 0px; display: block; padding-left: 10px; padding-bottom: 3px; width: 150px; color: #000000; padding-top: 3px; text-decoration: none;
}
.menuItem a:hover {
	background-position: center 50%; background-IMAGE: url(/images/mnuMiddle_f2.jpg); color: #FFFFFF;
}
.mnuConsole {
	background-position: center 50%; border-top: white 1px solid; background-IMAGE: url(/images/mnuConsole.gif); vertical-align: middle; border-bottom: #b0b0b0 1px solid; background-REPEAT: no-repeat;
}
.mnuConsole A:link {
	padding-right: 0px; display: block; padding-left: 10px; padding-bottom: 3px; width: 150px; color: #333333; padding-top: 3px; text-decoration: none;
}
.mnuConsole A:active {
	padding-right: 0px; display: block; padding-left: 10px; padding-bottom: 3px; width: 150px; color: #333333; padding-top: 3px; text-decoration: none;
}
.mnuConsole A:visited {
	padding-right: 0px; display: block; padding-left: 10px; padding-bottom: 3px; width: 150px; color: #333333; padding-top: 3px; text-decoration: none;
}



/* left image -device/links etc */ 



.deviceLeft {
	padding-right: 0px; border-top: white 1px solid; padding-left: 0px; background: url(/images/device_bg.jpg) no-repeat; padding-bottom: 6px; width: 160px; padding-top: 0px; height: 266px;
}
.deviceLeftTitle {
	padding-right: 0px; padding-left: 16px; font-weight: bold; font-size: 70%; background: url(/images/device_bgtitle.gif) no-repeat; padding-bottom: 0px; margin: 5px 5px 0px; text-transform: uppercase; color: white; padding-top: 8px; height: 22px;
}
.deviceLeftLink {
	background: url(/images/device_linktitle.gif) no-repeat; margin: 0px 5px; height: 30px;
}
.deviceLeftLink A {
	padding-right: 0px; display: block; padding-left: 16px; font-weight: bold; font-size: 70%; padding-bottom: 0px; text-transform: uppercase; color: white; padding-top: 8px; height: 22px; text-decoration: none;
}
.deviceLeftLink A:hover {
	background: url(/images/device_linktitle_on.gif) no-repeat; color: white;
}
.deviceLeftImg {
	margin-left: 5px;
}
#deviceHomeEvent {
	font-weight: bold; font-size: 70%; background: url(/images/device_bgnextmatch.jpg) no-repeat; margin-left: 5px; width: 150px; color: white; height: 171px;
}
#deviceHomeEventContent {
	padding-right: 0px; padding-left: 16px; padding-bottom: 0px; padding-top: 62px;
}

/* table  */


#tablecontainer           {width:600px; margin:0 auto; text-align:left;}
#tabletd				  {float:left; width:100px;}
#tabelheadtd			  {float:left; width:200px;}


/* Product Tables */


p, td, th {font-size:12px; font-family: arial, helvetica, sans-serif; color: #000;}
a.red { color: #C70102; }
a:link, a:visited {color: #000; text-decoration: none;}
a:hover {color: #C70102; text-decoration: underline;}
a:active {text-decoration: none; color: #000;}
a.underline {text-decoration: underline;}


.red
{ color: #C70102;
}



/**About Us page**/
#about 				{ position:relative; width:300px; float:left; border:3px solid #C70102; margin:10px;}
#aboutText			{ position:relative; float:left; width:670px; padding-left:15px;  margin-bottom:0px; padding-right:30px }
#gordon				{ position:relative; width:125px; float:left; border:3px solid #C70102;  margin:10px;}

/* Others */

.browse
{
	color:#fff; 
	position:relative
}
.browseHighlight
{
	text-align:center;
	text-transform: none; 
	background-color: #DFDFDD; 
	margin:0;
	padding:4px
}
.browseHighlightBlank
{
	margin:0;
	padding:4px;
}

.browseImage {text-align:center; border:1px solid #DFDFDD; padding:5px; font-size:12px; }
.browseDesc {text-align:left; padding: 3px 0px; font-size:12px;}
.browsePrice {color: #000;text-align:left; font-size:12px;}
.browseMore {text-align:left;padding-top:3px; font-size:12px;}
.note  { text-align:left;padding-top:3px; font-size:10px;}



ul 	{	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; }
li 	{	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; }
p 	{   padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; text-align:justify; font-size:12px;
}
H1 {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; color: #C70102;
	font-size: 24px;
}
H2 {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; color: #C70102;
	font-size: 14px;
}
H3 {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; color: #C70102;
	font-size: 14px;
}
H4 {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; color: #C70102;
	font-size: 12px;
}
H5 {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; color: #C70102;
	font-size: 11px;
}

label {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;
}


/* DELIVERY POP UPS  */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    font-style:italic;
    color:#C70102;
    font-weight: bold;
     /*background-color:#eee;
    color:#4F6C7C;
	border:#ccc 1px solid;
	padding:2px;*/	
    text-decoration:none}

a.info:hover{z-index:25;}

a.info span{display: none; background-color:#000;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;    
    font-style:normal;
    top:22px; left:-7em; width:36em;
    border:1px solid #ccc;
    color:#000;
	background-color:#eee;
	font-weight:normal;
	font-size:10px;
	padding:5px;
    }

.box { padding:10px 10px 12px 10px; border:1px solid #ccc; background-color:#eee; width:688px; font-size:12px;  }
#alternate	{ margin-left:350px; font-weight:bold; font-size:10px; margin-bottom:15px; color:#AA0404  }
.divAddress		{ background-color:#993300 }
.alter			{ border:1px solid #CCC; height:180px; margin-left:14px; background-color:#EEE; }


.clear { clear:both;}