/* CSS Document */

* { margin:0px; padding:0px
}

@media print {
    #horzNavBackground ,#baseNav ,.stockists ,.stockists_world,#UKmap , #worldmap,#imgTop {display:none}
    }

body {
    margin:0px 0px 20px 0px;
    background:#000000}
body, td {
    color:#737373
}
body, input, select, textarea {
    font:small "Lucida Grande",Arial,Helvetica,Verdana,sans-serif}

h1 {
    font-size:medium;
    font-weight:bold;
    color:#999999;
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 0px
}

h2 {
    font-size:small;
    font-weight:bold;
    color:#999999;
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 0px
}

p {
    font-size:small;
    /*color:#535353;*/
	color:#737373;
	
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 0px
}

p.price {
    font-size:medium;
    font-weight:bold;
    color:#999999;
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 0px
}

p.price span {
    font-size:small;
    color:#737373
}

p.type {
    background:url(../images/general/square_bullet.gif) no-repeat left;
	font-size:smaller;
    color:#737373;
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 9px
}

#wrapper {
    text-align:center
}

#container {
    /*border:1px solid #000fff;*/
    width:593px;
    background:#000000;margin:0px auto;
    text-align:left
}

#header {
    border-bottom:1px solid #151515;
    /*padding: 26px 0px 13px 0px;*/
}
img.headerLogo {
	float:left;
	
}
img.headerStrap {
	float:right;
	padding-top:57px;	

}

#horzNavBackground {
    height:42px;
    margin:0px 0px 0px 0px;
    padding:2px 0px 2px 0px;
}

ol#horzNav {
    /*border:1px solid #00ffff;*/
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px
}

ol#horzNav li {
    /*border:1px solid #00ff00;*/
    margin:0px 1px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style:none;display:inline;
    font-size:0px
}

ol#horzNav li.last {
    /*border:1px solid #00ff00;*/
    margin:0px 0px 0px 0px
}

#content {
    /*border:1px solid #00ff00;*/
    margin:0px 0px 0px 0px;
    padding:30px 0px 20px 0px
}

#column1 {
    /*border:1px solid #00ffff;*/
    float:left;
    width:298px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px
}

#column2 {
    /*border:1px solid #0ff000;*/
    float:right;
    width:274px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px
}
#column2.optionsAndVariations {
	text-align:right;
}


#column1Collections {
    /*border:1px solid #00ffff;*/
    float:left;
    width:298px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border-right:1px solid #151515
}

#column1General {
    /*border:1px solid #00ffff;*/
    float:left;
    width:278px;
    margin:0px 0px 0px 0px;
    padding:0px 20px 0px 0px;
    border-right:1px solid #151515
}

.generalLink {
    color:#83d0bc;
    text-decoration:none;
    font-weight:bold
}

.generalLink:hover {
    color:#ffffff
}

img.left {
    float:left
}

img.right {
    float:right
}

img.underMargin {
    margin:0px 0px 20px 0px
}

img.border {
    border:5px solid #212121
}

/*.next {
    float:right;
    margin:0px 20px 0px 0px
}*/

div.horzLine {
    height:1px;
	background-image:url(../images/tiles/line_pixel.gif);
	background-position:top left;
	background-repeat:repeat-x;
	margin:0px 0px 20px 0px;
	font-size:0px;
}

a.thumbnail, a.thumbnailOn {
    float:left;
	
    /*margin:0px 20px 20px 0px;*/
	/*margin:0px 23px 23px 0px;*/
	margin:23px 23px 0 0;
    padding:0px 0px 0px 0px;
    border:5px solid #212121;	
	
	width:69px; height:69px;	
	color:#737373
}

a.thumbnail:hover, a.thumbnailOn:hover, a.thumbnailOn {
    border:5px solid #B3B3B3
}

#footer {
    border-top:1px solid #151515;
    margin:0px 0px 0px 0px;
    padding:10px 0px 0px 0px;
    font-size:90%;
	line-height:1.5em;
   
 /*   color:#333333; 	*/

	color:#737373;color:#444444;
}

#footer span, span.contact ,.message {
    font-weight:bold;
    color:#82d0bc;
}

.footerLink, .siteDesign {
    /*color:#444444;   
    font-weight:bold
	text-decoration:none;*/
	color:#737373;color:#444444;
	text-decoration:none;
}

.footerLink:hover ,#baseNav li a:hover {
    color:#82D0BB
}

.siteDesign:hover {
   color:#82D0BB
}

#footerLeft {
	/*border:1px solid #00ff00;*/
    float:left;
	width:40%
}

#footerRight {
	/*border:1px solid #0000ff;*/
    float:right;
	text-align:right;
	width:40%
}

#baseNav ,ul.stockists ,ul.stockists_world, ul.stockists ul,ul.stockists_world ul  ,.nav li {
    /*border:1px solid #0000ff;*/
    list-style:none}

#baseNav li {
    /*border:1px solid #000fff;*/
    display:inline;
    margin:0px 7px 0px 0px;
    padding:0px 0px 0px 0px
}

