#maincontainer {
	width:606px;
	padding-top:100px;
	margin:0 auto;
	height:auto;
	font-weight:bold;
	font-size:20px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

a, img {
	border:0 none;
	text-decoration:none;
	outline:none;
}

.tol { text-indent:-5000px; }

body {
	text-align: left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(/SiteImages/mainbg.jpg) repeat fixed #fff !important;;
	margin:0px;
	overflow-y:scroll;
}

#Master {
	width: 990px;
	padding 0;
	margin: 0 auto;
	position: relative;
}

/* TWDC Branding */
#twdclogoouter {
	width:100px;
	height:32px;
	position:fixed;
	bottom:10px;
	right:10px;
	font-size:9px;
	color:#fff;
}
#twdcstrapline { bottom:0; line-height:10px; position:absolute; right:0; }

#twdclogo {
	background:url(http://www.thewebdevelopmentcompany.co.uk/CoLogo/twdclogobranding.png) no-repeat;
	width:40px;
	height:34px;
	position:absolute; 
	left:0;	
}
#twdclogoouter a, #twdclogoouter a:hover, #twdclogoouter a:visited {
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#twdclogo a {
	width:40px;
	height:40px;
	float:left;
}

.colwidth220, .colwidth330, .colwidth495, .colwidth770, .colwidth660, .colwidth200, .colwidth590, .colwidth990 {
	width:220px;
	height:auto;
	min-height:20px;
	float:left;
}
.colwidth330 {	width:330px;}
.colwidth495 {	width:495px;}	
.colwidth770 {	width:770px;}
.colwidth660 {	width:660px;}
.colwidth200 {	width:200px;}
.colwidth590 {	width:590px;}
.colwidth990 {	width:990px;}

.emphasis { font-size:25px; }

#GoogleMapDiv {
    background-color: #CCC;
    height: auto;
    margin: 20px 0 0 20px;
    position: relative;
    width: 750px;
	box-shadow:0 0 2px #555;
}
#mapdisplay {
    height: 340px;
    width: 750px;
    position: relative;
    overflow: hidden;
}
#dirsheader, #unresolved {
    background-color: #FF9933;
    color: #333;
    height: 22px;
    padding: 5px;
    width: 740px;
	border-top: 1px solid #BB6622;
}
#unresolved { display:none; mpadding:0; }
#go {
    float: right;
    height: 22px;
    width: 35px;
}

#go a {
    background-image: url("../SiteImages/gobutton.png");
    float: left;
    height: 22px;
    width: 35px;
}
#go a:hover { background-position:0 -22px; }

.adp-step, .adp-substep {
    border-top: 1px dotted #666;
	text-shadow: 1px 1px 2px #ddd;
}

.adp-directions { width:740px; }

.adp-placemark {
    background: #FFFFFF;
	border:0 none;
    box-shadow: 0 0 2px #333333;
    color: #333333;
    cursor: pointer;
    font-weight: bold;
    margin: 10px 0;
    vertical-align: middle;
}
.indent { text-indent:-4000px; }

#shoe {background-image:url(/SiteImages/blcornerimgflat2.png); position:fixed; left:0; top:0; width:243px; height:1100px;}

.prodpreview {
	width:750px;
	margin-left:2px;
	height:185px;
	background:url(../CMS/GalleryImages/mainsprite.png) -11px -805px no-repeat;
	position:relative;
	display:block;
}

.previewname { font-size:22px;
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px 2px #555;
	position:absolute;
	top:20px;
	left:180px;
	height:30px;
	width:564px;
}

.previewdesc { 
	font-size:18px;
	color:#333;
	position:absolute;
	top:50px;
	width:530px;
	height:125px;
	left:180px;
	padding-right:33px;
}

.previewpriceticket {
	width:155px;
	height:75px;
	background:url(../CMS/GalleryImages/mainsprite.png) -240px -400px no-repeat;
	position:absolute;
	left:10px;
	top:134px;
	z-index:100;
}
.previewprice {
	width:155px;
	height:20px;
	font-size:18px;
	text-shadow:1px 1px 2px #aaa;
	color:#333;
	position:absolute;
	left:0;
	text-align:center;
	top:24px;
	z-index:101;
}

