/* generated by csscreator.com */
html, body{
 		margin:0;
 		padding:0;
 		background-color:         #FFFFFF;
        background-image:         url(../images/gradient.jpg);
        background-repeat:        no-repeat;
        z-index: 0;
        width:99.9%;

 }

#pagewidth{ }

#header{
 		position:relative;
 		height:150px;
 		width:99.9%;
 		border-bottom:solid 0px #0099FF;
 		border:solid 0px #0099FF;
 	   /*	background-image:           url(../images/cheapyo.png);
        background-repeat:          no-repeat;
       /* background-position:		1% 50%; ;*/
}

#maincol{
 		float: left;
	    display:inline;
 		position: relative;
 		min-height: 400px;
 		height:620px;
 		width:99.9%;
 		border:solid 0px #FF99FF;
 }

#footer{
 		height:54px;
   		clear:both;
   		border:solid 0px #FF9900;
   		width:99.9%;

 }

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
		 content: ".";
		 display: block;
		 height: 0;
		 clear: both;
		 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


.normal_link a:link {
        color:#0099FF;
        font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
        font-size:12px;
        text-decoration:none;
        margin: 2px 2px 2px 2px;
        padding: 2px 2px 2px 2px;
}

.normal_link a:visited {
        color:#0099FF;
        font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
        font-size:12px;
        text-decoration:none;
        margin: 2px 2px 2px 2px;
        padding: 2px 2px 2px 2px;
}

.normal_link a:hover {
		color:#0099FF;
		font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
        font-size:12px;
        text-decoration:underline;
        margin: 2px 2px 2px 2px;
        padding: 2px 2px 2px 2px;
}


#header_left {
        border:solid 0px #0099FF;
		position: absolute;
		height:110px;
		left: 5px;
		width: 300px;
		top: 0px;
		padding-top:0px;
}

#header_center {
		border:solid 0px #0099FF;
		position: absolute;
		height:110px;
		left: 320px;
		width: 200px;
		top: 0px;
		overflow: none;
		}

#header_right {
		border:solid 0px #00FF99;
		position: relative;
		height:110px;
		left: 90%;
		width: 300px;
		top: 0px;
		overflow: none;
}



