@charset "UTF-8";
/* CSS Document */
body{
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	line-height:0;
	font-size:0;
	color:#666666; 
	background:#b3b486 url(../images/bg.jpg) repeat-x top;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline:none;
}
.clearme{
	clear:both;
}
/* Links  */
a{
	color:#6e6e6e;   
	text-decoration:none;
}
a:hover{
	color:#333333;   
	text-decoration:none;
}
a.adleft{
	display:block;
	width:524px;
	height:154px;
	background: url(../images/ad5.jpg) 0px 0px;
	text-indent:-999999px;
	float:left;
}
a.adleft:hover{
	background: url(../images/ad5.jpg) 0px -154px;
}
a.adright{
	display:block;
	width:376px;
	height:154px;
	background: url(../images/ad7.jpg) 0px 0px;
	text-indent:-999999px;
	float:right;
}
.white{
	background-color:white;
}
a.adright:hover{
	background: url(../images/ad7.jpg) 0px -154px;
}
.footerlinks a{
	color:#9c9c9c;
}
.footerlinks a:hover{
	color:#333333;
}
a.findmore{
	padding:0px 0px 0px 13px;
	color:#6c6d51;
	background: url(../images/find_arra.png) no-repeat left;
}
a.findmore:hover{
	padding:0px 0px 0px 13px;
	color:#6c6d51;
}
a.backto{
	padding:0px 0px 0px 13px;
	color:#6c6d51;
	background: url(../images/backarra.gif) no-repeat left;
}
a.backto:hover{
	color:#6c6d51;
}
a.arra{
	padding:0px 0px 0px 13px;
	color:#6c6d51;
	background: url(../images/arra.gif) no-repeat left;
}
a.arra:hover{
	color:#6c6d51;
}
a.view{
	padding:0px 0px 0px 13px;
	color:#333333;
	background: url(../images/arra3.gif) no-repeat left;
	font-size:9px;
	line-height:10px;
}
a.view:hover{
	color:#6c6d51;
}
a.view2{
	padding:0px 0px 0px 13px;
	color:#ffffff;
	background: url(../images/view2.gif) no-repeat left;
	font-size:9px;
	line-height:10px;
}
a.view2:hover{
	color:#cccccc;
}

a.addbasket{
	color:#ffffff;
	width:245px;
	display:block;
	height:auto;
	font-size:17px;
	line-height:19px;
	padding:5px 0px 7px 10px;
	background-color:#68694e;
}
a.addbasket:hover{
	color:#cccccc;
}
#pagbottom a, #pagtop a{
	color:#333333;
	margin:0px 10px 0px 10px;
}
#pagbottom a:hover, #pagbottom a.current, #pagtop a:hover, #pagtop a.current{
	color:#cd5cc9;
}
#minibasket a{
	padding:0px 3px 0px 3px;
}
a.pink{
	color:#cd5cc9;
}
.updatewrap a{
	color:#68694e;
}
.updatewrap a:hover{
	color:#333333;
}
a.checkout{
	display:block;
	width:285px;
	padding:5px 0px 7px 10px;
	background-color:#68694e;
	color:#FFF;
	font-size:17px;
	line-height:19px;
	
}
a.checkout:hover{
	background-color:#7e7f61;
	color:#FFF;
	font-size:17px;
	line-height:19px;
	
}
a.cont{
	display:block;
	width:185px;
	padding:5px 0px 7px 10px;
	background-color:#68694e;
	color:#FFF;
	font-size:17px;
	line-height:19px;
	
}
a.cont:hover{
	background-color:#7e7f61;
	color:#FFF;
	font-size:17px;
	line-height:19px;
	
}
/* End Links  */

