/* ------------------------------------------------------- 
Container elements   	                                    
------------------------------------------------------- */

#pagecontainer {height:100%; top:0px; position:relative; width:960px;}
#logo {position:relative; top:0px; left:0px; width:334px; height:104px; margin-left:196px;}
#tel {position:absolute; top:35px; left:762px; width:196px; height:40px;}
#back {position:absolute; top:104px; left:0px; width:197px;}
#innercopy {position:relative; top:0px; left:0px; margin-left:197px; font-size:1.1em;}

#free {position:relative; top:0px; left:20px; margin-top:25px;}

/* ------------------------------------------------------- 
Page container elements   	                                    
------------------------------------------------------- */

#colmid {background-image:url(../images/content_back.jpg); background-position:left top; background-repeat:repeat-x;}
#pagemid {width:566px;}
#midcol {width:1px;}
#colright {background-image:url(../images/boys/tool_boys.jpg); background-position:left top; background-repeat:no-repeat;}
#pageright {width:196px;}

#pageborder {padding:15px;}

#standardcopy {position:relative; top:0px; left:0px; padding-left:5px;}
	
/* ------------------------------------------------------- 
    toolbar                                 
------------------------------------------------------- */

#toolbar {position:relative; top:0px; left:0px; width:176px; margin-left:10px; margin-top:13px;}
#toolbar ul {list-style-image:none; list-style-type:none; margin:0px; padding:0px; text-align:left; text-indent:0px;}
#toolbar li {margin-bottom:6px;}
* html #toolbar ul {margin-left:-10px; padding-left:10px;}

/* ------------------------------------------------------- 
   Level 2 naviagtion
------------------------------------------------------- */

#level2 {width:176px; font-size:0.90em;}
#level2 ul{background-color:transparent; margin:0px; padding:0px;}
#level2 li{display:block; width:176px;}
#level2 a{color:#ffffff; font-weight:bold; display:block; padding-top:5px; padding-bottom:5px; padding-left:13px; text-decoration:none; }
#level2 a:hover{color: #ffffff; background-color:#527799;}
#menu2 a{color:#ffffff; background-color:#527799;}
#menu2 a:hover{color: #ffffff; background-color:#527799;}

/* ------------------------------------------------------- 
 basket / search
------------------------------------------------------- */

.dotdiv {position:relative; top:0px; left:0px; width:176px; height:1px; margin-left:20px;}
#basketbox {position:relative; top:0px; left:0px; width:176px; height:95px; margin-left:20px;}
#baskettitle {position:absolute; top:10px; left:0px;}
#basketdata {position:absolute; top:27px; left:0px; color:#ffffff; font-weight:bold;}
#basketgo {position:absolute; top:57px; left:0px;}
#searchbox {position:relative; top:0px; left:0px; width:176px; height:95px; margin-left:20px;}
#searchtitle {position:absolute; top:10px; left:0px;}
#searchinput {position:absolute; top:27px; left:0px;}
#searchbutton {position:absolute; top:57px; left:0px;}
.gobutton {background-color:Transparent; padding-left:0px;}

/* ------------------------------------------------------- 
related links
------------------------------------------------------- */

#related {width:425px; padding-left:0px;}
#related ul {list-style-image:none; list-style-type:none; margin-left:2px; text-align:left; padding:0px; margin-top:0px; margin-bottom:10px;}
#related li {padding-bottom: 5px;}
#related li a {background-image: url(../images/link_icon.gif); background-position:left top; background-repeat:no-repeat; bottom:5px; color:#366086; padding-left:15px; padding-right:5px; text-decoration:none;}
#related li a:hover {background-color:#c7d2fc; color:#366086;}

/*------------------------------------------------------- 
 footer                                
------------------------------------------------------- */

#footertext {position:relative; margin-left:197px; top:0px; left:0px; margin-top:15px; height:200px; font-size:1.1em;}

#footerintro {position:relative; margin-left:15px; top:0px; left:0px; font-family:Arial, Verdana, Helvetica, sans-serif;}

