html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img, input, fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}

html{
	background: white; 
	height: 100%; /* Required */
}

body{
	font-family: Arial, Verdana, sans-serif;
	font-size: 75%;
	color: Black;
	background: white;
	height: 100%; /* Required */
}

p{
  line-height: 1.7;
  margin: 0 0 10px 0; 
}

a{
	text-decoration: none;
	color: #660033;
}

a:hover{
	text-decoration: underline;
}

.clear{
	clear: both;
}

#wrapper{
  width: 900px;
  margin: 0px auto;
  background: url(images/sideback.gif) repeat-y;

  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

/************** HEADER SECTION **********************/
#header{
  padding: 20px 20px 20px 75px;
}

#logo{
  position: relative; top: 50px;
  float: left;
}

#header form{
  float: right;
  padding: 0 0 9px 0;
}

#primary-menu{
  float: right;
  width: auto;
  background: url(images/mainmenu-right.gif) no-repeat top right;
  padding: 0 13px 0 0;
}

#primary-menu li{
  float: left;
  list-style: none;
  width: auto;
  height: 35px;
  background-image: url('images/mainmenu-bg.gif');
  background-repeat:repeat-x;
  padding:0 6px;
}

#primary-menu .begin{
  width: 15px;
  background: url(images/mainmenu-left.gif) no-repeat top right;
}

#primary-menu li a{
  color: white;
}


/***************** SIDEBAR  ********************/
#sidebar{
  width: 220px;
  height: 100%;
  float: left;
  padding: 50px 0 0 23px;
}

#secondary-menu ul{
  width: 220px;
  float: right;
}

#secondary-menu ul li{
  list-style: none;
  background: url(images/bullet.gif) no-repeat center right;
  padding: 5px 25px 5px 0;
  text-align: right;
  position: relative; left: 10px;
  color: black;
}

#secondary-menu ul li a{
  color: black;
}

#clearance{
  padding: 50px 0 0 0;
}



/********** MAIN PART ON ALL PAGES *************/
#main{
  width: 580px;
  float: right;
  padding: 0 0 60px 0;
}

#text{
  width: 518px;
  float: right;
  text-align: left;
  padding: 5px 30px 5px 0;
}




/********** HOME PAGE ********************/
#left-column{
	width: 300px;
	float: left;
	padding: 20px 0 70px 25px;
}

#right-column{
	width: 180px;
	float: right;
	padding: 15px 0 0 0;
}

#right-column img{
	padding: 0px 0 7px 0;
}

#flash{
	width: 230px;
	height: 330px;
	border: solid 2px #660033; 
	padding: 0 50px;
}

#main #left-column h1{
	width: 320px;
	padding: 30px 0 0 0;
	color: #660033; 
}

#hometext{
	float: left;
	width: 320px;
	padding: 10px 0 0 0;
	line-height: 1.7;
}



/*************** MAIN ***********************/
/*********** all socks in one page - DIV WITH CLASS PRODUCTS-IN-RANGE  ***********/
/********** one individual sock on the sock page -  DIV WITH ID PRODUCT *********/



#product{
  padding: 0 40px 30px 30px;
  width: 525px;
  float: right;
}

#product-text {
  width: 480px;
  float: left;
  text-align: left;
  position: relative; left: 60px;
}

#product-border{
  border: solid 2px #660033;
  width: 490px;
  height: 285px;
  float: right;
  position: relative;
}

#main h1{
  font-size: 160%;
  font-weight: 500;
  color: black;
  padding: 50px 90px 10px 32px;

}

#product .price{
  float: right;
  width: 144px;
  height: 145px;
  background: url(images/front-advert-price.gif) no-repeat;
  position: relative; bottom: 50px; left: 30px;
}


#product img{
  float: left;
  width: 184px;
  height: 285px;
  position: relative; left: 30px;
}


#product .price p{
  padding: 50px 10px 0 40px;
  color: #660033;
  font-size: 13px;
  font-weight: 500;
}

#product .price p span{
  font-size: 20px;
  padding: 0 0 0 5px;
  float: right;
  width: 90px;
}

#product form{
  float: right;
  /*width: 87px;
  height: 75px;*/
  position: absolute;  right: 10px; bottom:5px;
  padding: 0;
  
 
}

/*
#product form p{
  width: 87px;
  height: 75px;
}
*/

#product form p img, .product-border form p img{
  width: 1px;
  height: 1px;
}

.form-image{margin-left:150px; margin-bottom:20px;}


/********* PRODUCT RANGES ******************/

.products-in-range{
  padding: 30px 10px 10px 10px;
  width: 255px;
  float: left;
}

.products-in-range select{width:250px;}

.products-in-range .product-border{
  border: solid 2px #660033;
  width: 245px;
  height: 165px;
  float: left;
  position: relative;
  margin-bottom:5px;
}

.basket{float:right;width: 43px;  height: 44px;  position: absolute; bottom: 20px; right: 20px;}

.products-in-range .price{
  float: right;
  width: 75px;
  height: 76px;
  background: url(images/price.gif) no-repeat;
  position: relative; bottom: 30px; left: 15px;
}


#main .products-in-range h1{
  font-size: 110%;
  font-weight: 600;
  color: black;
  padding: 0 0 5px 0;
  width: 170px;
  height: 30px;
  position: relative;
}

#main .products-in-range h1 span{
  position: absolute; bottom: 2px;
}


.products-in-range img{
  float: left;
  width: 100px;
  height: 155px;
  position: relative; left: 40px;
}

.products-in-range #currency-converter img, #product-border #currency-converter img{
  width: 159px;
  height: 25px;
  position: relative; left: 0px;
}


.products-in-range .price p span{
  position: relative; top: 25px; left: 18px;
  color: #660033;
  font-size: 13px;
  font-weight: 500;
}

.one-pixel-image{width:1px; height:1px; display:none;}

/*************** OTHER ******************/
#text ul{
	list-style-position: inside;
}

/*************** FOOTER *********************/
#footer{
  height: 34px;
  width: 900px;
  background: url(images/sideback.gif) repeat-y;

  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  clear: both;
}

#footer #footer-box{
  float: right;
  width: 600px;
  height: 34px;
  background: url(images/footerback.gif) no-repeat;
}

#footer #footer-box p{
  position: relative; top: 8px; left: 40px;
}



/************* CONTACT FORM ***************************/
#contactwrap form{
	width: 500px;
	margin: 0 0 40px 0;
	clear: left;
}

#form-left{
	width: 250px;
	float: left;
}

#form-right{
	width: 250px;
	float: right;
}

#contactwrap .formfield, #messagediv label{
	padding: 0 0 10px 0;
}

#errorwrap input, #errorwrap select, #errorwrap textarea, #contactwrap input, #contactwrap select, #contactwrap textarea{
	border: solid 1px #ddd;
	background: white;
	width: 180px;
}

#contactwrap textarea{
	width: 430px;
}

#submitdiv input{
	float: right;
	margin: 0 65px 0 0;
	width: 190px;
	height: 31px;
	border: none;
	background: url(images/send-button.gif) no-repeat;
	color: white;
}

#errormsg{
	width: 350px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	height: 60px;
}