/******* panel styles *******/

body
{
	margin: 0px;
	padding: 0px;
	background-color: #333333;		
}

.ContentTop
{
	
}

.ContentLeft
{
	padding: 5px;
	/*width: 20%;*/
}

.ContentMain
{
	padding: 5px;
	width: 100%;
}

.ContentRight
{
	padding: 5px;
	width: 20%;
}

.ContentBottom
{
	
}

.ModuleContent
{	
	padding-top: 10px;
	padding-bottom: 5px;
}

/******* header styles *******/
.MenuHeader
{
	height: 40px;
	padding-left: 20px;
	background-image: url(/userfiles/image/website/header_bg.jpg);
}

.SectionHeader
{
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 55px;
	padding-right: 10px;
	color: #ffffff;	
	/*background-color: #c7c7c7;*/
	background-image: url(/userfiles/image/website/section_bg.gif);
	background-repeat: no-repeat;
	border: solid 1px #ffffff;
	border-bottom: 0px;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
}

a:hover
{
	font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;
	font-size: 12px;
	color: #ffffff; /*#484848;*/
	text-decoration: underline;
	letter-spacing: 1px;
	font-weight: bold;	
}

a.personal:link, a.personal:visited
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
}

a.personal:hover
{
	font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;
	font-size: 12px;
	color: #ffffff; /*#696969;*/
	text-decoration: underline;
	letter-spacing: 1px;
	font-weight: bold;
}

a.product:link, a.product:visited
{
	border-color: #484848;
}

a.product:hover
{
	border-color: #ffffff;
}

a.header:link, a.header:visited
{
	font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;
	font-size: 12pt;
	color: #ffffff;
	text-transform: uppercase;	
}

a.header:hover
{
	font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;
	font-size: 12pt;
	text-decoration: overline;
	color: #ff0000;
	text-transform: uppercase;	
}

a.header:active
{
	font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;
	font-size: 12pt;
	text-decoration: underline overline;
	color: #ff0000;
	text-transform: uppercase;	
}

/******* HTML tag styles *******/

#main
{
	font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;
	color: #333333;
	background-color: #656565;
	background-image: url(/userfiles/image/website/backgra.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	width: 100%;	
	height: auto;	
}

#editorMain
{
	font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;
	color: #333333;	
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	width: 100%;	
	height: auto;	
}

.text 
{
	color: #000000;
	font-size: 10pt;
	font-variant: normal;
}

.errortext 
{
	color: #ff0000;
	font-size: 10pt;
	font-variant: normal;
}

h3
{
	/*font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;*/
	font-weight: bold;
	font-size: 18pt;	
	text-transform: uppercase;
	color: #ff0000;
	margin-bottom: 5px;		
}

h4
{
	/*font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;*/
	font-weight: bold;
	font-size: 12pt;
	color: #ffffff;
	background-color: #000000;
	margin: 1px;
	padding: 1px;
}

h5
{
	/*font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;*/
	font-weight: bold;
	color: #484848;
	margin: 1px;
	padding: 1px;
}

p
{
	padding-left: 8px;
	padding-right: 5px;
	color: #ffffff;
	font-size: 10pt;
	font-variant: normal;
}

.tableSectionHeader
{
	font-size: 8pt;
	color: #ffffff;
	background-color: #333300;
	text-align: left;
	font-weight: bold;
}

.tableLineGrey
{
	height:2px;
	background-color: #999999;
}

.tableLineWhite
{
	background-color: #ffffff;
}

.tableData
{
	color: #ffffff;
	background-color: #696969;
	text-align: left;
}

.tableInput
{
	background-color: #b7b6b6;
}

.adminButton
{
	border-color: #696969;
	font-size: 9pt;
	background-color: #ffffff;
}

.finishButton
{
	border-color: #ffffff;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9pt;
	background-color: #000000;
}

.adminDataGridHeader
{
	border: solid 1px #cccccc;
	color: #ffffff;
	font-weight: bold;
	font-size: 11;
}

.adminPager
{
	font-weight: bold;
	color: #000033;
	text-align: right;
}

.horizontalDivider
{
	border-top: solid 1px #999999;
	/*width: 100%;*/
}

.verticalDivider
{
	border-left: solid 1px #999999;
	/*height: 100%;*/
}

#divBorder
{
	border: solid 1px #000000;
	padding: 2px;
	width: 570px;
}

/************** utility styles *****************/

#utility{
	font: 11 Century Gothic, Trebuchet MS, verdana, sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #919999;
}

