﻿html, body {
	height: 100%;
}
body 
{
    margin:0px;
    padding-left:0px;
    padding-top:0px;
    padding-right:0px;
    padding-bottom:0px;
    font: 12px "Arial", Arial;
    /*background-color:#fafafa;*/
    color: #454545;    
    min-width:500px;
    text-align:center;
}
form 
{
    padding:0;
    margin:0;
}
a 
{
    text-decoration:none;
    color:#565656;
}
a:hover 
{
    text-decoration:underline;
    color:#000000;
}
img 
{
    border:none 0px black;
    border-collapse:collapse;
}

#container
{
    position:relative;	
    width:980px;
    margin-left:auto;
    margin-right:auto;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#FFFFFF;
    height:auto;
    min-height:100%;/*
    border-left: solid 1px #f0f0f0;
    border-right: solid 1px #f0f0f0;*/
}
#header 
{
    position:relative;
    background-position:center center;
    text-align:left;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:5px;
   
}
#header h1
{
    float:left;
    text-align:left;
    padding-top:20px;
    
    margin:0;
    width:170px;
    
}
#eComLinks 
{
    clear:both;
    text-align:right;
    font-size:11px;
    padding-bottom:0px;
    padding-top:25px;
    text-transform:uppercase;
}
#eComLinks a
{
    margin-left:10px;
}
#leftColumn 
{
    float:left;
    text-align:left;
}
.columnBox 
{
    width:115px;
    font-size:12px;
}

#rightColumn
{
    text-align:center;
}
#main 
{
    position:relative;
    text-align:left;
    margin-left:70px;
    margin-right:70px;
}
#content 
{
 
    margin-left:170px;
}
#productContent 
{
    margin-right:165px;   
}
#productLeftColumn 
{ 
    width:105px;
    float:left;
}

#productLeftColumn h2
{ 
    font-size:16px;
    text-align:center;
}
#productLeftColumn h3
{ 
    font-size:14px;
}
#productLeftColumn img
{ 
    margin-left:1px;
    margin-right:1px;
    margin-bottom:4px;
}
#productImageColumn 
{
    float:left;
    width:310px;
}
#productMainColumn {
    float:left;
    font-size:11px;
    margin-left:10px;
    width:240px;
}
#productMainColumn h2 
{
    margin-top:0;
    margin-bottom:3px;
}
#leftColumn h2, #rightColumn h2
{
    margin-top:0;
    margin-bottom:12px;
    font-size:16px;
}
#leftColumn h3, #rightColumn h3
{
    margin-top:0;
    margin-bottom:4px;
    font-size:14px;
}
.navigation 
{
    margin:0;
    padding:0;
    text-align:center;
    font-size:14px;
    float:left;
    margin-top:78px;
    margin-left:49px;
    
}
#leftColumn ul 
{
    margin: 0 0 20px 10px;
    padding:0;
    list-style-image:none;
    list-style-type:none;
}
#leftColumn li 
{
    font-size:12px;
    margin: 0 0 2px 0;
    padding:0;
    text-indent:0;
}
#categoriesList
{
    
    font-size:12px;
}
.navigation ul
{
    border: none 0px;
    margin:0;
    padding:0;
    text-indent:0;
    list-style-type:none;
    list-style-image:none;
    height:20px;
}
.navigation li
{
    display:block;
    float:left;
    margin:0;
    padding:0;
    text-indent:0;
    text-align:right;
    margin-right:77px;
    font-weight:bold;
}
.navigation li a
{
    height:30px;
    float:left;
}
#NewsButton
{
    margin-right:0px;
}
.navigation li a span
{
    /*display:block;
    display:none;*/
 }
#CategoriesLayer ,#BrandsLayer
{
   display:none;
}

#footer
{
    position:absolute;
    bottom:0px;
    left:0;
    height:50px;
    width:940px;
    padding-top:4px;
    text-align:right;
    margin-left:20px;
    margin-right:20px;
    font-size:12px;
}
#footer p
{
    margin-top:5px;
    margin-bottom:1px;
    font-size:10px;
}

