/* Simplifyweb - Website CSS */

/* Colour Scheme */
/* 
	Text (Grey)   : #555
	Blue    	  : #0e659c
	Grey		  : #555
	Dark Grey     : #404040
	
	>> Package Colours
	Orange		  : #cc6600
	Red 		  : #b0493a
	Yellow 		  : #cf8308 
	Green  		  : #628a27
	Blue          : #194156
*/

html{
	border:0;
	margin:0;
	padding:0;
	text-align:left;
	background-color:#FFF;
	color:#555;
}
 
body{ font:100%/0.8 Arial, Helvetica, sans-serif;}

/***** Headings *****/

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0 0 10px 0;
	width:auto;
	font-weight:normal;
	white-space:normal;
	line-height:110%;
}
 
h1{
	font-size:1.6em;
	text-align:left;
	color:#cc6600;
	padding-top:9px;
}

h1.addon{
	font-size:1.6em;
	text-align:left;
	color:#cc6600;
	margin-top:-10px;
}

h1.white{
	font-size:1.4em;
	text-align:left;
	color:#fff;
	padding-top:9px;
}


h1.customers{
	font-size:1.4em;
	text-align:left;
	color:#cc6600;
	padding:0 0 5px 0;	
}

h1.grey{
	font-size:1.8em;
	text-align:left;
	color:#727172;
	padding:0 0 10px 0;
}


h2{
	font-size:1.2em;
	text-align:left;
	color:#cc6600;
	padding:0 0 5px 0;
}

h2.white{
	font-size:1.2em;
	text-align:left;
	color:#fff;
	padding:0 0 10px 0;
}

h2.white_packages{
	font-size:1.2em;
	text-align:left;
	color:#fff;
	padding:10px 0 0 10px;
}


h2.small{
	font-size:0.8em;
	font-weight:bold;
	text-align:left;
	color:#016893;
	line-height:140%;
}

h2.large{
	font-size:1.6em;
	text-align:left;
	color:#cc6600;
	padding:0 0 5px 0;
}


h2.grey{
	font-size:1.2em;
	font-weight:normal;
	text-align:left;
	color:#555;
}

h3{
	font-size:0.9em;
	text-align:left;
	color:#5F5F5F;
	font-weight:bold;
	padding:0 0 5px 0;
}

h3.frm{
	font-size:0.9em;
	text-align:left;
	color:#5F5F5F;
	font-weight:bold;
	padding:15px 0 5px 0;
}

h3.white{
	font-size:0.9em;
	text-align:left;
	font-weight:bold;
	color:#FFF;
}

h3.ftr_small{
	font-size:0.8em;
	font-weight:bold;
	text-align:left;
	width:200px;
	color:#FFF;
	padding:5px 0 5px 5px;
	margin:0;
	border-bottom:1px solid #fff;
}

h3.ftr_large{
	font-size:0.8em;
	font-weight:bold;
	text-align:left;
	width:380px;
	color:#FFF;
	padding:5px 0 5px 5px;
	margin:0;
	border-bottom:1px solid #fff;
}


h4{
	font-size:0.8em;
	text-align:left;
	font-style:italic;
	color:#5F5F5F;
}

/***** Spans *****/


/***** Common Formatting *****/
 
p{
margin:0;
padding:10px 10px 10px 0;
width:auto;
text-align:justify;
font-size:0.8em;
line-height:145%;
}

p.toggle{
margin:0;
padding:10px 10px 10px 0;
width:auto;
text-align:justify;
font-weight:normal;
font-size:0.8em;
line-height:145%;
}

p.white{
margin:0;
padding:10px 10px 10px 0;
width:auto;
text-align:justify;
font-weight:normal;
font-size:0.8em;
line-height:145%;
color:#FFF;
}

p.contact{
margin:0;
padding-top:3px;
padding-bottom:0;
width:auto;
text-align:justify;
font-weight:normal;
font-size:0.8em;
color:#FFF;
line-height:100%;
float:left;
}

p.telephone{
margin:0;
padding:0;
width:auto;
text-align:justify;
font-weight:bold;
font-size:1.8em;
color:#FFF;
line-height:100%;
float:right;
}

p.customers{
margin:0;
padding:0;
width:auto;
text-align:justify;
font-size:0.75em;
line-height:110%;
color:#FFF;
}

p.white{
margin:0;
padding:0;
width:auto;
text-align:justify;
font-size:0.8em;
line-height:110%;
color:#FFF;
}

p.blue{
margin:0;
padding:0;
width:auto;
text-align:center;
font-size:1.2em;
font-weight:bold;
line-height:110%;
color:#0e659c;
}

p#copy{
margin:0;
padding:10px 10px 10px 0;
width:auto;
text-align:justify;
font-weight:normal;
font-size:0.7em;
line-height:145%;
text-align:right;
color:#FFF;
}

/***** Horizontal Ruler *****/
hr{
border:0;
height:1px;
color:#E4E4E4;
background-color:#E4E4E4;
margin:5px 0 10px 0;
}

/***** Website Layout Structure *****/

/* Top Master Header Wrapper */
#master_header_wrapper{
	width:100%;
	height:110px;
	background-color:#0e659c;
	margin:0px auto;
}

	#master_header{
		width:980px;
		height:110px;
		margin:0px auto;
		background:url(../images/header/master_header_bg.jpg) no-repeat;
	}

/* Large Package Header Wrapper */

#grey_band{
	width:100%;
	height:60px;
	background-color:#555;
	margin:0px auto;
	margin-bottom:-37px;
}
	
	#logo{
		width:auto;
		height:auto;
		float:left;
		margin-top:5px;
		background-repeat:no-repeat;
	}

	#contact_details{
		width:300px;
		height:30px;
		float:right;
		margin-top:10px;
		margin-right:10px;
		padding:0;
	}
	
	#support{
	width:117px;
	height:21px;
	float:right;
	margin-top:15px;
	margin-right:10px;
	}
	
	/* Navigation */
	
	#navi{
		width:980px;
		height:37px;
		float:right;
		padding-top:7px;
	}


