* { margin: 0; padding: 0; }

body, html {
	width: 100%;
	/*background: #FEFEFE; */
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
 	color: #333333; 
}



#all-container { 
	width: 100%;
	height: 100%;
	background: url("/share/images/site/pageBg.jpg");
	background-position: top center;
	
}

img {
	border: none;
}

a {
	color: #6495ED;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #FF9933;
	text-decoration: none;
}

a.link {
	width: 80%;
	height: 22px;
	margin-top: 10px;
	float: left;
	padding-left: 25px;
	background: url(/share/images/site/back.gif) center left no-repeat;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	color: #333;
	clear: both;
}

ul {
	margin: 5px 20px;
	list-style: square inside none;
}

ul.bullet {
	list-style: square inside url(/share/images/site/bullet.gif);
}

#header {
	width: 960px;
	height: 195px;
	margin: auto;
	clear: both;
}

#body {
	width: 960px;
	margin: auto;
	clear: both;
}

#logos {
	margin-bottom: 20px;
	width: 754px;
	height: 85px;
	float: right;
	clear: both;
	text-align: center;
}

#logos h2 { 
font-weight: normal;
float: left;
padding: 0 0 7px 42px  } 

#logos img
{
	margin-left: 1px;
	margin-right: 1px;
}


#footer-wrapper { 
	padding-top: 20px;
	/*width: 786px; */
	width: 978px; 
	height: 56px;
	margin: auto;
	clear: both;
	border: 1px;
}

#footer {
	width: 754px; 
	/*width: 620px; */
	height: 56px;
	float: right;
	background: url(/share/images/site/footer.gif) bottom no-repeat;
	clear: both;
}

/* Header */
#logo {
	width: 226px;
	height: 195px;
	float: left;
}

#logo img {
	display: block;
}

.the-logo {
	display:block;
	text-indent:-1000em;
	background: url(/share/images/site/logo.gif) no-repeat 0 0;
	width:226px;
	height:195px;	
}

#welcome {
	width: 734px;
	height: 195px;
	float: left;
}

#welcome img {
	display: block;
}

/* Header - > topNav */

#topnav {
	position: relative;
	width: 606px;
	height: 30px;
	margin-top: -195px;
	margin-right: 64px;
	float: right;
	background: url(/share/images/site/topnav.png) no-repeat;
	background-position: top;
	z-index: 9999;
   font-size: 14px;
    font-weight: bold;
}


.tel1 {
   padding-right: 5px;
    padding-left: 28px;
 background: url(/share/images/tel-icon.gif) no-repeat; 
}

.thetel {    color: #FF9900;    font-weight: bold;}

#topnav ul {
	margin-left: 4px;
	list-style: none;
	float: left;
	color: #6699FF;
}

#topnav ul li {
	margin: 0 2px;
	line-height: 23px;
	padding-right: 0px;
	float: left;
	font-weight: bold;
}

#topnav ul li a {
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#topnav ul li a:hover {
	color: #FF9933;
	text-decoration: underline;
}

#topnav ul li a.print {
	padding-right: 20px;
	background: url(/share/images/site/print.gif) right center no-repeat;
}

/* Header - > text */
#text {
	position: relative;
	width: 360px;
	height: 155px;
	margin-top: -120px;
	margin-left: 30px;
	float: left;
	z-index: 9999;
}

#text h1 {
	font-family: Verdana, sans-serif;
	font-size: 18px;
	color: #FF9933;
	text-shadow: 0px 0px 3px #000000;
}

#text h1.blue {
	font-family: Verdana, sans-serif;
	font-size: 18px;
	/*color: #6495ED; */
 	color: #000000;   
	text-shadow: 0px 0px 3px #FFFFFF; 
}


#text h2 {
	font-size: 14px;
	color: #fff;
	text-shadow: 0px 0px 3px #000000;
}

#text a {
	color: #FF9933;
	text-decoration: none;
}

#text a:hover {
	color: #FF9933;
	text-decoration: underline;
}

#text a:active {
	color: #000;
	text-decoration: none;
}

/* Body */

/* Body -> Navigation */
#nav {
	width: 226px;
	margin-top: 15px;
	float: left;
}