/* headers */
h1 a{
	display:block;
	width:224px;
	height:89px;
	background: url(../images/dainesandhathaway4.jpg) no-repeat top;
	text-indent:-999999px;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:16px;
	line-height:18px;
	font-weight:normal;
}
h2#travel{
	display:block;
	width:327px;
	height:31px;
	background: url(../images/travelbusinesssporting.png) no-repeat top;
	text-indent:-999999px;
}
h2#gifts{
	display:block;
	width:57px;
	height:23px;
	background: url(../images/gifts.png) no-repeat top;
	text-indent:-999999px;
	margin-bottom:10px;
}
h2#mens{
	display:block;
	width:72px;
	height:22px;
	background: url(../images/mens.png) no-repeat top;
	text-indent:-999999px;
	margin-bottom:10px;
}
h2#ladies{
	display:block;
	width:908px;
	height:397px;
	background: url(../images/cat1.jpg) no-repeat top;
	text-indent:-999999px;
}
h2#ladies2{
	display:block;
	width:73px;
	height:23px;
	background: url(../images/ladies.png) no-repeat top;
	text-indent:-999999px;
	margin-bottom:10px;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	font-weight:normal;
	margin-bottom:5px;
	color:#666666;
}
.catcopy h4 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	font-weight:bold;
	color:#ffffff;
}
.catcopy h4 a:hover{
	color:#cccccc;
}


h4 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	font-weight:bold;
	color:#666666;
}
h4 a:hover{
	color:#999999;
}
h5#mal{
	display:block;
	width:194px;
	height:35px;
	background: url(../images/mal.gif) no-repeat top;
	text-indent:-999999px;
}
h5#bill{
	display:block;
	width:191px;
	height:25px;
	background: url(../images/bill.gif) no-repeat top;
	text-indent:-999999px;
}
h5#other{
	display:block;
	width:186px;
	height:18px;
	background: url(../images/otherdetails.jpg) no-repeat top;
	text-indent:-999999px;
	margin-bottom:15px;
}

h5#ship{
	display:block;
	width:214px;
	height:24px;
	background: url(../images/ship.gif) no-repeat top;
	text-indent:-999999px;
}

/* End headers  */
#access{
	display:none;
}
#wrapper{
	margin:0px auto;
	width:908px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	padding:0px 26px 0px 26px;
	background-color:#FFF;
}
#header{
	width:908px;
	height:89px;
	position:relative;
	top:0px;
	left:0px;
	overflow:hidden;
}
#nav{
	width:908px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	padding:0px 0px 4px 0px;
	border-bottom:1px solid #cccccc;
	font-size:12px;
	line-height:14px;
	margin-top:20px;
	z-index:999;
}
.cart_update{
	position:absolute;
	top:20px;
	left:0px;
	width:279px;
	height:auto;
}
#ajaxtop{
	position: relative;
	top:0px;
	left:0px;
	width:279px;
	height:8px;
	background:url(../images/ajaxtop.png) no-repeat top;
	overflow:hidden;
}
#ajaxmiddle{
	position: relative;
	top:0px;
	left:0px;
	width:257px;
	height:auto;
	background:url(../images/ajaxmiddle.png) repeat-y;
	padding:0px 13px 0px 9px;
}
#ajaxcontent{
	position: relative;
	top:0px;
	left:0px;
	width:237px;
	height:auto;
	padding:10px;
	background:#848563 url(../images/ajaxcontent.jpg) repeat-x bottom;
	color:#FFF;
}
#ajaximg{
	position: relative;
	top:0px;
	left:0px;
	width:73px;
	height:68px;
	float:left;
	margin-top:10px;
}
#ajaxcopy{
	position: relative;
	top:0px;
	left:0px;
	width:150px;
	height:auto;
	float:right;
	margin-top:10px;
	text-align:left;
	padding-bottom:20px;
}
p.atitle{
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:15px;
	line-height:17px;
}
p.aquan{
	font-size:10px;
	line-height:12px;
}
p.acost{
	position:absolute;
	bottom:10px;
	left:100px;
	font-size:17px;
	line-height:19px;
	color:#bdbf8e;
}
#ajaxbottom{
	position: relative;
	top:0px;
	left:0px;
	width:279px;
	height:14px;
	background:url(../images/ajaxbottom.png) no-repeat top;
	overflow:hidden;
}
#ajaxclose{
	position:absolute;
	top:-10px;
	right:-20px;
	width:24px;
	height:24px;
	background:url(../images/close.png) no-repeat top;
}
#minibasket{
	position:absolute;
	top:114px;
	right:26px;
	width:400px;
	text-align:right;
	font-size:11px;
	line-height:13px;
	z-index:9999999999;
}
#minibasket span{
	margin-right:0px;
}
#minibasket span.cost{
	margin-right:0px;
	margin-left:3px;
}
#minibasket span.tel{
	margin-right:40px;
}

