@charset "utf-8";
/* CSS Document */

html,body{

	margin:0;
	padding:0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}

a{
	color: #981793;

}
div#container{
	width:950px;
	margin:0 auto;
	text-align:left;
	padding: 0px 10px;
	background-image:url(../images/bg_wrapper.jpg);
	background-position:center;
	background-repeat:repeat-y;
}



div#header{
	height:90px;
	width: 950px;
	background-position: top-right;
	text-align: right;
	vertical-align: top;
	background-repeat: no-repeat;
	background-image: url(../../images/cc_logo_header.gif);
}

div#header_content{
	background-position: top-right;
	background-repeat: no-repeat;

}

.text_shopping {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003399;
	text-align: right;
}
.text_shopping a{
	text-decoration:underline;
	color: #003399;
}
.text_shopping a:hover{
	text-decoration:none;
	color: #003399;
}

.text_login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #003399;
	text-align: right;
}

.text_login a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #003399;
	text-align: right;
	text-decoration:none;
}


.text_login a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #003399;
	text-align: right;
	text-decoration:underline;
}

.textHeaderBlue {
	color: #333399;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

div#top_bar{
	height:175px;
	width: 950px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	background-color: #0099FF;
}

div#top_navbar{
	height:30px;
	width: 950px;
	background-image: url(../../images/top_nav_bar.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 13px;
	padding: 0px;
}
div#wrapper{
	float:left;
	width:100%;
}
div#content{
	margin: 0px 50px 0px 222px;
}

div#contentShopInternal{
	margin: 0px 0px 0px 222px;
	/* border:#00FF00 solid 1px; */
}
div#sale_items{
	float:left;
	width:188px;
	margin-left:-188px;

}
div#left_menu{
	float: left;
	width: 196px;
	margin-left:-950px;

}

.text_search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-bottom: 14px;
}

.text_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-bottom: 14px;
}


div#search{
	clear:left;
	width:950px;
	background-color: #FFCC00;
	height:42px;
	background-image: url(../../images/search_bkground.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top:10px;
}

.txtProdID {
	color: #0099CC;
	font-weight: bold;
	font-size: 14px;
}

.txtProdID a{
	text-decoration:none;
	color: #0099CC;
	font-weight: bold;
	font-size: 14px;
}

.txtProdID a:hover{
	text-decoration:none;
	color: #0099CC;
	font-weight: bold;
	font-size: 14px;
}

.txtShopBreadcrumbs {
	font-weight:bold;
	color: #FFFFFF;
	font-size: 10px;
	text-transform:uppercase;
}
.txtShopBreadcrumbs a{
	text-decoration:underline;	
	color: #FFFFFF;
	
}
.txtShopBreadcrumbs a:hover{
	text-decoration:none;
	color: #FFFFFF;
	
}

.YellowBold {
	font-family: Arial, 'Helvetica', sans-serif;
	font-size: 14px;
	color: #e9bc00;
	text-decoration:none;
	margin-top:10px;
}
.YellowBold a {
	font-family: Arial, 'Helvetica', sans-serif;
	font-size: 14px;
	color: #e9bc00;
	text-decoration:none;
	margin-top:10px;
}
.YellowBold a : hover{
	font-family: Arial, 'Helvetica', sans-serif;
	font-size: 14px;
	color: #e9bc00;
	text-decoration:none;
	margin-top:10px;
}


/* left menu styles */

#s1{
	padding-bottom:25px;
	font-family: Helvetica, Arial, sans-serif
}

#s1 ul{
	font-size:14px;
	list-style-image: none;/* get rid of the bullets */
	list-style-type: none;
	padding: 0;
	margin: 0;
	color:#FFFFFF;

	}
		
#s1 ul li{
	color:#FFFFFF;
	display:block;


	}
		
#s1 ul li ul li{
    background-image:url(../new_images/arrows.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	padding-left: 0px;
	padding-bottom:0px;
	padding-top:3px;
	font-weight:normal;
	display:block;

	}
	
/*Expand and collapses*/
	
div#s1 li ul, div#s1 li.open li.closed ul {

    display:    none;  /*  use "  block; "  to collapse these buttons. this is the style to make the sub navigation appear.  */

}
div#s1 li.open ul {

    display: block;        /* expand */

}


/*Link Styles*/

div#s1 ul li a {
	display: block; /* lines extend to right, make area clickable */
	color:#FFFFFF;
	padding: 0;
	margin: 0;
	text-decoration: none;
	letter-spacing:normal;
	padding:0px 2px 0px 10px;
	text-transform:uppercase;
	font-weight:bold;
	
}

div#s1 ul ul li a {
    margin-left: 0px;     /* indent level 1 */
/*	padding:-2px 0px -2px 0px;*/
	text-transform:lowercase;
	font-weight:normal;	
}

div#s1 ul li a:hover {
    color: #e9bc00;  
    background-color: #FFF; /* rollover effect */
}

div#s1 ul li ul li a:hover {
	color:#e9bc00;
	display:block;
	background:none;
 /* rollover effect */
	background-color:#FFFFFF;
	}


div#s1 li.active a {
	color:#e9bc00;          /* highlight text */
	font-weight: bold;
	background-color:#FFFFFF;
} 

div#s1 li.active li a {
	color:#FFFFFF;
	background: transparent;     /* fix lower levels */
}

div#s1 li.active li a:hover {
	color:#e9bc00;        /* fix lower levels */
}


/*end menu styles*/


