html,body {
background:#000;
font-family:georgia, times, serif;
font-size:11px;
height:100%;
}

* {
margin:0;
padding:0;
}

img {
border:none;
}

p {
font-size:1em;
line-height:1.5em;
margin:5px 10px;
}

h1 {
color:#000;
font-family:helvetica, arial, verdana;
font-size:2em;
line-height:1em;
margin:5px 10px;
}

h2 {
border-bottom:1px dotted #000;
border-top:5px solid #000;
color:#fff;
font-family:georgia, times, serif;
font-size:0.8em;
letter-spacing:1px;
line-height:2.5em;
text-transform:uppercase;
margin:0;
padding:0 10px;
}

h1 a {
color:#000;
text-decoration:none;
}

h1 a:hover {
background:#000;
color:#fff;
}

p a,h2 a {
border-bottom:1px solid #000;
color:#000;
text-decoration:none;
padding:1px;
}

p a:hover,h2 a:hover {
background:#000;
border-bottom:1px solid #fff;
color:#fff;
}

/* page element */

#container {
width:930px;
margin:0 auto;
}

#content {
margin:5px 0 0;
}

#header {
background:#fff200;
float:right;
height:40px;
width:285px;
margin:0 5px 0 0;
padding:5px 10px;
}

#nav {
background:#fff200;
float:right;
height:410px;
width:305px;
margin:0 5px 0 0;
}

#nav h2 {
background:#fff200;
border-bottom:1px dotted #000;
border-top:5px solid #000;
color:#000;
margin-top:10px;
}

.clear {
clear:both;
}

/* content */

.product_sticky {
float:left;
height:410px;
overflow:hidden;
position:relative;
width:615px;
z-index:100;
}

.article,.product {
float:left;
height:203px;
overflow:hidden;
position:relative;
width:305px;
z-index:100;
margin:0 5px 0 0;
}

/* caption */

.article .caption,.blog {
background:#00aeef;
height:203px;
left:0;
position:absolute;
top:0;
width:305px;
z-index:200;
}

.alt {
background:#fff200;
height:203px;
left:0;
position:absolute;
top:0;
width:305px;
z-index:200;
}

.alt h2 {
border:none;
}

.product_sticky .caption {
background:url(../images/over.png);
height:410px;
left:0;
position:absolute;
top:0;
width:305px;
z-index:200;
padding:0 310px 0 0;
}

.toggle a {
position:absolute;
top:0;
right:5px;
height:15px;
cursor:pointer;
background:#000;
color:#fff;
z-index:300;
text-decoration:none;
padding:10px 5px 5px;
}

.toggle a:hover {
background:#fff;
color:#000;
}

/* scrollable */

.scrollable {
height:203px;
overflow:hidden;
position:relative;
width:925px;
z-index:100;
margin:5px 0 0;
}

.scrollable .items {
position:absolute;
width:20000em;
}

.scrollable .article img {
margin:0;
}

.scrollable img {
height:203px;
width:305px;
z-index:100;
margin:0 5px 0 0;
}

.next,.nextpage {
width:140px;
height:20px;
cursor:pointer;
background:#fff200;
float:right;
direction:RTL;
margin:5px 5px 0 0;
padding:5px 10px 0 0;
}

.prev,.prevpage {
width:140px;
height:20px;
cursor:pointer;
background:#fff200;
float:right;
direction:LTR;
margin:5px 5px 0 0;
padding:5px 0 0 10px;
}

/*paypal*/

.paypal {
margin:10px;
}

.paypal input {
height:20px;
background:#fff;
border:none;
font-family:georgia, times, serif;
margin:10px;
padding:0 5px;
}

.paypal:hover input {
background:#ec008c;
color:#fff;
cursor:pointer;
}