#baseNav li a {
    /*color:#444444;*/
	color:#737373;
    text-decoration:none
}
img {
    border:0px
}
.clear {
    clear:both
}
table.form {
    border-collapse:collapse;
    width:100%    
}
table.form td {
    padding:0px 0px 19px 0px;
    vertical-align:top    
}
table.form td input, table.form td textarea { width:180px }
input.submit {
    margin:20px 0 0 0
}
.stockists {padding-top:50px}
.stockists_world {padding-top:30px}
ul.stockists li ul li, ul.stockists_world li ul li {
    margin-bottom:0px    
}
ul.stockists li a, ul.stockists_world li a {
    font-size:small;
    font-weight:bold;
    color:#999999;
    text-decoration:none
}
ul.stockists li a:hover, ul.stockists_world li a:hover {
    color:#999999;
    text-decoration:none
}
#stocklistTable a {
    color:#CCCCCC;
    text-decoration:none
}
#stocklistTable a:hover {
    color:#CCCCCC;
    text-decoration:underline
}

/* IMPORTANT
   ---------
   Used to style the javascript navigation
*/
.anylinkcss{
    position:absolute;
    visibility: hidden; 
    z-index: 100;
    width: 98px
}
.anylinkcss a{
    width: 100%;
    display: block;
    border-top:1px solid #000000
}
.anylinkcss a:hover ,.anylinkcss  li {

}
li.topLevElement {
    display:inline
}
/* EOF  */
.listOfEvents {
    border: none;margin: 0px;
    padding: 0px;
    width: 100%
}
.loeImages {
	padding-right:30px;
}
strong.bold {
	color:#999999;
}
/* New collection layout-----------------------------------------------*/
body#collections #content {
   padding-top: 0px;
}
a.lastThumb, a.lastThumb { 
    margin-right:0px;  
}
#bar {
 	padding:15px 0px;
	border-top:1px solid #151515;
	border-bottom:1px solid #151515;	
}
p.name {
	font-size:medium;
    font-weight:bold;
    color:#999999;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px
}
p.desc {
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px
}
span.price {
    font-size:small;
    color:#737373
}
span.type {	
	font-size:small;
	font-style:italic;
	font-weight:normal;	
    color:#737373;      
}
img.next, img.left {
	padding-bottom:0px;
	float:none;
	margin-left:0px;
	margin:0px 0px 0px 0px;
	vertical-align:bottom;
}
#column1Collections_new {
 	margin-bottom:0px;
	padding-bottom:0px;	
}
img.next {  
    margin-right:4px;
}
img#collectionMainImage {
	height:256px; 
	width: 593px;
}
div.left {
	float:left;
}
div.right{
	float:right;
}
div.collectionHeader {
	padding:23px 0 0 0;
}
div.collectionHeader h1 { 
	margin:0 0 0 0;
}
/* collections summary ---------------------------------------*/
div#collectionSummary {
	padding:23px 0 0px 0;		
}
div#collectionSummary .left, div#collectionSummary .left {
	width:285px;
}
div#collectionSummary div.collection {
	border-top:1px solid #151515;
	padding-top:23px;
	padding-bottom:23px;
}
div#collectionSummary p {
	margin:0px;padding:0px;
}
div#collectionSummary div.first {
	border-top:0px solid #151515;
	padding-top:0px;
}
div#collectionSummary div.last {
	padding-bottom:0px;
}
div.collection h1 a {
	color:#999999;
	text-decoration:none;
}
div.collection h1 a:hover {
	color:#999999;
}
a.collection {
	padding:0px 0px 0px 0px;
    border:5px solid #212121;		
	float:left;
	color:#737373;
	margin:0 20px 0px 0;
}
a.collection:hover {
    border:5px solid #B3B3B3
}
a.collection img {
 	height:100px;		
	border:0px;
} 
/* pagination -------------------------------------------------*/
div.pagination {
	padding-top:23px;
	padding-bottom:0px;
	padding-right:4px;	
}
div.pagination .left {
	margin-top:0px;
}
div.pagination .right {
	margin-top:2px;
}
div.pagination .right a {
	color:#737373;	
	background-color:#212121;	
	margin:0px 0px;
	padding:2px 6px;
	position:relative; /* we have to use this to make the vertical padding work in ie*/
	text-decoration:none;		
}
div.pagination .right a:hover {
	color:#000000;    
	background-color:#B3B3B3;		
}
div.pagination .right strong {
	color:#000000;    
	background-color:#B3B3B3;	
	padding:2px 6px;
	position:relative;
	margin:0px 0px;
	font-weight:normal;	
}
div.pagination .left strong {
	color:#999999;    
}
div.pagination a.next {
	background-image:url(../images/general/pagination_next.gif);
	background-position:center center;
	background-repeat:no-repeat;
} 
div.pagination a.next:hover {
	background-image:url(../images/general/pagination_next_hover.gif);
	background-position:center center;
	background-repeat:no-repeat;
} 
div.pagination a.previous {
	background-image:url(../images/general/pagination_previous.gif);
	background-position:center center;
	background-repeat:no-repeat;
} 
div.pagination a.previous:hover {
	background-image:url(../images/general/pagination_previous_hover.gif);
	background-position:center center;
	background-repeat:no-repeat;
} 
div.pagination a img {
	
} 
/* Jenny Packham Collection ------------------------------*/
div.jennyPackhamCollection h1 {
	margin:0px;padding:0px;
}
div.jennyPackhamCollection p {
	text-align:center;
}
div.jennyPackhamCollection h1 img {
 	margin:0px;
    padding:0px 0px 30px 0px
}

#accessRestricted {
	position:absolute;
	top:0px;
	right:0px;	
}
#footerMid {    /*border:1px solid #00ff00;*/
	float:left;
	width:20%;
	padding-top: 4px;
}