@charset "UTF-8";
/* CSS Document */

body {
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
color:#333333;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#FFFFFF;
background-image:url(images/topbar/bgPage.png);
background-repeat:repeat-x;
height:100%;
}
#ie6Warning{
display:block;
padding-top:8px;
height:26px;
background-image:url(images/misc/bgIE6warning.png);
background-repeat:repeat-x;
text-align:center;
color:#FFF;
}



a{
color:#333333;
text-decoration:none;
}
a:hover{
color:#db4105;
}
a:active{
outline: none;
}
a:focus{
outline:none;
-moz-outline-style: none;
}

select,input,textarea{
font-family:Tahoma,sans-serif;
font-size:11px;
}

h1{
font-family:Helvetica,Arial,sans-serif;
font-size:30px;
font-weight:normal;
letter-spacing:-1px;
}
h2{
font-family:Helvetica,Arial,sans-serif;
font-size:24px;
font-weight:normal;
letter-spacing:-1px;
}
h3{
font-family:Helvetica,Arial,sans-serif;
font-size:15px;
font-weight:normal;
}

.spacer{
clear:both;
}
.right{
float:right;
}

.textSmall{
font-size:9px;
}

.textOrange{
color:#db4105;
}

.textOrangeSmall{
color:#db4105;
font-size:9px;
}

a.buttonMain{
display:block;
background-image:url(images/misc/btnMain.png);
height:25px;
color:#FFFFFF;
padding-top:10px;
width:159px;
padding-left:10px;
}
a:hover.buttonMain{
background-position:0 -35px;
}

a.buttonMainYellow{
display:block;
background-image:url(images/misc/btnMainYellow.png);
height:26px;
color:#252525;
padding-top:14px;
width:159px;
padding-left:10px;
}
a:hover.buttonMainYellow{
background-position:0 -44px;
}


a.buttonMainBack{
display:block;
background-image:url(images/misc/btnMainBack.png);
background-repeat:no-repeat;
height:25px;
color:#FFFFFF;
padding-top:10px;
padding-left:35px;
width:134px;
}
a:hover.buttonMainBack{
background-position:0 -35px;
}


a.buttonMore{
display:block;
background-image:url(images/misc/btnMore.png);
background-repeat:no-repeat;
background-color:#33332d;
padding-left:10px;
padding-top:4px;
color:#FFFFFF;
height:17px;
background-position:right;
width:113px;
}


a.nextStep{
display:block;
background-image:url(images/shop/nextStepBG.png);
height:23px;
color:#FFFFFF;
padding-top:2px;
width:95px;
padding-left:6px;
}
a:hover.nextStep{
background-position:0 -25px;
}
a.lastStep{
display:block;
background-image:url(images/shop/lastStepBG.png);
height:23px;
color:#FFFFFF;
padding-top:2px;
width:95px;
padding-right:6px;
text-align:right;
}
a:hover.lastStep{
background-position:0 -25px;
}
.pageSelect{
width:150px;
text-align:center;
margin:0px auto;
position:relative
}
.pageSelect select{
padding:3px;
border:1px solid #CCCCCC;
}



#container{
width:900px;
margin:0px auto;
}



#topBar{
height:30px;
color:#50472b;
}
#topBar .sep{
width:2px;
height:25px;
float:left;
display:block;
background-image:url(images/topbar/separator.png);
background-repeat:no-repeat;
}


#topBar .left div{

}

#topBar .right a{
color:#50472b;
text-decoration:none;
display:block;
float:left;
height:20px;
padding-left:12px;
padding-right:12px;
padding-top:5px;
}
#topBar .right a:hover{
background-image:url(images/topbar/bgTopbarHover.png);
background-repeat:repeat-x;
}


#topBar .right .basket{
background-image:url(images/topbar/basketIcon.gif);
padding-left:32px;
}

