* 						{ /*border: 1px dotted #333; */}
body	 				{ font-size: 67.5%;
						  font-family: "Trebuchet MS", Tahoma, Arial;
						  background:fixed;
						  background-image:url(../images/southampton_web_bg.jpg);  
						  background-position:bottom left; background-repeat:no-repeat; 
						  margin: 0;}

/* Layout */
#frame 					{ text-align:left; width: 100%; margin:0; min-width: 1002px; }
#mainpage				{ text-align:left; margin: 0 auto 0;}

#header 				{ text-align:left; width: 100%; height: 72px; margin: 0 0 92px 0; position: fixed; z-index:1000;
						  background: url(../images/header_bg.png) repeat-x top; background-repeat:repeat-x; left:0;}
							
						  

#logo	 				{ float: left; margin: 0 0 0 17px; }

#header_info			{ width: auto; float: left; color:#999999; font-size: 2.0em;}
#header_info img.or		{ margin: 0 40px; }
* html #header_info     { margin-bottom: 8px;}

/* Breadcrumbs */
#breadcrumbs 			{ width:auto; height: 20px; 
						  padding: 2px 10px 4px 10px; text-align:left; 
						  font-size:1.1em; }
#breadcrumbs, 
#breadcrumbs a 			{ color:#333;
}


/* Main Page */
#maincontent 			{ 	padding: 72px 0 150px 0; margin: 0px auto 0; text-align:left; width: 1002px; 
							font-size: 1.1em; min-height:568px; }
* html #maincontent     { 	padding: 0;}

#imagestrip 			{ float: right; width: 265px; margin: 0 0 10px 0; }
#imagestrip p 			{ margin:5px 0px; text-align:center; text-transform:capitalize; font-weight: bold;}

#imagestrip p			{ width: 100%; margin: 3px 0 5px; }
#imagestrip p a			{ color: #333; text-decoration:underline; font-size: 1.4em;}
#imagestrip p a:hover	{ color: #c00; text-decoration:underline;}

#bodytext				{ float:left; width: 355px; padding: 0; margin: 0 10px 5px 0px; 
						  text-align:justify; font-size:1.2em; color: #333333; font-weight:normal; }



#footer 				{ text-align:center; font-size:1.0em; color:#eee; bottom: 0px; position: fixed; z-index:1000;
					      display:block; width: 100%; margin: 0 auto; padding: 23px 2px 0px 2px; 
						  background-image:url(../images/footer_bg.png); background-repeat:repeat-x; height: 23px; }
						  
* html #footer {  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/footer_bg.png', sizingMethod='scale'); background:none ; margin: 0; }

#bottom_bar				{ width: 960px; height: 14px; background-color:#068050; margin: 10px auto 2px;}
#footer_stuff			{ width: 960px; height: 14px; margin: 10px auto; font-size: 0.9em; text-align:left;}
#footer_stuff img		{ float: left;}
#footer_lh				{ float: left; 	width: 420px; margin: 0 20px 10px;}
#footer_rh				{ float: right; width: 420px; margin: 0 0 10px;}
#footer p 				{ margin: 5px 0; text-align:justify;}

#copywrite 				{ float: left; padding-left: 10px; font-size:0.9em; }
#designedby 			{ float: right; padding-right: 10px; font-size:0.9em;}
					  