/* Header */
#header_wrapper{
	width:100%;
	height:369px;
	background:url(../images/bg_repeats/header_bg_repeat.jpg) repeat-x;
	background-color:#555;
	margin:0px auto;
}
	#header{
		width:980px;
		height:307px;
		margin:0px auto;
	}
	
	#left_header{
	    width:401px;
	    height:307px;
	    float:left;
	}
	
	#right_header{
	    width:579px;
	    height:307px;
	    float:right;
	}

/* Packages */
#packages_wrapper{
	width:100%;
	height:250px;
	margin:0px auto;
}
	#packages_container{
		position:relative;
		top:-87px;
		width:980px;
		height:270px;
		margin:0px auto;
		margin-bottom:-80px;
	}
	
	#small_package{
		width:244px;
		height:272px;
		float:left;
		background:url(../images/packages/small/small_package_bg.png) no-repeat;
		cursor:pointer;
	}
	
	#small_features{
		margin-top:80px;
		height:150px;
	}
	
    #medium_package{
		width:244px;
		height:272px;
		float:left;
		background:url(../images/packages/medium/medium_package_bg.png) no-repeat;
		cursor:pointer;
	}
	
	#medium_features{
		margin-top:80px;
		height:150px;
	}
	
	#large_package{
		width:244px;
		height:272px;
		float:left;
		background:url(../images/packages/large/large_package_bg.png) no-repeat;
		cursor:pointer;
	}
	
	#large_features{
		margin-top:80px;
		height:150px;
	}
	
	#ecommerce_package{
		width:244px;
		height:272px;
		float:left;
		background:url(../images/packages/ecommerce/ecommerce_package_bg.png) no-repeat;
		cursor:pointer;
	}
	
	#ecommerce_features{
		margin-top:80px;
		height:150px;
	}
	
	
.price{
float:left;
padding-left:20px;
margin-top:5px;
margin-bottom:10px;
}

.more_benefits{
float:left;
padding-left:25px;
}


/* Customers */

#customers_wrapper{
	width:100%;
	height:163px;
	background:url(../images/bg_repeats/customers_bg_repeat.jpg) repeat-x;
	background-color:#a6a5a5;
	margin:0px auto;
}
	#customers{
		width:980px;
		height:135px;
		margin:0px auto;
		background:url(../images/customers/customers_bg.jpg) no-repeat;
	}
	
	#customer_text{
	width:350px;
	height:90px;
	float:left;
	margin-top:15px;
	}
	
    #customer_logos{
	width:580px;
	height:95px;
	float:right;
	margin-top:25px;
	}

/* Steps */
#steps{
	width:980px;
	height:100%;
	margin:0px auto;
	background:url(../images/process/process_bg.jpg) no-repeat;
	padding-bottom:15px;
}

/* Grey Top Shadow */
.grey_top_shadow{
	width:980px;
	height:100%;
	margin:0px auto;
	background:url(../images/process/process_bg.jpg) no-repeat;
	margin-bottom:25px;
}

/* Small Top Shadow */
.small_top_shadow{
	width:980px;
	height:100%;
	margin:0px auto;
	background:url(../images/packages/small/small_features_bg.jpg) no-repeat;
	margin-bottom:25px;
}

/* Medium Top Shadow */
.medium_top_shadow{
	width:980px;
	height:100%;
	margin:0px auto;
	background:url(../images/packages/medium/medium_features_bg.jpg) no-repeat;
	margin-bottom:25px;
}

/* Large Top Shadow */
.large_top_shadow{
	width:980px;
	height:100%;
	margin:0px auto;
	background:url(../images/packages/large/large_features_bg.jpg) no-repeat;
	margin-bottom:25px;
}

/* Ecommerce Top Shadow */
.ecommerce_top_shadow{
	width:980px;
	height:100%;
	margin:0px auto;
	background:url(../images/packages/ecommerce/ecommerce_features_bg.jpg) no-repeat;
	margin-bottom:25px;
}


/* Additional Information Wrapper */
.add_info_wrapper{
	width:100%;
	height:100%;
	margin:0px auto;
	background:url(../images/bg_repeats/add_info_bg_repeat.jpg) repeat-x;
	background-position:top left;
	padding-bottom:25px;
}

/* Additional Information Shadow */
.add_info{
	width:980px;
	height:100%;
	margin:0px auto;
	background:url(../images/bg_repeats/add_info_bg.jpg) no-repeat;
	background-position:top left;
}

/* Dark Grey Wrapper */
#dark_grey_wrapper{
	width:100%;
	height:135px;
	background:url(../images/bg_repeats/dark_grey_bg_repeat.jpg) repeat-x;
	background-color:#a6a5a5;
	margin:0px auto;
}
	#dark_grey{
		width:980px;
		height:135px;
		margin:0px auto;
		background:url(../images/customers/customers_bg.jpg) no-repeat;
	}
	
	#side_text{
	width:530px;
	height:90px;
	float:left;
	margin-top:25px;
	}
	
    #side_logo{
	width:400px;
	height:95px;
	float:right;
	margin-top:25px;
	}

/* Customers */

#customers_wrapper_inner{
	width:100%;
	height:135px;
	background:url(../images/bg_repeats/dark_grey_bg_repeat.jpg) repeat-x;
	background-color:#a6a5a5;
	margin:0px auto;
}

/* Website Container */
#container{
	width:980px;
	height:auto;
	margin:0px auto;
	text-align:left;
	margin-bottom:40px;
	background:url(../images/header/default_inner.png) no-repeat;
}

/* Packages */
#container_small_package{
	width:980px;
	height:auto;
	margin:0px auto;
	text-align:left;
	margin-bottom:40px;
	background:url(../images/header/small_package_inner.png) no-repeat;
}