/* Slidepanel */
a:focus {
	outline: none;
}
#panel {
		/*background: #754c24;*/
		border-bottom:solid 2px #0099FF;
		height: 450px;
		width:99.9%;
		text-align:center;
		display: none;
		overflow: auto;
}
.slide {
		margin: 0;
		padding: 0;
		border-top: solid 0px #0099FF;
		background: url(../images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
		background: url(../images/white-arrow.gif) no-repeat right -50px;
		text-align: center;
		width: 124px;
		height: 31px;
		padding: 10px 10px 0 0;
		margin: 0 auto;
		display: block;
		font: bold 100%/100% Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
}
.active {
		background-position: right 12px;
}

table.resulttable {
	    table-layout: fixed;
	    width: 100%;
		border-collapse: collapse;
		text-align: left;
		text-indent: 0px;
		font-family: Verdana;
		font-weight: normal;
		font-size: 11px;
		color: #404040;
		line-height:  12px;
		z-index: 0;
}

table.resulttable td {
		border-bottom:dashed 1px #0099FF;
		border-top:dashed 1px #0099FF;
		padding: 0px;
		height: 70px;
		-moz-border-radius: 3px 3px 3px 3px;
}


.result {
		text-indent: 0px;
		font-family: Verdana;
		font-weight: normal;
		color: #666666;
		font-size: 11px;
		line-height:  14px;
}

.result_price {
		text-indent: 0px;
		font-family: Verdana;
		font-weight: bold;
		color: #0099FF;
		font-size: 18px;
		line-height:  15px;
}


/*   Thumb   */

.thumb {
		margin: 10px;
		position: relative;
		width: 40px;
		height: 40px;

}
.thumb img {
		width: 66px;
		height: 66px;
		border: 2px solid #666;
		padding: 0px;
		background: #f0f0f0;
		position: absolute;
		left: 50px;
		top: -15px;
		-ms-interpolation-mode: bicubic;
}


/* scroll-pane */

.scroll-pane {
	    width: 100%;
	    height: 520px;
	    overflow: auto;
	    vertical-align: top;
	    text-align: left;
	    z-index:0;
}

.horizontal-only{
		height: auto;
		max-height: 440px;
}




/* Searchfield */


.csize ul {
list-style-type:    none;
cursor: pointer;
}

.xsize  {
        color: #000000;
		background-color: #FAFAFA;
		list-style-type:none;
		float: left;
		font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight: normal;
		text-align: center;
		width: 25px;
		border:solid 1px #0099FF;
		border-collapse: collapse;
		margin: 2px;
		padding: 0px;
		cursor: pointer;
}

.clothingsize  {
        color: #000000;
		background-color: #FAFAFA;
		list-style-type:none;
		float: left;
		font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight: normal;
		text-align: center;
		width: 25px;
	    border:solid 1px #0099FF;
		border-collapse: collapse;
		margin: 2px;
		padding: 0px;
		cursor: pointer;
}

.gender  {
        color: #000000;
		background-color: #FAFAFA;
		list-style-type:none;
		float: left;
		font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight: normal;
		text-align: center;
		width: 85px;
		border:solid 1px #0099FF;
		border-collapse: collapse;
		margin: 2px;
		padding: 0px;
		cursor: pointer;
}

.condition  {
        color: #000000;
		background-color: #FAFAFA;
		list-style-type:none;
		float: left;
		font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight: normal;
		text-align: center;
		width: 85px;
		border:solid 1px #0099FF;
		border-collapse: collapse;
		margin: 2px;
		padding: 0px;
		cursor: pointer;
}

.shoesize  {
        color: #000000;
		background-color: #FAFAFA;
		list-style-type:none;
		float: left;
		font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight: normal;
		text-align: center;
		width: 25px;
		border:solid 1px #0099FF;
		border-collapse: collapse;
		margin: 2px;
		padding: 0px;
		cursor: pointer;
}

.searchfocus  {
        color: #000000;
		background-color: #FAFAFA;
		list-style-type:none;
		float: left;
		font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight: normal;
		text-align: center;
		width: 85px;
		border:solid 1px #0099FF;
		border-collapse: collapse;
		margin: 2px;
		padding: 0px;
		cursor: pointer;
}

.country  {
        color: #000000;
		background-color: #FAFAFA;
		list-style-type:none;
		float: left;
		font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight: normal;
		text-align: center;
		width: 85px;
		border:solid 1px #0099FF;
		border-collapse: collapse;
		margin: 2px;
		padding: 0px;
		cursor: pointer;
}

.noshipping  {
        color: #000000;
		background-color: #FAFAFA;
		list-style-type:none;
		float: left;
		left: 20px;
		font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight: normal;
		text-align: center;
		width: 120px;
		border:solid 1px #0099FF;
		border-collapse: collapse;
		margin: 2px;
		padding: 0px;
		cursor: pointer;
}

table.searchtable {
     	table-layout: auto;
	    width: 1000px;
		border-collapse: collapse;
		border:solid 0px #0099FF;
		text-align: left;
		text-indent: 0px;
		font-family: Verdana;
		font-weight: normal;
		font-size: 13px;
		color: #404040;
		line-height:  16px;
}

table.searchtable td {
		border-bottom:dashed 0px #0099FF;
		border-top:dashed 0px #0099FF;
		padding: 5px;
		height: 20px;
		margin: 5px;
}

#slider { margin: 5px; }

#show {
		margin: 1px;
		width: 33px;
		height:30px;
		float:left;
		margin-left:18px;
		margin-top:2px;
		font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	    color: #0099FF;
		font-size:18px;
		text-align:right;
		vertical-align: bottom;
}

