* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body {
    background: #fff url(../images/bg.gif) repeat-x;
    font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    color: #333;
}

a {
    text-decoration: none;
    color: #0033CC;
}
a:hover {
    text-decoration: underline;
    color: #3399ff;
}

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

#header {
    height: 80px;
}

h1 { 
    font-size: 28px;
    letter-spacing: -1px;
    padding: 23px 0 0 20px;
}

h3 {
    font-size: 16px;
    color: #333;
    letter-spacing: -1px;
    font-weight: 100;
}

h4 {
    font-size: 13px;
    color: #333;
    
    
}


#header h1 a { 
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 100;
    letter-spacing: -2px;
}

#header h1 a:hover {
    color: #fff;
}

#header h2 {
    font-size: 18px;
    color: #fff;
    padding: 5px 0 0 20px;
    letter-spacing: -1px;
    font-weight: 100;
}	
	
#header h3 {
    font-size: 16px;
    color: #fff;
    padding: 3px 0 0 20px;
    letter-spacing: -1px;
    font-weight: 100;
	
	
	
	
}

#menu {
    height: 70px;
    line-height: 70px;
    background: #fff url(../images/menu1.gif) no-repeat;
}

#menu ul {
    list-style-type: none;
    padding-left: 200px;
}

#menu ul li {
    display: block;
    float: left;
}

#menu ul li a {
    padding: 0 20px 0 0;
    text-decoration: none;
    font-weight: 100;
    font-size: 14px;
}

#menu ul li a:hover {
    color: #3399F;
    text-decoration: none;
}


#content {
    background: #fff url(../images/content1.gif) repeat-y;
    padding: 0 20px 20px 20px;
}

.right {
    float: right;
    width: 680px;
    text-align: justify;
}

.right1 {
    float: left;
    width: 800px;
    text-align: justify;
}


.right h2 {
    font-size: 20px;
    font-weight: 100;
    padding: 15px 0 7px 0;
}

.right h2 {
    font-size: 18px;
    font-weight: 100;
    padding: 15px 0 7px 0;
}

.right h2 a {
    text-decoration: none;
}

.right h2 a:hover {
    color: #3399ff;
}

.right h3 {
    font-size: 18px;
    font-weight: 100;
    padding: 15px 0 7px 0;
}

.right ul h4 {
    font-size: 14px;
    font-weight: 100;
    padding: 0px 0 7px 0;
}


.right ul {
    padding: 10px 0 15px 20px;
    list-style-type: circle;
}

.right ol {
    padding: 10px 0 15px 20px;
}
.right p {
    margin-top: 10px;
}

.left {
    float: left;
    width: 160px;
    padding-top: 10px;
}

.left h2 {
    margin: 10px 0 0 0;
    padding-left: 10px;
    height: 24px;
    line-height: 24px;
    background: #333;
    color: #fff;
    font-size: 13px;
}

.left h3 {
    margin: 5px 0 0 0;
    padding-left: 15px;
    height: 17px;
    line-height: 13px;
    background: #C0C0C0;
    font-size: 16px;
}

.left h6 {
    margin: 5px 0 0 0;
    padding-left: 15px;
    height: 17px;
    line-height: 13px;
    background: #FF0000;
    font-size: 16px;
}

.left h7 {
    margin: 5px 0 0 0;
    padding-left: 15px;
    height: 17px;
    line-height: 13px;
    background: #00FFFF;
    font-size: 16px;
}

.left h8 {
    margin: 5px 0 0 0;
    padding-left: 15px;
    height: 17px;
    line-height: 13px;
    background: #FFFF00;
    font-size: 16px;
}


.left ul {
    padding: 10px 0 15px 10px;
    list-style-type: none;
}

.left ul li a {
    color: #0033CC;
    text-decoration: none;
    font-weight: 100;
}

.left ul li a:hover {
    color: #3399ff;
}

#bottom {
    background: #fff url(../images/bottom1.gif) no-repeat;
    padding: 10px 0;
}

#footer {
    text-align: center;
    font-size: 11px;
}

#footer ul {
    list-style-type: none;
    padding-left: 40px;
}

#footer ul li {
    display: block;
    float: left;
    border-right: 1px;
}

#footer ul li a {
    padding: 0 20px 0 0;
    text-decoration: none;
    font-weight: 100;
    font-size: 14px;
}

