/* -------------------------------------------------------------- 
-----------------------------------------------------------------

	DEFINITIONS:	Styling
	AUTHOR:			MediaOne
	VERSION:		06.11.2009
	
	CONTENTS:
		
	1				Primary
	2				Header
	3				Banner
	4				Tabs
	5				Form
	6				Footer
-----------------------------------------------------------------
-------------------------------------------------------------- */


/* 1     Primary */
body{font-family: Corbel, Geneva, "Lucida Sans"," Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size:62.5%; text-align:center; background:#f6f5f2;}
#container{text-align:left; width:880px; margin:0px auto; padding:40px 40px 10px 40px; background:#fff url(../img/container_btm.jpg) no-repeat bottom left; margin-bottom:10px; position:relative;}


/* 2     Header */
#header{padding:0px;}
#header img.logo{margin-bottom:-20px; position:relative; z-index:20;}
#header img.year_date{position:absolute; top:0px; right:0px;}
ul.buttons li{display:inline; margin-right:15px; font-size:1.6em;} 
ul.buttons li a{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:13px 30px;}
ul.buttons li.download a{background:#eee;  border:1px solid #b3b2b2; color:#666;}ul.buttons li.download a:hover{color:#333; border-color:#999;}
ul.buttons li.ordernow a{background:#92013c; border:1px solid #610027; color:#eedae2; } ul.buttons li.ordernow a:hover{color:#fff; border-color:#000;}

/* 3     Banner */
#banner h1, .highlight h2, .feature h3{Constantia, 'Lucida Bright', Lucidabright, 'Lucida Serif', Lucida, 'DejaVu Serif', 'Bitstream Vera Serif', 'Liberation Serif', Georgia, serif}
#banner{margin-top:-130px; padding-left:0px; position:relative; padding-bottom:35px; z-index:10;}
#banner img.main{position:absolute; top:35px; right:-105px; }
#banner h1{font-size:24px; letter-spacing:0px; padding-top:180px; width:450px; margin-bottom:20px; }
#banner h2{font-size:16px; color:#666; width:480px; line-height:1.5em; margin-bottom:30px;}
#banner img{margin-right:15px;}
.calltoaction {padding:35px 10px 33px 20px; background:#f3e5eb; display:block; border:1px solid #e4c0d0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.calltoaction h3{font-size:24px; margin-bottom:15px; color:#831142;}


/* 4     Tabs */
#tab1, #tab2, #tab3{height:750px;}
#features_print{padding-bottom:30px;}
#features_print p{font-size:1.3em; color:#666; margin-bottom:0px; }
#features_print h2{font-size:18px; margin-bottom:10px;}
.feature{float:left;}
.feature p{font-size:11px; margin-bottom:10px; color:#7a7a7a; border:none; padding:0px; line-height:1.3em;} 
.feature h3{font-size:1.7em; color:#333; margin-bottom:10px; padding-bottom:5px; }
.feature h3 span{font-size:11px; color:#880d43; font-weight:normal; font-family: "Segoe UI", Helvetica, Arial, sans-serif;}
.feature p strong{color:#880d43; line-height:2em;}
a:active, a:focus{position:relative; top:1px; outline:none;}
.usual a:active, .usual a:focus{top:0px;}
.usual {background:url(../img/tab.gif) repeat-x;)  margin:0px auto;}
.usual li { list-style:none; float:left; margin-left:6px; }
.usual li.print a{background-image:url(../img/icon_print.gif); background-repeat:no-repeat; background-position:15px 12px; padding-left:40px;}
.usual li.email a{background-image:url(../img/icon_mail.gif); background-repeat:no-repeat; background-position:15px 12px; padding-left:40px;}
.usual li.card a{background-image:url(../img/icon_card.gif); background-repeat:no-repeat; background-position:15px 12px; padding-left:40px;}
.usual ul a { display:block; padding:12px 20px; text-decoration:none!important; margin:1px; margin-left:0; font-size:1.3em; color:#407bcb; background:#f6f9fe; border:1px solid #b5ceec;
  font-weight:bold; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-radius-topleft:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-radius-topright:4px; position:relative; z-index:10;}
.usual ul a:hover {color:#023478;  }
.usual ul a.selected { margin-bottom:0; color:#000; background-color:#fff;  cursor:default;    border-bottom:1px solid #fff;   }
.usual div { padding:30px 20px 8px 7px; *padding-top:3px; /**margin-top:-15px;*/ margin-top:0px; clear:left; background:snow;}
.usual div .feature{clear:none; padding:0px; padding-left:3%; padding-right:3%; padding-top:25px;}
.usual div a { color:#000; font-weight:bold; }
.usual div ul li{font-size:1.1em; line-height:1.5em; margin-bottom:3px; float:none; padding-left:20px; background:url(../img/tick.gif) no-repeat 0px 5px; color:#333;}
.usual .highlight{padding-bottom:25px; border-bottom:1px solid #eee; padding-left:10px; padding-left:20px; padding-top:25px; background:#f6f1e1; border-bottom:1px solid #ede4c3; overflow:hidden; width:98%; position:relative;}
.usual .highlight img.business_cards{position:absolute; top:10px; right:0px; }
#tab3 .highlight p{width:600px;}

.usual .highlight p{font-size:1.2em; color:#333; margin-bottom:12px; line-height:1.4em;}
.usual .highlight .clear{padding:0px;}
.highlight h2{font-size:18px; margin-bottom:15px; color:#4a3d12;}
.usual .feature img.lightbox{padding:1px; background:#fff; border:3px solid #eee; margin-bottom:12px;}
.usual .feature img.lightbox:hover{-webkit-transform : scale(1.05); -moz-transform : scale(1.05);}


/* 5     Form */
form {padding : 3em 1em 0em 0em; }
form p{line-height:3em; clear:both; display : block; padding-bottom:6px;}
form p.optional { color:#666;}
form p.optional input{color:#666;}
/*fieldset {overflow : hidden; margin : 0 0 1.5em 0; padding : 0 0 1.5em 0;  }*/

fieldset {overflow:visible; border:1px solid #ccc; padding:20px 28px; margin-bottom:30px; background:#fcf5f8;}
fieldset legend {font-size:1.8em; padding:2px; color:#7c0438; text-transform:uppercase; }

label {display : block; float : left; width : 180px; margin-right : 20px; font-size:1.3em; } 
form input, form select {float : left; background-color : rgb(255,255,255); font-family: Helvetica, Arial, sans-serif; color : rgb(0,0,0);  }
input[type="text"] { width : 290px;  padding : .35em .5em;  border : 1px solid #e4c0d0;  }
form input#fm-submit{font-family: Helvetica, Arial, sans-serif; padding:6px 20px; overflow:visible; font-size:14px; border:1px solid #333; font-weight:bold; color:#fff; background:#8b0c43; margin-top:0px; margin-bottom:70px; margin-left:35px; position:relative; z-index:10;}
form p.address{margin-bottom:0px;}
#required{margin:30px 0px 0px 0px; font-size:1.3em; background:#f0d4e0; margin-right:20px; padding:25px; color:#940808;}
#required p{font-weight:bold; color:#333;}
#required ul{margin:14px 0px 0px 20px}
#required ul li{list-style-type:disc;}
.calltoaction #linkContainer a{font-size:1.1em; text-decoration:underline; color:#552c3e;}
#thankyou{padding:10px 0px 50px 0px;} #thankyou p{font-size:1.3em; margin-bottom:23px;} #thankyou a{text-decoration:underline; color:#552c3e;}

form table.options tr td{padding:10px 5px; font-size:1.1em; vertical-align:top; color:#503641;} form table.options tr td strong{font-size:1.3em; color:#333; line-height:1.5em;}
form table.options input{margin-top:4px; float:none; width:auto; float:none; border:none; background:#fcf5f8;}
form table.options a{text-decoration:underline; color:#590930;}
form p.order_desc{font-size:1.1em; clear:none; line-height:20px !important; text-align:center; } form p.order_desc strong{line-height:14px; color:#531a36; font-size:1.1em;}
form table.ordering{width:100%; margin-top:20px; margin-bottom:20px;}
form table.ordering tr th{text-transform:uppercase; color:#333; font-size:1.1em; padding-bottom:10px; 
padding-top:10px; border-top:1px solid #e4c0d0; padding-bottom:10px; border-bottom:1px solid #e4c0d0;

}
form table.ordering tr.firstline td{padding-top:20px;} form table.ordering tr.lastline td{padding-bottom:20px;}
form table.ordering tr td{font-size:1.3em; padding:7px 0px 7px 0px;}
form table.ordering input{width:auto; float:none; width:50px;}
form table.ordering tr.totals td{border-top:1px solid #e4c0d0; padding-top:20px;} form table.ordering tr.totals td input{border-color:#ad6f8a;}

form table.data{width:45.4%; border:1px solid #e4c0d0; float:left; margin-right:4%;}
form table.data tr.top th{font-size:1.1em;  padding:16px 15px 10px 15px; font-weight:bold; color:#4b0121;} form table.data tr.top th span{font-weight:normal;}
form table.data tr th{font-size:1.1em; padding:5px 15px; color:#82546b; background:#fff;}
form table.data tr td{padding:5px 15px; border-bottom:1px solid #e4c0d0; font-size:1.1em; background:#fff;}

/* 6    Footer */
#footer{padding:5px 0px 20px 15px; text-align:center; font-size:1.1em; color:#333; width:960px; margin:0px auto 0px auto;}