/* CSS Document */

/*///////////////// Set the background and page margins ///////////////*/

body {
	background: #000000;
	margin: 40px 0 40px 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}


img {
	border: none;
	}

/*///////////////// Clear all standard margins and padding ///////////////*/

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


/*///////////////// Link Styles ///////////////*/

a {
	color: #000000;
	}

a:hover {
	text-decoration: none;
	}

/*///////////////// Container wraps around the entire page ///////////////*/

#container {
	margin: 0px auto;
	text-align: left;
	width: 990px;
	background: #000000 url(../images/menu_background.gif) left repeat-y;
	}

/*///////////////// Header Styles ///////////////*/

#header {
	height: 185px;
	background: #ffffcc;
	clear: both;
	border-bottom: 10px solid #333333;
	background: #333333 url(../images/header.jpg);
	}

/*	Places Link over the Carroll Rehma Logo */

#carroll_rehma a {
	text-indent: -99999px;
	text-decoration:none;
	position: absolute;
	height: 150px;
	width: 220px;
	top: 48px;
	margin-left: 435px;
/*	border: 1px solid #ffffff; */
	}

#carroll_rehma h2 {
	font-size: 2pt;
}

/*	Moves phone #, slogan, city out of view */

#header_slogan_contact {
	text-indent: -99999px;
	}
/*///////////////// Menu Styles ///////////////*/

#menu_container {
	width: 180px;
	float: left;
	color: #ffffff;
	text-align: center;
	padding: 3px 0 10px 0;
	background: #5B0A0A;

	}

	#menu_container a {
		color: #ffffff;
	}
		#menu_container a:hover {
		color: #FF7F00;
	}

.replace {
	display: none;
	}

/*///////////////// Main Menu Styles & Flyout CSS controls ///////////////*/

#main_menu {
	text-transform: uppercase;
}

	#main_menu ul { /* lists in main menu */
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
	
	#main_menu li { /* list items in main menu */
		position: relative;
		padding: 0px;
		margin: 0px;
	}
	
	#main_menu li ul { /* second-level lists */
		display: none;
		position: absolute;
		top: 0;
		left: 175px;
		background: #c71d22;
		width: 250px;
		text-indent: 0px;
		padding: 0px 0px 0px 0px; 
		border-top: 3px solid #5B0A0A;
		border-bottom: 3px solid #5B0A0A;
	}
	
	#main_menu li:hover ul, #main_menu li.over ul { /* lists nested under hovered list items */
		display: block;
	}

/* For special menu links like accessory catalog etc. */
	#sub_menu ul {
		color: #ffffff;
		list-style: none;
	}

	#copyright_menu ul {
		font-size: 75%;
		padding: 10px 0 10px 0;
		color: #ffffff;
		list-style: none;
	}

/*///////////////// Clear a <br /> Character ///////////////*/

.clear { 
	clear:both;
	height:0;
	 }
	

/*///////////////// Main Content Styles ///////////////*/


#main_content_container {
	width: 810px;
	float: left;
	background: #ffffff url(../images/main_content_corner.gif) bottom right no-repeat;
	display: inline-block
	}

/*///////////////// Featured Product Styles ///////////////*/
	
	#feature_container {
		background: #333333;
		padding: 0 0 0 0px;
		float: left;
		width: 810px;
	}

/*///////////////// Main Content Styles ///////////////*/

#main_content {
	float: left;
	padding: 10px 0 0 20px;
	width: 780px;
	}


	
	h1 { /*By making the text 1px tall, we effectively hide it, while keeping the markup semantically correct */
		font-size:1px;
		color: #ffcc00;
		background: #ffcc00;
		padding: 10px 0 10px 20px;
	}

	/*Adjust remaining tags as needed.*/
	#main_content h2 {
	font-weight: normal;
	color: #000000;

	}

	#main_content h3 {
	
	}
	
	#main_content h4 {
	
	}
	
	#main_content h5 {
	
	}	
	
	#main_content h6 {
	
	}
	
	#main_content p {
	padding: 0 20px 10px 0px;
	}

/*///////////////// Left and Right Column Styles ///////////////*/


#left_column {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 44%;
	}

#right_column {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 55%;
	}


#left_column p, #right_column p {
	}

		#left_column ul, #right_column ul {
			list-style: none;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		#left_column ul, #right_column li {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 12px 0px;
		}

/* Float an image to the left */
		
.left_float_image {
	float: left;
	border: none;
	padding: 0 10px 5px 0; 
}

/* Float an image to the right */

.right_float_image {
	float: left;
	border: none;
	padding: 0 0 5px 10;
}

/*///////////////// Special Offers Box Styles ///////////////*/

/* Contains the blue special offer container */

#special_offer_container {

	}

#special_offer_container h3 {
	font-size: 100%;
	font-weight: normal;
}

/* The top div background image is 400px tall allowing for more than one special offer to be inserted (just in case) */

#special_offer_top {
	background: url(../images/special_offers_box/special_offers_box_top.gif) top left no-repeat;
	padding: 15px 10px 10px 15px;
	}

#special_offer_bottom {
	background: url(../images/special_offers_box/special_offers_box_bottom.gif) bottom left no-repeat;
	padding: 0 10px 20px 15px;
	margin-bottom: 5px;
	}

#footer {
	clear: both;
	background: #000000;
}