/* START GENERIC ELEMENTS **********/

	/*
	border: 1px solid red;
    background: #FF0000;
	*/

* {
	margin: 0;
    border: 0;
	padding: 0;
}
*/
html, body, div, ul, ol, li, p, form {
	margin: 0;
    border: 0;
	padding: 0;
}
html {overflow-y: scroll;} /*always show v scroll in Firefox*/
body {
    margin: 0;
    background: #fff;
    color: #E6E6E6;
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
}

h1 {
	color: #E6E6E6;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	padding: 0 0 22px 0;
}
h2 {
	color: #89C7C4;
	color: #E6E6E6;
	font-weight: bold;
	font-size: 12px;
	padding: 15px 0 5px 0;
} 
a {
  outline: none;
}
.contenttext p{
	margin: 0 0 14px 0;
	line-height: 18px;
}
.content ol, .portalpagecontent ol {
	margin: 0 10px 10px 0;
}
.portalpagecontent ol {
	margin: 0 10px 30px 0;
}
.content li, .portalpagecontent li {
	margin: 0 0 0 30px;
    font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	color: #89C7C4;
}
#sssmain .content li {
	color: #67B0BB;
}

.portalpagecontent li {
	font-weight: normal;
	color: #070947;
}
.terms li {
	font-weight: normal;
	color: #E6E6E6;
}

#cdiv {
    margin: 0;
    padding: 0;
    width: 100%;
    background: transparent;
    cursor: default;
}
#container {
    margin: 0 auto;
    width: 778px;
    height: 100%;
	background-color: none;
    background: transparent;
}
#header {
/*    margin-left: -8px;*/
}
#header .left {
	float: left;
    margin-left: -8px;
}
#header .right {
	float: right;
    margin: 17px -5px 0 0;
}
#header .right a {
    color: #fff;
	font-size: 14px;
    text-decoration: none;
}
#footer {
	display: block;
    margin: 20px;
    font-size: 11px;
    color: #A7A8AA;
	text-align: center;
}
#footer .left {
	/*
	display: block;
	float: left;
	*/
}
#footer .right {
	/*
	display: block;
	float: right;
	*/
}
#footer a { color: #A7A8AA; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
/*#footer */
a:hover { text-decoration: none; }
img {
	border: 0px;
}
.spacer {
    display: block;
	clear: both;
    height: 12px;
    background: transparent;
    font-size: 2px;
}
#portalmain, #sssmain, #shmmain, #wilmain {
	border: 1px solid white;
    width: 778px;
	/*
	*/
    min-height: 420px;
    background: #fff;
}

#portalmain .portalpagecontent {
	display: block;
	margin: 0 0 0 25px;
	color: #070947;
	font-size: 12px;
	line-height: 18px;
}
#portalmain .portalpagecontent a {
	color: #F38900;
}
.portalfootertextcontainer {
	display: block;
	margin: 0 0 0 20px;
}
.portalfootertext {
	display: block;
	float: left;
	width: 350px;
	margin: 0 29px 0 0;
	line-height: 16px;
	color: #A7A8AA;
	line-height: 18px;
}


#sssmain .left, #wilmain .left, #shmmain .left {
	float: left;
    width: 193px;
    /*
	background: #FFCC00;
	*/
}

#sssmain .right, #wilmain .right, #shmmain .right {
	float: left;
    /*
	background: #FF0000;
	*/
    width: 585px;
}

#sssmain .right .rleft, #wilmain .right .rleft, #shmmain .right .rleft {
	float: left;
    width: 386px;
}
#sssmain .right .rright, #wilmain .right .rright, #shmmain .right .rright {
	float: left;
    width: 199px;
}

.sectionhomeimage {
	display: block;
	width: 580px;
	height: 189px;
	padding-bottom: 8px;
}

