﻿html, body {
	height: 100%;
}
body 
{
    margin:0px;
    padding:0px;
    background-color: White;
    font: 12px "Arial";
    color: #343434;    
    min-width:500px;
    
}
a 
{
    color: Black;
    text-decoration:none;
}
a:hover 
{
    color: #E9B600;
    text-decoration:underline;
}
img 
{
    border:none 0px black;
    border-collapse:collapse;
}
#container
{
    position:relative;	
	top:0px;
    min-width:840px;
    padding:0px;
    background-image:url("../images/background1.gif");
    background-position:bottom center;
    background-repeat:no-repeat;
}
#header 
{
    position:relative;
    height:70px;
    border-bottom:2px solid #E9B600;
    width:92%;
    padding-top:20px;
    margin-left:auto;
    margin-right:auto;
}
#Background
{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    padding-top:110px;
    z-index:-100;
   
}
#headerLeft
{
    height:80px;
    float:left;
    width:858px;
}
#headerRight
{
    
    position:absolute;
    top:35px;
    right:0;
    height:20px;
    width:500px;
    text-align:right;
    font-weight:bold;
}

#headerRight a
{
    font-weight:bold;
    margin-left:20px;
    color:#343434;
    text-decoration:none;
    font-size:12px;
    text-transform:uppercase;
}
#headerRight a:hover
{
    color:#E9B600;
    text-decoration:underline;
}
#leftColumn 
{
    float:left;
    width:258px;  
    padding-bottom:70px;
}
#leftColumn ul
{
    padding-left: 0px;
    list-style-type: none;
    margin:0;
}
#leftColumn li
{
    margin-bottom:3px;
}
#leftColumn h3
{
    text-transform:uppercase;
    
}
#leftColumn a
{
    font-weight:bold;
    color:Black;
    text-decoration:none;
    font-size:12px;
    text-transform:uppercase;
margin-bottom:2px;
    
}

#leftColumn li a
{
    font-weight:normal;
    font-size:11px;
    margin-bottom:3px;
}
#leftColumn a:hover
{
    color:#E9B600;
    text-decoration:underline;
}
#middleColumn 
{
    max-width:600px;
    margin-left:250px;
    margin-right:150px;
    padding-bottom:50px;
}
#rightColumn
{
    float:right;
    width:235px;
    padding-bottom:50px;
}

#main 
{
    position:relative;
    top:10px;
    width:92%;
    margin-left:auto;
    margin-right:auto;

    background-image:url("../images/bottomRight.gif");
    background-position:bottom right;
    background-repeat:no-repeat;
	overflow:auto;
}
#footerContainer 
{
    width:92%;
    margin-left:auto;
    margin-right:auto;
}
#footer
{
    position:absolute;
    bottom:0px;
    height:40px;
    width:92%;
}

#footerContent
{
    margin-top:5px;
    font-size:11px;
    text-align:center;
}

.searchTextBox 
{
    width:170px;
    margin-right:5px;
    font: 11px "Verdana";
    font-style:italic;
    color:#E9B600;
    background-color:White;
    padding:4px;
    border:solid 2px #e0e0e0;
}
.searchTextBox:focus
{
    border:solid 2px #E9B600;
}
#basket 
{
    margin-bottom:10px;
}
#searchBox 
{
    margin-bottom:10px;
}
.hotpicksBox 
{
    float:left;
    font-size:11px;
    width:65px;
}
hr 
{
    background-color:#8E8586;
    color:#8E8586;
    height:1px;
    border: none 0px #8E8586;
}
.hotpicksInfo 
{
    position:absolute;
    width:140px;
    margin-left:-140px;
    text-align:left;
    font: 11px "Arial";
    border:1px solid #8E8586;
    background-color:#F3EDEF;
    color:#8E8586;
    padding:8px;
    display:none;
}

.listingBox 
{
    float:left;
    font-size:11px;
    width:140px;
    margin-left:6px;
    margin-right:6px;
    margin-bottom:6px;
}

.listingItemInfo 
{
    height:95px;
}
.listingItemBrand
{
    font-weight:bold;
}
.listingItemTitle
{
}
.listingItemColour
{
    font-style:italic;
}
.listingItemPrice
{
}
h1 
{
    font-size:16px;
    color:Black;
}
h2 
{
    font-size:14px;
    color:Black;
}
h3 
{
    font-size:13px;
    color:Black;
}
#productImagery 
{
    float:right;
    margin-left:8px;
}
.productPrice
{
    font-size:13px;
}
.productPriceWas 
{
    font-style:italic;
}