#topBar .left .flags{
float:left;
padding-top:5px;
}
#topBar .left .flags .label{
float:left;
padding-left:10px;
padding-right:10px;
}
#topBar .left .flags .flag{
float:left;
padding-right:8px;
}
#topBar .left .flags .arrowFlag{
margin-left:5px;
margin-top:2px;
}


#topBar .left .fontSize{
float:left;
padding-top:5px;
}
#topBar .left .fontSize .label{
float:left;
padding-left:10px;
padding-right:10px;
}


#topBar #basketRollover{
position:absolute;
width:250px;
border:1px solid #999999;
background-color:#FFFFFF;
right:20px;
top:25px;
display:none;
}
#topBar #basketRollover .item{
overflow:auto;
padding:4px;
border-bottom:1px solid #999999;
}
#topBar #basketRollover .image{
float:left;
padding-right:10px;
}
#topBar #basketRollover .name{
padding-top:13px;
display:block;
}
#topBar .right .basket:hover #basketRollover{
display:block;
}



#topnavHolder{
height:82px;
}
.topnavRight{
float:right;
}

#topnavFlash{
height:53px;
width:450px;
overflow:hidden;
}
#topNav{
text-align:right;
}
#topNav a{
margin-left:3px;
}






/*

#topNav a{
cursor:pointer;
font-weight:bold;
height:29px;
display:inline-block;
background:#cfcbbf url(images/topbar/bgTopnav2.png) left top no-repeat;
text-decoration:none;
padding-left:10px;
color:#333333;
}

#topNav a span{
background:url(images/topbar/bgTopnav1.png) right top no-repeat;
padding-right: 10px;
padding-top:6px;
display:inline-block;
height:23px;
}

#topNav .aOn{
font-weight:bold;
height:29px;
display:inline-block;
background:#cfcbbf url(images/topbar/bgTopnav2On.png) left top no-repeat;
text-decoration:none;
padding-left:10px;
color:#FFFFFF;
}
#topNav .aOn span{
background:url(images/topbar/bgTopnav1On.png) right top no-repeat;
padding-right: 10px;
padding-top:6px;
display:inline-block;
height:23px;
}
*/







#content{
margin-top:4px;
}

#content .leftNav{
width:174px;
float:left;
}

#content .leftNav a,#content .leftNav .item{
display:block;
padding-left:18px;
padding-right:20px;
padding-top:14px;
padding-bottom:14px;
margin-bottom:1px;
color:#FFFFFF;
text-decoration:none;
background-color:#5d5d5a;
background-image:url(images/leftnav/bgButton.png);
background-repeat:repeat-x;
text-shadow:#333333 2px 2px 0px;
}
#content .leftNav a:hover,#content .leftNav .aOn{
background-image:url(images/leftnav/bgButtonOn.png);
background-color:#ff7930;
text-shadow:#b14715 2px 2px 0px;
}

#content .leftNav a.sub{
display:block;
background-image:url(images/leftnav/bgSub.png);
background-repeat:repeat-x;
background-color:#ffffff;
padding-top:8px;
padding-bottom:8px;
margin-bottom:1px;
color:#333333;
text-shadow:none;
}
#content .leftNav a.sub:hover{
background-image:none;
background-color:#CCCCCC;
}

#content .leftNav .sub{
display:block;
background-image:url(images/leftnav/bgSub.png);
background-repeat:repeat-x;
background-color:#ffffff;
padding-top:8px;
padding-bottom:8px;
padding-left:20px;
margin-bottom:1px;
color:#333333;
text-shadow:none;
}
#content .leftNav select{
border:1px solid #CCCCCC;
padding:2px;
margin-top:10px;
width:140px;
}




#content .leftNav .orangeStripe{
background-color:#f16420;
height:8px;
font-size:1px;
margin-bottom:1px;
}


#content .leftNav .quickSearch{
padding-left:18px;
padding-top:10px;
}
#content .leftNav .quickSearch .label{
float:left;
width:45px;
padding-top:4px;
}
#content .leftNav .quickSearch select{
width:90px;
margin-left:10px;
}

