/* CSS Document */
/*-----------------------------------testindex-------------------------------------------------*/

/*#wrapper{float:left; width:100%; height:100%;}*/
#outerring{ width:877px; margin:0 auto; }
#footer{float:left; width:100%; border:solid #666666 thin; background:#999999;}
#topbit{float:left; width:875px; height:91px;  }
#header{float:left; width:712px; height:91px;}
#mailhead{float:left;  width:160px; height:91px; }
#menu{float:left; width:870px; height:29px;  } 
#offers{float:left; width:870px; height:112px; background:url(myimages/silk_header3.gif);   }
.offers1{clear:left; width:770px; height:75px; padding-top:10px; padding-left:90px; padding-right:10px; padding-bottom:15px; background-color:#FFFFFF;  }
#mainbody{float:left; width:870px;   height:100%; background-color:#FFFFFF;  }
#des{float:left; width:640px; padding-left:75px; padding-right:100px; padding-bottom:60px;}
#yourcanvas{float:left; width:425px; background-color:#FFFFFF;   margin-right:4px; background:url(myimages/userbuild2.jpg) no-repeat;}
#ourdeal{float:left; width:425px;  background-color:#FFFFFF; background:url(myimages/ourdeal2.jpg) no-repeat;}
.addons{float:left; width:550px; margin-left:170px; margin-top:20px; background:url(myimages/addonring.gif) no-repeat;}
#Layer5 {
	position:absolute;
	width:128px;
	height:130px;
	z-index:5;
	left: 28px;
	top: 125px;
	outline: #FF0000
}
#Layer6 {
	position:absolute;
	width:97px;
	height:96px;
	z-index:1;
	left: 16px;
	top: -2px;
	outline: #FF0000;
}
#Layer65{
position:absolute;
	width:97px;
	height:96px;
	z-index:6;
	left: 24px;
	top: 0px;
	outline: #FF0000;
}

#Layer8 {
	position:absolute;
	width:139px;
	height:131px;
	z-index:6;
	left: 245px;
	top: 125px;
}
#Layer9 {
	position:absolute;
	width:83px;
	height:93px;
	z-index:1;
	left: 26px;
	top: -5px;
}
#Layer10 {
	position:absolute;
	width:138px;
	height:115px;
	z-index:7;
	left: 428px;
	top: 124px;
}
#Layer11 {
	position:absolute;
	width:86px;
	height:90px;
	z-index:1;
	left: 20px;
	top: 1px;
}

#Layer12 {
	position:absolute;
	width:156px;
	height:115px;
	z-index:8;
	left: 399px;
	top: 326px;
}
/*-------------------------p, links, tables, colours etc-----------------------------------------*/
table.footer1 {font-size:12px; color:#FFFFFF;}
.style1 {color: #666666}
a:link {border:none;
	text-decoration: none;
}
a:visited {border:none;
	text-decoration: none;
}
a:hover {border:none;
	text-decoration: none;
}
a:active {border:none;
	text-decoration: none;
}

/*------------------------------------------menu----------------------------------------------*/
ul.menu{margin:0px;padding:0px;list-style:none;width:840px; height:28px;float:left;background: url(myimages/menu_but.jpg) repeat-x;}
ul.menu li {float:left;height:28px;}
ul.menu a{display:block; line-height:1.5em; text-decoration:none; width:840px; font-size:16px; font:Arial, Helvetica, sans-serif;color: #FFFFFF; outline:0;}
ul.menu a:hover{ color:#FFFF00;}
/*------------------------------------briefing form---------------------------------------------*/
#leftside{float:left; height:100%; width:150px; border:#999999 thin dotted;}
#content{float:left; width:870px; height:100%; }
.desig{float:left; width:870px; height:100%; padding-top:10px; }
ul.errors{width:600px; height:100px; padding-left:30px; background:none; list-style: square;  }
ul.errors li{float:left; width:600px; color: #FF0000;}
#form{float:left; width:600px; height:900px; border:#999999 thin dotted;}
/*-------------------------------------design-------------------------------------------------*/
ul.market{width:200px;  list-style: inside; background:none;}
ul.market li{  width:200px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#333333; }
p.icon{font-size:18px; font-family: monotype corsiva; color:#333333;}
.webuild{ padding-left:50px; padding-right:150px; padding-right:50px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#333333;}
a.design:link{text-decoration:underline; color: #0066CC}
a.design:hover{color:#660033; text-decoration:underline}
a.design:visited{text-decoration:underline; color:#006633;}
a.design:active{text-decoration:underline; color:#006633;}
a.piclink:active{ border:none; color: #FFFFFF}

a.footer{border:none; color:#FFFFFF; text-decoration:none}
a.footer:visited{border:none; color:#FFFFFF; text-decoration:none}
a.footer:hover{border:none; color:#FFFFFF; text-decoration:none;font-size:14px;}

a.index{border:none; color:#FFFF00; text-decoration:none}
a.index:visited{border:none; color:#FFFF00; text-decoration:none}
a.index:hover{border:none; color:#FFFF00; text-decoration:none;}