/*********************************************************  GENERAL AND SHARED */
div {
	position:relative;	
	float:left;
}
p {
	FONT-FAMILY: Verdana, Arial;
}
span {
	position:relative;	
	float:left;
}

div#mainpagecontents {
	width:612px;
	margin:0;
	padding:0;
}
#borderedmainpage {
	width:612px;
	margin:0;
	padding:0;
}
#borderedstretchypage {
	width:612px;
	margin:0;
	padding:0;
}
input{
  	border: 1px solid #666666;
  	color:#666666;
  	font-size:0.9em;
}

textarea{
  	border: 1px solid #666666;
  	color:#666666;
  	FONT-FAMILY: Verdana, Arial;
  	font-size:0.9em;
}
select{
  	border: 1px solid #666666;
  	color:#666666;
  	font-size:0.9em;
}



p.centredtitle {
	font-weight:bold;
	width:100%;
	text-align:center;
}


IMG{
	Border: none;
}
#holderspan {
	float:left;
}

#stretchedpagebuffer {
	float:left;
	height:468px;
	width:0px;
}
#standardtitle14blue {
	float:left;
	width:96%;
	margin:2% 0 2% 0;
	text-align:center;
	font-weight:bold;
}
#standardsubtitle10blue{
	float:left;
	width:560px;
	MARGIN-LEFT:10px;
	MARGIN-BOTTOM:0px;
	MARGIN-TOP:5px;
	text-align:center;
	padding:0;	
}
td#rightaligntd{
	text-align:right;
}
td#rightalignnowraptd{
	text-align:right;
	white-space:nowrap;
}
td#leftaligntd{
	text-align:left;
}
td.centeraligntd{
	text-align:right;
}
#popuptext {
	margin-top:2px;
	margin-bottom:3px;
}
#popuptext a{
}

#usermessage {
	float:right;
	width:90%;
	margin-top:10px;
	margin-right:10px;
	COLOR: #808080;
	text-align:left;
	
}
#usermessagemiddle {
	float:left;
	width:570px;
	margin-left:20px;
	text-align:center;
}








body.main
{
background-color: #FFFFFF;
text-align:center;
margin: 0 0 0 0;
}
/*div#outerDiv
{
margin: 0px auto 0px auto;
border: 1px dotted gray;*/
}
span
{
/*border: 1px dotted red;*/
}

td{
	padding-left: 2px;
	border: solid 2px #FFFFFF;
	text-align:center;
	vertical-align:top;
	font-size:0.7em;
	COLOR: #666666;
}


#outerDiv
{
	position:relative;	
	float:none;
	height:1000px;
		width: 700px;
	/*height: 590px;*/
	background: #FFFFFF;
	/*background: yellow;*/
	FONT-FAMILY: Verdana, Arial;
	COLOR: #666666;
	FONT-SIZE: 0.7em;
	text-align:left;
	vertical-align: top; 
	
	margin: 0px auto 0px auto; /* Content Centering */
}

a
{
COLOR: #666666;
text-decoration:none;
}
a.uu
{
text-decoration:underline;
}
a.standout {
	color:#3B3939;
	text-decoration:underline;
}





/********************************************************* NAVIGATION 1*/

#header
{
	width:100%;
	display:inline;
	margin:3px 0 3px 0;
	background: url(images/fade.jpg) repeat-x left top;
	border:0px dotted red;
}

#oxtoncotton  {
	float:left;
}
#oxtoncotton  img{
	float:none;
	border-right:3px solid white;
}
#contact  {
	float:left;
	MARGIN-LEFT:5px;
	margin-bottom:0px;
}
#telephone  img{
	float:left;
}
#basket  {
	float:left;
	height:40px;
	MARGIN: 0 0 0 5;
	padding: 0 5 0 5;
	border: solid #666666 1px;
	text-align:center;
	COLOR: #666666;
}
#basket  span{
	float:left;
	
	text-align:center;
	padding-top:3px;
}
#oxtoncotton a {
	
}


#headerLinks a {
}
#headerLinks img {
	position: relative;
	top: 0px;
}
#headerLinks {
	float:left;
	text-align:left;
	margin-left:10px;	
	
}
#headerLinks input{
	width:80px;
}

/********************************************************* NAVIGATION 2*/


#topnav {
	float:left;
	width:700px;
}

#topnav ul {
margin:0 0 3px 0;
padding: 0;
background-color: #BDD4FE;
float: left;
width: 100%;
}

#topnav ul li { display: inline; }

#topnav ul li a
{
padding: 0.2em 1em;
background-color: #BDD4FE;
font-family: Verdana, Arial;
text-decoration: none;
float: left;
border-right: 1px solid #FFFFFF;
}

#topnav ul li a:hover
{
background-color: #999999;
color: #E8E8E8;
}


/********************************************************* FOOTER*/
#spwebdesign {
	float:left;
	width:700px;
	margin-top:30px;
	text-align:center;
}
#spwebdesign a{
}

#leftfooter {
	float:left;
	margin-left:90px;
}
#rightfooter {
	float:right;
}
#footer a{
}
#footer {
	width:700px;
	float:left;
	font-size:0.8em;
}


/************************** LEFT LIST *****************************8*/

#leftcontents {
	float:left;
	width: 85px;
	margin-right: 3px;
}
#leftpic
{
float:left;
}
#leftlist
{
float:left;
width: 100%;
height: 180px;
background: #F9F9F9;
MARGIN-bottom:3px;

}

#leftlist ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#leftlist li
{
border-bottom: 1px solid #F9F9F9;
margin: 0;
}

#leftlist li a
{
display: block;
padding: 3px 0 3px 0;
text-decoration: none;

}

html>body #leftlist li a { width: auto; }

#leftlist li a:hover
{
background-color: #999999;
color: #E8E8E8;
}
#leftlist img
{
vertical-align:bottom;
}