#container_medium_package{
	width:980px;
	height:auto;
	margin:0px auto;
	text-align:left;
	margin-bottom:40px;
	background:url(../images/header/medium_package_inner.png) no-repeat;
}

#container_large_package{
	width:980px;
	height:auto;
	margin:0px auto;
	text-align:left;
	margin-bottom:40px;
	background:url(../images/header/large_package_inner.png) no-repeat;
}

#container_ecommerce_package{
	width:980px;
	height:auto;
	margin:0px auto;
	text-align:left;
	margin-bottom:40px;
	background:url(../images/header/ecommerce_package_inner.png) no-repeat;
}

/* Add-ons */

#container_addons{
	width:980px;
	height:auto;
	margin:0px auto;
	text-align:left;
	margin-bottom:40px;
	background:url(../images/header/addons_inner.png) no-repeat;
}


/* Pricing  / Table*/

#pricing_tabs{
	width:738px;
	height:auto;
	float:right;
	margin-top:-15px;
}

table#pricing{
border:none;
border:0;
margin:0;
font-size:0.8em;
text-align:left;
line-height:130%;
}


table#pricing tr td{
padding:10px;
border-collapse: separate;
border:none;
margin:2px; 
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
border-left:1px solid #e7e7e7;
}

table#pricing td.nosideborder{
border-left:none;
width:165px;
}

table#pricing td.noborder{
border:none;
padding:20px 0 5px 0;
width:165px;
color:#CC6600;
}


table#pricing tr:hover{
background-color:#f3f3f3;
}

table#pricing tr.head:hover{
background-color:transparent;
}


/*** Add-ons / Table ***/

table#addons{
border:none;
border:0;
margin:0;
font-size:0.8em;
text-align:left;
line-height:130%;
}


table#addons tr td{
padding:10px;
border-collapse: separate;
border:none;
margin:2px; 
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
border-left:1px solid #e7e7e7;
}

table#addons td.nosideborder{
border-left:none;
width:165px;
}

table#addons td.noborder{
border:none;
padding:20px 0 5px 0;
width:165px;
}


table#addons tr:hover{
background-color:#f3f3f3;
}

table#addons tr.head:hover{
background-color:transparent;
}

/* Table Results */
table.results{
border:none;
border:0;
margin:0;
width:100%;
font-size:0.8em;
text-align:left;
line-height:130%;
margin-bottom:15px;
}

table.results tr th{
padding:10px;
border-collapse: separate;
border:none;
margin:2px;
font-weight:bold;
background-color:#e4e4e4;
border-bottom:1px solid #e7e7e7;
}


table.results tr td{
padding:10px;
border-collapse: separate;
border:none;
margin:2px;
width:50%; 
background-color:#fcfcfc;
border:1px solid #e4e4e4;
}

table.results tr td.term{
padding:10px;
border-collapse: separate;
border:none;
margin:2px;
width:50%;
background-color:#fcfcfc;
border:1px solid #e4e4e4;
}

#content{
width:915px;
height:auto;
margin:0px auto;
padding-top:15px;
}

#content_pricing{
width:915px;
height:auto;
margin:0px auto;
}

/**** Inner Page Layouts ****/
#inner_left{
width:305px;
height:100%;
margin-right:10px;
float:left;
}

#features{
width:350px;
height:auto;
margin-right:35px;
float:left;
}

#package_price{
width:auto;
height:auto;
margin-top:50px;
}

/**** Large 1 Row / 3 Icons ****/
.icon_large{
width:280px;
height:250px;
float:left;
margin:35px 10px 0 10px;
}
	.icon_text{
	width:280px;
    height:100px;
	margin-top:5px;
	}
	
	.icon_text h2{
	font-size:0.8em;
	color:#cc6600;
	line-height:120%;
	}
	
	.icon_text p{
	line-height:115%;
	}

/* Small Icons - Higlights*/
.icon_small_wrapper{
width:300px;
height:90px;
float:left;
margin:10px 15px 0 0px;
}

	.icon_small{
	width:100px;
    height:90px;
	float:left;
	}
	.icon_small_text{
	width:auto;
    height:90px;
	margin-top:5px;
	}
	
	.icon_small_text h3{
	font-size:0.85em;
	color:#cc6600;
	font-weight:bold;
	line-height:120%;
	}
	
	.icon_small_text p{
	line-height:115%;
	font-size:0.8em;
	padding:0;
	margin:0;
	}

/**** Add-ons ****/
.addon_side{
width:300px;
height:60px;
float:left;
margin:5px 0 5px 0;
}

	.addon_side_icon{
	width:66px;
    height:56px;
	float:left;
	margin-right:5px;
	border-right:1px solid #d2d2d2;
	}
	.addon_side_text{
	width:auto;
    height:56px;
	margin-top:5px;
	}
	
	.addon_side_text h3{
	font-size:0.82em;
	color:#555;
	font-weight:bold;
	line-height:120%;
	}
	
	.addon_side_text p{
	line-height:115%;
	font-size:0.7em;
	padding:0;
	margin:0;
	}
	
/**** Add-ons extra small ****/
.addon_side_small{
width:250px;
height:60px;
float:left;
margin:5px 0 5px 0;
}

	.addon_side_icon_small{
	width:55px;
    height:47px;
	float:left;
	margin-right:5px;
	border-right:1px solid #d2d2d2;
	}
	.addon_side_text_small{
	width:auto;
    height:56px;
	margin-top:5px;
	}
	
	.addon_side_text_small h3{
	font-size:0.82em;
	color:#555;
	font-weight:bold;
	line-height:120%;
	padding-bottom:3px;
	margin:0;
	}
	
	.addon_side_text_small a:link, a:visited, a:active{
	text-decoration:none;
	color:#555;
	}
	
	.addon_side_text_small a:hover{
	text-decoration:none;
	color:#555;
	}
	
	.addon_side_text_small p{
	line-height:115%;
	font-size:0.7em;
	padding:0;
	margin:0;
	text-align:left;
	}
	

