* {
outline:none;
}

html,body{
height:100%;
}

body{
height:100%;
margin:0px;
padding:0px;
background-image:url(/images/bodybg.jpg);
background-repeat:repeat-x;
background-color:#EDF5F7;
font-family:Comic Sans MS;
font-size:12px;
color:#3D5C65;
}

#wrap{
background-image:url(/images/wrapbg.gif);
background-repeat:repeat-y;
background-position:center top;
}

#spacertop{
height:8px;
background-color:#ABD3DA;
}

#container{
width:980px;
margin:0px auto;
background-image:url(/images/containerbg.jpg);
background-repeat:repeat-y;
position:relative;
}

#insidecontainer{
width:980px;
margin:0px auto;
background-image:url(/images/insidecontainerbg.jpg);
background-repeat:repeat-y;
position:relative;
}

#leftpanel{
width:204px;
float:left;
background-color:#ABD4DA;
}

#photoby {
position:absolute;
font-size:10px;
top:405px;
left:5px;
color:#A4CAD0;
}

#middlepanel{
width:534px;
float:left;
}

#middlepanelbody{
width:534px;
background-color:#DCECEF;
}

#rightpanel{
width:242px;
float:left;
}

#insiderightpanel{
width:746px;
float:left;
position:relative;
margin-top:118px;
margin-left:30px;
background-color:#fff;
}

#starexlogo{
width:160px;
height:104px;
position:absolute;
left:560px;
top:-79px;
}

#navigation {
width:980px;
margin:0px auto;
background:#ABD4DA;
height:43px;
line-height:43px;
text-align:center;
}

#navigation a {
font-size:14px;
}

#toprightlinks {
position:absolute;
left:578px;
top:-110px;
}

#insidecontainerbottom{
width:776px;
height:40px;
}

hr {
color:C9E2E7;
}

.sidenav{
color:#fff;
padding:5px 5px 5px 10px;
}

.sidenavbigger{
color:#fff;
padding:9px 5px 9px 10px;
}

#categorytitle{
position:absolute;
height:28px;
left:0px;
top:-28px;
}

h1{
color:#1072BC;
font-size:230%;
margin-top:0px;
padding-top:0px;
}

#categorytitle h1{
color:#fff;
font-size:180%;
margin:0px;
padding:0px;
height:40px;
line-height:180%;
cursor:pointer;
overflow:hidden;
}

.intro{
font-size:15px;
font-weight:bold;
}

#leftnav{
padding:10px 0px 10px 26px;
}

#leftnav a{
text-decoration:none;
line-height:19px;
}

#leftnav a:hover{
text-decoration:underline;
}

a:link, a:visited, a:active{
text-decoration:none;
color:#43717E;
}

a:hover{
text-decoration:underline;
color:#43717E;
}

#footer{
height:38px;
width:980px;
background-image:url(/images/footerbg.jpg);
background-repeat:repeat-x;
text-align:center;
}

#shadeleft{
position:absolute;
top:0px;
left:-34px;
background-image:url(/images/shadeleft.jpg);
width:29px;
height:759px;
}

#shaderight{
position:absolute;
top:0px;
left:985px;
background-image:url(/images/shaderight.jpg);
width:29px;
height:759px;
}

.sidenav a{
text-decoration:none;
color:#fff;
}

.sidenav a:hover{
text-decoration:underline;
color:#fff;
}

.sidenavbigger a{
text-decoration:none;
color:#fff;
font-size:13px;
}

.sidenavbigger a:hover{
text-decoration:underline;
color:#fff;
font-size:13px;
}

.prodleft{
float:left;
width:350px;
}

.prodright{
float:left;
width:320px;
}

.thumb{
float:left;
width:132px;
padding:20px 0px;
}

.bigpic{
float:left;
width:270px;
padding-top:20px;
}

.proddesc{
float:right;
width:385px;
padding-top:20px;
}

.proddesc h2{
padding:0px;
margin:0px;
}

.desc{
float:left;
width:185px;
padding:20px 0px;
}

.desc h2{
color:#1072B9;
font-size:130%;
margin:0px;
padding:0px 0px 5px 0px;
}

.alert{
color:#D22C33;
}

.label{
padding-right:20px;
vertical-align:top;
}

.datagrid td {
padding:3px;
}

.pagination {
text-align:center;
margin:20px 0px 10px 0px;
padding:5px;
background-color:#F6F6F6;
}

.pagination * {
margin-left:5px;
margin-right:5px;
}

.pagination .disabled {
color:#AAAAAA;
}

.pagination .current {
font-weight:bold;
color:#000000;
text-decoration:underline;
}

dl{
/*margin-top:40px;*/
}

dt{
font-weight: bold; 
margin: 15px 0 0 0;
}

