body {
	margin:			0px auto;
	padding:		0;
	background-color: #efefef;
	text-align:		center;
	}

#main {
	width:			100%;
	margin:			0 auto;
	padding:		0;
	background: 	#efefef url('images/bg-main.jpg') repeat-y center;
	}


#top {
	width:			780px;
	height:			110px;
	margin:			0 auto;
	padding:		0;
	border-top:		3px solid #00AEEF;
	background-color: #fff; 
	}

#middle {
	width:			780px;
	margin:			0 auto;
	padding:		0;
	clear:			both;
	}

#top-left {
	width:			266px;
	height:			60px;
	float:			left;
	background: 	#fff url('images/mexicomedi-logo2.jpg') no-repeat top left;
	margin:			0;
	border:			0px solid #ff0000;
	padding:		0;
	}

#top-middle {
	width:			289px;
	height:			60px;
	background-color: #fff; 
	border:			0px none;
	float:			left;
	margin:			0;
	padding:		0;
	}

#top-right {
	width:			215px;
	height:			60px;
	background-color: #fff; 
	border:			0px none;
	float:			right;
	margin:			0;
	padding:		0;
	text-align:right;
	}

p.phone {
	color: 			#000;
    font:			bold 14px/19px arial,helvetica,sans-serif;
	text-align:		center;
    letter-spacing:	.05em;
    margin:			23px 0px 0px 0px;
	padding:		0;
	}

#navbar {
	width:			780px;
	height:			52px;
	background: 	#ffffff url('images/bg2.jpg') repeat-x left top; 
	border-top:		2px solid #00aeef;
	float:			left;
	margin:			0;
	padding:		0;
	clear:			both;
	}

#navbar table {
	width:			478px;
	height:			49px;
	margin:			0 auto;
	border:			0px none;
	}

#navbar td {
	height:			49px;
	margin:			0;
	padding:		0;
	border:			0px none;
	}

#navbar a, #navbar a:hover {
	text-decoration:none;
	border:			0px none;
	}

#main-left {
	background-color:#ffffff;
	width:			195px;
	padding:		0px;
	margin:			0px;
	float:			left;
	}

#main-right {
	background-color:#ffffff;
	width:			570px;
	margin:			0;
	padding:		0px;
	float:			right;
	}

#table-categories {
	width:			175px;
	margin:			0 auto;
	padding:		0;
	}

#search {
	width:			175px;
	margin:			10px auto 0 auto;
	padding:		0;
	}

#search table {
	width:			175px;
	border:			0px none;
	}

#search td {
	width:			175px;
	height:			30px;
	}

#search td.left {
	width:			105px;
	height:			50px;
	margin:			0;
	padding:		0;
	}

#search td.right {
	width:			70px;
	height:			50px;
	margin:			0;
	padding:		0;
	}

#search input {
 	color: 			#00aeef; 
	font:			11px verdana,arial,helvetica,sans-serif;
 	border: 		1px solid #afafaf; 
	background-color: #fff;
	text-align: 	left;
	margin:			0 0 5px 10px;
	padding-left:	3px;
	}
 	
#search input.button {
 	color: 			#ffffff; 
	font:			11px "arial narrow",helvetica,sans-serif;
 	border: 		0px none; 
	background-color: #00aeef;
	text-transform:	uppercase;
	text-align:		center;
	margin:			0;
	padding:		2px;
	float:			left;
	}
 	
#search a, #search a:hover {
	color: 			#00aeef;
	font: 			12px "arial narrow",helvetica,sans-serif;
	text-decoration: none;
	border-bottom: 	solid #00aeef 1px;
	margin:			0;
	padding:		0 3px 0 0;
	text-align:		right;
	}

#search p {
	padding:		0 7px 0 0;
	text-align:		right;
	}

#search a:hover {
	color: 			#97d3ec;
	border-bottom: 	solid #97d3ec 1px;
	}
	
#categories-head {
	width:			175px;
	height:			30px;
	text-align:		center;
	background: 	url('images/box-bg.gif') repeat-x top left;
	color: 			#fff;
	font:			bold 13px verdana,helvetica,sans-serif;
	margin:			0 auto;
	padding:		7px 0 0 0;
	}