/**** Portfolio - 1 Row / 3 Examples ****/
.example{
width:191px;
height:auto;
float:left;
margin:10px 10px 15px 0;
background-color:#efefef;
border:1px solid #e4e4e4;
}

.example img{
margin:5px 5px 10px 5px;
}

	
	.example h2{
	height:auto;
	font-size:0.8em;
	color:#555;
	line-height:120%;
	font-weight:bold;
	text-align:left;
	padding:5px;
	}
	
	.example p{
	font-size:0.7em;
	line-height:120%;
	padding:2px 5px 5px 5px;
	}

/**** Add-ons Homepage Hotlinks ****/
.addon_link{
width:98px;
height:100px;
float:left;
margin:10px 0 15px 8px;
border:1px solid #fff;
}

.addon_link:hover{
width:98px;
height:100px;
float:left;
margin:10px 0 15px 8px;
border:1px solid #dcdcdc;
}

.addon_link img{
margin:0 auto;
padding:5px;
display:block;
}

	
	.addon_link h3{
	height:auto;
	font-size:0.7em;
	color:#555;
	line-height:120%;
	font-weight:bold;
	text-align:center;
	padding:5px;
	}
	
	.addon_link p{
	font-size:0.7em;
	line-height:120%;
	padding:5px;
	}


/**** Add-ons Pricing Hotlinks ****/
.addon_link2{
width:90px;
height:100px;
float:left;
margin:10px 0 15px 8px;
border:1px solid #fff;
}

.addon_link2:hover{
width:90px;
height:100px;
float:left;
margin:10px 0 15px 8px;
border:1px solid #dcdcdc;
}

.addon_link2 img{
margin:0 auto;
padding:5px;
display:block;
}

	
	.addon_link2 h3{
	height:auto;
	font-size:0.7em;
	color:#555;
	line-height:120%;
	font-weight:bold;
	text-align:center;
	padding:5px;
	}
	
	.addon_link2 p{
	font-size:0.7em;
	line-height:120%;
	padding:5px;
	}



/*** Sidebar - Additional Features  ****/
#sidebar{
    width:199px;
    height:auto;
    float:left;
    margin-right:20px;
    padding-top:20px;
    padding-bottom:20px;
    border-right:1px solid #ccc;
}

/* Sidebar content */
#sidebar_content{
    width:690px;
    height:auto;
    float:left;
    margin-bottom:20px;
}

#sidebar ul{
padding:0;
margin:0;
color:#555;
}

#sidebar ul li{
color:#555;
width:179px;
height:auto;
font-size:0.8em;
text-align:left;
list-style-type:none;
line-height:120%;
margin-bottom:5px;
}

#sidebar ul li a {
width:189px;
height:30px;
display:block;
outline:none;
padding:5px;
color:#555;
text-decoration:none;
font-weight:normal;
font-size:0.92em;
}

#sidebar ul li a:hover {
width:189px;
height:30px;
display:block;
outline:none;
padding:5px;
color:#CC6600;
text-decoration:none;
font-size:0.92em;
}

#sidebar ul li a#selected {
width:188px;
height:28px;
display:block;
outline:none;
font-weight:bold;
color:#CC6600;
text-decoration:none;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #fff;
font-size:0.92em;
}

#sidebar ul li a img{
margin-right:3px;
}

.sidebar_inner{
    width:220px;
    height:auto;
    float:left;
    margin:5px;
}

.sidebar_inner_small{
    width:100px;
    height:auto;
    float:left;
    margin:5px;
}



/***** Ordered Lists *****/ 

ul{
padding:0;
margin:0;
color:#555;
padding-left:30px;
}

ul li{
color:#555;
font-size:0.8em;
text-align:left;
list-style-type:square;
line-height:120%;
}

ul li.none{
font-size:0.8em;
text-align:left;
list-style-type:none;
line-height:120%;
}

ul ul li{
color:#555;
font-size:0.9em;
text-align:left;
list-style-type:circle;
line-height:120%;
padding-top:2px;
}


ul.inner{
padding:0;
margin:0;
color:#555;
list-style-position:inside;
}

ul.inner li.inner{
width:auto;
height:auto;
color:#555;
font-size:0.8em;
list-style-type:square;
line-height:120%;
list-style-position:inside;
}

ul.sml{
padding:0;
margin:0;
color:#555;
list-style-position:inside;
padding-left:5px;
margin-top:5px;
margin-bottom:10px;
}

ul.sml li.sml{
width:270px;
height:auto;
color:#555;
font-size:0.8em;
list-style-type:square;
line-height:120%;
list-style-position:inside;
}

/*

Changed to div styling so it validates

ul#twitter_update_list{
padding:0;
margin:0;
color:#fff;
}

ul#twitter_update_list li{
color:#fff;
font-size:0.7em;
text-align:left;
list-style-type:none;
line-height:120%;
font-style:normal;
}

ul#twitter_update_list li a:link, a:visited, a:hover, a:active{
color:#fff;
text-decoration:underline;
}*/


ul.packages{
width:auto;
padding:0;
margin:0;
color:#555;
margin-left:40px;
list-style-type:square;
list-style-position:outside;

}

ul.packages li.packages{
width:auto;
height:auto;
color:#555;
padding:0;
margin:0;
font-size:0.8em;
line-height:110%;
text-align:left;
}

ul.tick{
width:350px;
padding:0;
margin:0;
color:#555;
margin-left:20px;
}

ul.tick li.tick{
width:350px;
height:auto;
color:#555;
padding:5px;
font-size:0.8em;
text-align:left;
list-style-image:url(../images/bullets/green_tick.gif);
line-height:110%;
list-style-position:inside;
}

ul.tick_red{
width:350px;
padding:0;
margin:0;
color:#555;
}

