html {
font-size:100%;
margin:0;
padding:0;
}

body {
font-size:12px;
background:#fff;
color:#999;
margin:0;
font-family:arial;
}

div,p,h1,h2,h3,img {
margin:0
}






body,div,p,img {
border-collapse:collapse;
padding:0;
line-height:14px;
}

img{border:0em solid transparent;}
label{display:block;}

a{
text-decoration:none;
color:#7F7F7F;
}
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}


#container{
display:none;
border:0px solid #cdcdcd;
width:1024px;
margin-left:auto;
margin-right:auto;
background:#f6f6f5;
height:702px;
position: relative;
overflow:hidden;
}
#container2{

border:0px solid #cdcdcd;
width:1024px;
margin-left:auto;
margin-right:auto;
background:#f1f1f1;
height:702px;
position: absolute;
top:0;
z-index:2000;
text-align:center;
}

.pagesP{width:500px}

#logo{
margin:auto;
margin-top:324px;
}

#menu{
position:absolute;
top:14px;
left:-224px;
width:212px;
padding-left:12px;
height:176px;
padding-top:24px;
z-index:101;
}

#menuLayer{
width:224px;
background-color:white;
height:260px;
position:absolute;
top:0px;
left:0px;
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
z-index:-10;
}

.menuMainLink{
float:left;
clear:both;
}

#menuHider{
width:224px;
height:200px;
position:absolute;
top:12px;
background-color:#fdfdfd;
left:-224px;
z-index:101;
}

.collectionLink{
margin-left:20px;
color:#7F7F7F;
cursor:pointer;
}



#menuToggle{
height:86px;
width:86px;
background: transparent url('../img/hidemenu.png') no-repeat;
position:relative;
top:0px;
left:168px;
}

#prev{
position:absolute;
top:300px;
left:-43px;
width:86px;
z-index:10;
height:86px;
display:none;
}

#prevHider{
width:1024px;
height:682px;
position:absolute;
top:0;
background:#fdfdfd;
left:-1024px;
z-index:50;
}



#showPrev{
height:86px;
width:86px;
background: transparent url('../img/prev.png') no-repeat;
position:relative;
top:-682px;
z-index:11;
}

#canvasPrev{
height:682px;
width:1024px;
background:#f6f6f5;
position:relative;
top:-300px;
left:-981px;
z-index:1
}

#next{
position:absolute;
top:300px;
right:-43px;
width:86px;
z-index:10;
height:86px;
display:none;
}

#nextHider{
width:1024px;
height:682px;
position:absolute;
top:0;
background:#fdfdfd;
right:-1024px;
z-index:50;
}


#showNext{
height:86px;
width:86px;
background: transparent url('../img/next.png') no-repeat;
position:relative;
top:-682px;;
z-index:11;
}

#canvasNext{
height:682px;
width:1024px;
background:#f6f6f5;
position:relative;
top:-300px;
right:-43px;
z-index:1
}

#basketLogo{
width:30px;
height:30px;
background: transparent url('../img/basket.png') no-repeat;
margin-top:-8px;
cursor:pointer;
}

#checkoutLogo{
width:30px;
height:30px;
background: transparent url('../img/play2.png') no-repeat;
margin-top:-8px;
cursor:pointer;
}


#content{
position:absolute;
top:33px;
left: 170px;
height:648px;

}


/* Inner content */

#collectionName, #collectionColours{
margin-left:170px;
}
#collectionName{
margin-top:26px;
margin-bottom:2px;
}

/* Product page */
#prodLgImageOuterContainer{
width:340px;
line-height:0px;
height:454px;
overflow:hidden;
}

#prodLgImageInnerContainer{
margin-top:0;
width:340px;
line-height:0px;
height:1362px;
}

#largeImg{
height:454px;
width:340px;
}

#prodThumbs{
width:106px;
line-height:0px;
}

.prodThumb{
width:106px;
height:142px;
}

#productInfo{
width:378px;
}
input, select, textarea{
background-color:#b4b4b4;
border:none;
}