#nav ul {
	width: 174px;
	margin-left: 22px;
	list-style: none;
	float: left;
}

#nav ul li {
	margin: 1px 0;
	line-height: 23px;
	float: left;
}

#nav ul li a {
	width: 174px;
	height: 23px;
	padding: 0 0 0 30px;
	background: url(/share/images/site/nav.gif) no-repeat;
	float: left;
	color: #666;
	font-size: 12px;
	text-decoration: none;
}

#nav ul li a:hover {
	background: url(/share/images/site/navHover.gif) no-repeat;
}

#nav ul li a.current {
	background: url(/share/images/site/navHover.gif) no-repeat;
}

#nav ul ul {
	margin-left: 14px;
	float: left;
}

#nav ul ul li {
	margin: 1px 0;
	line-height: 17px;
	float: left;
}

#nav ul ul li a {
	width: 160px;
	height: 17px;
	padding: 0 0 0 22px;
	background: url(/share/images/site/subnav.gif) no-repeat;
	float: left;
	color: #666;
	font-size: 12px;
	text-decoration: none;
}

#nav ul ul li a:hover {
	background: url(/share/images/site/subnavHover.gif) no-repeat;
}

#nav ul ul li a.current {
	background: url(/share/images/site/subnavHover.gif) no-repeat;
}

#nav .newsletter {
	width: 174px;
	margin-top: 28px;
	margin-left: 22px;
	float: left;
}


#nav .newsletter label {
	width: 174px;
	margin-bottom: 10px;
	float: left;
	color: #606060;
	font-weight: bold;
	padding-left: 10px; 
}

#nav .newsletter input.text {
	width: 143px;
	height: 17px;
	padding: 3px;
	float: left;
	background: url(/share/images/site/newsletter.gif) no-repeat;
	border: none;
}

#nav .newsletter input.image {
	margin-top: 3px;
	float: right;
}

#bbc { 
height: 70px;
width: 178px;
background:url(/share/images/site/announcement.png) no-repeat;
background-position:right;
margin: 20px 20px 20px 20px;
font-size: 11px; 
font-weight: bold;
color: #666;
}

#bbc p { padding: 8px 5px 5px 50px;} 

.homebox { 
  background: url(/var/images/home/storage-cardiff-box.jpg) no-repeat;
	width: 204px;
	height: 113px;
	padding: 4px 10px 3px 10px ;
	float: left;
	border: none;
	margin: 0 0 4px 0; 
}

.homebox-title {
	font-size: 17px;
	font-weight: bold;
	padding-top: 12px; 
}

.homebox-body {
		font-size: 12px;
		margin-top: 5px;
		padding: 4px 2px 4px 2px; 
}

/* Body -> Content */
#content {
	/*width: 606px; */
	width: 675px;
	margin-top: 16px;
	margin-left: 30px; 
	float: left;
	font-size: 13px;
}

/* Body -> Content -> Forms */
#content label {
	width: 100%;
	margin: 3px 0;
	float: left;
	color: #606060;
	font-weight: bold;
	clear: both;
}

#content label.nonBlock {
	width: auto;
	margin: 0 0;
	clear: none;
}

#content input.text {
	width: 351px;
	height: 17px;
	padding: 3px;
	float: left;
	background: url(/share/images/site/input.gif) no-repeat;
	border: none;
	clear: both;
}

#content input.password {
	width: 351px;
	height: 17px;
	padding: 3px;
	float: left;
	background: url(/share/images/site/input.gif) no-repeat;
	border: none;
	clear: both;
}

#content input.radio {
	margin: 3px 10px;
	display: inline;
}

#content input.checkbox {
	margin: 3px 10px;
	display: inline;
}

#content input.submit {
	margin-top: 10px;
	padding: 0 10px;
	float: left;
	clear: both;
}

#content textarea {
	width: 351px;
	height: 86px;
	padding: 3px;
	float: left;
	background: url(/share/images/site/textarea.gif) no-repeat;
	border: none;
	clear: both;
}

#content select {
	width: 357px;
	height: 23px;
	padding: 3px;
	float: left;
	background: url(/share/images/site/input.gif) no-repeat;
	border: none;
	clear: both;
}

#content select option {
	background: #fff;
}

