/* CSS Document */
/* sitewide styles */
BODY {
	margin:5px 20px; font-family: Arial, Helvetica, sans-serif; font-size:0.8em; color:#444; background:url(../images/sc_bg.jpg) }
HR {
	height:1px; color:#CCC; background:#CCC }
P {
	text-align:justify }
DEL {
	color: #C00 }
A.body {
	text-decoration:none; border-bottom:1px dotted #666; color:#666}
A.plink {
	color: #333; text-decoration:none; }
A.plink:hover {
	color: #FFF; }
#main-div{
	width:920px; background:#FFF; text-align:left; background:url(../images/bg-white.jpg) repeat-y }
#body-container {
	background:#EFBDF0; margin:0 11px }
#body {
	padding:3px; margin-left:220px; minn-height:400px; background:#FFF }
#ajaxProcess {
	display:none;width:150px; left:45%; top:95%; height:20px; background: #F90; position:fixed; padding:10px; text-align:center;
	color:#000; z-index:99999 }
.borderless {
	border:0px }
.error-field {
	border:1px solid red !important}
.feedback {
	display:none; padding:3px; margin:5px 0px; width:300px   }
.msgBox {
	border: 2px solid #FC0; padding: 7px; padding-left: 15px; background: #FFC; }
.errorBox {
	border: 2px solid #F00; padding: 7px; padding-left: 15px; background: #FFC;	}
.tbl-grid {
	padding:0; margin:0; width:99%; border-left:1px solid #7A2173; font-size:12px	} 
.tbl-grid TH {
	padding:3px; height:45px; background:#F7F7F7; border:1px solid #CCC; border-top:2px solid #333; white-space:nowrap;
	border-left:none; text-align:left }
.tbl-grid TD {
	padding:5px 3px; text-align:left; border-bottom:1px solid #CCC !important; border-right:1px solid #CCC;	}
.framed {
	margin:3px; padding:3px; border:1px solid #7A2173; background:#FFF }
.unpublished {
	background: #FFC !important;	}
.greytxt {
	color:#999}
.spacer {
	clear:both }
.footer-segs {
	width:200px; margin:5px; margin-right:15px; margin-top:20px; float:left; }
.footer-segs H3 {
	color:#606; font-size:1em ; padding:0; margin:0; padding-bottom:5px }
.footer-segs IMG {
	float:left; margin-right:5px }
.footer-segs P {
	margin:0; padding:0;  font-size:0.9em; color:#000}
	

/* banner styles */ 
#banner {
	min-height:102px;  bacnkground:url(../images/sc_bg.jpg) }
#top-menu {
	margin:0; padding:0; list-style:none; background:#F7f7f7 }	
#top-menu li {
	margin:0; background:url(../images/glossyback.jpg) repeat-x bottom !important; padding:4px 5px; padding-left:10px;  }	
#top-menu a {
	color: #333; font-weight:bold; font-size:1em; text-decoration:none;  display:block }	
#top-menu a:hover {
	color:#CCC; }
#divSearch {
	color:#FFF; font-style:italic; font-size:0.9em; padding:2px; padding-left:0;  }
#cart-widget {
	width:187px; height:18px; background:url(../images/shopping_cart.jpg) no-repeat; color:#FFF; text-align:right; padding:5px;
	padding-top:45px}
#cart-widget A{
	color:#F7F7F7; text-decoration:none }
#cart-widget A:hover{
	color:#FFF; text-decoration:underline }
	
/* nav bar and Menus styles */
#navBar {
	float:left; width:214px; padding:3px }
#navBar H4 {
	color:#000; font-size:0.9em; padding:0; margin:0; padding-bottom:0px }
.glossymenu{
	margin: 5px 0;padding: 0;width: 210px; border-top:1px solid #EC57EA; border-bottom-width: 0;}
.glossymenu a.menuitem{
	background: black url(../images/glossyback.jpg) repeat-x bottom left; font: normal 13px Arial, Helvetica, sans-serif;
	color: #660066;display: block;position: relative; width: auto; padding: 4px 0; padding-left: 10px; text-decoration: none;}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #660066;}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;top: 5px;right: 5px;border: none;}
.glossymenu a.menuitem:hover{
	background-image: url(../images/glossyback2.gif);}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: white; display:none}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;margin: 0;padding: 0;}
.glossymenu div.submenu ul li{
	border-bottom: 1px solid #EFBDF0;}
.glossymenu div.submenu ul li a{
	display: block;font: normal 13px Arial, Helvetica, sans-serif;color: black;text-decoration: none;padding: 2px 0;
	padding-left: 10px;}
.glossymenu div.submenu ul li a:hover{
	background: #EFBDF0;colorz: white;}		

/* Menu Commands on CMS and USER ACCOUNTS */
#menu-commands {
	padding:10px; text-align:right; border-bottom:1px solid #909;font-size: .9em; font-weight:bold }
#menu-commands a {
	text-decoration: none; color: #555 ; padding:5px }
#menu-commands a:hover,
#menu-commands a:focus {
	background: #f3f3f3;color:#000;	-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#menu-commands a.selected {
	background: #555;color:#ffffff;	-moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* item list */
.item-list {
	width: 205px; border: 1px solid #EFBDF0; min-height:280px; margin-bottom:8px; margin-right:7px; display:inline-table; 
	float:left; padding:5px; font-size:0.9em; }
.indiv-info {
	margin-left:250px; width:280px; padding:10px; background:#FCFCFC; border:1px solid #F7F7F7 }
/*.item-list IMG{
	margin-bottom:2px; text-align:center border:1px solid #CCC; }*/
.img-holder {
	width:200px; height:200px; text-align:center  }
.img-holder IMG {
	border:none; }
.item-list .links, .indiv-info .links {
	clear:both;  }
.item-list A.button, .indiv-info A.button {
	 display: block; padding:3px 10px; margin-right:5px; margin-top:2px; font-size:1em; float:left; background:#F0BAEC; 
	 border:1px solid #7A2173; color:#000; text-decoration:none; text-align:center  }
.item-list P {
	margin:0; padding:0; text-align:left }
.indiv-info INPUT[type=text], .indiv-info TEXTAREA {
	padding:3px; border:1px solid #CCC; font-family: "Tahoma", Arial; font-size:90% }
.indiv-info INPUT[type=text], .indiv-info TEXTAREA {
	width:95%; color:#444 }
.productname {	
	display:block; padding:3px 0 }
.productprice {
	margin:5px auto; display:block; font-weight:bold; float:right }
.productprice DEL {
	padding-right:5px; }

/* form elements */
.form-text {
	display:block; width:300px; padding:3px; border:1px solid #CCC; font-family:"Trebuchet MS",Verdana; font-size:1em }
.form-button {
	padding:2px 10px !important; border:1px solid #7A2173; cursor:pointer !important; background:#F0BAEC; font-size:80%; 
	font-weight:bold  }

/* pagination */
#top-pagination, #bottom-pagination {
	margin:5px auto; padding:5px; border-bottom:1px solid #F0BAEC; border-top:1px solid #F0BAEC; text-align:right  	}
#bottom-pagination {
	clear:both; height:33px; border-bottom:none }
#top-pagination SPAN, #bottom-pagination SPAN {
	float:left }
#bottom-pagination A {
	display:block; float:right; padding:10px 20px; margin:5px; margin-right:10px; background:#F0BAEC; color:#7A2173; font-size:0.8em;
	text-decoration:none; font-weight:bold }

/* feedback and quotes */
#reviews {
	margin-top:5px; margin-bottom:20px; border-bottom:1px solid #CCC; width:500px }
#reviews .quote{
	margin-bottom:15px; padding-left:35px; padding-top:5px; background:url(../images/quotes.gif) no-repeat; color:#666 }
#reviews .fbk_title{
	display:block; margin-bottom:3px; font-weight:bold }
#reviews .post_date{
	display:block; margin-bottom:3px; font-size:.7em } 
#reviews .poster{
	display:block; margin-top:5px; text-align:right !important; font-weight:bold; }

/* footer styles */
#footer {
	clear:left; background:url(../images/sc_bg.jpg) !important; padding-bottom:10px }
#qlnks {
	font-size:0.9em; margin-left:5px; padding:10px; }
#qlnks .cell {
	color: #666; }
#qlnks .msn {
	color: #606; font-weight: bold; }
#qlnks .uscore {
	color: #FFF; }
#qlnks A, .footer-segs A {
	color: #333; text-decoration:none;  }
#qlnks A:hover, .footer-segs A:hover  {
	text-decoration: none; color: #CCC; }
#copyright {
	color:#FFF; font-size:0.9em; text-align:center; padding:15px 10px; background:url(../images/bg-footer.jpg) top center no-repeat }
	