#middle{
	width:908px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	padding-top:10px;
	z-index:1;
}
#staticheader{
	width:908px;
	height:401px;
	position:relative;
	top:0px;
	left:0px;
	margin-top:0px;
}
#staticrwrap{
	width:908px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
}
#staticleft2{
	position:relative;
	top:0px;
	left:0px;
	width:444px;
	height:auto;
	font-size:13px;
	line-height:15px;
	float:left;
}
#staticright2{
	position:relative;
	top:0px;
	left:0px;
	width:444px;
	height:auto;
	font-size:13px;
	line-height:15px;
	float:right;
}
#staticleft{
	position:relative;
	top:0px;
	left:0px;
	width:520px;
	height:auto;
	font-size:13px;
	line-height:15px;
	float:left;
}
#staticleft p, #staticleft2 p, #staticright2 p{
	margin-bottom:30px;
}
#staticright{
	position:relative;
	top:0px;
	left:0px;
	width:381px;
	height:auto;
	font-size:11px;
	line-height:13px;
	float:right;
}
#staticright p{
	margin:20px 0px 20px 0px;
	padding:0px 10px 0px 10px;
}
#rightimgwrap{
	position:relative;
	top:0px;
	left:0px;
	width:361px;
	height:361px;
	padding:10px;
	background-color:#eeeee4;
}