/* Body -> Content -> Main */

#content h3, #chatofflineform h3 {
	font-family: Verdana, sans-serif;
	font-size: 15px;
	color: #333333;
}

#content .body {
	width: 530px;
	float: left;
}

#content .widgets {
	width: 175px;
	float: right;
}

/* Body -> Content -> FirstPage */
#content .whiteBox {
	width: 530px;
	height: 139px;
	margin-bottom: 10px;
	float: left;
	background: url(/share/images/site/whiteBox.gif) no-repeat;
}

#content .whiteBox.big {
	width: 530px;
	height: auto;
	margin-bottom: 10px;
	float: left;
	background: url(/share/images/site/whiteBoxBig.gif) bottom no-repeat;
}

#content .whiteBox h3 {
	margin: 10px;
}

#content .whiteBox p {
	margin: 10px;
}

#content .whiteBox img {
	float: right;
	display: inline;
}

#content .highlight {
	padding: 10px;
	background: url(/share/images/site/highlight.gif) repeat-x;
	border: 1px solid #B3B3B3;
	display: block;
}

#content div.highlight {
	width: 662px;
	color: #000;
	clear: both;
}

#content .red {
	color: #FF0000;
}

#intro-para {
    font-size: 14px; }
    
 #intro-para-2 {
    font-size: 16px;  }

/* Body -> Content -> Widgets */
.widgets .text a {
	color: #000;
	text-decoration: none;
}

.widgets .text a:hover {
	color: #000;
	text-decoration: underline;
}

.widgets .row {
	width: 175px;
	height: 10px;
	float: left;
}

.widgets a.arrow {
	margin-top: -10px;
	width: 6px;
	height: 7px;
	background: url(/share/images/site/linkArrow.gif) 0 0;
	float: right;
	overflow: hidden;
}

.widgets a.arrow:hover {
	background-position: 0 -7px;
}

/* Body -> Content -> Widgets -> Blue */
.widgets .blue .top {
	width: 175px;
	min-height: 10px;
	float: left;
	background: url(/share/images/site/blueTop.gif) no-repeat;
}

.widgets .blue .text {
	width: 155px;
	padding: 0 10px;
	float: left;
	color: #fff;
	background: #6495ED;
	font-weight: bold;
}

.widgets .blue .text a:active {
	color: #FF9933;
	text-decoration: none;
}

.widgets .blue .text a:link {
	color: #fff;
}

.widgets .blue .bottom {
	width: 175px;
	height: 10px;
	float: left;
	background: url(/share/images/site/blueBottom.gif) no-repeat;
}

/* Body -> Content -> Widgets -> Orange */
.widgets .orange .top {
	width: 175px;
	min-height: 10px;
	float: left;
	background: url(/share/images/site/orangeTop.gif) no-repeat;
	overflow: hidden;
}

.widgets .orange .text {
	width: 155px;
	padding: 0 10px;
	float: left;
	color: #fff;
	background: #FF9933;
	font-weight: bold;
}

.widgets .orange .text a:active {
	color: #6699FF;
	text-decoration: none;
}

.widgets .orange .text a:link {
	color: #fff;
}


.widgets .orange .bottom {
	width: 175px;
	height: 10px;
	float: left;
	background: url(/share/images/site/orangeBottom.gif) no-repeat;
}


object { padding-left: 10px; padding-right: 30px;} 

/* Storage */
#index {
}

#index .type {
	width: 650px;
	height: 23px;
	margin-bottom: 10px;
	padding: 0 35px;
	float: left;
	background: url(/share/images/site/calcInactive.gif) no-repeat;
	color: #fff;
	font-weight: bold;
	line-height: 23px;
	cursor: pointer;
}

#index .type.hover {
	background: url(/share/images/site/calcActive.gif) no-repeat;
	color: #000;
}

#index .type.active {
	background: url(/share/images/site/calcActive.gif) no-repeat;
	color: #000;
}

#index .type span{
	position: relative;
	top: 0;
	float: right;
	padding-right: 50px;
}

#index .info {
	width: 650px;
	margin-bottom: 10px;
	float: left;
}

#index .info .half {
	width: 270px;
	min-height: 23px;
	float: left;
	line-height: 23px;
	font-weight: bold;
	color: #6495ED;
}