#navleft ul {
	display: block;
	width: 185px;
    background: transparent url("/images/navleft_r.png") right top no-repeat;
    list-style-type: none;
}
#navleft ul li {
    display: block;
    padding: 0;
    border: 0;
}
#navleft li a {
    display: block;
	width: 153px;
    padding: 8px 12px 6px 12px;
    color: #424242;
    font-weight: bold;
    text-decoration: none;
	/*border: 1px solid black;*/
	background: #EBEBEB url("/images/navleft_bg.gif") left top no-repeat;
}
#navleft li a:hover {
    color: #E6E6E6;
	background: #EBEBEB url("/images/navleft_bg-over.gif") left top no-repeat;
}
#navleft .navleftb {
    display: block;
	width: 185px;
	height: 8px;
    background: transparent url("/images/navleft_b.png") left top no-repeat;
}
#navleft .navlefton {
    color: #E6E6E6;
	background: #EBEBEB url("/images/navleft_bg-over.gif") left top no-repeat;
}




#navtop {
    display: inline;
    float: left;
    width: 778px;
    height: 33px;
    background: transparent;
}
#navtop ul {
	width: 778px;
}

#navtop ul li {
	margin: 0 0 1px 0;
	list-style-type: none;
	float: left;
}

#navtop ul li a {
	height: 33px;
	display: block;
	text-decoration: none;
	text-indent: -10000em;
	font-size: 0.1em;	
}
#navtop #navtopsss a { background: transparent url("/images/mainnav_smart_self_storage.gif") no-repeat; width: 185px; }
#navtop #navtopsss a:hover, #navtop #navtopsss.selected a { background: transparent url("/images/mainnav_smart_self_storage-over.gif") no-repeat; width: 185px; }

#navtop #navtopwil a { background: transparent url("/images/mainnav_warehousing_industrial_land.gif") no-repeat; width: 293px; }
#navtop #navtopwil a:hover, #navtop #navtopwil.selected a { background: transparent url("/images/mainnav_warehousing_industrial_land-over.gif") no-repeat; width: 293px; }

#navtop #navtopshm a { background: transparent url("/images/mainnav_stock_handling_management.gif") no-repeat; width: 300px; }
#navtop #navtopshm a:hover, #navtop #navtopshm.selected a { background: transparent url("/images/mainnav_stock_handling_management-over.gif") no-repeat; width: 300px; }


/*#sssmain .content a { color: #89C7C4; }*/
#sssmain .content a { color: #67B0BB; }
#wilmain .content a { color: #A5C6BB; }
#shmmain .content a { color: #C0C3A2; }


/*sss*/
/*wil*/
/*shm*/
/* END GENERIC ELEMENTS **********/


