body
{
	background: #333;
	margin:0;
	FONT-SIZE: 100%;
	COLOR: #ffd;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
A
{
	FONT-WEIGHT: 700;
	COLOR: #abf;
	TEXT-DECORATION: underline;
}
A:hover
{
	TEXT-DECORATION: none;
}
H1
{
	FONT-SIZE: 210%
}
H2
{
	FONT-SIZE: 160%
}
H3
{
    FONT-SIZE: 140%
}
H4
{
    FONT-SIZE: 130%
}
H5
{
    FONT-SIZE: 120%
}
H6
{
    FONT-SIZE: 110%
}
IMG
{
    BORDER: none;
}

TABLE
{
	width:100%;
    BORDER:none;
}
TABLE TD
{
    PADDING:0;
    VERTICAL-ALIGN: top;
}
TABLE TH
{
    TEXT-ALIGN: left;
}
form
{
	margin:0;
}

.textBox, .textArea
{
	font-family:Arial, Helvetica, sans-serif;
	background:#fafafa;
	FONT-SIZE: 100%;
	WIDTH: 400px;
	border:1px solid #ccc;
}
.form .label
{
	text-align:right;
	padding-left:0.5em;
	padding-right:0.8em;
}
.form td
{
	padding-bottom:0.5em;
}

.textBox:focus, .textArea:focus
{
	background:#FF0;
}
.list
{
    MARGIN-BOTTOM: 5px;
    PADDING: 5px 0;
    BORDER-BOTTOM: #999 1px solid;
}
.list .date
{
    FONT-weight:700;
    COLOR: #999;
    margin-bottom:10px;
}
.list IMG.thumbnail
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px
}

.detail H3
{
    FONT-SIZE: 110%;
}
.detail IMG.picture
{
	MARGIN-BOTTOM: 10px;
	MARGIN-LEFT: 15px
}

.box
{
	border:1px solid #999;
	margin:0 !important;
	padding:0 !important;
	width:auto !important;
}
.box h2
{
	padding:0.2em;
	line-height:1.2;
	margin:0;
	border-bottom:1px solid #999;
}
.box .content
{
	padding: 10px !important;
	width:auto !important;
}

.backlink
{
    margin-top: 8px;
}
.morelink
{
    TEXT-ALIGN: right
}
.label
{
    FONT-WEIGHT: bold;
}
.stepper
{
    BORDER: #999 1px solid;
    PADDING: 5px;
}
.stepper P
{
    MARGIN: 0;
    TEXT-ALIGN: right
}
.ghosted
{
    COLOR: #bbb
}
#header
{
    PADDING: 5px 0;
}
#footer
{
    PADDING: 5px 0;
}

/* ################################## Bespoke ID's ################################### */

#mainTable
{
	width:742px;
	padding:15px;
	margin:auto;
}

#mainHeader
{
	height:100px;
	background:url(/images/layout/5sq_txt.gif) 100% 0 no-repeat;
}

img#logo
{
	float:left;
}

#topMenu
{
	margin-right:110px;
	font-size:90%;
}
#topMenu ul
{
	padding:0;
	margin:0;
	display:inline;
}
#topMenu li
{
	display:inline;
}
#topMenu a
{
	border-right:1px solid #bbb;
	padding-right:8px;
	margin-right:8px;
	line-height:1.5;
}

#clientAccess
{
	font-size:90%;
	background:#666;
	padding:0.5em;
	border:1px #ccc solid;
}
#clientAccess .textBox
{
	width:150px;
}
#clientAccess table td
{
	vertical-align:middle !important;
}
#clientAccess .label
{
	padding-left:3px;
	padding-right:20px;
}
#clientAccess .forgotten
{
	width:100%;
	text-align:right;
}

#billBoard
{
	height:130px;
	margin-top:10px;
	padding:0;
	border:1px #ccc solid;
}

/* ################################## Menu setup ################################### */

#mainMenu
{
	margin-top:10px;
	border:1px #ccc solid;
	background:#000;
	text-align:center;
}

#mainMenu UL
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
}
#mainMenu LI
{
	list-style-type: none;
	display: inline;
}
#mainMenu A
{
	line-height:2.4em;
	padding:0.57em 15px 0.57em;
	margin:0;
	text-decoration:none;
}
#mainMenu ul A.active
{
	color:#f99;
}
#mainMenu UL A:hover
{
	color:#000;
	background-color:#ccc;
}

/* ================== sub menu =================== */

#subMenu, #subMenu2, #subMenu3, #mainLayout
{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#subMenu UL, #subMenu2 UL
{
	padding: 0;
	margin: 0;
}
#subMenu li, #subMenu2 li
{
	padding: 0;
	margin: 0;
	display:inline;
}
#subMenu ul A, #subMenu2 ul A
{
	font-size:90%;
	line-height:2em;
	padding:0.2em 15px;
}
#subMenu ul A.active, #subMenu2 ul A.active
{
	color:#f99 !important;
}
#subMenu2 ul A
{
	font-size:80%;
}

#subMenu3 ul
{
margin:0;
}
#subMenu3 li
{
	display:inline;
}
#subMenu3 a
{
	padding:0 5px;
	line-height:2;
}
.shadowL2, .shadowL3
{
	display:none;
}

/* ##################################################################### */


#mainLayout
{
	margin:0;
	padding:15px;
	line-height:1.4em;
}

#mainFooter
{
	text-align:center;
	margin-top:10px;
	padding:1em;
	border:1px solid #ccc;
}
#mainFooter ul
{
	padding:0;
	margin:0;
	display:inline;
}
#mainFooter li
{
	display:inline;
}
#mainFooter a
{
	line-height:1.5;
	border-right:1px solid;
	padding-right:6px;
	margin-right:6px;
}
#copyright
{
	padding:1em;
	text-align:center;
}

TABLE#subPageTable, TABLE.documentTable
{
    BORDER-TOP: #000 1px solid;
    BORDER-LEFT: #000 1px solid
}
TABLE#subPageTable .col1
{
    WIDTH: 30%
}
TABLE#subPageTable .col2
{
    WIDTH: 40%
}
TABLE#subPageTable .col3
{
    WIDTH: 30%
}
TABLE#subPageTable TH.heading, TABLE.documentTable TH.heading
{
    BORDER-RIGHT: #000 1px solid;
    PADDING: 5px;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND: #777;
}
TABLE#subPageTable TD.cell, TABLE.documentTable TD.cell
{
    BORDER-RIGHT: #000 1px solid;
    VERTICAL-ALIGN: middle;
    PADDING: 5px;
    BORDER-BOTTOM: #000 1px solid
}

#template_Products_Grouped .backlink
{
    PADDING: 2%;
    WIDTH: 96%;
    BACKGROUND-COLOR: #999;
    TEXT-ALIGN: right
}
#template_Products_Grouped .backlink A
{
    COLOR: #fff;
}
TABLE#productList
{
    BORDER-TOP: #000 1px solid;
    MARGIN: 10px 0;
}
TABLE#productList TD.list
{
    PADDING:0 5px;
}

#template_Mailform_Left #column1
{
    width: 340px !important; /* Changed to accomdate long e-mail addresses in col2 */
}
#template_Mailform_Left #column2
{
	margin-left: 350px !important;
}