*  {
margin : 0;
padding : 0;
} 
a {
color : #1849B5;
font-weight : bold;
}
a:hover  {
text-decoration : none;
}
body  {
font-family : verdana, tahoma, arial, sans-serif;
color : #393937;
font-size : 15px;
background : #3f3f3f;
margin : 0% 0% 0% 0%;
height : 100%;
width : 100%;
background-image : url(../images/bg.png);
}
img {
border : none;
}
#page {
clear : both;
margin : 50px auto;
width : 52em;
height : auto;
min-height : 500px;
}
#pageWrapper {
float : left;
width : 100%;
background : #ffffff;
border-right : 5px solid #404040;
border-bottom : none;
background-image : url(../images/edge.jpg);
background-repeat : no-repeat;
background-position : -2px -3px;
}
#middle {
clear : both;
width : 100%;
height : 30px;
border : 1px solid #ffffff;
border-left : none;
border-right : none;
background : #5c5c5c;
}
#middle a {
color : white;
}
#middle .breadcrumb {
float : left;
width : 70%;
margin-left : 20px;
color : white;
font-weight : bold;
font-size : 10px;
margin-top : 8px;
}
#middle .search input {
text-align : center;
font-size:0.9em;
width:110px;
}
#middle .search #submit {
width:88px;
font-size:0.8em;
}
#middle .search {
float : right;
width : 202px;
margin-top : 4px;
}
.logo {
float : left;
width : 212px;
margin-top : 2.3em;
margin-left : 12px;
}
#article {
float : right;
width : 526px;
min-height : 500px;
font-size : 90%;
background-color : #ffffff;
padding : 10px;
}
#article h1 {
padding : 0;
padding-bottom : 30px;
padding-top : 10px;
}
.menu ul {
list-style-type : none;
margin : 0;
}
.menu ul li {
float : right;
display : inline;
width : 6em;

border-left : 2px solid #ffffff;
border-bottom : 1px solid #ffffff;

border-top : none;
}
.menu ul li a {
cursor : pointer;
display : block;
background : #b7b7b7;
padding : 3px;
padding-left : 7px;
padding-top : 110px;
float : left;
width : 89%;
min-height : 30px;
font-weight : bold;
text-decoration : none;
vertical-align : 100%;
color : #596162;
font-size : 75%;
text-align : left;
}
.menu ul li a:hover {
background-color : #f9f9f9;
}
.menu .active, .menu .active a, .menu .active a:hover {
background-color : #5c5c5c;
color : #ffffff;
}
#submenu {
float : left;
width : 220px;
margin : -1px 0;
position : relative;
border-left : 3px solid #5c5c5c;
}
#submenu ul li {
cursor : pointer;
list-style-type : none;
}
#submenu ul li a {
border-left : 1px solid #5c5c5c;
font-weight : bold;
padding : 0.3em;
padding-top:0.9em;
padding-bottom:0.9em;
width : 211px;
line-height : 1.5em;
border-bottom : 1px solid #5C5C5C;
display : block;
background : #b7b7b7;
color : #596162;
font-size : 65%;
text-decoration : none;
}
#submenu ul li a:hover {
background-color : #5c5c5c;
color : #ffffff;
width : 211px;
}
#submenu .active, #submenu .active a, #submenu .active a:hover {
background-color : #f9f9f9;
color : #596162;
width : 211px;
}
#submenu .ref {
position : relative;
border:none;
border-top : 0px solid #5C5C5C;
width : 217px;
left : 0px;
}
#submenu .box {
float:left;
padding : 5px;
background : #F9F9F9;
border-top : 3px solid #ffffff;
border-right : 10px solid #ffffff;
width : 212px;
left : 1px;
}
#submenu .box p ,#submenu .box b {
font-size : 10px;
}
#loading {
color : #000000;
font-size : 10px;
width : 200px;
height : 20px;
margin : 0 auto;
}
#loading img {
position : relative;
top : 2px;
} 
#footer  {
background : #3f3f3f;
clear : both;
height : 50px;
} 

#form_contact label {
display:block;
font-weight:bold;
margin-top:15px;
font-size:12px;
}
#form_contact input {
padding:5px;
width:200px;
}
.error, .success{
width:80%;
padding:10px;
border:1px solid #CD0A0A;
background:#FEF8F6;
font-weight:bold;
margin-bottom:20px;
}
.success {
border:1px solid green;
background:#C0E0AF;
}
.form_grey {
border:none;
background:#f5f5f5;
padding-left:10px;
padding-bottom:24px;
margin-top:10px;
}

.form_white{
border:none;
padding-left:10px;
padding-bottom:16px;
}
.form_white span, .form_grey span {
float:left;
width:250px;
}

#coupon {
cursor:pointer;
position:fixed;
top: 50%;
right: 0px;
background-color:#F9F9F9;
color: #FE1010;
font-weight: bold;
padding:12px;
padding-right:0px;
border:1px solid #5C5C5C;
}
#coupon a {
text-decoration: none;
}