/* START PORTAL ELEMENTS **********/
#portal {
	background: #fff url("/images/bg_portal.jpg") center top repeat-x;
}	
#portalmain {
	background: #fff url("/images/portal-main_bg.jpg") center top no-repeat;
}
#portalmain p {
	margin: 0 0 15px 0;
}
.portalpanel1, .portalpanel2, .portalpanel3 {
	float: left;
	margin: 0 0 0 15px;
    width: 236px;
	height: 202px;
    /*
	*/
	cursor: pointer;
    text-decoration: none;
	font-size: 11px;
	color: #fff;
}
.portalpanel1 div, .portalpanel2 div, .portalpanel3 div {
    display: block;
	position: relative;
	top: -20px;
	float: left;
	padding: 6px 21px 0 21px;
    background: transparent;
    text-decoration: none; 
	line-height: 15px;
}
.portalpanel1 {
	margin: 0 0 0 20px;
	background: #666 url("/images/portalpanel1_bg.jpg") center top no-repeat;
}
.portalpanel2 {
	background: #666 url("/images/portalpanel2_bg.jpg") center top no-repeat;
}
.portalpanel3 {
	background: #666 url("/images/portalpanel3_bg.jpg") center top no-repeat;
}
.portalpanel1 a.go, .portalpanel2 a.go, .portalpanel3 a.go{
	display: block;
	vertical-align: bottom;
	position: relative;
	top: 82%;
	left: -12px;
	float: right;
/*	margin: 30px 20px 0 0;*/
    width: 39px;
	height: 19px;
	background: transparent url("/images/btn_go_sss.gif") left top no-repeat;
}
.portalpanel2 a.go {
	background: transparent url("/images/btn_go_wil.gif") left top no-repeat;
}
.portalpanel3 a.go {
	background: transparent url("/images/btn_go_shm.gif") left top no-repeat;
}
.portalpanel1 a.title, .portalpanel2 a.title, .portalpanel3 a.title {
	display: block;
	position: relative;
	top: -19px;
	float: left;
	margin: 23px 21px 0 21px;
    width: 189px;
	height: 50px;
}
.portalpanel1 a.title {
	background: transparent url("/images/portal_ph_smart_self_storage.jpg") left top no-repeat;
}
.portalpanel2 a.title {
	background: transparent url("/images/portal_ph_warehousing_industrial_land.jpg") left top no-repeat;
}
.portalpanel3 a.title {
	background: transparent url("/images/portal_ph_stock_handling_management.jpg") left top no-repeat;
}
.portalpanel1 a.title:hover {
	background: transparent url("/images/portal_ph_smart_self_storage-over.jpg") left top no-repeat;
}
.portalpanel2 a.title:hover {
	background: transparent url("/images/portal_ph_warehousing_industrial_land-over.jpg") left top no-repeat;
}
.portalpanel3 a.title:hover {
	background: transparent url("/images/portal_ph_stock_handling_management-over.jpg") left top no-repeat;
}
.portalpanelshadow1, .portalpanelshadow2, .portalpanelshadow3 {
	float: left;
	margin: 0 0 0 15px;
    width: 236px;
	height: 80px;
}
.portalpanelshadow1 {
	margin: 0 0 0 20px;
	background: transparent url("/images/portalpanel1_shad_bg.jpg") center top no-repeat;
}
.portalpanelshadow2 {
	background: transparent url("/images/portalpanel2_shad_bg.jpg") center top no-repeat;
}
.portalpanelshadow3 {
	background: transparent url("/images/portalpanel3_shad_bg.jpg") center top no-repeat;
}
/* END PORTAL ELEMENTS **********/


/* START SSS ELEMENTS **********/
#sss {
	/*
	background: #fff url("/images/bg_sss.jpg") center top repeat-x;
	*/
	background: #fff url("/images/bg_portal.jpg") center top repeat-x;
}	
#sssmain {
	background: #fff url("/images/main-sss_bg.jpg") center top no-repeat;
}


#headingpanelcontainersss, #headingpanelcontainerwil, #headingpanelcontainershm {
	display: block;
    width: 578px;
}
#headingpanelcontainersss .headingpanel, #headingpanelcontainerwil .headingpanel, #headingpanelcontainershm .headingpanel {
	display: block;
	float: left;
    width: 570px;
}
#headingpanelcontainersss, #headingpanelcontainerwil, #headingpanelcontainershm { background: transparent url("/images/hpshadr_bg.png") right top no-repeat; }
/*#headingpanelcontainersss .headingpanel { background: #59847B url("/images/hp-sss_bg.jpg") left top no-repeat; }*/
#headingpanelcontainersss .headingpanel { background: #548693 url("/images/hp-sss_bg.jpg") left top no-repeat; }
#headingpanelcontainerwil .headingpanel { background: #7A8F87 url("/images/hp-wil_bg.jpg") left top no-repeat; }
#headingpanelcontainershm .headingpanel { background: #868669 url("/images/hp-shm_bg.jpg") left top no-repeat; }


.roundtl {
	display: block;
	float: left;
    width: 2px;
    height: 2px;
	background: transparent url("/images/roundtl.gif");
}
.roundtr {
	display: block;
	float: right;
    width: 2px;
    height: 2px;
	background: transparent url("/images/roundtr.gif");
}