#content .leftNav .btnQuickSearch{
margin-left:60px;
margin-top:12px;
}



#content .mainContent{
width:auto;
background-color:#FFFFFF;
margin-left:175px;
}


#content .mainContent .mainWindow{
background-image:url(images/homepage/mainWindow/bg.png);
background-repeat:no-repeat;
height:257px;
margin-bottom:1px;
}

#content .mainContent .mainWindow .flash{
padding-left:22px;
padding-top:10px;
}
#content .mainContent .mainWindow .text{
padding-left:25px;
font-size:11px;
line-height:12px;
margin-top:-10px;
}





#content .mainContent .homeMainButtons{

}

/*
#content .mainContent .homeMainButtons a{
display:block;
float:left;
background-image:url(images/homepage/bars/bgGrey.png);
background-repeat:repeat-x;
background-color:#70706c;
text-align:center;
text-decoration:none;
text-shadow:#333333 2px 2px 0px;
color:#FFFFFF;
padding-top:9px;
padding-bottom:9px;
margin-right:1px;
}
#content .mainContent .homeMainButtons a:hover,#content .mainContent .homeMainButtons .aOn{
display:block;
float:left;
color:#FFFFFF;
background-image:url(images/homepage/bars/bgOrange.png);
background-repeat:repeat-x;
background-color:#ff7930;
text-align:center;
text-decoration:none;
text-shadow:#b14715 2px 2px 0px;
padding-top:9px;
padding-bottom:9px;
margin-right:1px;
}
*/

#content .mainContent .homeMainButtons .item{
color:#FFFFFF;
}
#content .mainContent .homeMainButtons .item a{
display:block;
background-image:url(images/homepage/bars/bgGrey.png);
background-repeat:repeat-x;
background-color:#70706c;
padding-top:9px;
padding-bottom:9px;
color:#FFFFFF;
text-align:center;
text-decoration:none;
text-shadow:#333333 2px 2px 0px;
border-right:1px solid #FFFFFF;
}
#content .mainContent .homeMainButtons .item a:hover,#content .mainContent .homeMainButtons .item .aOn,#content .mainContent .homeMainButtons .aOn{
background-image:url(images/homepage/bars/bgOrange.png);
background-repeat:repeat-x;
background-color:#ff7930;
padding-top:9px;
padding-bottom:9px;
color:#FFFFFF;
text-align:center;
text-decoration:none;
text-shadow:#b14715 2px 2px 0px;
border-right:1px solid #FFFFFF;
}


.contentShadowWhite{
clear:right;
background-image:url(images/contentShadowWhite.png);
background-repeat:no-repeat;
background-color:#FFFFFF;
background-position:top left;
min-height:100px;
}


#content .mainContent ol.home123{
padding-top:5px;
}

#content .mainContent ol.home123 li{
padding-bottom:10px;
}

#content .mainContent ul.homeIncludes{
padding-top:5px;
list-style-image:url(images/misc/tickSmallGreen.png);
list-style-type:circle;
}

#content .mainContent ul.homeIncludes li{
padding-bottom:3px;
}




#content .mainContent .icons{
background-image:url(images/homepage/icons/bg.png);
background-repeat:repeat-x;
}

#content .mainContent .titleBar{
height:33px;
background-image:url(images/shop/bgTitleBarGrey.png);
background-repeat:repeat-x;
background-color:#333333;
color:#FFFFFF;
padding-left:20px;
padding-top:8px;
}
#content .mainContent .titleBar select{
border:none;
padding:3px;
margin-left:4px;
}




#content .mainContent .titleBar .productName{
font-family:Helvetica,Arial,sans-serif;
font-size:20px;
font-weight:normal;
letter-spacing:-1px;
float:right;
margin-right:20px;
}