#categories-list {
	width:			175px;
	background: 	#f9f9f9;
	margin:		0 0 15px 0;
	text-align:		left; 
	border: 		1px solid #e6e6e6;
}

#categories-list ul {
	list-style:		none;
	color:			#343334; 
	padding:		0;
	margin:			5px 0 0px 0px; 
}

#categories-list li {
	background:		url('images/bullet1.gif') no-repeat 0 .2em; 
	margin:			0;
<!--	padding:		0 3px 5px .9em; -->
	padding:		0 3px 10px 0px;
		font: 		10px/12px verdana, helvetica, sans-serif;
	}

a.categories, a.categories:hover {
	color: 			#00aeef;
	text-decoration: none;
	border:			0px none;
	text-align:		left; 
	font: 			bold 10px/15px verdana, helvetica, sans-serif;
	}

a.categories:hover {
	color: 			#97d3ec;
	}

#categories-list li a, #categories-list li a:hover {
	color: 			#00aeef;
	text-decoration: none;
	border:			0px none;
	text-align:		left; 
	padding:0;
	font: 			bold italic 10px/15px verdana, helvetica, sans-serif;
	}

#categories-list li a:hover {
	color: 			#97d3ec;
	}

.categories-list a, .categories-list a:hover {
	color: 			#00aeef;
	text-decoration: none;
	border:			0px none;
	text-align:		left; 
	padding:0;
	margin:0;
	font: 			bold italic 10px/15px verdana, helvetica, sans-serif;
	}

.categories-list a:hover {
	color: 			#97d3ec;
	}

#content {
	width:			550px;
	margin:			10px 10px 10px 10px;
	padding:		0px 0px;
	float:			right;
	border:			1px solid #00aeef;
	}

#content h1, h1 {
	color: 			#00aeef;
	font:			italic 19px/30px verdana,helvetica,sans-serif;
	font-weight:normal;
	text-align:		right;
	padding:		20px 25px 10px 0px;
    margin:			0;
	}

#content p, p {
	color: 			#343334;
	font:			11px/17px verdana,arial,helvetica,sans-serif;
	text-align: 	left;
    padding:		15px 35px 0 30px;
    margin:			0;
	}

#content a, #content a:hover, a, a:hover {
	color: 			#00aeef;
	font:			bold 11px verdana,arial,helvetica,sans-serif;
	text-decoration: none;
	border:0px 		none;
	}

#content a:hover, a:hover {
	color: 			#97d3ec;
	}
	
#content p.note, p.note {
	color: 			#343334;
	font:			11px/14px arial,helvetica,sans-serif;
	text-align: 	center;
    margin:			0px;
	}

#form {
	width:			500px;
	border:			0px none;
	margin:			0px auto;
	padding:		10px;
	border: 1px solid #E6E6E6;
	background-color:#f9f9f9;
	}

#form td.left {
	width:			200px;
	height:			40px;
	font:			11px verdana,arial,helvetica,sans-serif;
	color: 			#343334;
	text-align:		right;
	padding-right:	4px;
}

#form td.right {
	width:			300px;
	height:			40px;
	font:			11px verdana,arial,helvetica,sans-serif;
	color: 			#343334;
	text-align:		right;
}

#form input, #form textarea, #form select {
 	color: 			#00aeef; 
	font:			11px verdana,arial,helvetica,sans-serif;
 	border: 		1px solid #afafaf; 
	background-color: #fff;
	text-align: 	left;
	float:			left;
	margin:			0 0 0px 0px;
	padding-left:	3px;
	}
 	
#form input.button {
 	color: 			#ffffff; 
	font:			11px "arial narrow",helvetica,sans-serif;
 	border: 		0px none; 
	background-color: #00aeef;
	text-transform:	uppercase;
	text-align:		center;
	margin:			10px auto 0 auto;
	padding:		2px;
	float:			none;
	}
 	
#footer  { 
	width:			780px; 
	height:			70px; 
	margin:			20px auto 0px auto; 
	padding:		0;
	}
	