#footer ul
{
    border: none 0px;
    margin-top:1px;
    margin-bottom:1px;
    margin-left:0;
    margin-right:0;
    padding:0;
    text-indent:0;
    list-style-type:none;
    list-style-image:none;
    height:20px;
}
#footer li
{
    display:block;
    float:right;
    margin-top:2px;
    margin-bottom:2px;
    margin-left:15px;
    margin-right:0;
    padding:0;
    text-indent:0;
}
.rightButton
{
    margin-top:12px;
    margin-bottom:5px;
    display:block;
    height:29px;
    padding-top:10px;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    background-color:#CCCCCC;
   
}
.rightButton:hover
{
    color:#FFFFFF;
    background-color:#343434;
    text-decoration:none;
}
.leftButton
{
    margin-left:auto;
    margin-right:auto;
    margin-top:12px;
    margin-bottom:5px;
    display:block;
    font-size:14px;
    font-weight:bold;
    background-image:url('../images/leftColumnButton.gif');
    width:152px;
    height:29px;
    color:White;
    padding-top:10px;
    text-align:center;
    
}

.leftButton:hover
{
    background-image:url('../images/leftColumnButtonOver.gif');
    color:#f4edef;
    text-decoration:none;
}
#middleBackground 
{
    background-color:#f3edef;
}
#middleTop
{
    height:39px;
    background-image:url('../images/midColumnTop.gif');
    background-repeat:repeat-x;
    background-position: left bottom;
}
#middleTopLeft
{
    float:left;
    margin-top:29px;
    height:10px;
    width:40px;
    background-image:url('../images/midColumnTopLeft.gif');
    background-repeat:no-repeat;
}
#middleTopRight
{
    float:right;
    margin-top:29px;
    height:10px;
    width:40px;
    background-image:url('../images/midColumnTopRight.gif');
    background-repeat:no-repeat;
}
#middleLeft
{
    margin:0;
    padding:0;
    background-image:url('../images/midColumnLeftRepeat.gif');
    background-repeat:repeat-y;
    background-position:left top;
}
#middleLeftTop
{
    background-image:url('../images/midColumnLeftTop.gif');
    background-repeat:no-repeat;
    background-position:left top;
}
#middleRight
{
    background-image:url('../images/midColumnRightRepeat.gif');
    background-repeat:repeat-y;
    background-position:right top;
}
#middleRightTop
{
    background-image:url('../images/midColumnRightTop.gif');
    background-repeat:no-repeat;
    background-position:right top;
}
#middleCenter
{
    text-align:left;
    min-height:249px;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
}
#middleBottom
{
    height:10px;
    background-image:url('../images/midColumnBottom.gif');
    background-repeat:repeat-x;
    background-position: left bottom;
}
#middleBottomLeft
{
    float:left;
    height:10px;
    width:40px;
    background-image:url('../images/midColumnBottomLeft.gif');
    background-repeat:no-repeat;
}
#middleBottomRight
{
    float:right;
    height:10px;
    width:40px;
    background-image:url('../images/midColumnBottomRight.gif');
    background-repeat:no-repeat;
}
#midTop 
{
    /*margin-top:29px;*/
    
    height:39px;
    background-image:url('../images/midColumnTop.gif');
    background-repeat:repeat-x;
    background-position: left bottom;
    
    
}
#midLeft
{
    min-height:249px;
    background-color:#f3edef;
    background-image:url('../images/midColumnLeftRepeat.gif');
    background-repeat:repeat-y;
}
#midLeftTop
{
    float:left;
    min-height:249px;
    background-image:url('../images/midColumnLeftTop.gif');
    background-repeat:no-repeat;
}

#midCenter
{
    text-align:left;
    padding-right:15px;
    padding-left:5px;
}
#midRight
{
    float:left;
    min-height:249px;
    background-image:url('../images/rightColumnRightRepeat.gif');
    background-repeat:repeat-y;
    background-position:right top;
}
#midRightTop
{
    float:left;
    margin-left:10px;
    min-height:249px;
    background-image:url('../images/rightColumnRightTop.gif');
    background-repeat:no-repeat;
    background-position:right top;
}
#midBottom 
{
    clear:both;
    width:640px;
    height:10px;
    background-image:url('../images/midColumnBottom.gif');
}