#utility a
{
	text-decoration: none;
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
	text-indent: 23;
}

#footer
{
	left: 70px;
	width: 919px;
	z-index:2;
	background: url(/image/website/somf/somf_footer.jpg);
	padding-bottom: 30px;
}

/************* content styles ****************/

#content
{
	position: absolute;
	top: 207px;
	left: 70px;
	width: 919px;
	background-color: #b7b6b6;
	z-index:2;
}

#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#loginNav
{
	position: absolute;
	top: -25px;
	left: 674px;
	width: 234px;
	padding: 0px;
	background-color: #F5f7f7;
	font: 11px Century Gothic, Trebuchet MS, verdana, sans-serif;
	color: #ffffff;
	font-weight: bold;
	background: #b7b6b6;
}

#pageNav1
{
	position: relative;
	width: 234px;
	padding: 0px;
	background-color: #F5f7f7;
	font: small Century Gothic, Trebuchet MS, verdana, sans-serif;
	background: url(/image/website/somf/somf_nav_background.jpg);
}

#pageNav2
{
	/*float: right;*/
	position: absolute;
	top: 225px;
	left: 674px;
	width: 234px;
	padding: 0px;
	background-color: #F5f7f7;
	/*border-bottom: 1px solid #cccccc;*/
	font: small Century Gothic, Trebuchet MS, verdana, sans-serif;
	background: url("/image/website/somf/somf_nav_background.jpg");
}

#pageContent
{
	position: relative;
	min-height: 550px;
	_height: 550px;
	/*height: 500px;*/
	left: -71px;
	padding: 5px 20px 10px 76px;
	margin: 0px 189px 0px 0px;
	background-color: #d7d5d5;
	background: url("/image/website/somf/somf_content_background.jpg");
}

#adminContent
{
	padding: 0px 20px 10px 5px;
	margin: 5px 0px 0px 0px;
	/*border-right: 1px solid #ccd2d2;*/
	background-color: #d7d5d5;
	/*background: url("/image/website/somf/somf_content_background.jpg");*/
}

#leftBarContent
{
	position:absolute;
	left:0px;
	top: 150px;
	height: 60px;
	width: 100px;
	background-color: #d7d5d5;
	z-index:1;
}

#bottomContent
{
	position:relative;
	left: -71px;
}

#adminBottomContent
{
	clear: both;
	height:1px;
	margin-bottom:-15px;
	background: url(/image/website/somf/somf_bottom_gradient.jpg) repeat-x 100% 0%;
}

#information
{
	width: 555px;	
	text-align: justify;
}

#termInformation
{
	width: 505px;
	text-align: justify;
}

#aboutUs
{
	width: 555px;
	font: bold 8pt Century Gothic, Trebuchet MS, verdana, sans-serif;
	text-align: justify;
}

/**************** pageNews styles *****************/

#pageNews{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

#pageNews h3
{
	font-size: 14;
	padding: 10px 0px 2px 0px;
}

#pageNews a
{
	font-size: 12;
	color: Black;
	display: block;
}

/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(/image/website/somf/bg_nav.jpg);
	font-weight: bold;
	font-size: 12;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

/************** siteInfo styles ****************/

#siteInfo
{
	clear: both;
	background: url("/image/website/somf/somf_bottom.jpg");
	font-size: 12pt;
	padding: 10px 10px 20px 10px;
	margin-top: -3px;
}

#companyName
{
	position:absolute;
	right: 0;
}

/************** CheckOut Page styles ****************/

#checkOutContent
{
	color: #ffffff;
	font-size: 10pt;
	font-variant: normal;
	padding: 5px 10px 10px 10px;
	margin: 5px 0px 0px 15px;	
}