#footer td  { 
	background:		url('images/bg1d.jpg') repeat-x top left;
	}
	
#footer p.copyright  { 
	color: 			#343334;
    font:			10px/13px arial,helvetica,sans-serif;
	text-align: 	center;
	padding:		10px 0 14px 0;
	margin:			0;
	}
	
#footer ul { 
	margin:			10px 0 0 0;
	padding:0;  
	text-align:		center; 
	}
	
#footer li { 
	display:		inline; 
	list-style:		none; 
	padding:		0 15px 0 0; 
	margin:			0; 
	font:			9px/18px verdana, helvetica,sans-serif;
	color: 			#e0e0e0;
	}
	
#footer li a, #footer li a:hover { 
	color: 			#00aeef;
	font:			bold 9px/18px verdana, helvetica,sans-serif;
	text-transform:	uppercase;
	text-decoration: none;
	border-bottom:	0px;
	}

#footer li a:hover { 
	color: 			#afe1f8;
	}
	
#main-bottom {
	width:			800px;
	height:			50px;
	clear:			both; 
	margin:			0 auto;
	padding:		0;
	background:		#efefef url('images/shadow-bottom.jpg') no-repeat top center; 
}

#content ol {
	list-style:		none;
	color:			#343334; 
	padding:		0;
	margin:			5px 0 20px 20px; 
}

#content li {
	color: 			#00aeef;
	margin:		0; 
	padding:			0 0 0 40px;
	font: 			bold 11px/18px verdana, helvetica, sans-serif;
	text-align:		left; 
	}

#content li a, #content li a:hover {
	color: 			#00aeef;
	text-decoration: none;
	border:			0px none;
	text-align:		left; 
	font: 			bold 11px/18px verdana, helvetica, sans-serif;
	margin:		0; 
	padding:		0;
	}

#content li a:hover {
	color: 			#97d3ec;
	}


#content p.back {
	text-align:center;
    margin:10px 0;
    padding:0;
    font:10px/18px verdana,helvetica,sans-serif;
}

#content a.back {
    color: #00aeef;
	font:italic 10px/18px verdana,helvetica,sans-serif;
	border-bottom: dotted #00aeef 0px;
}

#content a.back:hover {
	color: #97d3ec;
	font: italic 10px/18px verdana,helvetica,sans-serif;
	border-bottom: solid #97d3ec 0px;
}

hr {margin:0px 30px 10px 30px; color:#e6e6e6; align:center; width:500px;}

.maintable {
width:530px;
border: 1px solid #97D3EC;
margin:3px 10px 0px 10px;
padding:0px 30px 0 10px;
float:right;
}

.main {
border: 1px solid #97D3EC;
margin:7px 5px 0px 0px;
padding:0px;
float:right;
width:560px; /* this is the width of the main product box with blue border on it */
}

.product_info {
width:540px;
border: 0px solid #ff0000;
margin:2px 10px 0px 0px;
padding:0px;
float:right;
}

.main h1, .product_info h1 {
	color: 			#00aeef;
	font:			bold 13px/18px verdana,arial,helvetica,sans-serif;
	text-align: 	center;
    margin:			0px auto;
    padding:		15px 10px;
	}

.main p, .product_info p {
	color: 			#343334;
	font:			normal 11px/17px verdana,arial,helvetica,sans-serif;
	text-align: 	left;
    margin:			0px 0px 15px 0px;
    padding:0 15px;
	}

.main a, .main a:hover, .product_info a, .product_info a:hover {
	color: 			#00AEEF;
	font:			bold 11px verdana,arial,helvetica,sans-serif;
	text-decoration: none;
	border:			0px none;
	}

.main a:hover, product_info a:hover {
	color: 			#AFE1F8;
	}
	
.main ul, product_info ul {
	list-style:		none;
	color:			#343334; 
	padding:		0;
	margin:			5px 0 0px 20px; 
}

.main li, product_info li {
	background:		url('images/bullet1.gif') no-repeat 0 .2em; 
	margin:			0;
	padding:		0 10px 10px 10px;
		font: 		11px/17px verdana, helvetica, sans-serif;
	}