/* General styles */
    html, body {
	margin: 0;
	padding: 0;
	border: 0px none; /* This removes the border around the viewport in old versions of IE */
	background: #fff;
	text-align: center;
	font-size: 90%;
	font-family: Arial;
}

/* Navigation */
ul.categories { padding: 0; margin: 5px; list-style-type: none; }
.level1 { font-family: arial; font-size: 10pt; font-weight: bold; margin-top: 10px; list-style-type: none;}
.level2 { font-family: arial; font-size: 10pt; list-style-type: none; margin-left: 5px; padding: 0;}
.level2_selected { font-weight: bold; font-family: arial; font-size: 10pt; list-style-type: none; margin-left: 5px; padding: 0;}

	img {
		margin:0px 0 0px;
		padding: 0;
	}

	a {
	color: #336699;
	text-decoration: none;
}

	a:hover {
	color: #fff;
	background: #369;
	text-decoration: none;
	}

    h1, h2, h3 {
	 margin:0;
	 padding: 0;
    }

    p {
   	  margin:0px 0 0px 0; 
        padding:0;
		  font: arial;
		  font-size: 1em;
    }
	
div#page-container{
	margin: auto;
	width: 780px;
	background-color: #FFFFF0;
	text-align: left;
	border-right: #003399 solid 0px;
	border-left: 0px solid #003399;
}
	
	/* Header styles */
    #header {
	clear: both;
	float: left;
	width: 780px;
	background-color: White;
}
	#header {
	border-bottom: 0px solid Yellow;
}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#header ul {
	    clear:left;
	    float:left;
	    width:780px;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 3px 10px;
	text-align: center;
	background: white;
	color: Maroon;
	font-family: arial;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	left: 15px;
	line-height: 1.3em;
}
	#header ul li a:hover {
	background: Maroon;
	color: #fff;
}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:white;
	    background:Maroon;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
	clear: both;
	background: white;
	border-top: 0px solid black;
	margin: 0px;
	padding: 6px 15px !important;
	text-align: right;
	line-height: 20px;
}

	#layoutdims a{
}
	/* column container */
	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:780px;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:780px;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:10px 0 10px 0;	/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	/* IMPORTANT: DO NOT DEFINE PADDINGS OR MARGINS FOR CONTENT BOXES IN THIS SECTION*/
	/* GO TO THE "MID COL BOXES" SECTION BELOW AND DEFINE MARGINS THERE*/	
	.threecol {
		background:WHITE;		/* right column background colour */
	}
	.threecol .colmid {
		right:190px;				/* width of the right column */
		background:white;		/* center column background colour */
	}
	.threecol .colleft {
		right:400px;				/* width of the middle column */
		background:white;		/* left column background colour */
	}

	.threecol .col1 {
		width:400px;				/* width of center column content */
		left:780px;				/* 100% */
	}
	.threecol .col2 {
		width:190px;				/* Width of left column content */
		left:190px;				/* width of right column */
	}
	.threecol .col3 {
		width:190px;				/* Width of right column content */
		left:590px;				/* 100% Minus left column width */
	}	
	

	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:780px;
		border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
	 



/*  middle col content box with borders */

div#middle_content_box {
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid white;
	color: black;
}

div#left_content_box {
	margin-left: 10px;
	margin-right: 10px;
	background-color: ;
	border: 0px solid white;
}

div#right_content_box {
	margin-left: 10px;
	margin-right: 10px;
	background-color: ;
	border: 0px solid white;
}

/* Category - Product List - table inner boxes of middle content box */
div#inner_col_1 {
	float: left;
	width: 110px;
	height: 115px;
	background: white;
	border-bottom: 1px solid gray;
}

div#inner_col_1 a:hover {
	background: none;
}

div#inner_col_2 {
	float: left;
	width: 172px;
	height: 115px;
	margin-left: 0px;
	background: pink;
	border-bottom: 1px solid gray;
}

div#inner_col_3 {
	float: left;
	width: 75px;
	height: 115px;
	margin-left: 0px;
	background: yellow;
	border-bottom: 1px solid gray;
	text-align: center;
}

/* Specific Heading and paragraph Settings */
h2.inner_col_2 {
 font-size: 14px;
 font-weight: bold;
}


#middle_content_box h1 {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
}

#middle_content_box p {
	text-align: left;
   font-family: arial;
	font-size: 11px;
	line-height: 14px;
}

#right_content_box h3 {
    margin:0;
	 text-align: center;
}

#inner_col_2 h2 {
    padding:.4em 15px 0 15px;
    margin:0;
	 text-align: center;
	 font-family: Arial, Helvetica, sans-serif;
}

#inner_col_3 h2 {
	margin: 0;
	margin-top: 15px;
	font: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

div#breadcrumb {
	font-size: 87%;
	 font-family: arial;	
}

/* side boxes for pupular items and new arrivals random picks*/
.side_box {
	
	background-color: Lime;
}