/* ====== Page Head, Body, and Foot ====== */
body{font-family:Arial;font-size:13px;background:#01071A;}
.body{overflow:hidden;}
.page{margin: 0 auto; width: 950px;}
.liquid{extends:.page; width: auto;margin:0;}
/* ====== Columns ====== */
.main{overflow: hidden;}
.leftCol{float:left; width:250px;}
.rightCol{float:right; width: 300px;}
/* extend columns to allow for common column widths */
.side245{width:246px;}
/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden; }
.unit{float:left;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;width:auto;}
.size1of10{width:10%;}
/* extending grids to allow a unit that takes the width of its content */
.iconBlock{width:70px;}
.logoBlock{width:40px;}
.media{width:auto;}
h1{font-size:196%;}
h2{font-size:167%;}
h3{font-size:146.5%;}
h4{font-size:123.1%;}
h5{font-size:108%;}
h6{font-size:108%;}
h1, h2, h3, h4, h5, h6 {margin:0 0 4px 0;font-weight:normal;color:#0C1F68;}
.hspecial{font-size:155%;}
/* ******** Universal Style ********** */
img {border:none;}
.floatRight{float:right;}
.right{text-align:right;}
.center{text-align:center;}
table, table td {border-collapse:collapse;vertical-align:top;}
a {text-decoration:none;}
*{margin:0;padding:0;}
.bold{font-weight:bold;}
.noHeight{line-height:normal;}
input, textarea{font-family:Arial;color:#000;font-size:13px;}
.clear{clear:both;}
p{margin:0 0 10px 0;}
.darkBlue{color:#1A2763;}
.red{color:#FF0000;}

.mailbagPage{width:950px;}
.snow{background:#fff;}
/*--------------------------------------
 * Paddings and Margins
 ---------------------------------------*/
.spaceOut{padding:20px 0;}
.spaceTop{padding:20px 0 0 0;}
.spaceTopLess{padding:5px 0 0 0;}
.spaceFull{padding:20px;}
.spaceFuller{padding:20px 20px 40px 20px;}
.spaceLeft{padding:0 0 0 10px;}
.spaceRight{padding:0 20px 0 0;}

/* ****** Custom Styles to this Project ******** */
.h1{font-size:36px;}

.blurb{
	color:#fff;
	font-size:41px;
	letter-spacing:3px;
}

#top {
	background:url(http://assets1.webstrong.ie/mailbag/img/topSliver.png) repeat-x top;
	min-height:80px;
}

/*--------------------------------------
 * Menu
 ---------------------------------------*/
.menu ul {
	
	list-style:none;
	float:right;
	display:block;
	font-size:14px;
	padding:0 0 10px 0;
}

.menu ul li {
	float:left;
	margin:15px 0 0 40px;
}

.menu ul li a {
	
	color:#2C4ABC;
	text-decoration:none;
	font-weight:bolder;
}

.menu ul li strong a {
	color:#11426A;
	border-bottom:2px solid #FFFFFF;
	padding:0 0 4px 0;
}

.menu ul li a:hover {
	color:#11426A;
	border-bottom:2px solid #FFFFFF;
	padding:0 0 4px 0;
}
/*--------------------------------------
 * Homepage
 ---------------------------------------*/
.mainBg{background:#01030A url(http://assets1.webstrong.ie/mailbag/img/bg.png) repeat-x -90px 75px;}

#bulk {
	background:#12B2D7 url(http://assets1.webstrong.ie/mailbag/img/laptop.png) no-repeat right bottom;
	padding:30px 0 0 0;
	-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;
}

#info {padding:0 0 25px 20px;}

.whatItDoes {color:#ffffff;margin:0 0 25px 0;}
.whatItDoes h2 {font-size:22px;margin:0 0 5px 0;}

/*--------------------------------------
 * Features page
 ---------------------------------------*/
.tabH2{
	font-size:19px;
	color:#fff;
}

.tabs ul li {
	list-style: none;
	float: left;
	margin:0 2px 0 0;
}

.tabs ul {margin:0;}

.tabs ul li a {
	background:#99BEDF;
	color:#fff;
	display: block;
	padding:5px 16px;
	font-size:18px;
	font-weight:bold;
	-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;
}

.tabs ul li a:hover {
	background:#0FB0D6;
	color: #fff;
}

.tabs ul li a.current{background:#0FB0D6;}
.infoBox{
	font-size:16px;
	background:url(http://assets1.webstrong.ie/mailbag/img/infoSliver.png) repeat-x;
	-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;
}

.h4point{background:#1A2764;color:#fff;padding:5px 0 5px 15px;position:absolute;z-index:-9999;width:870px;}

.points{padding:20px 0 30px 65px;margin:50px 0 0 0;}
.point1{background:url(http://assets1.webstrong.ie/mailbag/img/point1.png) no-repeat;margin:0;}
.point2{background:url(http://assets1.webstrong.ie/mailbag/img/point2.png) no-repeat;}
.point3{background:url(http://assets1.webstrong.ie/mailbag/img/point3.png) no-repeat;}
.point4{background:url(http://assets1.webstrong.ie/mailbag/img/point4.png) no-repeat;}
.point5{background:url(http://assets1.webstrong.ie/mailbag/img/point5.png) no-repeat;}

.movePara{padding:40px 0 0 0;}
/*--------------------------------------
 * Pricing page
 ---------------------------------------*/
.priceHead{
	background:#03AFD5;
	padding:10px;
	font-size:13px;
	-moz-border-radius:10px;-webkit-border-radius:10px;	-khtml-border-radius:10px;
}

.designTypeBox, .priceBox{
	-moz-border-radius:10px;-webkit-border-radius:10px;	-khtml-border-radius:10px;
	border:2px solid #03AFD5;
	background:#0D1F69 url(http://assets1.webstrong.ie/mailbag/img/priceBoxBg.gif) repeat-x;
	color:#fff;
}

.designTypeBox{margin:0 65px 0 0;padding:20px 5px;}

.priceBox{width:230px;padding:30px 5px;font-size:22px;}
.cost{font-size:50px;letter-spacing:3px;}
.costOnce{font-size:36px;letter-spacing:3px;}
.shift{padding:10px 0 0 5px;}
.shift2{padding:10px 0 0 20px;}

#priceBox{margin:0 70px 0 0;}
.addBox{width:70px;}

.faqBox h4{margin:0 0 5px 0;}
.faqBox p{border-bottom:1px dashed #ccc;padding:0 0 10px 0;}
/*--------------------------------------
 * Sign Up\ Who we are
 ---------------------------------------*/
.signupBox{font-size:17px;}

.signupBox textarea{height:30px;}

.signUps input, .newsSign input, .dropdowns, .signupBox textarea{
	border:1px solid #7BEDF7;
	padding:4px;
	width:40%;
}

.newsSign input{width:95% !important;}

.sideBorder{border-right:1px solid #ccc;min-height:400px;}
.sideSide{border-left:2px solid #eee;min-height:400px;}

/* for the jquery image plugin */
#cycle img {  
    width:240px;
    height:193px; 
    top:0; 
    left:0;
	border:1px solid #ccc;
	margin:0 0 0 4px;
}
/*--------------------------------------
 * Notices/ Error msg's
 ---------------------------------------*/
.warning {
	color:#FF0000;
	font-size:12px;
	margin:0 0 10px 5px;
}

.noticeGood, .noticeBad {
	padding:10px;
	margin:0 8px 10px 0;
	-webkit-box-shadow: 2px 2px 6px #000;-moz-box-shadow: 2px 2px 6px #666;
}

.noticeBad {border:1px solid #FF0000;background:#FFDFDF;}
.noticeGood {border:1px solid #407708;background:#E1FFDF;}

.noticeBad h2, .noticeBad{color:#FF0000;}
.noticeGood h2, .noticeGood{color:#407708;}

.noticeGood p, .noticeBad p, .noticeGood h2, .noticeBad h2{margin:0;}
/*--------------------------------------
 * Sprites
 ---------------------------------------*/
.mailIcon, .peopleIcon, .pieIcon, .signUp, #takeTour, .logos, .findMore, .logo, .plusIcon, .submit,
.badIcon, .goodIcon, #subscribe, #webstrong{background:url(http://assets1.webstrong.ie/mailbag/img/mailbag.png) no-repeat;}

.logo{background-position:-250px -340px;width:35px;height:35px;}/*mailbag logo*/
.icon{height:50px;width:60px;}

.mailIcon{background-position:0 0;}
.peopleIcon{background-position:0 -63px;}
.pieIcon{background-position:0 -129px;}

.signUp{background-position:0 -193px;width:229px;height:55px;}
.signUp:hover{background-position:0 -262px;}
#takeTour{background-position:0 -331px;height:55px;width:117px;}
#takeTour:hover{background-position:0 -400px;}

.signUp, #takeTour, .findMore, .plusIcon, .submit, .goodIcon, .badIcon, #subscribe{display:block;text-indent:-9999px;}

/*google, msn, aol, yahoo etc*/
.logos{	width:573px;height:77px;border:16px solid #0EB0D5;background-position:0 -469px;margin:0 0 0 200px;}

.findMore{background-position:-123px -332px;width:117px;height:54px;}
.findMore:hover{background-position:-123px -401px;}

.plusIcon{
	background-position:-242px -402px;
	width:50px;height:50px;
	margin:70px 10px 0 0;
}

#subscribe, .submit{border:none;cursor:pointer;}

.submit{width:90px;height:43px;background-position:-316px -340px;}

#subscribe{
	margin:0 0 0 65px;width:170px;height:40px;
	background-position:-232px -193px;
}

#subscribe:hover{background-position:-232px -262px;}

.submit:hover{background-position:-316px -391px;}

.goodIcon, .badIcon{width:35px;height:35px;}

.goodIcon{background-position:-421px -396px;}
.badIcon{background-position:-421px -346px;}

#webstrong{
	width:116px;height:30px;
	background-position:-416px -267px;
}
#webstrong:hover{opacity:0.75}
/*--------------------------------------
 * Footer
 ---------------------------------------*/
#end {
	border-top:1px solid #225795;
	margin:65px 0 0 0;
	padding:10px 0 60px 0;
}

#footer p {
	color:#3783C1;
	font-size:85%;
	line-height:18px;
}