#rightimg{
	position:relative;
	top:0px;
	left:0px;
	width:361px;
	height:361px;
}
#slider {
    width: 908px; /* important to be same as image width */
    height: 397px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 908px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage div {
    position: absolute;
    padding: 10px;
    width: 888px;
    color: #333333;
    display: none;
	min-height:49px;
	height:49px;
	background: url(../images/slider_bg.png) repeat-x top;
	font-size:11px;
	line-height:13px;
}
html>body .sliderImage div{
height: auto; /* for not-IE */
}
font.slidelink{
	position:absolute;
	top:10px;
	right:10px;
}
.sliderImage span strong {
    font-size: 14px;
}
.bottom {
	bottom: 0;
    left: 0;
}
#sliderContent ul { list-style-type: none;}
#feature{
	width:908px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	padding:10px 0px 0px 0px;
	border-top:1px solid #cccccc;
}
#footer{
	width:908px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	padding:10px 0px 10px 0px;
	border-top:1px solid #cccccc;
	margin-top:10px;
}
.footerlinks{
	width:200px;
	height:auto;
	position:relative;
	float:left;
	font-size:11px;
	line-height:13px;
}
.footerlinks2{
	width:300px;
	height:auto;
	position:relative;
	float:right;
	font-size:11px;
	line-height:13px;
	text-align:right;
	padding:0px 0px 0px 0px;
}
/* Menu css */
.menu {width:auto; height:auto; position:relative; z-index:999; }
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:344px;}
.menu li {float:left;width:auto;position:relative;background: url(../images/px.gif);}
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#666666; width:auto; height:20px;line-height:20px; padding-right:20px; text-transform:uppercase;}
.menu ul li.long a, .menu ul li.long a:visited {display:block;font-size:11px;text-decoration:none; color:#666666; width:auto; height:20px; line-height:20px; padding-right:20px;}
.menu ul ul {visibility:hidden; position:absolute;height:auto;top:20px;left:0; width:344px;background: url(../images/nav_rep2.png) repeat-y;}
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul ul a, .menu ul ul a:visited {background: url(../images/px.gif); color:#666666; height:auto; font-size:11px; line-height:13px;padding:5px 10px; width:152px; text-transform:none;}
.menu a:hover, .menu ul ul a:hover, .menu ul li.long a:hover, .menu ul li.long ul li a:hover{color:#000;background: url(../images/px.gif);}
.menu :hover > a, .menu ul ul :hover > a {color:#000;background: url(../images/px.gif);}

.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
* html .menu a, * html .menu a:visited {width:40px;}
* html .menu ul li.long a, * html .menu ul li.long a:visited {width:180px; padding-right:0px;}


.menu ul li.long ul a, .menu ul li.long ul a:visited {background: url(../images/px.gif); color:#666666; height:auto; font-size:11px; line-height:13px;padding:5px 10px; width:152px; text-transform:none;}

/* Basket Layout */
#basketwrap{
	width:888px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	margin-top:10px;
	z-index:1;
	padding:0px 10px 20px 10px;
	font-size:12px;
	line-height:14px;
}
#basketwrap.frompay{
	height:300px;
	width:888px;
	position:relative;
	top:0px;
	left:0px;
}
.frompay p{
	margin-top:20px;
}

.basketitemwrap{
	width:888px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	margin-bottom:1px;
	background-color:#f1f1e8;
}
.basketdetails{
	width:286px;
	float:left;
	position:relative;
	top:0px;
	left:0px;
	min-height:97px;
	height:97px;
	padding:40px 0px 0px 10px;
}
.basketdetails p.viewdet{
	position:absolute;
	bottom:8px;
	left:10px;
	font-size:9px;
	line-height:13px;
	

}
.basketdetails2{
	width:434px;
	float:left;
	position:relative;
	top:0px;
	left:0px;
	min-height:97px;
	height:97px;
	padding:40px 0px 0px 10px;
}
.basketdetails2 p.viewdet{
	position:absolute;
	bottom:8px;
	left:10px;
	font-size:9px;
	line-height:13px;
	

}

p.ref{
	margin-top:4px;
	font-size:10px;
	line-height:12px;
	color:#8d8f6a;
}
html>body .basketdetails{
height: auto; /* for not-IE */
}
.updatewrap{
	position:relative;
	top:0px;
	left:0px;
	width:148px;
	height:107px;
	float:left;
	color:#333333;
	text-align:center;
	padding:30px 0px 0px 0px;
	font-size:9px;
	line-height:11px;
}
.updatewrap p{
	margin-bottom:5px;
}
p.rem{
	position:absolute;
	top:50px;
	left:10px;
}
p.upd{
	position:absolute;
	top:50px;
	right:10px;
}

.updatewrap input{
	width:30px;
	border:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	text-align:center;
}
.itemcost{
	position:relative;
	top:0px;
	left:0px;
	width:147px;
	height:107px;
	float:left;
	color:#333333;
	text-align:center;
	padding:30px 0px 0px 0px;
	font-size:9px;
	line-height:11px;
	border-left:1px solid #ffffff;
	background-color:#eaebdf;
}
p.unit{
	font-size:14px;
	line-height:18px;
	color:#666666;
	font-weight:bold;
	
}
.itemtotal{
	position:relative;
	top:0px;
	left:0px;
	width:147px;
	height:107px;
	float:left;
	color:#333333;
	text-align:center;
	padding:30px 0px 0px 0px;
	font-size:9px;
	line-height:11px;
	background-color:#eaebdf;
	border-left:1px solid #ffffff;
}
#vatsaving{
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	width:296px;
	padding:0px 0px 0px 592px;
	margin-bottom:1px;
}
#subtotal{
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	width:296px;
	padding:0px 0px 0px 592px;
}
.subinner{
	position:relative;
	top:0px;
	left:0px;
	width:147px;
	height:auto;
	float:left;
	color:#666666;
	text-align:center;
	padding:20px 0px 20px 0px;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	background-color:#eaebdf;
	border-left:1px solid #ffffff;
}
.subinner2{
	position:relative;
	top:0px;
	left:0px;
	width:147px;
	height:auto;
	float:left;
	color:#393b2b;
	text-align:center;
	padding:20px 0px 20px 0px;
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	background-color:#d7d9c3;
	border-left:1px solid #ffffff;
}

#total{
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	width:740px;
	margin-left:148px;
	margin-top:1px;
	background-color:#f1f1e8;
}
#total2{
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	width:296px;
	padding:0px 0px 0px 592px;
	margin-top:1px;
}