div.formbox input[type=text], div.formbox input[type=password]{
    border:1px solid #927611;
    background-color:White;
    color:#927611;
    font: 11px "Arial";
    width:180px;
}
div.formbox input[type=text]:focus, div.formbox input[type=password]:focus
{
    border:1px solid #E9B600;
    color:Black;
}
div.formbox input[type=submit],div.formbox input[type=button]
{
    font: 11px "Arial";
    font-weight:bold;
    padding:3px;
    color:#343434;
    text-transform:uppercase;
    border:1px solid #927611;
    background-color:#FFFFFF;
}
div.formbox input[type=submit]:hover,div.formbox input[type=button]:hover,
div.formbox input[type=submit]:focus,div.formbox input[type=button]:focus
{
    border:1px solid #E9B600;
    color:Black;
}

div.formbox select
{
    font: 11px "Arial";
    border:1px solid #927611;
    background-color:#FFFFFF;
    color:Black;
    min-width:60px;
}
div.formbox select:focus
{
    border:solid 1px #E9B600;
}
div.formbox select option
{
    padding:1px;
    color:Black;
}
div.formbox label {
    display:block;
    margin-bottom:15px;
}
div.formbox .literal {
    padding-top:2px;
}

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:140px;
    text-align:right;
    font-weight:bold;
}
div.formbox .spacer {
    margin-bottom:10px;
    margin-left:146px;

}
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 #8E8586;
    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
{
    display    :block;
    height:105px;
}
.basketSeperator 
{
}
.basketImageLink 
{
    float:left;
    display:block;
    width:125px;
}
.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: absolute;
	z-index: 9997;
	left: 40;
	top: 40;
	width: 100%;
	height: 100%;
	color:#343434;
}
#imgBox a
{
    
	color:#343444;
}
#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: absolute;
	z-index: 9998;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    overflow:hidden;
   
}
#imgBoxZoom > div
{
    overflow:hidden;
    border:solid 5px #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:80%;
}

.navLeft 
{
    float:left;
    text-align:left;
    margin-left:0px;
    width:135px;
}

.navRight
{
    float:left;
    margin-left:0px;
    text-align:left;
    width:120px;
}
.navLeft, .navRight 
{
}
.navBlock 
{
    margin-bottom:12px;
}
.rightButton 
{
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
    text-transform:uppercase;
    display:block;
    margin-top:8px;
    margin-bottom:8px;
}
.rightButton:hover
{
    text-decoration:underline;
    display:block;
}
.hotpicks, .recentlyviewed 
{
}
.sizeTable 
{
    background-color:#EFEFEF;
    float:left;
    margin-right:10px;
}
.sizeTable td 
{
    min-width:50px;
    text-align:center;
}
.salePrice {
font-weight:bold;
color:Red;
}


#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;
    border:solid 1px #303030;
    z-index:10;
    display:none;
    padding:40px;
    max-height:85%;
     overflow:auto;
}
.priceNOW
{
    color:Red;
}
.listingItemLabel 
{
  font-weight:bold;   
}
/* RETURN ADDRESS LISTVIEW ADDRESSFINDER APP START
----------------------------------------------------------*/
.returnaddress
{
    border-style: solid;
    border-width: thin;
    overflow: auto;
    height: 100px;
    width: 620px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    float: left;
    text-align: left;
    margin-bottom: 10px;
}
.RtnAddressBtn
{
    float: left;
    margin-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-small;
}
.failureNotification
{
    font-size: 1.2em;
    color: Red;
}
span.selected
{
    background-color: #808080;
    color: #FFFFFF;
    text-align: left;
    float: left;
}
div.returnaddress label span.unselected1
{
  text-align: left;
    width:180px; 
    margin-top: 4px;
    margin-left: 4px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 2px;
    float: left;   
}
div.returnaddress label span.unselected2
{
    float:left;
    width:300px;
    text-align: left;
    margin-top: 4px;
    margin-left: 4px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 2px;
}
div.returnaddress label span.selected1
{
    text-align: left;
    width:180px;
    background-color: #808080;
    color: #FFFFFF;
    margin-top: 4px;
    margin-left: 4px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 2px;
}
div.returnaddress label span.selected2
{
    float:left;
    width:300px;
    text-align: left;
    background-color: #808080;
    color: #FFFFFF;
    margin-top: 4px;
    margin-left: 4px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 2px;
}
/* RETURN ADDRESS LISTVIEW ADDRESSFINDER APP END
----------------------------------------------------------*/



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;
    
}