.previewimage {
	position:absolute;
	width:120px;
	height:120px;
	left:30px;
	top:30px;
}

#buttonbar ul, #buttonbar ul li, #buttonbar ul ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
}

#buttonbar li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	cursor: pointer;
	width: 126px;
	float: left;
	display:block;
}
.toplevelleaf a, .toplevelparent a {
	color:#fff;
	padding:9px 0px 0px 0px;
	text-shadow:1px 1px 3px #222;
	font-weight:bold;
	margin-top:5px;
	font-size:18px;
	width:125px;
	height:36px;
	float:left;
	text-decoration:none;
}
.toplevelleaf a:hover, .toplevelparent a:hover { 
	text-decoration:underline;
}

.toplevelleaf { background:url(../CMS/CMSImages/CMSV3/menuBackground.png) 0 0; }
.toplevelparent { background:url(../CMS/CMSImages/CMSV3/menuBackground.png) -125px 0; }


.level2leaf a {
	background:none;
}

#buttonbar { text-align:center; height:106px; width:770px; margin-left:10px;}

#buttonbar ul ul li a {
	width:auto;
	white-space:nowrap;
	min-width:121px;
	font-weight:normal;
	margin-top:0;
	height:32px;
	padding-top:8px;
}

#buttonbar ul {
	 position: relative;
	 z-index: 8;
	 float: left;
}

#buttonbar ul li {
	 float: left;
	 height:106px;
	 zoom: 1;
}

#buttonbar ul li.hover, #buttonbar ul li:hover {
	position: relative;
	z-index: 990;
	cursor: default;
}
	
#buttonbar li.level2parent {}	
#buttonbar li.level2parent:hover {}
#buttonbar li.level2parent {}	
#buttonbar li.level2parent:hover {}

#buttonbar ul li.hover a, #buttonbar ul li:hover a, #buttonbar li.level3leaf:hover a, #buttonbar li.level2leaf:hover a {
	color:#fff;
}
	
#buttonbar ul ul {
	visibility: hidden;
    box-shadow: 1px 1px 8px #555;
	border-radius:10px;
	border:2px solid #fff;
	position: absolute;
	top: 78px;
	left: 0;
	z-index: 989;
	width: auto;
	text-align:left;
	opacity:0.95;
	filter:alpha(opacity=95);
}

#buttonbar ul ul li {
 	float: none;
	width:auto;
	border-bottom:1px solid #aeae62;
	border-top:1px solid #ededdc;
	margin-left:5px;
	margin-right:5px;
	height:40px;
	white-space:nowrap;
}
#buttonbar ul ul li:last-child, #buttonbar ul ul ul li:last-child {
	border-top:1px solid #ededdc;
	border-bottom:0 none;
}
#buttonbar ul ul li:first-child, #buttonbar ul ul li:first-child {
	border-top:0 none;
	border-bottom:1px solid #aeae62;
}

#buttonbar ul ul ul {
	top: -3px;
	left: 100%;
}

#buttonbar ul li:hover > ul {
 	visibility: visible;
 	background:#cfcfa1;
}

.unused { display:none !important;}

#imageclip { overflow:hidden; }

.attractanim {
	position:relative;
	width:748px;
	height:258px;
	z-index:1;
	border: 0px;
	overflow:hidden;
	padding:4px;
	margin-left:12px;
}

#imgoverlay {
	width:748px;
	height:269px;
	background-image:url(/CMS/GalleryImages/rolleroverlay.png);
	z-index:101;
	position:absolute;
	left:0;
	top:0;
}

#nav {
	position:absolute;
	height:36px;
	background:url(../SiteImages/navbg.png) repeat-x;
	top:9px;
	left:7px;
	z-index:102;
}

#navball {
	position:absolute;
	height:28px;
	width:28px;
	background:url(../SiteImages/mainsprite.png) -256px -193px;
	left:4px;
	top:4px;
	z-index:10;
}
#navmove { 
	background:url(../SiteImages/navmove.png) 0 0;
	position:absolute;
	height:28px;
	width:28px;
	left:0;
	top:0;
	display:none;
	z-index:9;
}
	
