body {
    font-size: 0.8em;
    font-family: Arial, Arial, Helvetica, sans-serif;
}
#wrapper {
    width: 1000px;
    margin: auto;
}
#wrapper_small {
    width: 700px;
    margin: auto;
}

#wrapper_small_left {
    float: left;
    width: 47%;
    margin-right: 1%;
    border-right: 1px solid #E8E8E8;
    padding: 5px;
}

#wrapper_small_right {
    float: left;
    width: 47%;
    margin-right: 1%;
    padding: 5px;
}

#wrapper_small #header h1 {
    margin: .5em auto;
}

#footer {
    width: 1000px;
    margin: auto;
}


#footer .nav {
    background-color: #F5F5F5;
    border: 1px solid #E2DFDF;
    margin: 0;
    padding: 0.5em;
}

#footer .nav li {
    display: inline;
    padding: 0 0.5em;
}

#footer .nav li.right {
    float: right;
}

#footer a {
    color: #6D6C6C;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}

#col_1, #col_3 {
    float: left;
    width: 200px;
}

#col_2 {
    float: left;
    width: 600px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.85em;
    padding: 10px 0 0 0;
}

.padder {
    padding: 10px;
}

.clear {
    clear: both;
    font-size: 1px;
    height: 0px;
    line-height: 0px;
}




/* paging */

h2 {
	font-size: 1.9em;
	font-family: "Times New Roman", Times, serif;
}

.paging {
    position: relative;
    height: 1.5em;
}

.paging .previous {
    position: absolute;
    left: 0;
}

.paging .next {
    position: absolute;
    right: 0;
}


#added_to_basket_message {
    position: absolute;
    border: 1px solid #CCC;
    background-color: #F7F7F7;
    width: 230px;
    padding: 10px;
    display: none;
}

#added_to_basket_message p {
    margin: 0;
}

a {
    color: #00C;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.signup {
    float: left;
    margin-right: 20px;
    width: 48%;
}

.loginBox {
    float: left;
    width: 48%;
}

.loginBox h3, .signup h3 {
    display: block;
    background: #333;
    color: #FFF;
    padding: 5px;
    margin: 0;
    text-align: center;
}

.item a img {
    border: 0;
}



.buy {
    margin: 0 0 0 3px;
}
.awesome, .awesome:visited {
    border: 0;
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover							    { background-color: #111; color: #fff; text-decoration: none; }
.awesome:active							    { top: 1px; }
.small.awesome, .small.awesome:visited 		{ font-size: 11px; padding: 4px 5px; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 		{ font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited	{ background-color: #a9014b; }
.magenta.awesome:hover						{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited	{ background-color: #ff5c00; }
.orange.awesome:hover						{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited	{ background-color: #ffb515; }
.yellow.awesome:hover						{ background-color: #fc9200; }