body {
	/*background:#b13434 url(/images/bg-pattern.gif) repeat-x top left;*/
        background:#FFF url(/images/bg-new.gif) repeat top left;
	margin:0px;padding:0px;
	font:75% Verdana,Arial,Helvetica,"Arial Unicode MS","Lucida Sana Unicode", sans-serif;
	color:#424242;
        line-height:15pt;
}
table {font-size:1em;}
a#pagetop {text-align:right;font-size:85%;float:right;margin:10px;border-bottom:0px;}
div#site {
	width:970px;
	margin:0 auto;
	position:relative;
	background:#FFFFFF url(/images/site-bg.gif) repeat-y left top;
}
div#site div#header {
	height:70px;
	position:relative;
	background:#FFFFFF;
	border-bottom:1px solid #EFEFEF;
}
div#site div#header a#logo {display:block;position:absolute;top:25px;left:25px;}
div#site div#header a img, div#site div#header a:hover img, div#site div#header a:visited img {border:none;}
div#site div#header div#headermsg {margin:0px 15px 0px 230px; padding-top:50px;}
div#site div#header div.members { width:360px; text-align:right; position:absolute; top:5px;right:5px; font-size:85%; color:#666;}
div#site div#header div.members a {padding-right:10px;color:#666; }
div#site div#header div.members a:hover {color:#666666;text-decoration:none;}
div#site div#header div.members a:visited {}

/*  members area login widget */
div#site div#header .loginWidget { } 
div#site div#header .loginWidget label {float:left; width:60px; text-align:right; padding-right:3px; color:#666}
div#site div#header .loginWidget .inputField {width:80px;margin-right:5px;}
div#site div#header .loginWidget input {font-size:85%; border-right:1px dotted #CCC; border-bottom:1px solid #CCC; border-left:1px dotted #CCC; border-top:1px dotted #CCC;  background:#FFF; float:left; }
div#site div#header div#icons {width:75px;position:absolute;top:10px;right:10px; }
div#site div#header div#icons img {padding:3px;}
div#site div#header ul#nav {
	margin:0px; padding:0px;
	/*width:740px;*/
        font-size:11px;
	list-style:none;
	position:absolute;
	left:230px;
	bottom:0px;	
} 
div#site div#header ul#nav li {
	float:left;
	background: url(/images/nav-corner.gif) no-repeat bottom left;
	margin:0px 1px;
	height:30px;
	line-height:30px;
	position:relative;
	padding-left:11px;
}
div#site div#header ul#nav li a {
	color:#520909;
	display:block;
	text-decoration:none;
	padding:0px 11px 0px 0px;
	background: url(/images/nav-bg.gif) no-repeat bottom right;
}
#membersLogoutLink { float:left; color:#666; font-size:11px; margin:10px 0px 0px 230px; }
#membersLogoutLink a { color:#666; }
#membersLogoutLink a:hover { color:#000; }
/* level 2 */
div#site div#header ul#nav ul {
	position:absolute;
	list-style:none;
	left:0px; top:30px;
	width:300px;
	background:#FCFCFC;
	font-size:11px;
	padding:0px 0px 10px 0px;
	/*visibility:hidden;*/ display:none;
}
div#site div#header ul#nav ul li {
	background:none;
	padding:0px;
	width:100%;
	float:none;
	position:relative;
}
div#site div#header ul#nav ul li a {
	background:none;
	margin:0px 17px;
	border-bottom:1px dotted #DDD1D1;	
}
div#site div#header ul#nav ul li a:hover {
	color:#333;
	border-bottom:1px solid #DDD1D1;	
}
/* level 3 */
div#site div#header ul#nav ul ul {
	position:absolute;
	list-style:none;
	left:250px; top:0px;
	width:250px;
	font-size:100%;
	/*visibility:hidden;*/ display:none;
	background:#FFFFFF;
	padding:0px 0px 10px 0px;
}
div#site div#header ul#nav ul ul li {
	background:none;
	padding:0px;
	width:100%;
	float:none;
}
div#site div#header ul#nav ul ul li a {
	background:none;
	margin:0px 17px;
	border-bottom:1px dotted #DDD1D1;	
}
div#site div#header ul#nav ul ul li a:hover {
	color:#333;
	border-bottom:1px solid #DDD1D1;	
}
/* submenu indicators */
div#site div#header ul#nav ul li a.submenu {
	background:#FFFFFF url(/images/arrow-icon-active.gif) no-repeat right;
}
div#site div#header ul#nav ul li a.submenu:hover {
	background:#FFFFFF url(/images/arrow-icon.gif) no-repeat right;
}

div#site div#mainimage {
	height:330px;
	background: url(/images/text-block-bg.gif) no-repeat top left;
}
div#site div#mainimage img {float:right;}
div#site div#mainimage div#message {

	width:230px;
	float:left;
	text-align:center;
	font-size:14px;
	line-height:24px;
	color:#FFF;
}
div#site div#mainimage div#message p {display:block; margin:20px 15px 0px 15px; color:#FFF;}
div#site div#mainimage div#message div#headerLogo { position:relative; width:230px; height:120px; margin:-40px 0px 0px 0px; border:none; }
div#site div#mainimage div#message div#headerLogo img { border:none; }