#subTotalContainer{

}

#subAndBasket{
height:169px;
position:absolute;
bottom:0px;
left:0px;
z-index: 200;
}

#smallLogoDiv{
position:absolute;
bottom:44px;

}

.shopWindow{
width:224px;
}

.pressWindow{
width:160px;
}

.pressFrame{
margin-bottom:4px;
width:128px;
height:164px;
border-left:16px solid #b2b2b2;
border-right:16px solid #b2b2b2;
border-top:14px solid #b2b2b2;
border-bottom:14px solid #b2b2b2;
}



.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }


/*basket*/
.basketItemContainer{
height:142px;
width:642px;
position:relative;
}

.basketItemDetails{
width:126px;
height:142px;
}

.basketQuantities{

}

.updateBasket{
position:absolute;
top:31px;
left:430px;
}
/*end basket*/


#tabs{
width:1024px;
height:200px;
position:absolute;
top: 470px;
left: -1024px;
z-index:101;
display:none;
}

#tabLayer{
width:1024px;
background-color:white;
height:200px;
position:absolute;
top:0px;
left:0px;
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
z-index:100;

}

#photographer{
position:absolute;
left:170px;
bottom:116px;
}


#tabLayer2{
width:1024px;
height:200px;
position:absolute;
top:0px;
left:0px;
z-index:102;

}

#tabToggle{
height:86px;
width:86px;
background: transparent url('../img/tabs.png') no-repeat;
position:absolute;
bottom:28px;
right:-43px;
z-index:103
}

#controlPlayer{
width:240px;
margin-top:14px;
height:30px;

}

.controls{
width:30px;
margin-right:30px;
height:30px;
float:left;
background:red;
cursor:pointer;
overflow:hidden;
}

#rewind{
background: transparent url('../img/rewind.png') no-repeat;
}

#forward{
background: transparent url('../img/forward.png') no-repeat;
}

#stop{
background: transparent url('../img/pause.png') no-repeat;
}

#play{
background: transparent url('../img/play2.png') no-repeat 0 -30px;

}

#copyright{
width:100%;
height:20px;
background: #ffffff url('../img/copyright.png') no-repeat -2px 0;
position:absolute;
bottom:0px;
left:0px;

}

#sizeChart{
padding:42px;
background-color:#f6f6f5;
display:none;
width:500px;
height:142px;
border:1px solid #888;
position:absolute;
z-index:10;
left:50%;
top:50%;
margin-top:-100px;
margin-left:-300px;
color:black;
}

.sizeChartInner{
width:124px;
}

.sizeChartHeadP{
height:40px;
}

#closeSizeChart{
position:absolute;
bottom:10px;
right:42px;
cursor:pointer
}


.fl{float:left}
.fr{float:right;}
.clear{clear:both}
.hand{cursor:pointer;}
.black{color:#000;}
p{margin-bottom:14px}
.underline{text-decoration:underline}
.lh0{line-height:0}
.mb12{margin-bottom:12px;}
.mt14{margin-top:14px;}
.mb14{margin-bottom:14px;}
.mr14{margin-right:14px;}





/*
Stylish Select 0.4.1 - $ plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3 or newer

Dual licensed under the MIT and GPL licenses.

*/


/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList a {color: #000; text-decoration:none; display:block;}
ul.newList {margin:0; padding:0; width:40px;list-style:none; color:#000;background:#f6f6f5; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {cursor:pointer;width:30px;  height:13px;padding-top:3px; padding-left:3px; float:right; margin-right:285px; background: #f6f6f5 url(../img/select.gif) 22px 6px no-repeat;}
.newListSelected span {width:40px; display:block;}
ul.newList li a {padding:3px 8px; display: block;}
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {; overflow:hidden; height:16px; padding:0 23px 0 0;}
.hiLite {background:#eee!important; color:#000!important;}
.hiLite a {background:#f6f6f5!important; color:#000!important;}
.newListHover {background:#ccc!important; color:#000!important;}
.newListSelHover, .newListSelFocus { cursor:pointer}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}