@charset "UTF-8";
/* CSS Document */

/* ############## searchtools ############## */

#searchtools {
	position: relative;
	width: 710px;
	height: 175px;
	margin-bottom: 18px;
}

#searchtools.roundcorners222x175 {
	position: absolute;
	left: 250px;
	top: 26px;
	width: 710px;
	height: 175px;
	margin-bottom: 0;
	background: url(../arts/222x175_roundcorners.png) top left no-repeat;
}

#searchtools select {
	display: block;
	width: 196px;
	height: 18px;
	border: 1px solid #ccc;
	margin: 0;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
}

#searchtools label {
	display: block;
	width: 196px;
	height: 16px;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
}

#selectcontinent, #selectcountry, #selectregion {
	position: absolute;
	left: 13px;
	display: block;
	width: 196px;
	height: 32px;
}

#selectcontinent, #selectregion {
	top: 15px;
}

#selectcountry {
	bottom: 67px;
}

#selectregion {
	left: 366px;
}

#selectcity, #selectcap {
	position: absolute;
	left: 366px;
	bottom: 96px;
	display: block;
	width: 196px;
	height: 18px;
}

#selectcap {
	bottom: 65px;
}

#searchbutton, #refinebutton {
	position: absolute;
	right: 501px;
	bottom: 13px;
	display: block;
	width: 196px;
	height: 18px;
}

#refinebutton {
	right: 148px;
}

/* ############## stockistsheader ############## */

#stockistsheader {
	position: relative;
	width: 710px;
	height: 46px;
	margin-top: 31px;
}

#stockistsheader div.doeheader{
	position: absolute;
	left: 0;
	top: 0;
	width: 331px;
	height: 36px;
	background-color: #f2f2f2;
	padding: 10px 0 0 13px;
}

#stockistsheader div.moreheader{
	position: absolute;
	left: 366px;
	top: 0;
	width: 344px;
	height: 36px;
	padding: 10px 0 0 0;
}


/* ############## EXTRAS ############## */

.extrascontainer { /* here's the right trick for FFOX  */
	position: relative;
	width: 710px;
}

.extras {
	display: table-row; /* here's the right trick for FFOX  */
	width: 710px;
}

.extrassx {
	display: table-cell;
	vertical-align: top;
	width: 344px;
	background-color: #f2f2f2;
}

.extrasdx {
	display: table-cell;
	vertical-align: top;
	width: 344px;
	padding-left: 22px;
}

/* ############## EXTRAS layout ############## */

div.extrassx div.doe {
	position: relative;
	width: 331px;
	height: 142px;
	padding: 13px 0 0 13px;
	border-top: 1px solid #fff;
}

div.stockistsrow {
	position: relative;
	width: 344px;
	height: 156px;
}

div.stockistsrow div.moresx, div.stockistsrow div.moredx {
	position: absolute;
	left: 0;
	top: 0;
	width: 161px;
	height: 155px;
/*	padding: 0; */
	border-top: 1px dotted #ccc;
}

div.stockistsrow div.moredx {
	left: 183px;
}

div.extrassx div.doe:first-child, div.extrasdx div.stockistsrow:first-child div.moresx, div.extrasdx div.stockistsrow:first-child div.moredx {
	border-top: none;
	height: 143px;
}


/* ############## SHOP ############## */

div.shop {
	position: absolute;
	left: 0;
	top: 35px;
	width: 161px;
	height: 63px;
	overflow: hidden;
}

div.doe div.shop {
	left: 135px;
	width: 196px;
}

div.shop h4 {
	margin-bottom: 6px;
}

div.shop p {
	display: block;
	width: 100%;
	height: 14px;
	line-height: 14px;
}

/* ############## SHOP links ############## */

div.shoplinks {
	position: absolute;
	left: 0;
	top: 102px;
	height: 15px;
}

div.doe div.shoplinks {
	left: 13px;
}

div.shoplinks div.linkplus {
	position: absolute;
	left: 122px;
	top: 0;
	width: 196px;
	height: 15px;
}


/* ############## DOE : IMG + RIVETS ############## */

div.doe img {
	float: left;
}

div.doe div.rivets {
	float: left;
	width: 96px;
	height: 15px;
	margin-left: 10px;
	margin-top: -2px;
	background: url(../arts/rivets_doe.gif) 0 0 no-repeat;
}

div.doe div.rivets1 {
	background-position: -80px 0;
}

div.doe div.rivets2 {
	background-position: -64px 0;
}

div.doe div.rivets3 {
	background-position: -48px 0;
}

div.doe div.rivets4 {
	background-position: -32px 0;
}

div.doe div.rivets5 {
	background-position: -16px 0;
}

div.doe div.rivets6 {
	background-position: 0 -15px;
}


/* ############## MOREINFO ############## */

div.moreinfo {
	position: relative;
	width: 684px;
	height: 258px;
	background-color: #f2f2f2;
	padding: 13px;
}

div.moreinfo div.shoplinks {
	left: 370px;
	top: 260px;
	height: 15px;
}

div.moreinfo div.shoplinks a {
	font-size: 11px;
}

div.moreinfo h2 {
	display: block;
	width: 327px;
	height: 14px;
	position: absolute;
	left: 370px;
	top: 33px;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
}

div.moreinfo div.button_close {
	position: absolute;
	right: 13px;
	top: 13px;
}

div.moreinfo div.shop {
	position: absolute;
	left: 370px;
	top: 84px;
	width: 327px;
	height: 140px;
	overflow: hidden;
}

div.moreinfo div.shop h3 {
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 0;
}

div.moreinfo div.shop p {
	display: block;
	width: 100%;
	height: 14px;
	font-size: 11px;
	line-height: 14px;
}

div.moreinfo div.shop p.break {
	margin-bottom: 14px;
}

div.moreinfo div.shop p a {
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	text-decoration: underline;
}

/* ############## MOREINFO : IMG + RIVETS ############## */

div.moreinfo img {
	float: left;
}

div.moreinfo div.rivets {
	float: left;
	width: 120px;
	height: 18px;
	margin-left: 10px;
	margin-top: -2px;
	background: url(../arts/rivets_doe_large.gif) 0 0 no-repeat;
}

div.moreinfo div.rivets1 {
	background-position: -80px 0;
}

div.moreinfo div.rivets2 {
	background-position: -60px 0;
}

div.moreinfo div.rivets3 {
	background-position: -40px 0;
}

div.moreinfo div.rivets4 {
	background-position: -20px 0;
}

div.moreinfo div.rivets5 {
	background-position: 0 0;
}

div.moreinfo div.rivets6 {
	background-position: 0 -18px;
}


/* ############## MOREINFO SHORT ############## */

div.short {
	width: 366px;
	height: 284px;
	padding: 0;
}

div.short div.shop {
	position: absolute;
	left: 72px;
	top: 68px;
	width: 222px;
	overflow: hidden;
}