#logobox {position:relative; top:0px; left:0px; height:90px; border-bottom:solid 1px #bebebe;}
#dior {position:absolute; left:15px; top:45px;}
#levis {position:absolute; left:103px; top:45px;}
#fcuk {position:absolute; left:182px; top:38px;}
#tedbaker {position:absolute; left:269px; top:48px;}
#bensherman {position:absolute; left:400px; top:44px;}
#moschino {position:absolute; left:514px; top:48px;}


#tlinks {position:relative; left:15px; top:20px; font-family:Arial, Verdana, Helvetica, sans-serif;}
#tlinks ul {list-style-image:none; list-style-type:none; margin:0px; padding:0px; text-align:left; text-indent:0px;}
#tlinks li {display:inline; padding-right:15px;}
#tlinks li a {color:#a7a7a7; text-decoration:none; font-weight:bold;}
#tlinks li a:hover {color:#a7a7a7; text-decoration:underline;}
* html #tlinks ul {margin-left:-10px; padding-left:10px;}


#hbr {position:relative; margin-left:726px; top:0px;}

#copyright {position:relative; left:15px; top:0px; color:#a7a7a7; font-size:0.9em;}
#copyright a {color:#a7a7a7; text-decoration:none; font-weight:bold;}
#copyright a:hover {color:#a7a7a7; font-weight:bold; text-decoration:underline;}


/*------------------------------------------------------- 
 misc                             
------------------------------------------------------- */



.smalltext 
{
    font-size: 0.9em;
}

