/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}

#container{
	position:relative;
	font-family:'trebuchet ms',arial,sans-serif;
	font-size:12px;
	color:#000000;
	min-height:100%;
}

* html #container{height:100%;}

h1 {font-size:150%; display:inline; text-transform:lowercase; color:#53BEED;font-weight: 800;}
h2 {font-size:130%; display:inline; color:#0083C7;font-weight:700;}
/*links*/
a:link, a:visited {color:#666666; text-decoration:none; font-size:12px; color:#336699;font-weight:bold;}
a:hover {color:#990000; text-decoration:underline;}


.testsig{
	font: 400 1em 'trebuchet ms',arial,sans-serif;
	text-align:left;
	color:#0083C7;	
	margin-top: 10px;
	padding: 0px;
	text-decoration : bold; 
}

.blockquote {
	display: block;
	width: 100%;
	margin: 10px 0 20px 10px;
	padding: 5px;
	font-style: italic;
	}

.errortext{color:#FF0033;}
.bigred{color:#FF0033;
		font-size:18px;
}

.biggreen{color:#009543;
		font-size:18px;
}

#header {
    margin-top:0px;
    margin-left:0px;
	width:901px;
	height:181px;
	background-image:url(http://www.ribbonworks.co.uk/_images/topbg3.gif);
	background-repeat:no-repeat;
} 


#navbar_main {
	position:relative;
	top: 147px;
    left: 22px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size:11px; 
} 

#search {
		position:absolute;
		top:140px;
		left:670px;
}

#slideShow {
	position:absolute;
    top:200px;
	left:750px;	
	margin-top:0px;
    margin-left:5px;
    height:500px;
	width:198px;
	border: none;
}

#minicart {
	position:relative;
    top:1px;
	left:2px;	
	margin-top:0px;
    margin-left:5px;
	margin-bottom:40px;
	
    height:100px;
	width:180px;
	border: none;
}

#slideShow img, #slideShow a img {
	border: 0px none #FFFFFF;
	align:top;
	}

#halfway {
	margin-left:20px;
	float: left; 
	align: left;
}
#halfway2 {
	margin-left:20px;
	float: right; 
	align: left;
}


#content_calendar {
	position:relative;
	left:30px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size:12px; 
	text-align:justify;
	min-height:500px; 
	height:auto;
  	height:500px;
}

#content_admin {
	position:relative;
	left:200px;
	width:900px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size:12px; 
	text-align:justify;
	min-height:500px; 
	height:auto;
  	height:500px;
}

#content_1 {
	position:relative;
    left:200px;
	width:550px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size:12px;
	padding-bottom: 40px; 
	text-align:justify;
	min-height:500px; 
	height:auto;
	height:500px;
}

#footer {
	width: 100%;
	background-image:url(http://www.ribbonworks.co.uk/_images/footer.jpg);
	background-repeat:no-repeat;
	height: 68px;
	padding-right:100px;
}

#tracking{
position:absolute;
          margin-top:0px;
          margin-left:5px;
          top:50px;
          left:700px;
          height:400px;
         width:200px;
          border: none;
          vertical-align:top;
}

/* for bleeding IE \*/
/** html #content_1{height:50px}*/
/* for bleeding IE  */

table {
	font: 'trebuchet ms',arial,sans-serif;
	font-size:12px;
	color:#000000;
}

table caption {
  margin-top: 1px;
  padding: 0 0 0.5em 3px;
  text-align: left;  
  letter-spacing: -1px;
}

table th,
table td {
 /* text-align: left;*/
  vertical-align: top;
  padding: 4px 7px;
  padding: 6px 10px;
}


thead th {
  border-top: 2px solid #CCC;
  border-bottom: 1px solid #CCC;
}


tbody td {
  border-bottom: 1px solid #0083C7;
}

tbody tr:hover {
  background-color: #A7D9F4;
}

.plain tbody td {
	border-bottom: 0px;
	align:right;
}

.plain tbody tr:hover {
  background-color: #FFFFFF;
}

.plain table th,
.plain table td {
  vertical-align: top;
  padding: 0px 0px;
}


.basket tbody td {
	border-bottom: 0px;
	align:right;
}

.basket tbody tr:hover {
  background-color: #FFFFFF;
}

.basket table th,
.basket table td {
 text-align: right;
  vertical-align: top;
  padding: 0px 0px;
}


a.nav_main:link {
  margin-left:0px;
  color: #0083C7; 
  text-decoration : none; 
  font-weight: 600; 
  font-size:14px; 
  background: transparent;
  }
a.nav_main:visited {
  color: #0083C7;  
  text-decoration : none;
  font-weight: 600; 
  font-size:14px; 
  background: transparent;
  }
a.nav_main:hover { 
  color: #A7D9F4; 
  text-decoration : none; 
  font-weight: 600; 
  font-size:14px; 
  background: transparent;
  }

.sitemap1 {text-indent : 14%;}
.sitemap2 {text-indent : 21%;}
.sitemap3 {text-indent : 28%;}
.sitemap4 {text-indent : 35%;}
.sitemap5 {text-indent : 42%;}

#rightboxes {
	position:absolute;
  	margin-left:10px;
	padding-top:15px;
	width: 180px;
    margin-botton:10px;
	top:170px;
    vertical-align:top;
}

#rightboxes ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#rightboxes li {
  border-bottom: 1px solid #FFFFFF;
}

#rightboxes li a:link, #rightboxes li a:visited  {
  font-size: 17px;
  display: block;
  padding: 0.2em 0 0.2em 0.5em;
  border-left: 12px solid #A7D9F4;
  border-right: 1px solid #A7D9F4;
  background-color: #0083C7;
  color: #FFFFFF;
  text-decoration: none;
text-transform:lowercase;
  font-weight: 700; 
}

#rightboxes li a:hover {
  background-color: #A7D9F4;
  color: #FFFFFF;
}

* html #rightboxes li a {
  width: 100%;
}

#rightboxes ul ul {
  margin-left: 12px;
}

#rightboxes ul ul li {
  border-bottom: 1px solid  #FFFFFF;
  margin-left:12px;
}

#rightboxes ul ul li a:link, #rightboxes ul ul li a:visited {
  background-color: #A7D9F4;
  color: #FFFFFF;
	  border-left: 12px solid #0083C7;
 /* border-right: 1px solid #0083C7; */
}

#rightboxes ul ul li a:hover {
  background-color:#0083C7;
  color: #FFFFFF;
}


div#trackingStatus{
	text-align: center;
	font-weight: 700;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	width: 250px;
}
form {
  padding: 3px 6px 3px 6px;
}
form div {
  margin-bottom: 1em;
}
input.txt{
  color: #086A9D;
  background-color: #A9DBF4;
  border: 1px inset #086A9D;
  width: 150px;
}

input.btn {
  color: #086A9D;
  background-color: #A9DBF4;
  border: 1px outset #086A9D;
  padding: 2px 4px 2px 4px;
  align:right;
}

.maintext_red {font-size:12px; color:#FF0033;}
.maintext_orange {font-size:12px; color:#FF8000;}
.maintext_green {font-size:12px; color:#33CC33;}
.maintext_purple {font-size:12px; color:#6633CC;}
.error {font-size:15px; color:#FF0033;}