a						{ color: #fff; text-decoration:underline;}
a:hover					{ color: #c00; text-decoration:underline;}
					  
/* top Nav */ 			  

#lh_col 				{ float:left; width: 601px; margin: 10px 0 10px 0px; 
						  font-size:1.1em; color: #333; font-weight:normal; }

#rh_col					{ width: 350px; float: left; margin: 10px 0 10px -3px; }
* html #rh_col			{ width: 350px; float: left; margin: 10px 0 10px -3px; }

.snippet 				{ text-align:left; border-bottom: 1px dotted #333; margin: 0 0 10px;}
.snippet h4				{ margin: -3px 0 3px; font-weight: bold;}
.snippet img			{ margin: 0 5px 3px;}
.snippet p				{ text-align: justify!important; font-size: 0.9em; font-weight:normal!important; 
						  text-transform:none!important; width: 190px!important;}
.snippet a				{ font-size: .9em!important; margin: -5px 0 0 0 ;}
.snippet a img			{ margin: 3px 7px 0;}


#nav 					{ margin: 0 0 0 20px; width: auto; font-size:1.0em; padding: 0; 
						  font-family:"Trebuchet MS", Tahoma, Arial;}

#nav li 				{ margin: 0 12px 0 0; padding: 0; display:block; height: 30px; 
						  list-style:none; list-style-image:none; 
						  background-image: url(../images/small_yellow_arrow.png); background-repeat:no-repeat;
						  background-position:center left; }


#nav li a 				{ font-weight:normal; text-decoration:none; 
						  margin: 0; padding: 6px 10px 2px; height: 20px; display:block; 
						  background-repeat: no-repeat; text-align:left; color: #333;
						  font-size: 1.1em; font-weight:normal; text-transform: capitalize;
						  border-top: 1px solid #ECFBFF; border-bottom: 1px solid #B0E6FF;
						  width: 150px;}

#nav li a.top 			{ border-top: none; height:21px;}

#nav li a.bottom		{ border-bottom: none;}

#nav li a:hover			{ color: #990000; }
						  
#nav a:visited 			{ color: #660000;}

#nav a.on	 			{ background-image:url(../images/site_specific/red_arrow.gif); 
						  background-position:left; background-repeat:no-repeat; }
						




h1 						{ font-size:1.3em;  margin: 0 0 10px 0; width: 567px; height: 16px;
						  font-weight:normal; text-transform:capitalize; }
h2 						{ font-size:1.3em; color: #333; text-transform:capitalize; font-weight:normal; 
						  margin: 12px 0 10px 20px; font-weight: bold;}