.link 
{
	background-image: url(../images/link_icon.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 15px;
	text-decoration: none;
	color: #387701;
}

#bpad {margin-bottom:80px;}


/* ------------------------------------------------------- 
  banner                              
------------------------------------------------------- */

#banner {position:relative; top:0px; left:0px; width:536px; height:100px; margin-top:14px;}

/* ------------------------------------------------------- 
 Product listing                                    
------------------------------------------------------- */

#dropdown {position:relative; top:0px; left:0px;}
#downpos2 {position:absolute; top:0px; left:180px;}
#downpos3 {position:absolute; top:0px; left:360px;}

#productlist {position:relative; top:0px; left:0px; margin-top:10px;}
.productbox {position:relative; top:0px; left:0px; width:174px; height:174px; border: solid 1px #dcdcdc; background-color:#ffffff; margin-bottom:4px;}
.productbox2 {position:relative; top:0px; left:0px; width:174px; height:174px; border: solid 1px #dcdcdc; background-color:#ffffff; margin-bottom:4px; margin-left:4px;}
.productphoto {position:absolute; top:10px; left:25px; width:125px; height:125px;}
.productname {position:absolute; top:140px; left:11px; width:150px; font-weight:bold;}
.productname a {color: #003768; text-decoration:none;}
.productname a:hover {text-decoration:underline;}



#relatedbox {position: relative; top:0px; left:10px;}
#relprods {position:relative; top:0px; left:5px;}
.relbox2 {float:left; position:relative; top:0px; left:0px; width:174px; height:174px; border: solid 1px #dcdcdc; background-color:#ffffff; margin-bottom:4px; margin-right:4px;}


#pagingpos {position:relative; top:0px; left:0px; margin-left:10px; margin-top:2px;}
.pagingon {color:#8b8a8a; font-weight:bold; border: solid 1px #dcdcdc; background-color:#ffffff; margin-left:4px; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px;}
.pagingoff {font-weight:bold; border: solid 1px #dcdcdc; background-color:#ffffff; margin-left:4px; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px;}
.pagingoff a {text-decoration:none;}
.pagingoff a:hover {text-decoration:underline;}
  
/* ------------------------------------------------------- 
 breacrumb                                  
------------------------------------------------------- */

#breadcrumb {position:relative; top:0px; left:0px; width:535px; height:30px; color:#8b8a8a;}
#breadcrumb a {color:#8b8a8a; text-decoration:none;}

/* ------------------------------------------------------- 
 product detail page                            
------------------------------------------------------- */

#productback {position:absolute; top:-25px; left:490px;}

#productcrumb { position:relative; top:0px; left:0px; width:535px; margin-bottom:10px;}
#productcrumb a { color: #8b8a8a; text-decoration: none;}

#detailbox {position:relative; top:0px; left:0px; width:534px; border: solid 1px #dcdcdc; background-color:#ffffff; padding:10px;}

#detailtop {position:relative; top:0px; left:0px;}
#imagepos {position:relative; left:0px; top:0px; }

#imagebuttons {position:relative; left:10px; top:10px; }
.imagebuttonselected {color:#8b8a8a; font-weight:bold; border: solid 1px #dcdcdc; background-color:#ffffff; margin-right:4px; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px;}
.imagebutton {color:#d67890; font-weight:bold; border: solid 1px #dcdcdc; background-color:#ffffff; margin-right:4px; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px;}
.imagebuttonnext {color:#d67890; font-weight:bold; border: solid 1px #dcdcdc; background-color:#ffffff; margin-right:4px; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px;}

#rightcol {position:absolute; top: 0px; left:360px; width: 143px; }
#rspace {position:relative; top:0px; left:0px; height:24px;}
#colours {position:relative; top:0px; left: 0px;}
#rightdiv2 {position: relative; top:0px; left: 0px; height:1px; padding-top:11px;}

#productdownpos {position:relative; top:0px; left:0px; height:100px;}

#droptitle1 {position:absolute; top:10px; left:0px;  }
#droptitle2 {position:absolute; top:50px; left:0px; color:#b6bbbd; font-size:0.9em; font-weight:600;}
#drop1 {position: absolute; top:25px; left:0px;  }
#drop2 {position: absolute; top:65px; left:0px;  }

#codehead {position: absolute; top: 11px; left: 0px; color:#b6bbbd; font-size:0.9em; font-weight:600;}
#codetext { position: relative; top: 3px; left: 0px;}
#colourhead {position: absolute; top: 11px; left: 0px; color:#b6bbbd; font-size:0.9em; font-weight:600;}
#colourtext { position: absolute; top: 25px; left: 0px;}

#rightdiv1 { position:relative; top:0px; left:0px; height:1px;}
#avail { position: relative; top: 0px; left: 0px; height: 44px; }
#availhead { position: absolute; top: 11px; left: 0px; color:#b6bbbd; font-size:0.9em; font-weight:600;}
#availtext { position: absolute; top: 25px; left: 0px;}

#addtobasket { position: relative; top:5px; left:0px;}

#optionbox { position: relative; top:0px; left:0px; width:471px; height: 61px;}


#sizeguide { position: absolute; top:2px; left:0px;}
#emailfriend { position: absolute; top:2px; left:172px;}

#details {position: relative; top:10px; left:10px; margin-top:18px; }


#specs { position: relative; top:0px; left:0px; height: 94px;}
#designer { position: absolute; top:0px; left:0px; width:155px;}
#materials { position: absolute; top:0px; left:158px; width:155px;}
#dims { position: absolute; top:0px; left:316px; width:155px;}
#catcode { position: absolute; top:38px; left:0px;}

#productprice { font-size: 1.8em; font-weight: bold; }
#productdesc { position: relative; top:0px; left:0px; margin-top: 17px; margin-bottom: 28px;width:460px;}

#icon {position: absolute; top:19px; left:419px;}


#colourswatches {position:relative; left:0px; top:2px; width:120px;}


#pagetitle {position:relative; top:0px; left:0px; height:43px;}
#titlepos {position:relative; top:0px; left:0px;}

.checkbox {border:0px; margin:0px; padding:0px; background-color:Transparent; }
.checkbox input {border:0px; margin:0px; padding:0px; background-color:Transparent; }

#copybox {position:relative; top:0px; left:0px; margin-bottom:40px;}
#leftcopy {width:290px;}
#rightcopy {width:290px;}

.lightpink { color:#e3aeb8; }

.sale {color:#ca0f36;}

/* ------------------------------------------------------- 
 faqs
------------------------------------------------------- */

#faqs {width: 350px;}
#faqs ul{margin-bottom:5px; padding:0px; margin-left:20px;}
#faqs li{padding-bottom:5px;}
#faqs li a{color: #194994; padding-left:0px; padding-right:0px; text-decoration:none;}
#faqs li a:hover{color: #194994; text-decoration:underline;}


.dropdown {font-weight:bold;}