#delivery{
	position:relative;
	top:0px;
	left:0px;
	width:424px;
	height:auto;
	float:left;
	color:#666666;
	padding:10px 10px 0px 10px;
	font-size:11px;
	line-height:13px;
}
#shipselect{
	position:absolute;
	top:25px;
	right:10px;
	width:150px;
	height:20px;
}
#shipselect select{
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	padding:1px;
}
#gocheck{
	position: relative;
	bottom:0px;
	right:0px;
	width:295px;
	height:auto;
	margin-left:593px;
	margin-top:1px;
}
#continue{
	position: relative;
	top:-31px;
	left:148px;
	width:195px;
	height:auto;
	margin-bottom:-31px;
}
.arra4{
	position:absolute;
	width:12px;
	height:25px;
	top:0px;
	left:-18px;
	background:url(../images/arra4.gif) no-repeat top;
}
#might{
	width:908px;
	height:35px;
	position:relative;
	top:0;
	left:0;
	background:url(../images/rrep.gif) repeat-x top;
	margin-bottom:10px;
}
/* Checkout bits */
#deliveryforms{
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	width:888px;
	margin:20px 0px 20px 0px;
}
#billing{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	width:400px;
	height:auto;
}
#shipping{
	position:relative;
	top:0px;
	left:0px;
	float:right;
	width:400px;
	height:auto;
}
#otherdetails{
	position:relative;
	top:0px;
	left:0px;
	float:right;
	width:400px;
	height:auto;
	margin-top:20px;
}
.field2{
	width:380px;
	height:auto;
	padding:10px 0px 15px 0px;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
}
.field3{
	width:380px;
	height:auto;
}
.field4{
	width:380px;
	height:auto;
	margin-top:10px;
}
#dinfo .field{
	width:380px;
	height:auto;
	background-color:#f1f1e8;
	padding:3px 10px 3px 10px;
	margin-top:1px;
}
#dinfo .check{
	width:400px;
	height:auto;
	padding:10px 0px 10px 0px;
}

#dinfo label{
	float:left;
	width:100px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
}
#dinfo input{
	float:left;
	width:274px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	border:1px solid #cccccc;
	padding:2px;
}
#dinfo .check input{
	float:none;
	width:15px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	border:none;
	padding:0px;
}

#dinfo select{
	float:left;
	width:280px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	border:1px solid #cccccc;
	padding:2px;
}
/* Category Layout */
#cathome {
    width: 908px; /* important to be same as image width */
    height: 397px; /* important to be same as image height */
    position: relative; /* important */
	margin-bottom:10px;
}
#catselect{
	position:absolute;
	top:40px;
	right:50px;
	width:240px;
	height:21px;
	border-bottom:1px solid #cccccc;
}
#catselect select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	border:1px solid #cccccc;
	
}
#catcopy{
	position:absolute;
	top:110px;
	right:50px;
	width:240px;
	height:auto;
	font-size:11px;
	line-height:13px;
}

#cattitle {
    width: 908px;
    height: auto;
    position: relative; 
	margin-bottom:20px;
	font-size:12px;
	line-height:14px;
	margin-top:20px;
}
#catlist{
    width: 908px; 
    height: auto; 
    position: relative; 
	margin-bottom: 20px;
}
.catwrap {
    width: 414px; 
    height: 137px; 
    position: relative;
	float:left;
	background-color:#eeeee4;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
}
.catwrap2 {
    width: 414px; 
    height: 137px; 
    position: relative;
	float:right;
	background-color:#eeeee4;
	padding:10px 10px 10px 10px;
}