.roundbl {
	display: block;
	float: left;
    width: 2px;
    height: 2px;
	background: transparent url("/images/roundbl.gif");
}
.roundbr {
	display: block;
	float: right;
    width: 2px;
    height: 2px;
	background: transparent url("/images/roundbr.gif");
}

.headingimg {
	display: block;
	padding: 10px 0 10px 10px;
}
.intro {
	display: block;
	padding: 0px 22px 10px 22px;
	font-weight: bold;
	color: #F6F9F9;
	line-height: 18px;
}

.hpbottomsss, .hpbottomwil, .hpbottomshm {
	display: block;
    width: 578px;
    height: 6px;
	background: transparent url("/images/hpshadbsss_bg.png");
}
.hpbottomwil { background: transparent url("/images/hpshadbwil_bg.png"); }
.hpbottomshm { background: transparent url("/images/hpshadbshm_bg.png"); }

.hpshadb {
	display: block;
    width: 578px;
    height: 6px;
	background: transparent url("/images/hpshadb_bg.png");
}

/*
Panels
1 col
*/
.content1col, .contentLeftCol {
	display: block;
	float: left;
	margin-right: 9px;
    width: 184px;
}
.contentLeftCol {
    width: 177px;
}
.content1col .roundedtop {
    width: 184px;
    height: 4px;
	background: transparent url("/images/blackp-1col-t_bg.gif") 0px 0px no-repeat;
}
.contentLeftCol .roundedtop {
    width: 177px;
    height: 4px;
	background: transparent url("/images/blackp-leftcol-t_bg.gif") 0px 0px no-repeat;
}
.content1col .roundedbot {
    width: 184px;
    height: 4px;
	background: transparent url("/images/blackp-1col-b_bg.gif") 0px 0px no-repeat;
}
.contentLeftCol .roundedbot {
    width: 177px;
    height: 4px;
	background: transparent url("/images/blackp-leftcol-b_bg.gif") 0px 0px no-repeat;
}
.content1col .content, .contentLeftCol .content {
	position: relative;
	padding: 10px 10px 6px 10px;
	color: #E6E6E6;
	background: #171717 url("/images/blackp-1col-blend_bg.jpg") 0px 0px no-repeat;
	line-height: 16px;
}
.content1col .content .text {
    padding: 0 8px 10px 12px;
}
.content1col .shadow {
    width: 184px;
    height: 60px;
	background: transparent url("/images/blackp-1col-shad_bg.jpg") 0px 0px no-repeat;
}
.contentLeftCol .shadow {
    width: 177px;
    height: 60px;
	background: transparent url("/images/blackp-leftcol-shad_bg.jpg") 0px 0px no-repeat;
}

/* 2 col */
.content2col {
	display: block;
	float: left;
    width: 377px;
	margin-right: 9px;
}
.content2col .roundedtop {
    width: 377px;
    height: 4px;
	background: transparent url("/images/blackp-2col-t_bg.gif") 0px 0px no-repeat;
}
.content2col .roundedbot {
    width: 377px;
    height: 4px;
	background: transparent url("/images/blackp-2col-b_bg.gif") 0px 0px no-repeat;
}
.content2col .content {
	padding: 18px 24px 20px 24px;
	color: #E6E6E6;
	background: #171717 url("/images/blackp-2col-blend_bg.jpg") 0px 0px no-repeat;
	line-height: 16px;
}
.content2col .shadow {
    width: 377px;
    height: 60px;
	background: transparent url("/images/blackp-2col-shad_bg.jpg") 0px 0px no-repeat;
}