/* CSS FOR TITLEBAR with steps, eg mydetails, checkout etc*/
#content .mainContent .titleBarSteps{
height:35px;
background-image:url(images/shop/bgTitleBarGrey.png);
background-repeat:repeat-x;
background-color:#333333;
color:#FFFFFF;
padding-left:30px;
padding-top:6px;
}
#content .mainContent .titleBarSteps .stepOn{
float:left;
padding-right:40px;
}
#content .mainContent .titleBarSteps .step
{
filter:alpha(opacity=40);
opacity:0.4;
float:left;
padding-right:40px;
}







.shopProductsItem{
overflow:auto;
background-image:url(images/shop/bgProductsItem.png);
background-repeat:no-repeat;
background-color:#FFFFFF;
background-position:top left;
margin-top:1px;
padding-left:20px;
padding-top:10px;
padding-bottom:20px;
}




.shopProductHolder{
clear:right;
background-image:url(images/contentShadowWhite.png);
background-repeat:no-repeat;
background-color:#FFFFFF;
background-position:top left;
min-height:100px;
padding:30px;
}
.shopProductHolder .rightColumn{
float:right;
}


.infoBoxGrey{
width:400px;
background-image:url(images/shop/infoBoxGrey/main.png);
background-repeat:repeat-y;
background-position:bottom;
margin-bottom:20px;
}
.infoBoxGrey .title{
background-image:url(images/shop/infoBoxGrey/title.png);
background-repeat:no-repeat;
height:21px;
color:#FFFFFF;
padding-top:10px;
padding-left:20px;
padding-right:20px;
}
.infoBoxGrey .main{
padding-left:20px;
padding-right:20px;
padding-bottom:15px;
}


.infoBoxOrange{
width:180px;
background-image:url(images/shop/infoBoxOrange/main.png);
background-repeat:repeat-y;
background-position:bottom;
margin-bottom:20px;
}
.infoBoxOrange .title{
background-image:url(images/shop/infoBoxOrange/title.png);
background-repeat:no-repeat;
height:21px;
color:#FFFFFF;
padding-top:11px;
padding-left:20px;
padding-right:20px;
}
.infoBoxOrange .main{
padding-left:8px;
padding-right:8px;
padding-bottom:15px;
}
.infoBoxOrange ul{
list-style:none;
list-style-type:none;
margin:0px;
padding:0px;
}
.infoBoxOrange .moreInfo{
display:block;
float:right;
background-image:url(images/misc/sendtoaFriend/moreInfo.png);
height:26px;
width:87px;
margin-top:5px;
margin-right:7px;
}



.infoBoxOrangeBig{
width:400px;
background-image:url(images/shop/infoBoxOrange/mainWide.png);
background-repeat:repeat-y;
background-position:bottom;
margin-bottom:20px;
}
.infoBoxOrangeBig .title{
background-image:url(images/shop/infoBoxOrange/titleWide.png);
background-repeat:no-repeat;
height:21px;
color:#FFFFFF;
padding-top:11px;
padding-left:20px;
padding-right:20px;
}
.infoBoxOrangeBig .main{
padding-left:20px;
padding-right:20px;
padding-bottom:15px;
}
.infoBoxOrangeBig ul{
list-style:none;
list-style-type:none;
margin:0px;
padding:0px;
}
.infoBoxOrangeBig .main .rightPart{
float:right;
width:220px;
}



.infoBoxOrangeTop{
width:180px;
background-image:url(images/shop/infoBoxOrange/main.png);
background-repeat:repeat-y;
background-position:bottom;
margin-bottom:20px;
}
.infoBoxOrangeTop .title{
background-image:url(images/shop/infoBoxOrange/title.png);
background-repeat:no-repeat;
height:21px;
color:#FFFFFF;
padding-top:11px;
padding-left:20px;
padding-right:20px;
}
.infoBoxOrangeTop .main{
padding-left:5px;
padding-right:0px;
padding-bottom:15px;
}









