/* Reset all
-------------*/
* {
border:0;
margin:0;
padding:0;
}



/* Page settings
-----------------*/
body {
background:#fff url("../images/headerbg.jpg") repeat-x;
font-size: 10pt;
}

p {
text-indent: 2em;
}


#content a {
color:#EC0000;
text-decoration:none;
font-weight:bold;
}
#content a:hover{
text-decoration:underline;
}
#content a:active{
color:#EC0000;
}

#container {
float:right;
width:593px;
}

#header {
float:right;
height:152px;
}

/* Typography
-----------------*/
h1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 44px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -3px;
line-height: 1.2em;
}

#content,textarea,select,option,input {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

/* Header links
----------------*/

#header a,#currentcart,#currentlog,#currentsearch {
color:#FFF;
font-weight:bold;
text-decoration:none;
}

#header a:hover,#currentcart,#currentlog,#currentsearch {
color:#FFFF00;
}

#header a:focus {
outline:none;
}

#navbar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:20px 20px;
}
#navbar li {
	list-style:none;
	display:inline;
}
#cart,#log,#advsearch,#currentcart,#currentlog,#currentsearch {
	width:110px;
	color:#fff;
	text-decoration:none;
	background:url("../images/icons.gif") no-repeat;
	float:left;
	padding:10px 0px 12px 34px;
}
#cart:hover,#currentcart {
	background-position:0 -37px;
	color:#ffff00;
}
#cart:active {
	background-position:0 -37px;
	color:#ffff00;
}
#log {
	background-position:0 -73px;
	color:#fff;
}
#log:hover,#currentlog {
	background-position:0 -110px;
	color:#ffff00;
}
#log:active {
	background-position:0 -110px;
	color:#ffff00;
}
#advsearch {
	background-position:0 -146px;
	color:#fff;
}
#advsearch:hover,#currentsearch {
	background-position:0 -184px;
	color:#ffff00;
}
#advsearch:active {
	background-position:0 -184px;
	color:#ffff00;
}

/* Content settings
-----------------*/
#content {
float:right;
position:relative;
width:693px;
background:#FFF;
margin-left:-80px;
padding-bottom:8px;
padding-left:20px;
}

/* Main menu
-----------------*/
#mainmenu {
width:367px;
margin-left:-7px;
float:left;
}

#mainmenu ul {
list-style-type : none;
}

#mainmenu li,#current,#footer,#languageswitch {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style:normal;
font-weight:bold;
letter-spacing: normal;
line-height: 1.4em;
padding-bottom:1px;
}

#mainmenu li a,#current {
text-align:center;
text-decoration : none;
display : block;
width:220px;
height:20px;
color : #A32A39;
background: url("../images/buttonbg.gif");
}

#mainmenu li.sub a {
text-align:center;
text-decoration : none;
display : block;
width:220px;
height:20px;
color : black;
background: url("../images/buttonbg.gif");
}

#mainmenu li a:hover,#current {
background: url("../images/buttonbg.gif") 0 20px;
text-decoration : none;
color:#FFF;
}

#mainmenu li a:focus {
outline:none;
}

/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body, #wrap {
height: 100%;
}

body > #wrap {
height: auto;
min-height: 100%;
}

#main {
padding-bottom: 32px; /* must be same height as the footer */
padding-left:32px;
width:960px;
margin:0 24px 0 0;
}

#footer {
position: relative;
margin-top: -33px; /* negative value of footer height */
height: 32px;
clear:both;
background:url("../images/footerbg.png") repeat-x;
text-align:center;
line-height:32px;
color:#000;
}

#footer a{
color: #EC0000;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
#footer a:active{
}

/* CLEAR FIX*/
.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 */


/* Language switch
-------------------- */
#languageswitch {
position:absolute;
top:104px;
left:914px;
}

#languageswitch a {
color:#333;
text-decoration:none;
}
#languageswitch a:hover{
color:#EC0000;
}
#languageswitch a:active{
color:#EC0000;
}

/* Quick search form styling
-----------------------------*/

#searchform {
position:absolute;
top:104px;
left:400px;
}


#searchform div {
    /* This div will have the left image as a background */
    background: url("../images/search1.gif") no-repeat left top;
    padding: 0 10px;
    line-height: 1;

}
#searchform #search {
    /* Im going to apply a top and bottom border to this input so that it fits with my images and give it the gradient background */
    border-top:2px solid #999;
    border-bottom:2px solid #999;
    background: #fff url("../images/search2.gif") repeat-x top;
    padding: 3px 2px 2px 0;
    height: 15px;
}
#searchform input {
    /* Some reset styles to make my form elements play nice */
    vertical-align: top;
    margin: 0 !important;
    line-height: 1;
    outline:0 !important;
}

/* Navigation buttons
-------------------- */

#nav {
position:absolute;
top:104px;
left:680px;
}

/* Contact form
-------------------- */

#contact-area {
	width: 400px;
	position:relative;
	top:-367px;
	left:300px;
	height: 200px;
}

#contact-area input, #contact-area textarea, #contact-area select {
	width: 272px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #333;
	padding:1px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #EC0000;
}

img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}