#showeuro {
	  	margin: 1px;
		height:25px;
		float:left;
		margin-left:4px;
		margin-right:10px;
		margin-top:2px;
		font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	    color: #0099FF;
		font-size:18px;
		vertical-align: bottom;
}

#slider .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		border: 3px solid #0099FF/*{borderColorDefault}*/;
		background: #E6E6E6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
		font-weight: normal/*{fwDefault}*/;
		color: #555555/*{fcDefault}*/; }


#slider .ui-corner-all {
		-moz-border-radius:14px 14px 14px 14px;
		-webkit-border-radius: 14px 14px 14px 14px;
		border-radius: 14px 14px 14px 14px;
}

#slider .ui-slider-horizontal .ui-slider-handle {
		margin-left:-0.6em;
		top:-0.4em;
}

#slider .ui-state-hover {
   		border: 3px solid #FF9900;

}

.ui-widget {
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
}



#devresult  {
    /*    color: #000000;
		background-color: #FAFAFA;
		left: 20px;
		font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight: normal;
		text-align: center;
		width: 500px;
		height:120px;
		border:solid 1px #0099FF;
		border-collapse: collapse;
		margin: 2px;
		padding: 0px;  */
}

.searchimage {
 		float:none;
        margin-bottom:0px;
        padding:0px;
        border:solid 0px #DEDEDE;


}

#rotate { height: 23px; }
#rotate font { font: 13px arial, helvetica, sans-serif;
               text-align:left;
               color: #0099FF;
               padding: .5em 0.5em;
               width:350px;
               float:left;
               margin-top: 0px;
}

.scroll-pane {
    width: 98%;
    height: 600px;
    overflow: auto;
    vertical-align: top;
    text-align: left;

}

.horizontal-only{
   height: auto;
   max-height: 440px;
}

.rollover {
    cursor : pointer;
}


.jspDrag {
	background:none repeat scroll 0 0 #0099FF;
	cursor:pointer;
	left:0;
	position:relative;
	top:0;
}

#inputArea {
		font-family: Arial, Sans-Serif;
		font-size: 18px;
		padding: 4px;
}

#inputArea input, #inputArea textarea {
		background-color: #FAFAFA;
	    border: solid 2px #0099FF;
		font-family: Arial, Sans-Serif;
		font-size: 18px;
		color:#0099FF;
		margin-bottom: 2px;
		margin-left:0px;
		display: block;
		padding: 2px;
		width: 200px;
		height: 24px;
		float:left;
		-moz-background-clip:border;
		-moz-background-origin:padding;
		-moz-background-size:auto auto;

		-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}

.activeField {
	    border: solid 2px #0099FF;
		font-family: Arial, Sans-Serif;
		font-size: 18px;
		color:#0099FF;
		margin-bottom: 1px;
		display: block;
		padding: 2px;
		width: 200px;
		height: 28px;
		float:left;
		-moz-background-clip:border;
		-moz-background-origin:padding;
		-moz-background-size:auto auto;

		-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.3);

}

.idle {
background-color: #FAFAFA;
	    border: solid 2px #0099FF;
		font-family: Arial, Sans-Serif;
		font-size: 18px;
		color:#0099FF;
		margin-bottom: 1px;
		margin-left:80px;
		-moz-background-clip:border;
		-moz-background-origin:padding;
		-moz-background-size:auto auto;

		-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}

.searchbutton {
		float:left;
		border: solid 0px #0099FF;
		margin: -1px 0px 0px 5px;
        padding: 0px 0px 0px 0px;

}


.reloadbutton {
		float:left;
		border: solid 0px #0099FF;
		margin: 6px 25px 0px 5px;
        padding: 0px 0px 0px 0px;

}

.searcher {
   			border-bottom:dashed 0px #0099FF;
			border-top:dashed 0px #0099FF;
			height:40px;
			vertical-align:middle;
			text-align:right;

}

.boxtext {
color:#666666;
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;

}