.catcopy{
	width:246px;
	min-height:117px;
	height:117px;
	float:right;
	position:relative;
	background: url(../images/cat_rep.jpg) repeat-x bottom;
	font-size:11px;
	line-height:13px;
	padding:10px;
	color:#FFF;
}
.catcopy p.viewdet{
	position:absolute;
	bottom:8px;
	left:10px;
	font-size:9px;
	line-height:13px;
	color:#FFF
	

}
.catcopy p{
	margin-top:10px;
}
.listwrap {
    width: 888px; 
    height: auto; 
    position: relative;
	padding:0px 10px 0px 10px;
}
.listitemwrap {
    width: 296px; 
    height: 137px; 
    position: relative;
	float:left;
	margin-top:20px;
}
.itemimage{
	width:148px;
	height:137px;
	float:left;
	overflow:hidden;
	position:relative;
}
.itemcopy{
	width:128px;
	min-height:117px;
	height:117px;
	float:right;
	position:relative;
	background-color:#f1f1e8;
	font-size:11px;
	line-height:13px;
	text-transform:uppercase;
	padding:10px;
}
html>body .itemcopy{
height: auto; /* for not-IE */
}

.itemcopy p.bold{
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	margin-top:10px;
}
.itemcopy p.viewdet{
	position:absolute;
	bottom:8px;
	left:10px;
	font-size:9px;
	line-height:13px;
	

}
#pagbottom{
    width: 908px; 
    height: auto; 
    position: relative; 
	font-size:9px;
	line-height:11px;
	margin-bottom:10px;
	text-align:right;
}
#pagtop{
    width: 300px; 
    height: auto; 
    position: absolute; 
	top:10px;
	right:0px;
	font-size:9px;
	line-height:11px;
	margin-bottom:10px;
	text-align:right;
}
/* Details layout */
#back{
	width:908px;
	height:auto;
	position:relative;
	top:0;
	font-size:9px;
	line-height:11px;
	left:0;
	text-transform:uppercase;
}
#gallery_wrap{
	width:448px;
	height:378px;
	position:relative;
	top:0;
	font-size:0;
	line-height:0;
	left:0;
	overflow:hidden;
	padding:0px 0px 50px 0px;
	float:left;
}
#product_details_wrap{
	width:448px;
	height:auto;
	position:relative;
	top:0;
	font-size:11px;
	line-height:13px;
	left:0;
	float:right;
	z-index:1;
}
#add input{
	display:block;
	width:257px;
	height:31px;
	background:url(../images/add.jpg)  0px 0px;
}
#add input:hover{
	display:block;
	width:257px;
	height:31px;
	background:url(../images/add.jpg) 0px -31px;
}
	
#prodtitle {
	position:relative;
	top:0px;
	left:0px;
	width:255px;
	height:auto;
	z-index:ß1;
}