#index .info .half span {
	color: #FF9933;
}

#index .info .half input {
	width: 20px;
	margin-right: 5px;
	padding: 2px;
	float: left;
	border: 1px solid #333;
	background: #EFEFEF;
}

#index .info .half input.focus {
	background: #fff;
}

#calculator {
	padding: 0 10px 20px 0;
}
#calculator .red {
	color: #FF0000;
}

#calculator .superscript {
	font-size: 11px;
	vertical-align: super;
}

#calculator p {
	margin-top: 10px;
	float: left;
}

#calculator img {
	margin: 10px 0;
	float: left;
}

#calc-form .submit { font-size: 16px; padding: 20px; font-weight: bold; } 

/* Footer */
#footer, #footer a {
	color: #666666;
}
#footer .left {
	width: 305px;
	margin-top: 27px;
	margin-left: 38px;
	float: left;
}

#footer .right {
	width: 385px;
	margin-top: 27px;
	float: left;
	text-align: right;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	color: #6699FF;
	text-decoration: underline;
}





#rotating_items
{
	position: relative;
}

#rotating_items h3
{
	margin: 0px;
}

#rotating_items img
{
	display: none;
}

#boxes
{
	background: url(/share/images/site/whiteBoxBig.gif) top no-repeat;
	height: 122px;
	margin-bottom: 10px;
}

#boxes div.inner
{
	background: url(/share/images/site/boxes_bg.png) center;
	width: 511px;
	height: 122px;
	margin-left: 10px;
}

#boxes div.box
{
	float: left;
	width: 130px;
	height: 90px;
	margin-right: 15px;
	padding: 15px;
}

#boxes div.box h3
{

}

#flashcontent { width: 490px; float: left; }

.clear {clear:both}

#tv-right-top { 
	float: right;
	width: 165px;
	height: 212px;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 0px;	
	background:url(/share/images/site/call-to-action-bg2.jpg) no-repeat;
	}
	
 #tv-right-top ul { padding: 5px 0px 0px 0px; margin: 0 0 0 0;  }
 #tv-right-top ul li {
 		margin: 0 10px 0 10px;
	   padding: 3px 0px 0px 17px;
  background:url(/share/images/site/tick.jpg)  no-repeat;
  background-position: 0px 4px; 
  list-style: none;
  }
  #tv-right-top h3 { color: #ffffff; font-size: 12px; padding: 21px 10px 2px 10px }	
	
	
#tv-right-bottom {
	float: right;
	width: 165px;
	height: 163px;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 0px;	
	background:url(/share/images/site/call-to-action-bg.jpg) no-repeat;
	 }
	 
 #tv-right-bottom p { padding: 15px 10px 10px 10px }
  #tv-right-bottom h3 { padding: 21px 10px 2px 10px }
 


.news img {
	float:left;
	margin-right:11px;
	padding: 4px 3px 3px 4px;
	border: 0px;
}

#lowest-price-img {display:none;  position: relative; left: 1110px; width: 138px; height: 100px;  }



#lowpricetag 
{
	position: relative;
	width: 138px;
	height: 100px;
	background: url('http://www.storagegiant.co.uk/share/images/site/lowest-price-guarantee.png');
	top: -200px;
	left: 667px;
	display: block;
}

#lowpricetag:hover
{
	text-decoration: none;
}





#chatofflineform { 
	padding-top: 2px;
    margin-left: 10px;
    padding-left: 20px;
	width: 200px; 
	border: 1px;
	background: url("/share/images/site/highlight.png") no-repeat;
	background-position: 12px 0px;
	/* display: none; */
}




#chatofflineform h3 { 
 color: #ff9933;
}


#chatofflineform p { 
  padding:  5px 45px 10px 0px;
  font-size: 10px;
 }

#chatofflinefrom input {
width: 174px; 
 }


#chatofflineforminner {
	width: 680px; 
	/*width: 620px; */
	height: 56px;
	float: right;
	clear: both;
padding: 30px;
}



/* rotator in-page placement */
        div.rotator {
	position:relative;
	height:195px;
}
/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div.rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
        div.rotator ul li.show {
	z-index:500;
}