﻿body 
{
	font-family:  Arial, Helvetica, sans-serif; 
	font-size:12px;
	padding: 0;
	border: 0;
	margin: 0;
    width:100%; 
    background-color:#ddd;
}

#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; 

}
.stretch { width:100%; height:100%; }

.NormalText   { color: #555555; font-family: Arial, Helvetica, sans-serif; font-size:12px; }
.SmallText    { color: #555555; font-family: Arial, Helvetica, sans-serif; font-size:10px; }
.LargeText    { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold;  }
.HeaderText   { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
.BoldText     { font-weight:bold; }
.BoldRedText  { color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; }
.CheckoutText {	color: #550000; font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; }
h1            { color: #555; font-family: Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; }
h2            { color: #555; font-family: Arial, Helvetica, sans-serif; font-size:14px; }
a:link, a:active, a:visited {color: inherit; text-decoration: underline; outline: 0 ! important; }
a:hover {text-decoration: underline;}




#container
{
	position:relative;  margin: 0px; padding:  5px  0px 0px 0px ; width:100%;
}


#footer
{
   position:fixed;
   left:0px;
   bottom:0px;
   height:32px;
   width:100%;
   background:#000;
   color:#ddd;
   text-align:center;
}
.clear
{
        clear:both;
}
#header
{
	font-size: 24px;	
	color: #000;
	background-color:#fff;
	padding: 10px 10px 10px 10px;	
    text-align:center;
    font-weight:bolder;

    height:50px;
}


div#header div#left
{
	font-size: 35px;	    
	float:left;
	font-weight:bolder;
	position:relative;
}


div#header div#right
{
	float:right;
	text-align:right;
    font-size:18px;
}
div#header div#right a
{
    font-size:12px;
    text-decoration:none;
}



div#container div#menu
{
	float:left;
	width:200px;
	height:100%;
	font-size: 12px;	
	font-weight:bold;
	color: #222;	
    background-color:#ffffff;
	text-align:left;
	border: 1px solid #ddd;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    margin:5px;
    padding: 5px  5px 0px 5px ;

}

div#container div#menu a
{
	text-decoration:none;

}
div#container div#menu a:hover
{
	text-decoration:none;
	color:#222;
	
}


div#container div#menu ul
{
	list-style-type:none;
    font-weight:normal;
	font-size:11px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}


div#container div#menu ul li
{

	color: #222;
	padding: 0px 0px 5px 10px;
	
}
div#container div#menu ul li a
{
	text-decoration:none;
	color:#222;
}
div#container div#menu ul li a:hover
{
	text-decoration:underline;
	color:#000000;
	
}






div#loginBox
{
	border: 1px solid #000000;
	width:300px;
	font-size: 14px;
	
}


div#loginBox div#cont
{
	font-size:20px;
	padding:20px;
}


.textcenter
{
	text-align:center ! important;

}

div#main
{
    width: 800px;   
	padding:0;
    color:#555;
	float:left;
	font-size:12px;
	font-weight:bold;
	background-color: #ffffff;
	padding:10px;
    border: 1px solid #ddd;
    -moz-border-radius: 13px; -webkit-border-radius: 5px;
    margin:5px;

}
div#main2
{
   
	padding:0;
    color:#555;

	float:left;
	font-size:12px;
	font-weight:bold;
	background-color: #fff;
	padding:10px;
	margin:10px;
    border: 1px solid #aaa;
    -moz-border-radius: 13px; -webkit-border-radius: 5px;

}


div#topmenu
{
    width:100%;
	font-size:12px;
	font-weight:bold;
	background-color: #222;
	padding:0px;
    padding-top:5px;
    height:20px;
    color:#ccc;
    border-bottom: 1px solid #000;
    
}

div#topmenu a
{
	text-decoration:none;

}


div#topmenu a:hover
{
    color:#fff;
	text-decoration:underline;

}


div#topmenuleft
{
	float:left;

}

div#topmenuright
{
	float:right;
    margin-right:20px;	
	
}

div#topmenu ul { list-style-type:none; margin:0px; padding:0px; }
div#topmenu li { display:inline; padding:15px; }



div#ShopBox
{
     float:left;
     width:160px;
     height:160px;
     border: 1px solid #ddd;
     padding:2px;
     margin:6px;
     font-size:10px;
     background-color: #fff;
     -moz-border-radius: 13px; -webkit-border-radius: 6px;
	
}
div#ShopBox div#title
{
     font-size:12px;
     color:#555;
     padding-top:12px;
     margin-bottom:10px;
     height:25px;
}

div#ShopBox div#more
{
    color:Blue;
    float:right;
    font-size:12px;
    padding-top: 18px;
    padding-right:10px;
    vertical-align:bottom;
}
div#ShopBox div#more a
{
	text-decoration:none;
}

div#ShopBox a:hover 
{
    color:red;
    text-decoration:underline;
}



div#price
{
    color:Red;
    margin-top:10px;
    font-size:15px;
    font-weight:bolder;
    float:left;
    padding:5px;
}
div#cart
{
    margin-top:10px;
    color:#0000ff;
    font-size:15px;
    font-weight:normal;
    float:right;
    border: 1px solid #555;
    -webkit-border-radius: 5px;
    padding: 5px;
    background-color: #999;
}
div#cart a
{
    color:#0000ff;
	text-decoration:none;
    
}
div#cart a:hover 
{
        color:#0000ff;
        background-color:#fff;
	   text-decoration  :underline;
	
    
}

img.center
{
    display: block;
    margin-left: auto;
    margin-right: auto
}
.center
{
    text-align:center;
}