#ref {
	position:relative;
	top:0px;
	left:0px;
	padding:0px 0px 0px 0px;
	color:#8d8f6a;
	font-size:10px;
	line-height:12px;
	margin-bottom:5px;
	width:255px;
	height:auto;
}
#cost {
	position:relative;
	top:0px;
	left:0px;
	width:255px;
	height:auto;
	padding:7px 0px 7px 0px;
	color:#333333;
	font-size:17px;
	line-height:19px;
	margin-bottom:10px;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
}
#quantity{
	position:absolute;
	top:7px;
	right:0px;
	width:50px;
	height:auto;
	font-size:12px;
	line-height:20px;
	text-align:right;
	padding-right:50px;
}
#quantity label{
	margin-top:3px;
}
#quantity select{
	width:40px;
	height:auto;
	border:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:2px 0px 2px 0px;
	text-align:center;
	position:absolute;
	top:0px;
	right:0px;
}
#arra2{
	position:absolute;
	bottom:-34px;
	left:-20px;
	width:10px;
	height:14px;
	overflow:hidden;
	background:url(../images/arra2.gif) no-repeat top;
}
#prodlinks{
	position:absolute;
	bottom:0px;
	right:0px;
	width:110px;
	height:auto;
	font-size:9px;
	line-height:11px;
	text-align:left;
}
#prodlinks p{
	margin-top:5px;
}
#crosswrap{
	width:908px;
	height:182px;
	position:relative;
	top:0;
	left:0;
	padding:10px 0px 0px 0px;
	border-top:1px solid #cccccc;
	margin-top:10px;
}
#relatedtabs{
	width:908px;
	height:35px;
	position:relative;
	top:0;
	left:0;
	background:url(../images/rrep.gif) repeat-x top;
}
#related{
	width:908px;
	height:auto;
	position:relative;
	top:0;
	left:0;
}
.relitem{
	position:relative;
	top:0px;
	left:0px;
	width:148px;
	height:137px;
	float:left;
}
.relinner{
	position:relative;
	top:0px;
	left:0px;
	width:296px;
	height:137px;
}
.itemimage2{
	width:148px;
	height:137px;
	float:left;
	overflow:hidden;
	position:relative;
}

#rel1, #rel2, #rel3{
	width:128px;
	min-height:117px;
	height:117px;
	float:right;
	position: absolute;
	top:0px;
	left:0px;
	background-color:#f1f1e8;
	font-size:11px;
	line-height:13px;
	text-transform:uppercase;
	padding:10px;
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;

}
html>body .itemcopy2, html>body #rel1, html>body #rel2, html>body #rel3{
height: auto; /* for not-IE */
}

#rel1 p.bold, #rel2 p.bold, #rel3 p.bold{
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	margin-top:10px;
}
#rel1 p.viewdet, #rel2 p.viewdet, #rel3 p.viewdet{
	position:absolute;
	bottom:8px;
	left:10px;
	font-size:9px;
	line-height:13px;
	

}
#rec1, #rec2, #rec3{
	width:128px;
	min-height:117px;
	height:117px;
	float:right;
	position: absolute;
	top:0px;
	left:0px;
	background-color:#f1f1e8;
	font-size:11px;
	line-height:13px;
	text-transform:uppercase;
	padding:10px;
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;

}
html>body .itemcopy2, html>body #rec1, html>body #rec2, html>body #rec3{
height: auto; /* for not-IE */
}

#rec1 p.bold, #rec2 p.bold, #rec3 p.bold{
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	margin-top:10px;
}
#rec1 p.viewdet, #rec2 p.viewdet, #rec3 p.viewdet{
	position:absolute;
	bottom:8px;
	left:10px;
	font-size:9px;
	line-height:13px;
	

}
/* Gallery Bits */
#productimage{
	width:448px;
	height:378px;
	position:relative;
	top:0;
	font-size:0;
	line-height:0;
	left:0;
}
#productthumbs{
	width:438px;
	height:56px;
	position: absolute;
	margin-bottom:10px;
	bottom:0px;
	right:0px;
	margin-left:11px;
}
.galleria{width:438px;list-style:none;}
.galleria_demo li{width:50px;height:46px;display:block;overflow:hidden;}
	.gallery_demo{width:448px; height:46px; list-style-type:none;}
	.gallery_demo li{width:50px;height:auto; margin-right:3px; float:left;}
	.gallery_demo li.end{width:50px;height:auto; margin-right:0px;}
#hidden{
	visibility:hidden;
}
/* Tabs bits */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
#tabwrap{
	position:relative;
	top:0px;
	left:0px;
	width:255px;
	height:auto;
	border-top:1px solid #cccccc;
}
#tabwrap ul{
	margin-left:15px;
}