ul.tick_red li.tick_red{
width:350px;
height:auto;
color:#555;
padding:5px;
font-size:0.8em;
text-align:left;
list-style-image:url(../images/bullets/red_tick.gif);
line-height:110%;
list-style-position:inside;
}

ul.tick_green{
width:350px;
padding:0;
margin:0;
color:#555;
}

ul.tick_green li.tick_green{
width:350px;
height:auto;
color:#555;
padding:5px;
font-size:0.8em;
text-align:left;
list-style-image:url(../images/bullets/green_tick.gif);
line-height:110%;
list-style-position:inside;
}

ul.tick_yellow{
width:350px;
padding:0;
margin:0;
color:#555;
}

ul.tick_yellow li.tick_yellow{
width:350px;
height:auto;
color:#555;
padding:5px;
font-size:0.8em;
text-align:left;
list-style-image:url(../images/bullets/yellow_tick.gif);
line-height:110%;
list-style-position:inside;
}

ul.tick_blue{
width:350px;
padding:0;
margin:0;
color:#555;
}

ul.tick_blue li.tick_blue{
width:350px;
height:auto;
color:#555;
padding:5px;
font-size:0.8em;
text-align:left;
list-style-image:url(../images/bullets/blue_tick.gif);
line-height:110%;
list-style-position:inside;
}


ul.body{
padding:0;
margin:0;
line-height:140%;
margin-left:15px;
color:#016893;
}

ul li.bod{
list-style:square;
color:#016893;
margin-left:15px;
font-size:0.8em;
}

ul.toggle{
padding:0;
margin:0;
line-height:110%;
margin-left:15px;
color:#016893;
}

ul li.toggle{
list-style:square;
color:#016893;
margin-left:15px;
font-size:0.8em;
}


/**** LHS  *****/
#lhs{
width:237px;
height:auto;
float:left;
margin-right:30px;
margin-bottom:20px;
}

#rhs{
width:710px;
height:auto;
float:right;
margin-bottom:20px;
}

#breadcrumbs{
width:auto;
height:20px;
padding: 0 0 10px 0;
color:#016893;
font-size:0.8em;
}

/**** Message Box - for important information ****/
.message_box_full{
width:665px;
height:auto;
background-color:#fdfdfd;
border:1px solid #e4e4e4;
-moz-border-radius:5px 5px 5px 5px;
padding:10px;
margin:10px 0 10px 0;
}

.message_box_large{
width:600px;
height:auto;
background-color:#fff;
-moz-border-radius:5px 5px 5px 5px;
padding:10px;
margin:10px 10px 10px 0;
float:left;
}

.message_box_small{
width:250px;
height:auto;
background-color:#fdfdfd;
border:1px solid #ccc;
-moz-border-radius:5px 5px 5px 5px;
padding:10px;
margin:10px 0 10px 10px;
float:right;
}

.message_box_small_2{
width:250px;
height:auto;
-moz-border-radius:5px 5px 5px 5px;
padding:10px;
margin:10px 0 10px 10px;
float:right;
}

.message_left{
width:460px;
float:left;
margin-right:20px;
padding:10px;
}

.message_right{
width:460px;
float:right;
padding:10px;
}

/***** Customer Logos *****/
.valign_row{
width:auto;
height:auto;
vertical-align:middle;
margin:10px;
}

.valign_img{
vertical-align:middle;
margin:0px auto;
}

/***** Features and Functionality *****/
#features_container{
	width:710px;
	height:auto;
	float:left;
	overflow:hidden;
}

.section{
	position:relative;
	width:710px;
	height:auto;
	float:left;
}

.features_expand_left{
	width:330px;
	height:auto;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.features_expand_right{
	width:330px;
	height:auto;
	float:left;
	margin-bottom:20px;
}

.center_wrapper{
	width:980px;
	height:auto;
	margin:0px auto;
}

/***** Inner Page Layout *****/


/* Box Left Side Content */
.box_left{
	width:480px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

/* Box Right Side Content */
.box_right{
	width:480px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}

/* Box Left Side Content */
.box_left_large{
	width:630px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

/* Box Right Side Content */
.box_right_small{
	width:300px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}

.box_full{
	width:auto;
	height:auto;
	margin:15px;
	padding-top:5px;
}
/**** 3 Row Inner Page Boxes ****/
.box_3{
width:280px;
height:auto;
float:left;
margin:0px 10px 30px 10px;
}

/* Contact Form Layout */

.box_form{
width:280px;
height:auto;
float:left;
margin:0px 10px 30px 10px;
}

.box_details{
width:290px;
height:auto;
float:left;
background-color:#fdfdfd;
border:1px solid #e4e4e4;
-moz-border-radius:5px 5px 5px 5px;
margin:70px 0 30px 40px;
padding:10px;
}

.box_address{
width:200px;
height:auto;
float:left;
margin:70px 10px 10px 30px;
}

#ctl00_content_lblCaptureMessage{
font-size:0.73em;
color:#ff0000;
display:block;
line-height:120%;
}

/**** 3 Row Inner Page Boxes - eCommerce Package ****/
.box_3_ecom{
width:290px;
height:auto;
background-color:#fdfdfd;
border:1px solid #e4e4e4;
-moz-border-radius:5px 5px 5px 5px;
padding:10px;
margin:5px;
float:left;
}

.box_3_ecom h4{
	font-size:0.8em;
	text-align:left;
	padding:0;
	margin:0;
	font-weight:bold;
	font-style:normal;
	color:#CC6600;
}

.box_3_ecom p{
	font-size:0.8em;
	text-align:justify;
}

/*** Form Styling ****/

.box_form_element{
width:320px;
height:auto;
float:left;
margin:0px 0 10px 0;
}


/* Footer */
#footer{
	position:relative;
	bottom:0;
	width:100%;
	background-color:#0e659c;
	height:auto;
	padding-bottom:10px;
}

#footer_container{
	position:relative;
	width:980px;
	height:auto;
	margin:0px auto;

}

