body {
	background-color: #33013D;
	background-image: url(images/pagebg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	line-height:15px;
	background-attachment:fixed;
}
.main{
	height="100%";
	background-color: #ffffff;
	background-image: url(images/top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.maintable {
	background-color: #FFFFFF;
	
    width:807;
    min-height:360px;
height:360px;
    border-width: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}
/*============================== Header ==============================*/
#header-top {
	width:100%;
	height:436px;
	top: 0px;
	left: 0px;
	background: #FFFFFF ;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.box1 {
	border:0px solid #D3D356; background-image: url('');
	background-repeat: repeat-x;
	background-position: center top
}
div.title-item {
	
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	color: #505050;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	text-transform: normal;
}
div.content-item {
	
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 11px 2px;
	color: #5C5454;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform: normal;
	text-align: justify;
}
div.price-item {
	
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 15px 2px;
	color: #F5583C;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-transform: normal;
}
/*===========================Main Content=================================*/
#main {
	background-image: url(images/line.gif);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	width: 100%;
	height: auto;
	margin: 40 0 40 0;
	padding: 0 20 0 20;
	
	
}

div.title-main {
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 14px 0px;
	color: #175278;
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	text-transform: normal;
}

div.wrap-main {
	width: auto;
	height: auto;
	margin: 0px 0px 0px -17px;
	padding: 0px 2px 0px 0px;
	}
div.item-main {
	line-height: 1 em;
	background-color: #ffffff;
	float: left;
	width: 150px;
	height: 150px;
	margin: 12px 0px 0px 17px ;
	padding: 0px 0px 0px 0px;
}
div.item-main2 {
	line-height: 1 em;
	background-color: #ffffff;
	float: left;
	width: 317px;
	height: 192px;
	margin: 12px 0px 0px 17px ;
	padding: 10px 10px 10px 10px;
}
div.item-main-description {
	
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 8px 1px;
	color: #505050;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform: normal;
}
div.item-main-price {
	
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px ;
	padding: 0px 2px 2px 2px;
	color: #F5583C;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
div.item-main-text {
	
	width: auto;
	height: auto;
	margin: 0px 0px -5px 0px ;
	padding: 0px 0px 0px 4px;
	color: #767676;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-transform: normal;
}
/*============================================================*/

.box2 {
	width:227;
	background-color: #C80700;
	background-image: url(images/box2.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.box3 {
	width:227;
	background-color: #D70A00;
	background-image: url(images/box3.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.box4 {
	width:227;
	background-color: #E70F01;
	background-image: url(images/box4.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.bar{
	background-image: url(images/bar-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	text-transform: normal;
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	padding: 0 0 0 22;
}
.footer{
	color: #ffffff;
	background-image: url(images/footer.gif);
	background-repeat: repeat-x;
	background-position: top ;
	padding: 0 0 0 0;
	height: 46px;
	}
.footer2{
	vertical-align: middle;
	color: #7F338E;
	font-family: Arial;
	font-size: 11px;
	padding: 4 0 0 18 ;
	line-height:17px;
	height: 36px;
	}
.arial11 {
	font-family: Arial;
	font-size: 11px;
	
}
.arial12 {
	font-family: Arial;
	font-size: 12px;
}
.arial13 {
	font-family: Arial;
	font-size: 13px;
}
.arial10 {
	font-family: Arial;
	font-size: 10px;
}
.arail11bold {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}
.arial12bold {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
.arial13bold {
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

.verdana11{
	font-family: Verdana;
	font-size: 11px;
}
.verdana11bold {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}
.logo {
	font-family: Arial Black;
	font-size: 44px;
	font-weight: bold;
}
.tahoma13bold {
	color: #ffffff;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
}
h1{

	color: #000000;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	margin: 0 4 7 0;
}
h2{

	color: #000000;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	margin: 15 4 0 0;
}
.title {
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.text {
	padding-top:14px;
	color: #F3F3F3;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform: normal;
}
.side-menu {
	color: #454545;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-transform: normal;
	}
.item {
	line-height: 90%;
	margin: 0 0 0 35;
	}
	
.item2 {
	line-height: 102%;
	margin:0 30 0 14;
	}
.item-title {
	padding-top:4px;
	padding-bottom:4px;
	color: #000000;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	text-transform: normal;
}
.item-title1 {
	padding-top:4px;
	color: #147804;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	text-transform: normal;
	line-height: 120%;
}
.item-title2 {
	padding-top:4px;
	color: #0D5901;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	text-transform: normal;
	line-height: 93%;
}
.item-content{
	color: #191919;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform: normal;
	padding: 20 0 0 0;
}
.item-content1{
	color: #565656;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	text-transform: normal;
	margin-right: 8px;
}
.item-price{
	color: #FF0000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
A:link { text-decoration: underline; color: #DD127B; }
A:visited {text-decoration: underline; color: #DD127B; }
A:hover {text-decoration: none; color: #7F338E; }
A:active {text-decoration: underline; color: #DD127B; }

A.s1:link { text-decoration: none;font-weight: normal; color: #535152;text-transform: normal; }
A.s1:visited {text-decoration: none;font-weight: normal; color: #535152;text-transform: normal;  }
A.s1:hover {text-decoration: none; color:font-weight: normal; color:#DD127B;text-transform: normal;  }
A.s1:active {text-decoration: none;font-weight: normal; color: #ffffff535152text-transform: normal;  }

A.s2:link { text-decoration: none; color: #FFCCCC; }
A.s2:visited {text-decoration: none; color: #FFCCCC; }
A.s2:hover {text-decoration: none; color: #BD2F13; }
A.s2:active {text-decoration: none; color: #FFCCCC; }

A.s3:link { text-decoration: underline; color: #97B8C8; }
A.s3:visited {text-decoration: underline; color: #97B8C8; }
A.s3:hover {text-decoration: underline; color: #175278; }
A.s3:active {text-decoration: underline; color: #97B8C8; }

A.s4:link { text-decoration: underline; color: #FFFFFF; }
A.s4:visited {text-decoration: underline; color: #FFFFFF; }
A.s4:hover {text-decoration: none; color: #08D558; }
A.s4:active {text-decoration: underline; color: #FFFFFF; }

A.cart:link { text-decoration: underline; color: #9D9D26; }
A.cart:visited {text-decoration: underline; color: #9D9D26; }
A.cart:hover {text-decoration: none; color: #594C44; }
A.cart:active {text-decoration: underline; color: #9D9D26; }

A.menu:link { display:table-cell;text-decoration: none; color: #000000; padding:10 10 10 10;font-family: verdana;font-size: 11px;font-weight: normal;text-transform: normal; }
A.menu:visited {display:table-cell;text-decoration: none; color: #000000;  padding:10 10 10 10;font-family: verdana;font-size: 11px;font-weight: normal;text-transform: normal;}
A.menu:hover {display:table-cell;text-decoration: none; color: #ffffff;background-color: #000000; padding:10 10 10 10;font-family: verdana;font-size: 11px;font-weight: normal;text-transform: normal;  }
A.menu:active {display:table-cell;text-decoration: none; color: #ffffff; padding:10 10 10 10;font-family: verdana;font-size: 11px;font-weight: normal;text-transform: normal;}

A.side:link { display:block;text-decoration: underline; color: #767676; padding:4 2 4 2; }
A.side:visited {display:block;text-decoration: underline; color: #767676;  padding:4 2 4 2;}
A.side:hover {display:block;text-decoration: none; color: #000000;background-color: #D3D356; padding:4 2 4 2;  }
A.side:active {display:block;text-decoration: none; color: #000000; padding:4 2 4 2;}

A.btn:link { text-decoration: none; color: #1275AC;  padding:0px;font-family: Tahoma;font-size: 11px;font-weight: normal;text-transform: normal; }
A.btn:visited {text-decoration: none; color: #1275AC;  padding:0px;font-family: Tahoma;font-size: 11px;font-weight: normal;text-transform: normal;}
A.btn:hover {text-decoration: none; color: #848484;  ;background-repeat: repeat; padding:0px;font-family: Tahoma;font-size: 11px;font-weight: normal;text-transform: normal;  }
A.btn:active {text-decoration: none; color: #1275AC;  padding:0px;font-family: Tahoma;font-size: 11px;font-weight: normal;text-transform: normal;}

A.btnx:link { text-decoration: none; color: #FFFFFF; background-color: #1275AC; padding:5px;font-family: Tahoma;font-size: 10px;font-weight: normal;text-transform: normal; }
A.btnx:visited {text-decoration: none; color: #FFFFFF; background-color: #1275AC; padding:5px;font-family: Tahoma;font-size: 10px;font-weight: normal;text-transform: normal;}
A.btnx:hover {text-decoration: none; color: #DCDCDC; background-color: #848484; ;background-repeat: repeat; padding:5px;font-family: Tahoma;font-size: 10px;font-weight: normal;text-transform: normal;  }
A.btnx:active {text-decoration: none; color: #FFFFFF; background-color: #0A689D; padding:5px;font-family: Tahoma;font-size: 10px;font-weight: normal;text-transform: normal;}


a.squarebutton{
background: transparent url('images/bu1x.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
font-weight: bold;
color: #F0EAEA;
line-height: 19px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 27px; /* Height of button background height */
padding-left: 15px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #F0EAEA; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/but1.gif') no-repeat top right;
display: block;
padding: 4px 15px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.squarebutton2{
background: transparent url('images/bu2x.gif') no-repeat top left;
display: block;
float: left;
font: normal 11px Arial; /* Change 12px as desired */

color: #ffffff;
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 18px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton2, a:visited.squarebutton2, a:active.squarebutton{
color: #ffffff; /*button text color*/
}

a.squarebutton2 span{
background: transparent url('images/but2.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton2:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton2:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}
#sidebar-a {
	float: left;
	width: 280px;
	line-height: 18px;

}
#sidebar-a .padding {
	padding: 10px 18px;
}

#sidebar-a .sideNav { width: 250px;}

#sidebar-a .sideNav dt { border-bottom: 1px solid #ddd; width: 250px;}

#sidebar-a .sideNav dt a {
	display: block;
	color: #646464;
	background: #e6ffff;
	text-decoration: none;
	height: 29px;
	line-height: 29px;
	padding: 0 19px;
	width: 212px;
}

#sidebar-a .sideNav dt a:hover { background: #E4E4E4; width:212px; }