#relatedtabs .ui-tabs-nav {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0 0 0 0px;
	background:url(../images/relatedul.gif) no-repeat left;
}
#relatedtabs .ui-tabs-nav li {
    float: left;
    margin: 0 0 0 px;
    padding: 0px 12px 0px 0px;
	font-size:11px;
}
#relatedtabs .ui-tabs-nav a.related {
    margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
	display:block;
	width:162px;
	height:35px;
	text-indent:-999999px;
	background:url(../images/related.gif) 0px 0px;
}
#relatedtabs .ui-tabs-nav .ui-tabs-selected a.related {
	background:url(../images/related.gif) 0px -35px;
}
#relatedtabs .ui-tabs-nav a.recent {
    margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
	display:block;
	width:159px;
	height:35px;
	text-indent:-999999px;
	background:url(../images/related.gif) -171px 0px;
}
#relatedtabs .ui-tabs-nav .ui-tabs-selected a.recent {
	background:url(../images/related.gif) -171px -35px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0px 0px 7px 0px;
    padding: 0 0 0 0px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 px;
    padding: 0px 10px 0px 0px;
	font-size:11px;
}
.ui-tabs-nav a {
    margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #666666;
	font-size:10px;
	line-height:13px;
}
.ui-tabs-nav .ui-tabs-selected a {
	color:#333333;
}
.ui-tabs-nav a span {
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
	position:relative;
	top:0px;
	left:0px;
	padding:10px 0px 0px 0px;
	min-height:150px;
	height:150px;
	
}
html>body .ui-tabs-panel {
height: auto; /* for not-IE */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}
#container-2 .ui-tabs-panel {
	position:relative;
	top:0px;
	left:0px;
	padding:10px 0px 0px 0px;
	height:auto;
	min-height:137px;
	height:137px;
}
html>body #container-2 .ui-tabs-panel {
height: auto; /* for not-IE */
}
.form_wrap{
	padding:20px;
	width:240px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
}
.form_wrap p{
	margin-bottom:15px;
}
.form_wrap h1{
	font-size:14px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:15px;
}
.form_wrap label{
	width:230px;
	height:20px;
	float:left;
}
	
.form_wrap input{
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
	border:1px solid #cccccc;
	width:230px;
	margin-bottom:5px;
}
a.submit3{
	background-color:#999;
	padding:4px 15px 4px 15px;
	color:#FFF;
}
#subb{
	width:140px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	padding-top:0px;
	display:block;
}

a.submit3:hover{
	background-color:#cccccc;
	padding:4px 15px 4px 15px;
	color:#666666;
}


#discount{
	width:509px;
	min-height:24px;
	height:24px;
	position:relative;
	top:0px;
	left:370px;
	padding:40px 0px 40px 0px;
	background: url(../images/discount.jpg) no-repeat top left;
	font-size:12px;
	line-height:14px;
	
}
html>body #discount{
height: auto; /* for not-IE */
}
#discount p#codeerror{
	position:absolute;
	top:20px;
	right:0px;
	color:#ff0000;
}

#discount input{
	padding:3px 2px 3px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	color:#b0b0b0;
	top:40px;
	width:96px;
	right:74px;
	border:1px solid #CCC;

}

a.bupdate2{
	display:block;
	width:64px;
	height:22px;
	position: absolute;
	top:40px;
	right:0px;
	overflow:hidden;
	cursor:pointer;
	background-color:#D7D9C3;
	text-align:center;
	line-height:22px;
}
a.bupdate2:hover{
	background-color:#D7D9C3;
}
#disc{
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	width:296px;
	padding:0px 0px 0px 592px;
	margin-top:1px;
	background: url(../images/discbg.jpg) repeat-y right;
}

#social_media_icons {
	position: absolute;
	top: 12px;
	right: 262px;
	display: block;
	width: auto;
	height: 26px;
}

#social_media_icons a#icon_facebook {
	height:26px;
	width:26px;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	padding:0;
	margin:0;
	background: url(../images/icon_facebook.jpg) 0 0 no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
}
#social_media_icons a#icon_twitter {
	height:26px;
	width:26px;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	padding:0;
	margin:0px 0px 0px 10px;
	background: url(../images/icon_twitter.jpg) 0 0 no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
}