/* Footer WSD Logo */
#ftr_wsd_logo{
	width:245px;
	height:52px;
	margin-top:10px;
	background-color:transparent;
	float:left;
}

/* Copyright */
#copyright{
	width:500px;
	height:50px;
	font-size:1em;
	float:right;
}

/* Footer Links Holder */
#links_holder{
	width:460px;
	height:120px;
	float:right;
}

/* Footer Links */
.footer_links{
	width:auto;
	height:auto;
	float:left;
	margin:30px 40px 20px 0;
	text-align:left;
}

.footer_links_large{
	width:400px;
	height:auto;
	float:left;
	margin:30px 50px 0 0;
	text-align:left;
}

/* Twitter */
#twitter_update_list{
padding:0;
margin:0;
color:#fff;
font-size:0.7em;
text-align:left;
line-height:120%;
font-style:normal;
}

#twitter_update_list a:link, a:visited, a:hover, a:active{
color:#fff;
text-decoration:underline;
}


/**** Read more / Close buttons *****/
.readmore{
position:relative;
width:85px;
height:14px;
background:url(../images/navi/read_more.jpg) no-repeat;
outline:none;
cursor:pointer;
margin-top:5px;
}

.close{
width:47px;
height:14px;
background:url(../images/navi/close.jpg) no-repeat;
outline:none;
cursor:pointer;
margin-top:5px;
}



/**** Image / Thumbnails *****/ 
img {
    margin: 0;
    padding: 0;
    outline: none;
}

img.cntr{
display:block;
margin:auto;
}

/* Quotes */
.open_quote{
	width:20px;
	height:20px;
	background:url(../images/quotes/open_quote.gif) no-repeat;
}

.close_quote{
	width:20px;
	height:20px;
	background:url(../images/quotes/close_quote.gif) no-repeat;
}


.quote_wrapper{
width:260px;
height:auto;
margin:0px auto;
}

.client_logo{
position:relative;
width:140px;
height:auto;
float:left;
}

.client_quote{
position:relative;
width:260px;
height:auto;
float:left;
}

.client_quote p{
text-align:center;
color:#cc6600;
padding:0 25px 0 35px;
margin:0;
}

.client_quote p.name{
text-align:center;
color:#555;
padding:0;
margin:0;
}


/* Large Quotes */
.quote_wrapper_large{
width:430px;
height:auto;
padding-bottom:20px;
margin:0 auto;
float:left;
}

.client_logo_large{
position:relative;
width:140px;
height:auto;

}

.client_quote_large{
position:relative;
width:410px;
height:auto;
float:left;
}

.client_quote_large p{
text-align:center;
color:#555;
padding:0 25px 0 35px;
margin:0;
}

.client_quote_large p.name{
text-align:center;
color:#555;
padding:0;
margin:0;
}

.client_image{
width:90px;
height:100px;
padding:5px;
float:left;
background-color:#fcfcfc;
border:1px solid #e5e5e5;
margin:10px 10px 5px 5px;
}

/**** Bespoke CMS Client Logo Wrapper ****/

.logo_wrapper{
width:710px;
height:auto;
}

.logo_bespoke{
position:relative;
width:140px;
height:auto;
float:right;
}

.client_name{
position:relative;
width:550px;
height:auto;
float:left;
}

/**** Services By Town ****/

.service{
width:190px;
height:100px;
padding:10px;
float:left;
border:1px solid #e5e5e5;
-moz-border-radius:5px 5px 5px 5px;
margin-left:10px;
margin-bottom:20px;
}

.service:hover{
background-color:#fcfcfc;
border:1px solid #e4e4e4;
-moz-border-radius:5px 5px 5px 5px;
}

.service p{
	font-size:0.69em;
	text-align:left;
	font-weight:normal;
	padding:0;
	margin:0;
}

/**** Glossary ****/

.glossary{
width:190px;
height:100px;
padding:10px;
float:left;
border:1px solid #e5e5e5;
-moz-border-radius:5px 5px 5px 5px;
margin-left:10px;
margin-bottom:20px;
}

.glossary:hover{
background-color:#fcfcfc;
border:1px solid #e4e4e4;
-moz-border-radius:5px 5px 5px 5px;
}

.glossary p{
	font-size:0.69em;
	text-align:left;
	font-weight:normal;
	padding:0;
	margin:0;
}

/* Form Submit button */
.button {
 color: #FFFFFF;
 background-color: #0E659C;
 border:none;
 cursor:pointer;
 padding:5px;
 width:auto;
 height:auto;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1em;
 font-weight:bold;
 margin-top:10px;
}

.button:hover {
 color: #FFFFFF;
 background-color: #555555;
 border:none;
 cursor:pointer;
 padding:5px;
 width:auto;
 height:auto;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1em;
 font-weight:bold;
 margin-top:10px;

}

input, textarea{
padding:5px;
font-size:1em;
border:2px solid #e4e4e4; 
font-family:Arial, Helvetica, sans-serif;
}

/* input:focus, textarea:focus{
padding:5px;
font-size:1em;
border:2px solid #555; 
} */

span.error{
font-size:0.8em;
font-weight:bold;
color:#555;
padding:0;
margin:0;
line-height:100%;
display:block;
}

/**** Sliding Div / Toggle Buttons ****/

#slidingDiv {
	height:auto;
	width:980px;
	padding:0;
	margin:0;
	margin-top:10px;
	display:none;
}

#readmore_btn{
display:block;
width:110px;
height:31px;
background:url(../images/buttons/read_more.jpg) no-repeat top left;
float:left;
visibility:hidden;
outline:none;
cursor:pointer;
}

#readmore_btn:hover {
display:block;
width:110px;
height:31px;
background:url(../images/buttons/read_more.jpg) no-repeat top left;
background-position: bottom left;
float:left;
}