.stepsOn{
background-image:url(images/shop/stepOnBG.png); 
background-repeat:no-repeat; 
height:26px; 
width:26px; 
float:left; 
font-size:15px; 
font-weight:bold; 
color:#333333; 
margin-top:3px; 
margin-right:6px; 
padding-left:7px; 
padding-top:2px;
}

.stepsOff{
background-image:url(images/shop/stepOffBG.png); 
background-repeat:no-repeat; 
height:26px; 
width:26px; 
float:left; 
font-size:15px; 
font-weight:bold; 
color:#333333; 
margin-top:3px; 
margin-right:6px; 
padding-left:7px; 
padding-top:2px;
}


a.stepNumberOn{
display:block;
background-image:url(images/shop/stepNumberBgOn.png);
background-repeat:no-repeat;
height:32px;
color:#FFFFFF;
padding-top:0px;
padding-left:0px;
width:147px;
margin-top:3px;
}

a:hover.stepNumberOn{
margin-top:-2px;
height:37px;
}

a.stepNumberOff{
display:block;
background-image:url(images/shop/stepNumberBgOn.png);
background-repeat:no-repeat;
height:31px;
color:#FFFFFF;
padding-top:0px;
padding-left:0px;
width:147px;
margin-top:3px;
border-bottom:1px solid #333333;
}

a:hover.stepNumberOff{
margin-top:-2px;
height:36px;
}

.number{
font-size:18px;
font-weight:bold;
width:25px;
padding-top:5px;
text-align:center;
color:#333333;
float:left;
}



.infoBar{
overflow:auto;
background-image:url(images/shop/bgInfoBox.png);
background-repeat:no-repeat;
margin-top:1px;
}


#toggleBar{
margin-top:1px;
display:block;
background-image:url(images/shop/bgToggleBar3.png);
background-repeat:no-repeat;
background-position:top right;
background-color:#dc4306;
color:#FFFFFF;
font-weight:bold;
text-align:center;
padding-top:9px;
padding-bottom:10px;
padding-left:30px;
}

/*
#toggleBar{
margin-top:1px;
display:block;
background-image:url(images/shop/bgToggleBar.png);
background-repeat:repeat-x;
background-color:#dc4306;
color:#FFFFFF;
padding-top:6px;
padding-bottom:6px;
padding-left:30px;
}
*/







.mainContentAbout{
font-family:Helvetica,Arial,sans-serif;
background-image:url(images/contentPages/bgMainAbout.png);
background-repeat:no-repeat;
padding:20px;
min-height:400px;
font-size:13px;
}
.mainContentAbout .copy{
width:500px;
padding-left:5px;
padding-top:15px;
}
.mainContentAbout li{
padding-bottom:8px;
}
.mainContentContact
{
font-family:Helvetica,Arial,sans-serif;
background-image:url(images/contentPages/bgMainContact.png);
background-repeat:no-repeat;
padding:20px;
min-height:400px;
font-size:13px;
}
.mainContentContact .copy{
width:500px;
padding-left:5px;
padding-top:15px;
}
.mainContentContact li{
padding-bottom:8px;
}

.mainContentSunglasses{
/*background-image:url(images/contentPages/bgMainSunglasses.png);*/
background-repeat:no-repeat;
padding:20px;
min-height:400px;
font-size:13px;
font-family:Helvetica,Arial,sans-serif;
}
.mainContentSunglasses .copy{
width:700px;
padding-left:5px;
padding-top:15px;
}
.mainContentSunglasses li{
padding-bottom:8px;
}

/*Send to a friend CSS*/
.lightboxBlack{
z-index:1001;
top:0px;
left:0px;
position:absolute;
background-color:#000000;
height:1px;
width:1px;

/*display:none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
background-color: black;
background-image:url(images/misc/sendtoaFriend/fade.png);
background-repeat:no-repeat;
background-position;
*/
}
.lightboxContent {
display:none;
cursor:pointer;
position:fixed;
top:90px;
left:30%;
width: 40%;
padding: 20px;
padding-top:40px;
background-color: white;
z-index:1002;
overflow: auto;
border:1px solid #CCCCCC;
}
.lightboxContent input{
padding:4px;
background-image:url(images/misc/sendtoaFriend/bgInput.png);
background-repeat:no-repeat;
font-family:Tahoma,sans-serif;
font-size:11px;
color:#333333;
border:1px solid #CCCCCC;
}