h3 						{ font-size:1.3em; color: #000; text-transform:capitalize; font-weight:normal; }
h4 						{ font-size:1.2em; color: #000; text-transform:capitalize; font-weight:normal; }
h5						{ font-size:1.1em; color: #000; text-transform:capitalize; font-weight:normal; margin: 3px auto;}
h6						{ font-size:1.0em; color: #000; text-transform:capitalize; font-weight:normal; margin: 3px auto;}

strong em 				{ color: #660000;}

.PagenationBG 			{ padding: 2px; width:auto!important; height: 30px; margin: 10px 0 10px 0; 
						  color: #C00; font-size:1.1em;}
.PagenationHeading 		{ font-size:1.1em; color:#C00; font-weight:normal; float: left; }
.PagenationLink a		{ color:#333; display: table-cell; padding: 0 3px; 
						  text-decoration:none; float: left;}
.PagenationText 		{ color:#A00; display: table-cell; padding: 0 3px; 
						  text-decoration:underline; float: left;}
.PagenationLink a:hover	{ color: #000; display: table-cell; text-decoration:underline; color:#CC0000;}

/* Rules to force containers to expand with content */
.clear_right 			{ clear:right; }
.clear 					{ clear:both;  }
.clear_left 			{ clear:left;  }

/* HELPER STYLES */
.floatright 		{ float: right;}
.floatleft 			{ float: left;}

/* TEXT FORMATING */
.left 				{ text-align:left!important;}
.right 				{ text-align:right!important;}
.center 			{ text-align:center!important;}


.text_panel img 	{ margin: 10px 18px; padding: 3px; float: none; border: 1px solid #7FAFD2;}

.text_panel			{ width: 100%; text-align:left;font-size: 0.9em; 
					  margin: 0; position:relative;  }

.text_panel h1		{ color: #FF6600; font-weight:bold!important;text-align:left;
					  font-size: 1.4em; line-height:120%; text-transform:capitalize; 
					  width: 547px; height: 20px; padding: 3px 10px ; 
					  margin:10px 15px ; float: none; font-weight:bold; 
					  background-image:url(../images/title_bg.jpg); background-repeat:no-repeat;} 
					  
.text_panel p		{ color: ccc; font-weight:500!important;text-align:left; font-style:italic;
					  font-size: 1.0em; line-height:120%; margin: 8px 0px; padding: 0 20px; width:auto;}					  
					  
.filter { text-align:left; }


.alpha-shadow {
  float: left;
  background: url(../images/alpha_shadow2.png) no-repeat bottom right;
  margin: 0px 0 0 0px;
  padding: 0 0 10px 0;
}

.alpha-shadow div {
  lbackground: url(../images/alpha_shadow.png) no-repeat left top !important;
  padding: 0px 3px 3px 0px;
}

* html .alpha-shadow {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/alpha_shadow2.png', sizingMethod='crop');
  background: none;
}

* html .alpha-shadow div {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/alpha_shadow.png', sizingMethod='crop');
  background: none;
}

.panel_top_left {
  float: left;
  background: url(../images/alpha_shadow3.png) no-repeat top left;
  margin: 0;
  height: 25px;
  width: 100%;
}
* html .panel_top_left {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/alpha_shadow3.png', sizingMethod='crop');
  background: left;
}


.panel_top_right {
  float: left;
  background: url(../images/alpha_shadow2.png) no-repeat top right;
  margin: 0;
  height: 25px;
  width: 100%;
}
* html .panel_top_right {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/alpha_shadow2.png', sizingMethod='crop');
  background: right;

}


.orange {color:#E77D15;}
.grey { color:#999999;}					  

#header a 		{ text-decoration:none; color:#fff;}
#header a:hover { text-decoration:none;}

.strapline  { 	float: left;position: relative; left: 50px; top: 15px; font-size: 2.0em; 
				font-family: Arial; color: #fff; padding: 0 0 0 20px;
				background-image:url(../images/yellow_arrow.png); background-position: left;
				background-repeat:no-repeat; clear: right;}
 
.phone 		{ 	position: absolute; right: 10px; top: 15px; color: #fff; font-weight:bold;font-size: 2.0em;
				font-family: Arial; width: 200px; padding: 0 0 0 20px;
				background-image:url(../images/yellow_arrow.png); background-position:left; 
				background-repeat:no-repeat;}

				
.readmore {	width: 550px!important; height: 16px; text-align: right!important; padding: 6px 5px!important ; 
			margin:10px 18px!important; float: none; font-weight:bold; color:#333;
			background-image:url(../images/title_bg.jpg); background-repeat:no-repeat;}

img.no_border { border:none; margin:0 0px 0 5px;}

#globe 		{ margin: 10px 0px 0 40px; float: left;}
#swd_logo 	{ margin: 60px 20px 0 20px; float: left;}

#logos		{ float: left; margin: 37px auto 0 auto; padding: 0 30px;}
#logos li   {list-style:none; list-style-image:none; margin:17px 0; }

* html #logos		{  margin: 37px auto 0 auto; padding: 0 20px;}
#related_links {width: 190px; float: left;}

* html #logo1 {  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/testbank.png', sizingMethod='crop'); background:none; width: 100px; height: 64px;}
* html #logos img {  display:none;}

* html #logo2 {  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/brookvale.png', sizingMethod='crop'); background:none; width: 100px; height: 38px;}


* html #logo3 {  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/instock_windows.png', sizingMethod='crop'); background:none; width: 100px; height: 59px;}


* html #logo4 {  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hedge_end_logo.png', sizingMethod='crop'); background:none; width: 100px; height: 34px;}

* html #globe {  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/globe.png', sizingMethod='crop'); background:none; width: 112px; height: 112px;}
* html #globe img {display: none;}

* html #swd_logo {  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/swd_logo.png', sizingMethod='crop'); background:none; width: 160px; height: 63px;}
* html #swd_logo img {display: none;}
