@font-face {
	font-family: Rockwell;
	src: url("www.sissons.co.uk/rock.ttf")
}

body {
	background: #ffffff URL('../images/bodybackground.gif') repeat-y;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

td {
	font-size: 12px;
}

a {
	font-weight: bold;
	color: #ff3300;
	text-decoration: underline;
}

.button {
	width: 112px; 
	height: 28px;
	background: #ff3300;
	color: #ffffff;
	font-size: 11px;
}

.buttondisabled {
	width: 112px; 
	height: 26px;
	background: #cccccc;
	color: #ffffff;
	font-size: 11px;
}

a:hover {
	text-decoration: none;
}

a.navigation {
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;

}

a.navigation:hover {
	color: #ff3300;
	background: #ffffff;
}
.contenthead {
	font-family: Arial;
	font-size: 10px;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	width: 100%;
}
a.content {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 100%;
	font-weight: normal;
	display:block;

}

a.content:hover {
	font-family: Arial;
	font-size: 10px;
	color: #ff3300;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff3300;
	width: 100%;
	font-weight: normal;
	display:block;
	
}

.contentover {
	font-family: Arial;
	font-size: 10px;
	color: #ff3300;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff3300;
	width: 100%;
	font-weight: normal;

	
}

.thisnavigation {
	font-family: Arial;
	font-size: 10px;
	color: #ff3300;
	background: #ffffff;
}

a.productlink {
    color: #000000;
    font-weight: normal;
}

a.productlink:over {
    text-decoration: underline;
}

.smtitle {
    font-family: Rockwell;
    font-size: 14px;
    font-weight: 500;
}

.linktitle {
    font-size: 14px;
	font-family: Rockwell; 
	text-decoration:none;
	font-weight: normal;
}

.lgtitle {
	font-family: Rockwell; 
	font-size: 26pt; 
	color: #424242;
}
div.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

/* Direct Computers Changes / Additions */
p { margin: 5px 0 5px 0; }
.heading { margin: 0; color: #767676; }
.heading a { color: #767676; text-decoration: none; font-size: 16px; display: block;  padding: 0 0 5px 0; border-bottom: 1px solid #ccc; outline: none; }
:-moz-any-link:focus { outline: none; }
.heading a:active { outline: none; -moz-outline-style: none; }
.heading span { width: 100%; display: block; color: #767676; padding: 5px 0 0 0; }
.spacer { margin: 5px 0 0 0 ; padding: 5px 0 0 0; }
.spacer img { margin: 5px 0; }
#form { padding: 10px;border-width: 0 6px 6px 6px; border-color: #ccc; border-style: solid; background: #fff; }
.ui-dialog-titlebar { padding: 10px 10px 0 10px; background: #fff; border-width: 6px 6px 0 6px; border-color: #ccc; border-style: solid; }
.case { width: 614px; border: 1px solid #ccc; padding: 10px; background: #e8e8e8; }
.case .inner { background: #fff; padding: 10px; }
.case .image { border: 1px solid #cccccc; width: 145px; float: left; height: 145px; }
.case .info { float: left; margin: 0 0 0 10px; width: 437px; }
.case .info span { font-size: 18px; display: block; border-bottom: 1px solid #ccc; padding: 0 0 5px 0; }
.rating { width: 300px; }
.rating option { background: 8px center no-repeat; padding: 2px 0 2px 32px; }
.rating #q { background-image: url(../images/icon_arrow.png); }
.rating #vp { background-image: url(../images/icon_cry.png); }
.rating #p { background-image: url(../images/icon_sad.png); }
.rating #a { background-image: url(../images/icon_neutral.png); }
.rating #g { background-image: url(../images/icon_smile.png); }
.rating #vg { background-image: url(../images/icon_biggrin.png); }
.ratings a img { opacity:0.5; filter:alpha(opacity=50); }
.ratings img { border: 0; }
.clear { clear: both; }