dd{
margin: 5px 0 30px;
}

.loginlabel{
float:left;
width:100px;
padding-bottom:5px;
}

.loginfield{
float:left;
width:150px;
padding-bottom:5px;
}

h2{
font-size:135%;
color:#000;
margin:0px;
padding:20px 0px 8px 0px;
}

form{
padding:0px;
margin:0px;
}

.clearfloats {
clear:both;
font-size:0px;
height:0px;
}

.grid {
margin-top:10px;
width:100%;
}

.grid tr.header {
background-color:#CCD9E2;
}

.grid th {
padding:5px;
color:#003F70;
font-weight:normal;
text-align:left;
border-bottom:1px solid #ABD4DA;
vertical-align:top;
font-weight:bold;
}

.grid td {
padding:5px;
/*color:#555555;*/
border-bottom:1px solid #ABD4DA;
/*vertical-align:top;*/
}

.grid td.label {
font-weight:bold;
padding-right:20px;
white-space:nowrap;
line-height:20px;
width:100px;
}

.grid td.field {
vertical-align:top;
}


.grid tr.footer td {
border-bottom:0px;
}

.grid .input, .grid .errorinput {
background-color:#F8F8F8;
border:1px solid #ABD4DA;
font-family:tahoma, arial, sans-serif;
font-size:12px;
color:#555555;
width:200px;
padding:2px;
}

.grid .errorinput {
background-color:#FCD7D7;
}

.row {
background-color:#EDF5F7;
}

.rowon {
background-color:#E1EFF3;
}

div.error {
font-size:10px;
font-weight:bold;
color:#E51937;
padding:9px 10px 10px 25px;
background-image:url(/images/error.gif);
background-repeat:no-repeat;
background-position:5px 7px;
border:1px dotted #888888;
background-color:#FCD7D7;
margin:10px 0px 10px 0px;
}

div.info {
color:#3C5893;
font-weight:bold;
line-height:20px;
padding:5px 10px 5px 25px;
background-image:url(/images/info.gif);
background-repeat:no-repeat;
background-position:5px 7px;
border:1px solid #B8CDE6;
background-color:#E3EAF3;
margin:10px 0px 10px 0px;
}


a.button:link, a.button:visited, a.button:active, a.button:hover {
color:#fff;
font-size:13px;
padding:2px 0px 0px 0px;
display:block;
width:65px;
text-align:center;
font-weight:bold;
margin-top:10px;
background-color:#1274BF;
cursor:pointer;
text-decoration:none;
}

a.buttonmedium:link, a.buttonmedium:visited, a.buttonmedium:active, a.buttonmedium:hover {
color:#fff;
font-size:13px;
padding:2px 0px 0px 0px;
display:block;
width:85px;
text-align:center;
font-weight:bold;
margin-top:10px;
background-color:#1274BF;
cursor:pointer;
text-decoration:none;
}

a.buttonwide:link, a.buttonwide:visited, a.buttonwide:active, a.buttonwide:hover {
color:#fff;
font-size:13px;
padding:2px 0px 0px 0px;
display:block;
width:115px;
text-align:center;
font-weight:bold;
margin-top:10px;
background-color:#1274BF;
cursor:pointer;
text-decoration:none;
}

#rightnav_login {
background-color:#D50769;
width:121px;
height:121px;
float:left;
text-align:center;
color:#fff;
font-size:20px;
}

#rightnav_login a {
color:#fff;
font-size:20px;
}

#rightnav_home {
background-color:#0C8B76;
width:121px;
height:121px;
float:left;
text-align:center;
color:#fff;
font-size:20px;
}

#rightnav_home a {
color:#fff;
font-size:20px;
}

a.heading:link, a.heading:visited, a.heading:active, a.heading:hover {
color:#fff;
text-decoration:none;
display:block;
font-size:180%;
margin-top:0px;
padding:0px 30px;
height:28px;
line-height:40px;
}

h1.cufon {
font-size:19px;
color:#fff;
margin:0px;
padding:0px 0px 15px 0px;
}

h1.cufonbigger {
font-size:140%;
color:#fff;
margin:0px;
padding:20px 0px 15px 0px;
}

.colourimagewrap {
float:left;
}

.colourimage {
text-align:center;
}

.colourdescription {
text-align:center;
}

.extrasmall {
float:left;
width:79px;
margin-top:10px;
cursor:pointer;
}

.infobox {
width:686px;
height:124px;
background-image:url(/images/infoboxbg.gif);
}

.infoboxinner {
padding:15px 0px 0px 57px;
color:#000;
font-size:14px;
}

.topspacing {
padding-top:5px;
}

.smallh3 {
padding:5px 0px 0px 0px; 
margin:0px; 
font-size:16px;
}