/*---------------------------------------*/
/*Page CSS Properties            */
/*---------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #FFF;
	font: normal 12px Arial, Helvetica, sans-serif;
}
td, p{
	font: normal 12px Arial, Helvetica, sans-serif; color: #483A33;
}
hr {
	border: 1px solid #EFEFEF;
	background: #EFEFEF;
}
ul li {
	list-style-image: url(../images/pinkdot.gif);
}
h1 {
	height: 25px;
	color: #ee2c74;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}
h2 {
	color: #000;
}
h4 {
	height: 25px;
	letter-spacing: 1px;
	color: #3163AA;
}

/*---------------------------------------*/
/*Links CSS Properties            		*/
/*---------------------------------------*/
a:link, a:visited {
	text-decoration: none;
	color: #e20177;
}
a:hover {
	text-decoration: none;
	color: #000000;
}

/*---------------------------------------*/
/* Common					    		 */
/*---------------------------------------*/

.content 									{ margin:10px; }
.text										{ line-height:18px; }
.note										{ color:#999 !important; font-size:11px; }
.red										{ color: #CC0000; }
h3.heading 									{ margin: 3px 0px; color: #483A33;} 

/* Sidebar */
.sidebar 									{ border-right:1px solid #B3B3B3; padding-right:10px;  width:180px;  }
.sidebar h3									{ margin: 3px 0px; }
.sidebar h4									{ margin: 3px 0px; }

/* Steps Menu */
.stepsbar a 								{ font-size:11px; color: #B3B3B3; text-decoration:none; }
.stepsbar a:hover 							{ text-decoration:none; }
.stepsbar a.current 						{ color: #666; font-weight:bold; }

/* Login Page */
.loginbox									{ text-align:right; margin: 10px 10px 0 0; }

/* colors */
.yellow										{ color: #FFC325 !important; }
.orange										{ color: #F7971D !important; }
.pink										{ color: #E60176 !important; }
.red										{ color: #cd1431 !important; }
.lilac										{ color: #BF82B9 !important; }
.purple										{ color: #A84CAF !important; }
.darkblue									{ color: #00549F !important; }
.blue										{ color: #0099C7 !important; }
.green										{ color: #47AA42 !important; }
.brown 										{ color: #483A33; }

/* background colors */
.yellowbg									{ background-color: #FFC325 !important; }
.orangebg									{ background-color: #F7971D !important; }
.pinkbg										{ background-color: #E60176 !important; }
.lilacbg									{ background-color: #BF82B9 !important; }
.purplebg									{ background-color: #A84CAF !important; }
.darkbluebg									{ background-color: #00549F !important; }
.bluebg										{ background-color: #0099C7 !important; }
.greenbg									{ background-color: #47AA42 !important; }

/*---------------------------------------*/
/* Forms				 */
/*---------------------------------------*/

.forms										{ padding: 10px; }
.forms input, select, textarea				{ padding: 2px; border: 1px solid #ccc; color:#444; font-size:12px; background-color:#f5f5f5; } 
.forms label								{ text-align:right; display:block; margin-right: 5px; margin-top:2px; }
.forms label.left 							{ text-align:left; display:inline; margin-top: 2px 0 0 0; }
.forms label.block 							{ display:block; }

.forms input.button 						{ color: #fff; background-color: #E60176; font: 12px; border:1px solid #ccc;}
.forms input.smallbutton 					{ color: #fff; font-size: 11px; font-weight: bold; border:1px solid #ccc; }
.forms input.loginbtn						{ font-size:11px; background-color:#ccc; border:1px outset #AAAF99;  }

/*---------------------------------------*/
/* Error & Messages				         */
/*---------------------------------------*/
.success, .successbox						{ background-color: #E60176; color: #fff; font-size: 12px; margin: 5px; padding: 7px; text-align: left; }
.success a									{ color: #fff; text-decoration:underline; }
.errorbox, .notice-errors					{ background-color: #E60176; color: #fff; font-size: 12px; margin: 5px; padding: 7px; text-align: left; }
.errorbox li 								{ color: #fff; list-style-image:none; list-style-type:disc; }
.error, .table-error						{ color: #ff0000; font-weight: bold; }
.validation-advice							{ color: #ff0000; font-size:10px; }

/*---------------------------------------*/
/*Background CSS Properties            */
/*---------------------------------------*/
.Middle-Tile {
	background-color:#a0b23d;
	background-image: url(../images/bg-tile.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.Main-Content {
	width: 954;
}
/*---------------------------------------*/
/* Table CSS Properties            */
/*---------------------------------------*/

.table-1-1 {
	background-image: url(../images/table-1-1.jpg);
	height: 20px;
	width: 15px;
}
.table-1-2 {
	background-image: url(../images/table-1-2.jpg);
	height: 20px;
}
.table-1-3 {
	background-image: url(../images/table-1-3.jpg);
	height: 20px;
	width: 15px;
}
.table-2-1 {
	background-image: url(../images/table-2-1.jpg);
	width: 15px;
}
.table-2-2 {
	background-color: #FFFFFF;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.table-2-3 {
	background-image: url(../images/table-2-3.jpg);
	width: 15px;
}
.table-3-1 {
	background-image: url(../images/table-3-1.jpg);
	height: 20px;
	width: 15px;
}
.table-3-2 {
	background-image: url(../images/table-3-2.jpg);
	height: 20px;
}
.table-3-3 {
	background-image: url(../images/table-3-3.jpg);
	height: 20px;
	width: 15px;
}
/*---------------------------------------*/
/*Main Table CSS Properties            */
/*---------------------------------------*/
.table-main {
	color: #333;
	text-align: left;
	border: thin solid #CCC;
	margin:10px;
}
.table-bg {
	color: #FFF;
	text-align: left;
	background: url(../images/sj-table-2-1.jpg) repeat-x top;
}
.table-top {
	background-color: #E60176; padding: 5px 100px 8px 10px; width:50%; text-align:right;
}
.table-title {
	color: #1a7caf;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.table-title2 {
	color: #FFF;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.table-content {
	text-align: justify;
	vertical-align: top;
}
.table-subtop {
	padding: 5px;
	border-bottom: 1px solid #000;
	background: #F63;
}
.table-row {
	padding: 5px;
	color: #FFF;
	border-bottom: 1px dotted #FFF;
	background: #333331;
}
.table-row-alt {
	padding: 5px;
	color: #FFF;
	border-bottom: 1px dotted #FFF;
	background: #272727;
}
.table-error {
	padding: 5px;
	font-weight: bold;
	color: #900;
	text-align: center;
}
.table-bottom {
	padding: 5px;
	border-top-width: 0;
	background: #E5E5E5;
}

/*---------------------------------------*/
/*News CSS Properties                    */
/*---------------------------------------*/
.news-title {
	padding: 5px;
	font-weight: bold;
	color: #900;
	font-size: 14px;
	height: 40px;
	border-bottom: 1px solid #333;
}
.news-content {
	padding: 5px;
	vertical-align: top;
	height: 250px;
}
.news-author {
	padding: 5px;
	font-style: italic;
	color: #666;
	height: 30px;
	border-bottom: 1px solid #CCC;
}
.news-date {
	padding: 5px;
	color: #900;
	border-bottom: 1px solid #333;
}
.news-buttons {
	padding: 5px;
	vertical-align: middle;
	height: 30px;
	border-bottom: 1px solid #CCC;
}

/*---------------------------------------*/
/*Horizontal Menu CSS Properties         */
/*---------------------------------------*/
.menu-bar {
	text-align: left;
	height: 30px;
	padding-right: 15px;
	padding-left: 15px;
	background: url(../images/top-menu-bg.jpg) repeat-x;
}
.menu-bar-box {
	text-align: left;
	float: none;
}
.menu-button-reg {
	color: #a95a4e;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px solid #CCC;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.menu-button-hover {
	padding-right: 10px;
	padding-left: 15px;
	border-right: 1px solid #999;
}
.menu-button-over {
	padding-right: 10px;
	padding-left: 5px;
	border-right: 1px solid #999;
}
.menu-button-over-hover {
	padding-right: 10px;
	padding-left: 5px;
	border-right: 1px dotted #999;
}

/*---------------------------------------*/
/*Vertical Menu CSS Properties           */
/*---------------------------------------*/
.button-table {
	width: 200px;
}

/*Main Menu Buttons    */
.button1-reg {
	color: #000;
	text-indent: 10px;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	font: 14px Arial, Helvetica, sans-serif;
}
.button1-reg-hover {
	padding: 5px;
}
.button1-over {
	color: #000;
	text-indent: 10px;
	height: 20px;
	background: #FFF;
	font: 14px/1.8em Arial, Helvetica, sans-serif;
}
.button1-over-hover {
	padding: 5px;
}
/*Sub Menu Buttons    */
.button2-reg {
	color: #000;
	height: 20px;
	text-indent: 25px;
	font: 14px/1.8em Arial, Helvetica, sans-serif;
}
.button2-reg-hover {
	color: #000;
	text-indent: 10px;
	height: 20px;
	background: #FFF;
	font: 14px/1.8em Arial, Helvetica, sans-serif;
}
.button2-over {
	border-top-width: 0;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	background: #DFDFDF;
	padding: 5px 5px 5px 10px;
}
.button2-over-hover {
	padding: 5px;
	border-top-width: 0;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	background: #DFF;
}

/*Sub Sub Menu Buttons    */
.button3-reg {
	border-top-width: 0;
	color: #FFF;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	background: #999;
	padding: 5px 5px 5px 15px;
}
.button3-reg-hover {
	padding: 5px;
	border-top-width: 0;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	background: #DFF;
}
.button3-over {
	border-top-width: 0;
	color: #FFF;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	background: #333;
	padding: 5px 5px 5px 15px;
}
.button3-over-hover {
	padding: 5px;
	border-top-width: 0;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	background: #DFF;
}

/*---------------------------------------*/
/* Other        						  */
/*---------------------------------------*/
.Search-Table {
	font-family: Arial, Helvetica, sans-serif;
}
.Search-Title {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	border-bottom: 1px solid #000;
	background: #F0F0F0;
}
.Category-Table {
	font-size: 12px;
}
.Category-Title {
	color: #000;
	border-bottom: 1px solid #666;
	background: #FFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 15px;
}
.Category-Title-On {
	color: #000;
	border-bottom: 1px solid #666;
	background: #EFEFEF;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 15px;
}
.Category-Button {
	color: #000;
	border-bottom: 1px solid #666;
	background: #F0F0F0;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 20px;
}
.Category-Button-On {
	color: #FFF;
	font-weight: bold;
	border-bottom: 1px solid #666;
	background: #CCC;
	padding: 5px 5px 5px 20px;
}
.Category-Sub-Button {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #666;
	background: #F0F0F0;
	padding: 5px 5px 5px 25px;
}
.Category-Sub-Button-On {
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #666;
	background: #F0F0F0;
	padding: 5px 5px 5px 25px;
}
.Product-Table {
	width: 100%;
	padding: 0;
	margin: 0;
	background: #FFF;
}
.Product-Table-Sub {
	width: 33%;
	padding: 5px;
	margin: 0;
	background: #FFF;
}
.Product-Table-Main {
	height: 400px;
	background: #FFF;
}
.Product-Breadcrumbs {
	padding: 5px;
	color: #000;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #666;
	border-right-color: #666;
	border-left-color: #666;
	border-bottom: 1px solid #666;
	background: #F0F0F0;
}
.Product-Breadcrumbs-Links {
	color: #000;
}
.Product-Title {
	color: #003845;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
.Product-Content {
	padding: 5px;
	color: #666;
}
.Product-Description {
	color: #900;
	font-weight: bold;
}