/********************************************************\
|    SeCommerce Main CSS Style Sheet - BlueTabs Theme    |
|                                                        |
| This file contains styles for general SeCommerce       |
| templates and layout. Modify, extend or replace it to  |
| suit your needs. See also:                             |
|      -SeGlobal.css                                     |
|      -SeAccounts.css                                   |
|      -SeCatalogs.css                                   |
|      -SeShopcart.css                                   |
|      -SeMenu.css                                       |
\********************************************************/

@import url(SeGlobal.css);   /* Global CSS styles */
@import url(SeAccounts.css); /* CSS for USer Account modules */
@import url(SeCatalogs.css); /* CSS for Catalog modules */
@import url(SeShopCart.css); /* CSS for Shopping Cart modules */
@import url(SeMenu.css);     /* CSS for Navigation Menu */

body.SeBody {
	background: #dddee1 url(images/body-bg.gif) fixed bottom repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 80%;
	color: #60666c;
	margin: 3px;
}
body.SeBody form { margin: 0; }
body.SeBody table { border-collapse: collapse; }


/* wraps the page contents */
#SeWrapper {
	width: 777px;
	margin: 0 auto;
}

/* page header */
#SeHeader {
	width: 747px;
	height: 90px;
	margin: 0 auto;
}

/* header graphic */
#SeLogo {
	background:  url(images/secom-logo.gif) left top no-repeat;
	height: 90px;
}

/* header text */
#SeTitle {
	padding: 0 12px 18px 0;
	text-align: right;
	padding-top: 50px;
	font-size: 1.3em;
}

/* Main Content Area */
#SeContent {
	text-align: left;
	margin: 0;
	padding: 0;
	border: 1px solid #60666c;
	border-top: none;
	background: #f3f6fc;
}

/* Content Header Area */
#SeContent-head {
	background: #99bbdd;
	padding: 6px 12px 9px 12px;
}

/* Main Content Body */
#SeContent-body {
	padding: 1px 12px;
	background:  url(images/content-bg.gif) left top repeat-x;
}

/* Content Area Styles */
#SeContent h1 {
	font-size: 21px;
	color: #60666c;
	margin: 0;
	padding: 0.5ex 0 0 0;
}
#SeContent h2 {
	font-size: 1.4em;
}
#SeContent h3 {
	font-size: 1em;
	margin-bottom: 5px;
}
#SeContent p {
	line-height: 1.5em;
	text-align: justify;
}
#SeContent ul {
	line-height: 1.5em;
}
#SeContent li {
	margin-bottom: 1ex;
}
#SeContent a { color: #37c; }
#SeContent a:hover { color: #c73; }


/* Page Footer Syles */
#SeFooter {
	text-align: center;
	margin: 18px;
	font-size: 0.8em;
	color: #dddee1;
}
#SeFooter a {
	text-decoration: none;
	font-weight: bold;
	color: #dddee1;
}
#SeFooter a:hover {
	text-decoration: underline;
	color: #ffffff;
}

td {
	text-align:left;
}