div#site div#content {background:#FFFFFF url(/images/site-bg.gif) repeat-y left top; margin-right:25px}
div#site div#content div.inner div#breadcrumbs {color:#666666;margin:0px 0px 20px 0px;border-bottom:1px dotted #DDD1D1;padding:2px;font-size:85%}
div#site div#content div.inner div#breadcrumbs a {padding:0px 4px;border-bottom:0px;}
div#site div#content div.inner div#breadcrumbs a:hover {border-bottom:0px;}
div#site div#content div.inner div#breadcrumbs a:visited {border-bottom:0px;}
div#site div#content div.inner {
	width:690px;
	float:right;
        position:relative;
	
}
div#site div#content div.inner div.col {
	width:330px;
	float:left;
}
div#site div#content div#templatepanel a img {border:none;}
div#site div#content #sponsorstable a, #sponsorstable a:hover, #sponsorstable a:visited {text-decoration:none;border:none;}
div#site div#content div.userfix div#pagepanel {margin-left:-260px}
div#site div#content div#pagepanel, div#site div#content div#templatepanel {
	width:230px;
	float:left;
	/*margin:10px 0px 0px 15px;	*/
}
div#site div#content div.userfix {margin-left:260px;} /* to fix issue with login message not being placed in a page template. */
div.inner2 {margin:10px 15px 0px 15px;background:none}
div#site div#footer {
	height:102px;
	background: url(/images/footer-bg.gif) no-repeat left bottom;
	text-align:center;
	color:#705858;
	font-weight:bold;
	font-size:11px;
}
div#site div#footer div.nav {
	padding-top:30px;
	height:20px;
	line-height:20px;
}
div#site div#footer a {color:#705858;}
div#site div#footer p {font-weight:normal;margin-top:8px;}
div#site div#footer div.capellaGlobalFooter {
	text-align:center;
	margin:0 auto;
	width:780px;
	font-weight:normal;
	height:11px;
	line-height:11px;
	color:#705858;
}
div.capellaGlobalFooter a, div.capellaGlobalFooter a:visited {color:#705858;text-decoration:none;border-bottom:1px dotted #705858}
div.capellaGlobalFooter a:hover {color:#7F6D6D;text-decoration:none;border-bottom:1px solid #7F6D6D}
div.clear {clear:both;}
#formContent { width: auto; }

#formContent fieldset { width: 100%; position: relative;border:none; margin:0px; padding:0px }
#formContent fieldset legend {
font-size:105%;
font-weight:bold;
padding:0px;
margin:0px;
color:#A03737}
#formContent fieldset.sandbox { border-style: dashed; margin-bottom: 10px; }


#formContent ul { list-style: none; padding:0px; margin:0px; }

/* zoom needed because IE7 is a heap */
#formContent ul li { padding: 2px; margin: 2px 0px; position: relative; float:left; width:100%;  zoom: 100%;  }

#formContent ul li label { display:block; float:left; }

#formContent ul li input, #formContent ul li textarea, #formContent ul li select, #formContent ul li div.checkboxes, #formContent ul li div.paymentInput, #formContent ul li div.product-listInput {
        width:100%;
	display:block;
}
#formContent ul li div.checkboxes { float:left; width:100%; }
#formContent ul li div.checkboxes div { float: left; margin-right: 10px; }
#formContent ul li div.checkboxes div input { width: 15px; float: left; }
#formContent ul li div.checkboxes div label { display: inline; float: left; width:292px;font-size:95% }


#formContent ul li p { font-size:95%; }

#formContent ul li div.paymentInput { margin: 0px 0px 20px 0px; }
#formContent ul li div.paymentInput label { display: block; clear: both; float: none; opacity: 0.8; }
#formContent ul li div.paymentInput div.chooseType { margin-bottom: 10px; width: 100%; }
#formContent ul li div.paymentInput div.chooseType label { display: inline; float: none; }
#formContent ul li div.paymentInput div.chooseType input { float: none; width: 15px; }
#formContent ul li div.paymentInput div.number input { width: 23%; float: left; }
#formContent ul li div.paymentInput div.expiry select { width: 50%; float: left; }
#formContent ul li div.paymentInput div.name input { width: 100%; }
#formContent ul li div.paymentInput .disabled { position: absolute; top: 0px; left: 0px; visibility: hidden; }

/*
#formContent ul li div.product-listInput {  }
#formContent ul li div.product-listInput ul {  }
#formContent ul li div.product-listInput ul li {  }
#formContent ul li div.product-listInput ul li span { position: absolute; top: 0px; right: 0px; display: block; }
#formContent ul li div.product-listInput ul li span input { width: 30px; float: none; text-align: center; }
#formContent ul li div.product-listInput ul li.total { font-weight: bold; }
#formContent ul li div.product-listInput ul li.total span { padding-right: 22px; }
*/
#formContent ul li div.product-listInput {  }
#formContent ul li div.product-listInput ul {  }
#formContent ul li div.product-listInput ul li { position: relative; }
#formContent ul li div.product-listInput ul li input { width: 30px; position: absolute; right: 5px; top: 2px; text-align: center; }
#formContent ul li div.product-listInput ul li.total { font-weight: bold; }
#formContent ul li div.product-listInput ul li.total span { padding-right: 22px; }

ul.error { font-size:11px; padding:7px !important; background-color:#FFCFDA !important; float:left; width:100%;}

.clear { clear: both; height: 1px; font-size: 1px; line-height: 1px; }


ul.formList { 
	list-style: none;
	padding: 0px;
}
ul.formList li {
}
ul.formList li a {
	background: transparent none no-repeat scroll left center;
	cursor: pointer;
	display: inline;
	padding: 0px 10px 0px 18px;
	text-decoration: none;
}
ul.formList li a.form { background-image: url({{path}}common/icons/form.png); }

.table-border {  }
.table-border td { border-bottom: 1px dotted #0f1069; vertical-align: top; padding: 5px 0 5px 0; }

#branchMap { width:250px; height:355px; float:right; padding:0px 0px 20px 25px; background:#fff; }