body
{
	background-image: url('../images/background.jpg');
}

:focus
{
	outline: none;
}

.mainframe #subframe
{
	background-color: #515050;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	width: 1200px;
}

.mainframe #logo
{
	position: relative;
}

#title
{
	float: left;
	position: absolute;
	top: 0px;
}

#title a
{
	text-decoration: none;
}

#title h1
{
	color: #c1071c;
	display: inline-block;
	font-family: Arial Rounded MT Bold;
	font-size: 80px;
	margin-bottom: 0px;
	margin-left: 13px;
	margin-top: 3px;
}

#title h1:first-letter
{
	color: black;
}

#title h2
{
	color: #c1071c;
	display: inline-block;
	font-family: Arial Rounded MT Bold;
	font-size: 55px;
	margin-left: 10px;
	margin-bottom: 0px;
}

#title h3
{
   color: #b7b7b7;
   display: block;
   font-family: Times New Roman;
   font-size: 45px;
   margin-left: 15px;
   margin-top: -20px;
}


#contactus
{
	left: 560px;
	position: absolute;
	top: 30px;
}

#contactus h1
{
	color: white;
	font-family: Arial Rounded MT Bold;
	font-size: 2em;
}


#search
{
	left: 1028px;
	position: absolute;
	top: 20px;
}

#search input
{
	font-family: arial;
	font-size: 11px;
	height: 12px;
	width: 120px;
}

#search a
{
	display: block;
	position: absolute;
}

#search a#s1
{
	height: 18px;
	left: 125px;
	top:	1px;
	width: 18px;
}

#login
{
	left: 450px;
	position: absolute;
	top: 100px;
}

#login h3
{
	font-family: Arial Rounded MT Bold;
	font-size: 1em;
}

#cart-header
{
	background-position: center right;
	background-repeat: no-repeat;
	height: 84px;
	left: 935px;
	position: absolute;
	top: 55px;
	width: 240px;
}

#cart-header a
{
	display:block;
	position:absolute;
}

#cart-header a#l1
{
	height: 74px;
	left: 134px;
	top: 4px;
	width: 102px;
}

#cart-header table
{
	left: 52px;
	position: absolute;
	width: 132px;
}

#cart-header td
{
	font-family: Arial, Times New Roman;
}

#cart-header td:first-child
{
	color: white;
	font-size: 16px;
	width: 225px;
}

#cart-header td h1
{
	color: white;
	font-size: 32px;
	margin: 0px;
}

#cart-header td h2
{
	color: white;
	font-size: 12px;
	margin: 0px;
}

#cart-header a
{
	color: white;
	font-size: 14px;
}

/**********Horizontal menu**********/

#horiz-menu
{
    left: 20px;
	position: absolute;
	top: 138px;
	z-index: 10;
}

#horiz-menu a
            {
    font-family: arial;
    font-size: 1em;
    text-decoration: none;
}

#horiz-menu ul
{
    padding: 0 20px; 
    list-style: none;
    position: relative;
    display: inline-table;
}

#horiz-menu ul li
{
    float: left;
}

#horiz-menu ul li:hover
{
    background-color: #960514;
}

#horiz-menu ul li:hover > ul
{
    visibility: visible;
    opacity: 1;
}

#horiz-menu ul li:hover a
{
    color: white;
}

#horiz-menu ul li a
{
    display: block;
    padding: 10px 60px 10px 55px;
    color: #d3d2d2;
}

#horiz-menu ul:after
{
    content: "";
    clear: both;
    display: block;
}

#horiz-menu ul ul
{
    box-shadow: 10px 10px 5px black;
    background: #960514;
    border-radius: 0px; padding: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in;
}

#horiz-menu ul ul li
{
    float: none; 
    border-right: 1px solid #960514;
    border-bottom: 1px solid #74030e;
    position: relative;
}

#horiz-menu ul ul li a
{
    color: white;
    
}

#horiz-menu ul ul li a:hover
{
    background-color: #a51725;
    color: black;
}

#horiz-menu ul ul ul
{
    position: absolute; 
    left: 100%; 
    top:0;
    width: 300px;
}

/**********End of Horizontal Menu**********/

div#body
{
	margin: 25px 0px 0px 10px;
	position: relative;
	width: 98%;
}

div#left
{
	background-color: yellow;
	float: left;
	position: relative;
	width: 245px;
}

div#right
{
	float: right;
	padding: 0px 10px 10px 10px;
	position: relative;
	width: 905px;
}

/**********Vertical menu**********/

ul#vert-menu
{
	display: block;
	float: left;
	font-family: Arial,Sans-Serif;
	margin: 0px 0px 0px 0px;	
	width: 205px;
}

ul#vert-menu a
{
	color: #b7b7b7;
	text-decoration: none;
}

ul#vert-menu li
{
	background-color: #555555;
	border: 1px solid #666666;
	list-style-type: none;
	margin-left: -30px;
	padding: 14px;
}

ul#vert-menu li a:hover
{
	color: white;
}

ul#vert-menu li#active
{
	background-color: #960514 !important;
}

/* Submenus */

ul#sub-vert-menu
{
	margin-left: -40px;
}

ul#sub-vert-menu li
{
	background-color: #333333;
}

ul#sub-vert-menu li a
{
	margin-left: 20px;
}

/**********End Vertical menu**********/

h1
{
	color: #c1071c; 
	font-family: Arial,Sans-Serif;
	font-size: 40px;
	margin-bottom: 0px;
	margin-top: 0px;
}

h2
{
	color: white;
	font-family: Arial,Sans-Serif;
	font-size: 16px;
	margin: 20px 0px 0px 0px;
}

p
{
	font-family: Arial,Sans-Serif;
	font-size: 20px;
}

input
{
	border-width: 2px;
	font-family: Arial,Sans-Serif;
	font-size: 14px;
}

#website-by
{
	color: black;
	font-family: Comic Sans MS;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px 0px 0px 75px;
}

.img-products
{
	border: 0px solid;
}