#view_features{
display:block;
width:110px;
height:31px;
background:url(../images/buttons/view_features.jpg) no-repeat top left;
margin:auto;
visibility:hidden;
outline:none;
cursor:pointer;
}

#view_features:hover {
display:block;
width:110px;
height:31px;
background:url(../images/buttons/view_features.jpg) no-repeat top left;
background-position: bottom left;
margin:auto;
}

#close_btn{
display:block;
width:110px;
height:31px;
background:url(../images/buttons/view_less.jpg) no-repeat top left;
float:left;
visibility:hidden;
outline:none;
cursor:pointer;
}

#close_btn:hover {
display:block;
width:110px;
height:31px;
background:url(../images/buttons/view_less.jpg) no-repeat top left;
background-position: bottom left;
float:left;
}



/***** All Buttons - inc. Navi ****/

/* More Features Buttons */

#more_features_small a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/small/more_features.jpg) no-repeat top left;
float:left;
}

#more_features_small a:hover {
background-position: bottom left;
float:left;
}

#more_features_medium a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/medium/more_features.jpg) no-repeat top left;
float:left;
}

#more_features_medium a:hover {
background-position: bottom left;
float:left;
}

#more_features_large a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/large/more_features.jpg) no-repeat top left;
float:left;
}

#more_features_large a:hover {
background-position: bottom left;
float:left;
}

#more_features_ecommerce a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/ecommerce/more_features.jpg) no-repeat top left;
float:left;
}

#more_features_ecommerce a:hover {
background-position: bottom left;
float:left;
}


/* More Benefits Buttons */

#more_benefits_small a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/small/more_benefits.jpg) no-repeat top left;
float:left;
}

#more_benefits_small a:hover {
background-position: bottom left;
float:left;
}

#more_benefits_medium a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/medium/more_benefits.jpg) no-repeat top left;
float:left;
}

#more_benefits_medium a:hover {
background-position: bottom left;
float:left;
}

#more_benefits_large a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/large/more_benefits.jpg) no-repeat top left;
float:left;
}

#more_benefits_large a:hover {
background-position: bottom left;
float:left;
}

#more_benefits_ecommerce a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/ecommerce/more_benefits.jpg) no-repeat top left;
float:left;
}

#more_benefits_ecommerce a:hover {
background-position: bottom left;
float:left;
}

/* Contact Us Packages */
#contact_us_small a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/small/contact_us.jpg) no-repeat top left;
float:left;
}

#contact_us_small a:hover {
background-position: bottom left;
float:left;
}

#contact_us_medium a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/medium/contact_us.jpg) no-repeat top left;
float:left;
}

#contact_us_medium a:hover {
background-position: bottom left;
float:left;
}

#contact_us_large a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/large/contact_us.jpg) no-repeat top left;
float:left;
}


#contact_us_large a:hover {
background-position: bottom left;
float:left;
}

#contact_us_ecommerce a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/ecommerce/contact_us.jpg) no-repeat top left;
float:left;
}

#contact_us_ecommerce a:hover {
background-position: bottom left;
float:left;
}

/* Contact Us Packages - Pricing table */
#contact_us_small2 a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/small/contact_us.jpg) no-repeat top left;
margin:auto;
}

#contact_us_small2 a:hover {
display:block;
background-position: bottom left;
margin:auto;
}

#contact_us_medium2 a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/medium/contact_us.jpg) no-repeat top left;
margin:auto;
}

#contact_us_medium2 a:hover {
display:block;
background-position: bottom left;
margin:auto;
}

#contact_us_large2 a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/large/contact_us.jpg) no-repeat top left;
margin:auto;
}


#contact_us_large2 a:hover {
display:block;
background-position: bottom left;
margin:auto;
}

#contact_us_ecommerce2 a {
display:block;
width:110px;
height:31px;
background:url(../images/packages/ecommerce/contact_us.jpg) no-repeat top left;
margin:auto;
}

#contact_us_ecommerce2 a:hover {
display:block;
background-position: bottom left;
margin:auto;
}

/* end */

#call_us_large a {
display:block;
width:232px;
height:31px;
background:url(../images/buttons/call_us_now_long.png) no-repeat top left;
margin-top:10px;
}

#call_us_large a:hover {
background-position: bottom left;
margin-top:10px;
}

#corp_id_large a {
display:block;
width:232px;
height:31px;
background:url(../images/buttons/corp_id_long.jpg) no-repeat top left;
margin-top:10px;
float:left;
}

#corp_id_large a:hover {
background-position: bottom left;
margin-top:10px;
float:left;
}

#logo_design_large a {
display:block;
width:232px;
height:31px;
background:url(../images/buttons/logo_design_long.jpg) no-repeat top left;
margin-top:10px;
float:left;
}

#logo_design_large a:hover {
background-position: bottom left;
margin-top:10px;
float:left;
}

#website_design_large a {
display:block;
width:232px;
height:31px;
background:url(../images/buttons/website_design_long.jpg) no-repeat top left;
margin-top:10px;
float:left;
}

#website_design_large a:hover {
background-position: bottom left;
margin-top:10px;
float:left;
}


.more_details a {
display:block;
width:110px;
height:31px;
background:url(../images/buttons/more_details.jpg) no-repeat top left;
float:left;
}

.more_details a:hover {
background-position: bottom left;
float:left;
}


.read_more a {
display:block;
width:110px;
height:31px;
background:url(../images/buttons/read_more.jpg) no-repeat top left;
}

.read_more a:hover {
background-position: bottom left;
}


.view_portfolio a {
display:block;
width:110px;
height:31px;
background:url(../images/buttons/view_portfolio.jpg) no-repeat top left;
float:left;
}

.view_portfolio a:hover {
background-position: bottom left;
float:left;
}

.compare_packages a {
display:block;
width:110px;
height:31px;
background:url(../images/buttons/compare_packages.jpg) no-repeat top left;
float:left;
margin-top:5px;
}