.searchTextBox 
{
    width:110px;
    font: 11px "Arial";
    margin-right:5px;
    margin-top:5px;
    font-style:italic;
    color:#545454;
    background-color:#cccccc;
    border:none 0px #FFFFFF;
}
#topBar
{
    float:left;
    background-image:url('../images/topBar.gif');
    width:599px;
    height:14px;
}
#basket 
{
    text-align:left;
    font-size:11px;   
    width:155px;
}
#basket a
{
    font-size:12px;
}
#basketImage 
{
    background-image:url('../images/shoppingbag.gif');
    width:48px;
    height:45px;
    margin-right:5px;
    
}
#searchBox 
{
    text-align:left;
    height:20px;
    padding:0;
    margin:0;
    width:155px;
}
.weloveBox 
{
    float:left;
    font-size:11px;
    width:77px;
    text-align:left;
}
#searchBox 
{
    float:right;
    font-size:11px;
    width:300px;
    text-align:right;
    margin-top:2px;
    margin-bottom:2px;
}
hr 
{
    background-color:#cccccc;
    color:#cccccc;
    height:1px;
    border: none 0px #cccccc;
}
.weloveInfo 
{
    position:absolute;
    width:140px;
    margin-left:-140px;
    text-align:center;
    font: 11px "Arial";
    border:1px solid #cccccc;
    background-color:#F3EDEF;
    color:#cccccc;
    padding:8px;
    display:none;
}
.listingInfo 
{
    background-color:White;
    border: solid 2px #000000;
    margin:10px;
    padding:10px;
    font-size:12px;
    font-variant:small-caps;
    font-weight:bold;
    display:none;
}
.listingInfo h2 
{
    margin-top:0;
    margin-bottom:0;
}
.listingItems
{ 
    position:relative;
    float:left;
    
}
.shadowBox 
{
    float:left;
    position:relative;
    /*padding:10px;*/
    background-position:left top;
    background-repeat:no-repeat;
    
}
.shadowBoxInternal
{
    background-color:White;
    
}
.listingBox1,.listingBox2,.listingBox3,.listingBox4
{
    float:left;
    font-size:11px;
    width:210px;
    margin-left:0;
    margin-right:15px;
    height:100%;
}
.listingBox1
{
    clear:left;
}
.listingBox3
{
    margin-right:0px;
}

.extraImg 
{
}
.searchlistingBox1
{
    clear:left;
    float:left;
    font-size:11px;
    width:160px;
    margin-left:6px;
    margin-right:6px;
    height:100%;
    text-align:center;
}
.searchlistingBox2
{
    float:left;
    font-size:11px;
    width:160px;
    margin-left:6px;
    margin-right:6px;
    height:100%;
    text-align:center;
}
.searchlistingBox3
{
    float:left;
    font-size:11px;
    width:160px;
    margin-left:6px;
    margin-right:6px;
    height:100%;
    text-align:center;
}