#footer ul li a:hover {
    color: #3399FF;
    text-decoration: none;
}

.photo {
    border: 1px solid #ccc;
    padding: 3px;
    margin-top: 10px;
    margin-left: 15px;
    float: left;	
}

.photo1 {
    border: 1px solid #ccc;<a href="../left-nav.html">left-nav.html</a>
    padding: 3px;
    margin-top: 10px;
    margin-left: 0px;
    float: left;	
}

.photo2 {
    border: 1px solid #ccc;
    padding: 3px;
    margin-top: 10px;
    margin-left: 0px;
    float: middle;	
}
.photo3 {
    border: 1px solid #ccc;
    padding: 0px;
    margin-top: 10px;
    margin-left: 5px;
    float: left;	
}

.photo4 {
    border: 1px solid #ccc;
    padding: 0px;
    margin-top: 0px;
    margin-left: 0px;
    float: left;	
}

.photo5 {
    border: 1px solid #ccc;
    padding: 3px;
    margin-top: 0px;
    margin-left: 15px;
    float: left;	
}

.nonPhotoContainer {
    clear: both;
}

.icon {
    border: 0;
    
}

#importantList {
	
	font-weight: bold; 
	}

ol li {
	margin-bottom: 10px;
}

.listTitle {
	
}

.nestedList li{
	margin-bottom: 0;
}



#news-list li {
    margin-bottom: 5px;
}

product-image
{
    border: 1px solid #ccc;
    padding: 3px;
    margin-top: 10px;
    margin-left: 0px;
    float: middle;	
	}


	
	
OPTION.blank{background-color:#333;}	
OPTION.white{background-color:#333; color:white}
OPTION.red{background-color:#333; color:red}
OPTION.black{background-color:white; color:black}
OPTION.gold{background-color:#333; color:yellow}
OPTION.navy-blue{background-color:#333; color:#151B8D}
OPTION.royal-blue{background-color:#333; color:#2B60DE}
OPTION.green{background-color:#333; color:green}
OPTION.brown{background-color:#333; color:#804000}
OPTION.pink{background-color:#333; color:pink}
  
    
  



  
 OPTION.arial{font:Arial;
	background-color: #FF0000}

 OPTION.script{font:"script"}
 OPTION.comic-sans{font:comic-sans}
 OPTION.times-new-roman{font:times-new-roman}
 OPTION.hobostd{font:hobostd}
 OPTION.garamondprmrpro{font:garamondprmrpro}
 OPTION.verdana{font:verdana}
 
 
 div.wrapper { 
width: 600px; 
position: center; 
clear: both; 
} 

div.left1 { 
width: 200px; 
position: relative;
float: left; 
} 

div.center1 { 
width: 200px;
position: relative; 
float: centre; 
} 

div.right1 { 
width: 200px;
position: relative; 
float: right; 
} 

.rightx {
    float: left;
    width: 865px;
    text-align: justify;
	left:0px;
    top:100px;
    border-style:margin;
	border-right-width:1px;
    border-left-width:1px;
	margin: 100;
	padding-left:-200px;
	padding-right:-50px;

	

}

.rightx h2 {
    font-size: 18px;
    font-weight: 100;
    padding: 15px 0 7px 0;
}

.leftpic {
    float: left;
    width: 250px;
    padding-top: 0px;

}
 
 .centerpic {
    float: center;
    width: 600px;
    padding-top: -20px;

}
.rightpic {
    float: center;
    width: 100px;
    padding-top: 10px;

}

div.background { 
background-image: url(../images/photos/index-background/large/Sock-assortment3.jpg);
background-repeat: no-repeat;
height: 310px;
} 

div.background-wedding { 
background-image: url(../images/store-categories/personalise-socks-wedding.jpg);
background-repeat: no-repeat;
height: 85px;
} 

div.background-labour{ 
background-image: url(../images/store-categories/labour-header.jpg);
background-repeat: no-repeat;
height: 85px;
} 

#container { 
height: 100%; 
padding: 5px; 
} 

.rightx1 {
    float: center;
    width: 750px;
    text-align: justify;
	left:200px;
    top:500px;
    border-style:margin;
	border-right-width:1px;
    border-left-width:1px;
	margin: 100;
	padding-left:100px;
	padding-right:-50px;

	

}