.compare_packages a:hover {
background-position: bottom left;
float:left;
margin-top:5px;
}

/* Inner side by side */
#lhs_inner{
    width:304px;
    height:auto;
    float:left;
}

#lhs_inner_flash{
    width:450px;
    height:auto;
    float:left;
}

#rhs_inner{
    width:350px;
    height:auto;
    float:right;
}

#rhs_inner_small{
    width:210px;
    height:auto;
    float:right;
}

#lhs_inner_small{
    width:220px;
    height:auto;
    float:left;
}

#rhs_inner_large{
    width:460px;
    height:auto;
    float:right;
}



/***** Links *****/

/* Anchor Body  */ 

a:link {text-decoration:underline; color:#cc6600;}
a:visited {text-decoration:underline; color:#cc6600;}
a:hover {text-decoration:underline; color:#5F5F5F;}
a:active {text-decoration:underline; color:#cc6600;}

a.tst:link {text-decoration:none; color:#cc6600;}
a.tst:visited {text-decoration:none; color:#cc6600;}
a.tst:hover {text-decoration:none; color:#FFF;}
a.tst:active {text-decoration:none; color:#cc6600;}

a.addon:link {text-decoration:none; color:#555;}
a.addon:visited {text-decoration:none; color:#555;}
a.addon:hover {text-decoration:underline; color:#5F5F5F;}
a.addon:active {text-decoration:none; color:#555;}

a.navi:link {text-decoration:none; color:#4593c2;font-size:1em;}
a.navi:visited {text-decoration:none; color:#4593c2;font-size:1em;}
a.navi:hover {text-decoration:underline; color:#5F5F5F;font-size:1em;}
a.navi:active {text-decoration:none; color:#4593c2;font-size:1em;}

a.btn:link {text-decoration:underline; color:#4593c2;font-size:1em; font-weight:bold;}
a.btn:visited {text-decoration:underline; color:#4593c2;font-size:1em; font-weight:bold;}
a.btn:hover {text-decoration:underline; color:#5F5F5F;font-size:1em; font-weight:bold;}
a.btn:active {text-decoration:underline; color:#4593c2;font-size:1em; font-weight:bold;}

a.white:link {text-decoration:underline; color:#fff;}
a.white:visited {text-decoration:underline; color:#fff;}
a.white:hover {text-decoration:underline; color:#fff;}
a.white:active {text-decoration:underline; color:#fff;}

a#share:link {text-decoration:none; color:#fff;}
a#share:visited {text-decoration:none; color:#fff;}
a#share:hover {text-decoration:underline; color:#fff;}
a#share:active {text-decoration:none; color:#fff;}

a.toogleLink:link {text-decoration:underline; color:#4593c2; font-weight:bold;}
a.toogleLink:visited {text-decoration:underline; color:#4593c2; font-weight:bold;}
a.toogleLink:hover {text-decoration:underline; color:#5F5F5F; font-weight:bold;}
a.toogleLink:active {text-decoration:underline; color:#4593c2; font-weight:bold;}

a.feat:link {text-decoration:none; color:#016893;}
a.feat:visited {text-decoration:none; color:#016893;}
a.feat:hover {text-decoration:underline; color:#5F5F5F;}
a.feat:active {text-decoration:none; color:#016893;}

a.gloss:link {text-decoration:none; color:#555; display:block; font-size:0.7em; font-weight:bold; line-height:110%;}
a.gloss:visited {text-decoration:none; color:#555; display:block; font-size:0.7em; font-weight:bold; line-height:110%;}
a.gloss:hover {text-decoration:underline; color:#CC6600; display:block; font-size:0.7em; font-weight:bold; line-height:110%;}
a.gloss:active {text-decoration:none; color:#555; display:block; font-size:0.7em; font-weight:bold; line-height:110%;}

a.srv:link {text-decoration:none; color:#555; display:block; font-size:0.7em; font-weight:bold; line-height:110%;}
a.srv:visited {text-decoration:none; color:#555; display:block; font-size:0.7em; font-weight:bold; line-height:110%;}
a.srv:hover {text-decoration:underline; color:#CC6600; display:block; font-size:0.7em; font-weight:bold; line-height:110%;}
a.srv:active {text-decoration:none; color:#555; display:block; font-size:0.7em; font-weight:bold; line-height:110%;}

a.side:link {text-decoration:underline; color:#016893; font-size:0.8em; font-weight:normal;}
a.side:visited {text-decoration:none; color:#016893; font-size:0.8em; font-weight:normal;}
a.side:hover {text-decoration:underline; color:#5F5F5F; font-size:0.8em; font-weight:normal;}
a.side:active {text-decoration:none; color:#016893; font-size:0.8em; font-weight:normal;}

/* Anchor Footer  */ 
a.ftr:link {text-decoration:none; color:#fff; padding:5px; display:block; font-size:0.75em;}
a.ftr:visited {text-decoration:none; color:#fff; padding:5px; display:block; font-size:0.75em;}
a.ftr:hover {text-decoration:none; color:#fff; padding:5px; display:block; font-size:0.75em; background-color:#555;}
a.ftr:active {text-decoration:none; color:#fff; padding:5px; display:block; font-size:0.75em;}


/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; padding:5px 15px 5px 15px;}
.float-right   { float:right; padding:5px 15px 5px 15px;}
.left          { float:left;}
.right         { float:right;}
.center        { display:block; margin:auto;}

 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

 
.nopadding     { padding:0;}
.padding-top   { margin-top:-15px; float:right;}
.padding       { padding:5px;}
.paddingsides  { padding:0 10px 0 10px;}
.paddingbottomright  { padding:0 10px 10px 0;}
.paddingbottom  { padding:0 0 10px 0; margin-bottom:-25px;}
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none;}
.small {font-size:0.7em;}

/***** Image Preview *****/

#preview{
	position:absolute;
	background:#e4e4e4;
	padding:5px;
	color:#fff;
}