.listingItemInfo 
{
    margin-top:5px;
    margin-bottom:10px;
    width:189px;
    height:62px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.searchlistingItemInfo 
{
    margin-top:5px;
    margin-bottom:10px;
    width:160px;
    height:62px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.listingItemBrand
{
    font-weight:bold;
}
.newsItemBrand
{
    font-size:14px;
    font-weight:bold;
}
.listingItemTitle
{
}
.listingItemColour
{
    margin-right:10px;
}
.listingItemPrice
{
   /* margin-left:10px;*/
}
h1 
{
    font-size:16px;
    margin-top:0;
    margin-bottom:5px;
    /*color:#c70341;*/
}
.navTop
{
    font-size:14px;
    margin-top:0;
    margin-bottom:5px;
    color:#000000;
    text-transform:uppercase;
    font-weight:normal;
    font-style:normal;
}
h1 a
{
    /*color:#c70341;*/
}
h2 
{
    font-size:13px;
    margin-top:0;
}
h3 
{
    font-size:12px;
    margin-top:0;
}
#productImagery 
{
    float:left;
    margin-left:8px;
    margin-right:6px;
}
.productPrice
{
    font-size:13px;
}
.productPriceWas 
{
    font-style:italic;
}

div.formbox 
{
     text-align:left;
}
div.formbox input[type=text], div.formbox input[type=password]{
    border:1px solid #999999;
    font: 11px "Arial";
    width:180px;
    color:#343434;
    
}
div.formbox input[type=submit],div.formbox input[type=button]
{
    font: 11px "Arial";
    font-weight:bold;
    padding:3px;
    border:1px solid #343434;
    background-color:#545454;
    color:White;
}
div.formbox input[type=submit]:hover,div.formbox input[type=button]:hover
{
    border:1px solid #000000;
    color:White;
    background-color:#343434;
}
div.formbox input[type=submit].disabled,div.formbox input[type=button].disabled div.formbox input[type=submit].disabled:hover,div.formbox input[type=button].disabled:hover
{
    border:1px solid #848484;
    color:#dadada;
    background-color:#848484;
}
div.formbox select
{
    font: 11px "Arial";
    border:1px solid #999999;
    background-color:White;
    color:#343434;
}
div.formbox select option
{
    padding:1px;
    color:#343434;
}
div.formbox label {
    display:block;
    margin-bottom:10px;
}
div.formbox .literal {
    padding-top:1px;
}

div.formbox label span em
{
    font-style:italic;
    font-size:11px;
}
div.formbox label span{
    display:block;
    float:left;
    padding-right:6px;
    padding-top:2px;
    width:170px;
    text-align:right;
    font-weight:bold;
}
div.formbox .spacer {
    margin-bottom:10px;
    margin-left:176px;

}
div.formbox .errorspacer {
    margin-bottom:10px;
    margin-left:176px;
    font-weight:bold;
    color:Black;
}

div.checkboxListBlock 
{
    margin-bottom:10px;
    display:block;
    width:200px;
    max-height:200px;
    overflow:auto;
    border:1px solid #cccccc;
    background-color:White;
}
div.checkboxListBlock input
{
    float:left;
    padding-left:6px;

}
div.checkboxListBlock br
{
    clear:left;
    height:1px;
    line-height:1px;
}
div.checkboxListBlock label
{
    display:block;
    padding:2px;
    font: 11px "Arial";
    margin:0;

}
div.checkboxListBlock h3
{
    clear:both; 
    font: 12px "Arial";
      
    margin: 5px;
}
.basketRow
{
    margin-bottom:15px;
}
.basketSeperator 
{
    display:block;
    clear:left;
}
.basketImageLink 
{
    float:left;
    display:block;
    margin-right:10px;
}
.basketInfo 
{
}
.checkoutRight 
{
    float:right;
    width:200px;
}




#imgBackground {
	position: fixed;
	z-index: 9996;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#imgBox 
{
	position: fixed;
	z-index: 9997;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.zoomBox 
{
    background-repeat:no-repeat;
    background-position:010px 25px;
    background-image:url("../images/loading.gif");
}
a {
   outline: none;
}
#imgBoxLoader
{
    position: fixed;
	z-index: 9998;
    background-repeat:no-repeat;
    background-position:010px 25px;
     
    background-image:url("../images/loading.gif");
    width:120px;
    height:40px;
    padding-left:60px;
    padding-top:32px;
    padding-bottom:15px;
    background-color:White;
    margin-left:-60px;
    left:50%;
    margin-top:40px;
    
}
#imgBoxZoom 
{
    position: fixed;
	z-index: 9998;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    overflow:hidden;
   
}
#imgBoxZoom > div
{
    overflow:hidden;
    border:solid 1px #434343;
    background-color:White; 
}
#imgBoxZoom > div > div
{
    overflow:hidden;
    border:solid 5px White;
    background-color:White; 
}
#imgBox div
{
    background-color:White;
    text-align:center;
}
#imgBox div img
{
    margin-top:20px;
    height:100%;
}
#modalBackground 
{
    background-color:#000000;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;    
    z-index:1;
    display:none;
       
}
.modalBox 
{
    
    position:absolute;
    top:0;
    min-width:100px;
    min-height:100px;
    background-color:#FFFFFF;
    z-index:10;
    display:none;
    padding:20px;
    max-height:85%;
     overflow:auto;
}
.modalBox h1
{
    clear:both;
    text-align:center;
}
.modalBox h2 
{
    color:#c70341;
    clear:both;
    text-align:center;
}
#sizesBox 
{
 margin: 10px 0 10px 0;
}

#productButtons1 
{
    background-image:url(../images/ButtonFrameBR.gif);
    background-position:bottom right;
    background-repeat:no-repeat;
    width:160px;
    margin-left:auto;
    margin-right:auto;
}
#productButtons1 input 
{
    width:104px;
}
#productButtons2 
{
    background-image:url(../images/ButtonFrameTL.gif);
    background-position:top left;
    background-repeat:no-repeat;
    padding-top:33px;
    padding-left:28px;
    padding-bottom:33px;
    padding-right:28px;
}
.selectedSize 
{
    border:solid 1px #000000;
    background-color:#343434;
    color:White;
    padding:2px;
}
.selectedSize:hover
{
    color:White;
}
.ShowAllLink 
{
    font-style:italic;
    font-size:0.9em;
}
#blogbox
{
background-color: #FFFFFF;
border:solid 2px #000000;
padding:10px;
margin:10px;
}
#blogbox .smallblogbox
{

background-color: #F4E8F0;
border: dashed 2px #000000;
padding:5px;
text-align:center;
margin:5px;
}
.caseStudyLogo 
{
    text-align: center;
}
.leftImage 
{
    float:left;
    padding-right:10px;
    padding-bottom:10px;
    margin:1px;
}
.rightImage 
{
    float:right;
    padding-left:10px;
    padding-bottom:10px;
    margin:1px;
    margin-bottom:1px;
 }
.quote
{
    margin:5px;
    padding:10px;
    font-style:italic;
}
.clear
{
    clear:both;
}
.clearl
{
    clear:left;
}
.clearr
{
    clear:right;
}
#categoriesTable 
{
    margin-top:10px;
}
#categoriesTable td 
{
    text-align:center;
    vertical-align:middle;
}
#recentlyviewed 
{
    
    float:left;
    background-color:White;
    border: solid 2px #000000;
    margin:10px;
    padding:10px;
    font-variant:small-caps;
    font-weight:bold;
}

#recentlyviewed div
{
    float:left;
    margin-right:5px;
}
#recentlyviewed h2
{
    margin:0;
}
#productTitleBox 
{
    padding:10px;
    border:dashed 2px black;
    margin-bottom:10px;
}
#productTitleBox h3
{
    margin-bottom:0;
}

.scrollydo 
{
    overflow:hidden;
    
}
.scrollydo2
{
    overflow:hidden;
    
}
.listtitle 
{
  font-size:15px;  
  text-align:left; 
  display:block;
  padding:3px;
  background-color:#000000;
  color:White;
  margin-bottom:18px;
  float:left;
}
.priceNOW 
{
    color:#FF0000;
}
h4 
{
    margin-top:0.2em;
    margin-bottom:0.2em;
}

.subGroupListing 
{
   margin-top:12px;
   margin-bottom:30px;
   font-size:14px;
   font-weight:bold;
    
}

.subGroupListing a
{
    margin-right:20px;
}
.subGroupListing a.dis
{
    color:#747474;
    text-decoration:none;
}

table.sizesTable 
{
    width:670px;
    margin-bottom:40px;
    background-color:#DEDEDE;
}
table.sizesTable td
{
    background-color:White;
}
table.sizesTable tr.header
{
    font-weight:bold;
    line-height:1.4em;
}

div.form250
{
    overflow: auto;

}
div.form250 input
{
    width:220px;
}
div.form250 input[type=checkbox]
{
    width:auto;
}

div.form250 p.buttons
{
     margin-left:250px;
 
}
div.form250 p.buttons input
{
    width:auto;
}
div.form250 p
{
    clear:both;
    line-height:30px;
}
div.form250 span
{
    display:block;
    float:left;
    width:250px;
    position:relative;
}
div.form250 span.retype
{
    
     font-style:italic;
}
div.form250 span.optional
{
    display:inline;
     font-size:0.8em;
     font-style:italic;
     float:none;
     width:auto;
     position:absolute;
     right:10px;
    
}