.checkOutContent
{
	color: #ffffff;
	font-size: 10pt;
	font-variant: normal;
	padding: 5px 10px 10px 10px;
	margin: 5px 0px 0px 15px;	
}

.left2col2 {
	float:left;
	width:49%;
	border-right:1px solid orange;
}

.brick2 {
	clear:both;
	position:relative;
	width:49%;
	height:1%;
	border-right:1px solid orange;
}

#mainDiv 
{
	position:absolute;
	top:-80px;
	left: 0px;
	z-index:3;
}

/************** Product styles ****************/

.productTable
{
	background: #cccccc url(/image/website/somf/somf_table_background.jpg) fixed;
}

.productItemHeader
{
	text-transform: uppercase;
	font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;
	color: #ffffff;
	font-size: 15pt;
	padding-bottom: 5px;
}

.productItemTable
{
	background-position: 0% 0%;
	font-size: 10pt;
	background-image: url(/image/website/somf/somf_table_background.jpg);
	color: #000000;
	background-repeat: repeat;
	background-color: #ff2222; /*#767676;*/
	text-align: center;
	font-variant: normal;
}

.productNavText
{
	color: #ffffff;
}

#divShowProduct
{
	/*background: #cccccc url(/image/website/somf/somf_table_background.jpg);*/
	background-color: Transparent;
}

#product
{
	border-right: #484848 1px solid;
	border-top: #484848 1px solid;
	border-left: #484848 1px solid;
	border-bottom: #484848 1px solid;
	background-color: #484848; /*#cccccc;*/
	text-align: center;
	width: 180px; /*203px;*/
}

.productDetailTable
{
	border: solid 1px #ffffff;
	color: #000000;
	font-size: 10pt;
	font-variant: normal;
}

.productDetail 
{
	font-size: 12px; 
	font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;
}

.divElement
{
	color: #ffffff;
	cursor: hand;
	text-align: right;
	width: 100%;
}

.divHeader
{
	color: #cccccc;
	text-align: right;
	width: 100%;
}

/************** Customer styles ****************/

.personalDetailTable
{
	border: solid 1px #484848;
	font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;
	font-size: 12px;
	color: #ffffff;	
}

/************** Tab Control styles ****************/
.tabPanel
{
	font-family: Century Gothic, Trebuchet MS, verdana, sans-serif;
	font-size: 10pt; 
	font-weight: bold; 
	color: #ffffff; 
	text-align: center; 	
	text-decoration: none;
	margin: 0px 0px 0px 0px;  	
	padding: 5px 4px 5px 4px;
}

.taskButton
{
	color:#484848;
	background:url(/Image/Website/somf/somf_checkout_background.gif) repeat-x;
	border-right:#696969 1px solid;
	border-top:none;
	font-weight:bold;
	font-size:11px;
	font-family:Century Gothic, Trebuchet MS, verdana, sans-serif;
	text-align:center;
	padding: 3px;
}

.taskActive
{
	padding: 5px 10px 2px 12px;	
	vertical-align: top;
}

.shiftcontainer{
	position: relative;
	left: 3px; /*Number should match -left shadow depth below*/
	top: 3px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
	/*width: 300px;*/ /* container width*/
	border: 1px solid #cccccc;	
}

.shadowcontainer .innerdiv{
	/* Add container height here if desired */	
	border: 1px solid #ffffff;
	padding: 0px;
	position: relative;
	left: -3px; /*shadow depth*/
	top: -3px; /*shadow depth*/
}

/************** Admin Page styles ****************/

#adminMainContent
{
	margin-top: 5px;
	padding: 5px;
	width: 100%;
}

b.rtop, b.rbottom{display:block;background: #d7d5d5}
b.rtop b, b.rbottom b{display:block;height: 3px; overflow: hidden; background: #FFFFFF}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 3px}

/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 160px; /* Set to gallery width, in px or percentage */
height: 300px; /* Set to gallery height */
}

#tickercontainer{
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 25px; /* Set to gallery height */
color: #ff0000;
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}

/* End Gallery Styles */