/* 3 col */
.content3col {
	display: block;
	float: left;
    width: 570px;
	margin-right: 9px;
}
.content3col .roundedtop {
    width: 570px;
    height: 4px;
	background: transparent url("/images/blackp-3col-t_bg.gif") 0px 0px no-repeat;
}
.content3col .roundedbot {
    width: 570px;
    height: 4px;
	background: transparent url("/images/blackp-3col-b_bg.gif") 0px 0px no-repeat;
}
.content3col .content {
	padding: 18px 24px 20px 24px;
	color: #E6E6E6;
	background: #171717 url("/images/blackp-3col-blend_bg.jpg") 0px 0px no-repeat;
	line-height: 16px;
}
.content3col .shadow {
    width: 570px;
    height: 60px;
	background: transparent url("/images/blackp-3col-shad_bg.jpg") 0px 0px no-repeat;
}
/*
.content1col .packingmaterialpanel {
    height: 156px;
}
.content1col .packingmaterialpanel .text {
	padding-left: 12px;
}
.content1col .content .materialimage {
	display: block; 
	position: absolute; 
	top: 100%;
	height: 117px; 
	margin: -117px 0 10px 0;
}
/*

/* END SSS ELEMENTS **********/


/* START WIL ELEMENTS **********/
#wil {
	background: #fff url("/images/bg_wil.jpg") center top repeat-x;
}	
#wilmain {
	background: #fff url("/images/main-wil_bg.jpg") center top no-repeat;
}
/* END WIL ELEMENTS **********/


/* START SHM ELEMENTS **********/
#shm {
	background: #fff url("/images/bg_shm.jpg") center top repeat-x;
}	
#shmmain {
	background: #fff url("/images/main-shm_bg.jpg") center top no-repeat;
}
/* END SHM ELEMENTS **********/


/* START  ELEMENTS **********/
/* END  ELEMENTS **********/

.portalpagecontent .inputtext, .portalpagecontent textarea, .portalpagecontent select {
	float: left;
	width: 300px;
	height: 17px;
	border: 1px solid #6F6F7F;
	margin: 0 0 5px 0;
	padding: 2px 3px;
	font-family: verdana;
	color: #070947;
}
.portalpagecontent select {
	height: 22px;
	width: 308px;
}
.portalpagecontent textarea {
	height: 100px;
	font-size: 12px;
}
.portalpagecontent label {
	float: left;
	width: 200px;
	height: 17px;
	clear: left;
	font-weight: bold;
	color: #070947;
	padding: 3px 0 0 0;
}
.portalpagecontent input.cmdsubmit { 
	display: block;
    height: 23px;
	border: 0px;
	margin: 5px 0 0 422px;
	float: left;
    cursor: pointer;
	width: 87px; 
	background: transparent url("/images/cmd_submit.gif") left top no-repeat;	
}


.testamonial {
	/*
	font-family: Times New Roman;
	font-size: 16px;
	*/
	font-style: italic;
	color: #67B0BB;
}

.leftbannerwrapsss, .leftbannerwrapwil, .leftbannerwrapshm {
	cursor: pointer;
	width: 185px;
	background: transparent url("/images/navleft_r.png") right top repeat-y;	
}
.leftbanner .bannertext {
	padding: 12px;
	width: 147px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	/*
	text-align: center;
	*/
}
.leftbanner .bannertext a {
	color: #fff;
}
.leftbanner .bannertext a:hover {
	text-decoration: none;
}


.leftbannerwrapsss .leftbanner {
	background: transparent url("/images/leftbanner_SSS.gif") left top no-repeat;	
}
.leftbannerwrapwil .leftbanner {
	background: transparent url("/images/leftbanner_WIL.gif") left top no-repeat;	
}
.leftbannerwrapshm .leftbanner {
	background: transparent url("/images/leftbanner_SHM.gif") left top no-repeat;	
}

.leftbannerbshmwrap {
	height: 6px;
	background: transparent url("/images/lbshadbshm_bg.png") left top no-repeat;	
}
.leftbannerbshm {
	height: 6px;
	background: transparent url("/images/lbbshm_bg.gif") left top no-repeat;	
}
.orange {
	color: #FDB357;
}