#imgswrapper {
	position:relative;
	left:0;
	top:0;
	height:auto;
	overflow:hidden;
}

.rollerimg {
	position:relative;
	float:left;
	z-index:98;
}

.photobg { 
	width:360px;
	height:375px;
	background:url(../SiteImages/detailspagesprite.png) -335px 0;
	z-index:20;
	position:absolute;
	top:10px;
	left:10px;
}

.prodimage {
	width:300px;
	height:300px;
	position:absolute;
	top:48px;
	left:31px;
	z-index:30;
}

.detailsouter {
	width:770px;
	height:auto;
	position:relative;
}

.imageoverlay {
	width:320px;
	height:320px;
	background:url(../SiteImages/detailspagesprite.png) 0 0;
	position:absolute;
	top:38px;
	left:21px;
	z-index:40;
}

.shoelabel {
	position:absolute;
	top:350px;
	left:40px;
	z-index:10;
	width:180px;
	height:50px;
	background:url(../SiteImages/detailspagesprite.png) 0 0;
	text-indent:-5000px;
}

.neutral{background-position: 0 -447px;}
.supportive {background-position: -186px -392px;}
.motioncontrol{background-position: 0 -392px;}
.trail{background-position: 0 -557px;}
.spiked{background-position:-186px -501px;}
.performance{background-position: 0 -501px;}
.walking{background-position:-186px -557px;}
.xtrainer{background-position:-186px}
.barefoot{background-position:0 -612px;} 
.noshoe{ background:none;}

.littlepic {
	width:110px;
	height:125px;
	position:absolute;
	cursor:pointer;
}
.tnail {
	position:absolute;
	left:9px;
	top:15px;
	width:90px;
	height:90px;

}

.altimages { 
	width:360px;
	height:auto;
	position:absolute;
	right:0;
	top:30px;
}
.altinner {
	width:360px;
	height:auto;
	position:absolute;
}

.alttitle {
	font-weight:bold;
	font-size:14px;
	color:#333;
	text-shadow:1px 1px 2px #aaa;
}

.pictures {
	position:relative;
	height:410px;
	margin-left:10px;
}

.pricestitle {
	font-size:22px;
	color:#333;
	text-shadow:1px 1px 1px #888;
}

.sizestitle {
	font-size:12px;
	color:#333;
	margin:10px 0 5px 0;
}

.descriptiontop {
	width:701px;
	background:url(../SiteImages/detailspagesprite.png) 0 -667px;
	height:24px;
}
.descriptionmid {	
	width:681px;
	background:url(../SiteImages/descriptionboxmid.png) 0 -690px;
	height:auto;
	padding:0 10px;
	text-shadow:1px 1px 1px #888;
}
.descriptionbottom {
	width:701px;
	background:url(../SiteImages/detailspagesprite.png) 0 -714px;
	height:24px;
}
.descriptionboxouter, .sizesdivouter {
	width:701px;
	height:auto;
	margin-top:20px;
	overflow:hidden;
}

.oldprice {
	font-size:20px;
	text-decoration:line-through;
}
.newprice {
	color:#cc3300;
}

.sizeboxouter {
	height:64px;
	width:auto;
	float:left;
	margin:0 6px 10px 0;
}
.sizeboxl, .sizeboxr, .sizeboxmid {
	background:url(../SiteImages/detailspagesprite.png) -380px -390px;
	height:64px;
	width:14px;
	float:left;
}
.sizeboxr { background-position:-572px -390px; }
.sizeboxmid {
	background-position: -400px -390px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    min-width: 30px;
    padding-top: 24px;
    text-align: center;
    text-shadow: 1px 1px 2px #333333;
    width: auto;
	height:40px;
}

.productdetailboxouter { margin-left:18px; }

h1, h2, h3, h4, h5, h6 { margin:inherit; padding:inherit; font-weight:inherit; font-size:inherit}

.producttitle { font-size:27px; font-weight:bold; text-shadow:1px 1px 2px #aaa; color:#444; margin-left:12px; text-shadow:1px 1px 2px #ccc;}