.lightboxContentHelp{
display:none;
cursor:pointer;
width:827px;
height:424px;
background-image:url(images/shop/lightboxImages/main.png);
background-repeat:no-repeat;
position:fixed;
padding-top:50px;
padding-left:20px;
top:100px;
left:50%;
margin-left:-413px;
z-index:1100;
}
.lightboxContentHelp .content{
overflow:auto;
height:350px;
width:750px;
padding-left:20px;
padding-right:20px;
}

/*
.lightboxContentHelp{
display:none;
position:fixed;
top:10%;
left:20%;
width:60%;
background-color: white;
z-index:1002;
overflow:hidden;
border:1px solid #CCCCCC;
}
.lightboxContentHelp .content{
padding:30px;
overflow:auto;
height:350px;
}
.lightboxContentHelp .title{
background-image:url(images/misc/sendtoaFriend/bgTitle.png);
background-repeat:repeat-x;
height:26px;
color:#FFFFFF;
}
*/

/*Send to a friend CSS*/




#footer{
background-image:url(images/footer/bgFooter.png);
background-color:#d4d0c6;
background-repeat:repeat-x;
min-height:100px;
}
#footer .container{
width:900px;
margin:0px auto;
padding-top:20px;
}
#footer .container .footerBar{
padding-left:10px;
padding-right:10px;
}
.textLightGrey{
color:#999999;
}
.textRed{
color:#CC0000;
}
.infoBoxOrangePersonalise{
width:400px;
background-image:url(images/shop/infoBoxOrange/mainWide.png);
background-repeat:repeat-y;
background-position:bottom;
margin-bottom:20px;
}
.infoBoxOrangePersonalise .title{
background-image:url(images/shop/infoBoxOrange/titleWide.png);
background-repeat:no-repeat;
height:21px;
color:#FFFFFF;
padding-top:11px;
padding-left:20px;
padding-right:20px;
}
.infoBoxOrangePersonalise .main{
padding-left:20px;
padding-right:20px;
padding-bottom:15px;
}
.infoBoxOrangePersonalise ul{
list-style:none;
list-style-type:none;
margin:0px;
padding:0px;
}
.infoBoxOrangePersonalise .rightPart{
float:right;
width:355px;
padding-top:3px;
}

#divEmail{
padding-bottom:0px;

}
#emailBox{
font-family:Helvetica,Arial,sans-serif;
width:500px;
margin-top:20px;
padding:10px;
font-size:13px;
border:1px solid #333333;
color:#FFFFFF;
}

.emailText
{
font-family:Helvetica,Arial,sans-serif;
font-size:13px;
}
dt{
cursor:pointer;
padding-bottom:10px;
font-weight:bold;
padding-left:20px;
}
dt:hover{
color:#db4105;
}
dt img{
float:right;
}
dd{
padding-bottom:20px;
font-size:13px;
display:none;
}
.showhide
{
display:none;
}
.mainContent .mainContentAbout{
background-image:url(images/contentPages/bgMainAbout.png);
background-repeat:no-repeat;
padding:20px;
min-height:400px;
}
.mainContent .mainContentAbout .copy{
width:500px;
padding-left:5px;
padding-top:15px;
}
.mainContent .mainContentAbout li{
padding-bottom:8px;
}

.sitemapUL
{
list-style-type:none;
}
.sitemapLI
{
padding-left:0px;
font-weight:bold;
}
.sitemapLISub
{
margin-left:-20px;
}
.sitemapLISubLink
{
color:#db4105;
font-weight:bold;
}


#fittingRoomInfo{
font-size:13px;
}