@import url("reset.css");

@font-face {
	font-family: "Museo 700";
	src: url('../Fonts/Museo700/museo700-regular-webfont.eot');
	src: local('☺'), 
		url('../Fonts/Museo700/museo700-regular-webfont.ttf') format('truetype'), 
		url('../Fonts/Museo700/museo700-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Museo 500";
	src: url('../Fonts/Museo500/museo500-regular-webfont.eot');
	src: local('☺'), 
		url('../Fonts/Museo500/museo500-regular-webfont.ttf') format('truetype'), 
		url('../Fonts/Museo500/museo500-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Formatting, generals
----------------------------------*/
body { background:#c2c2c2; color:#424242; font-family:Arial; font-size:13px; height:101%; }
body h1,
body h2,
body h3,
body h4 { color:#00477e; font-weight:normal; }
body h1 { font-family: "Museo 700", Arial, Sans-Serif; font-size:21px; margin-top:14px; font-weight:bold; padding-left:11px; }
body h2 { font-family: "Museo 700"; font-size:18px; padding:0 0 17px 0; }
body h2.subtitle {padding:0 0 5px 0px;}
body h3 { font-family: "Museo 700", Arial, Sans-Serif; font-size:13px; text-transform:uppercase; }
body h4 { font-family:Arial, Sans-Serif; font-size:12px; text-transform:uppercase; font-weight:bold; }
body p {color:#424242; display:block; font-family:Arial; font-size:13px; line-height:18px; margin-bottom:11px; }
body hr {background-color:#d4d4d4;border:none;height:1px;margin:18px 0; clear:both; }

/*Generic*/
.selected {color:#49453e;}
.selected:hover {color:#49453e;text-decoration:none;}
.left {float:left;}
.right {float:right;}
.hidden {display:none;}
.invisible {visibility:hidden;}
.rel {position:relative;}
.abs {position:absolute;}
.left.img {margin:0 1.5em 2em 1.5em;}
.pad-lft-rgt {padding:0 10px;}
.red {color:#ff0000 !important;/*used for 'debugging'*/}
/*Links*/
a { color:#3386b9; text-decoration:none; }
a:hover { color:#3386b9; text-decoration:underline; }
a:visited { color:#3386b9; }

/*Box*/
.box-container { float:left; margin-bottom:10px; position:relative; width:100%; }
.box { float:left; list-style-type:none; position:relative; width:100%; }
.box-ctn { background:#fff; border:#d4d4d4 solid 1px; float:left; width:100%; position:relative; }
.box-ctn h2 { background:transparent url(../Images/bg_box_sep_title.png) bottom left repeat-x; color:#00477e; font-size:13px; line-height:normal; margin:0; padding:8px 0px 18px; text-indent:15px; text-transform:uppercase; }
.box-ctn h3.title { background:transparent url(../Images/bg_box_sep_title.png) bottom left repeat-x; color:#00477e; font-size:13px; line-height:normal; margin:0; padding:8px 0px 18px; text-indent:15px; text-transform:uppercase; }

/* Header
----------------------------------*/
.container-header { background:#ffffff; border-bottom:#c8c8c8 solid 1px; height:35px; width:100%; z-index:101; }
.header { margin:0 auto; padding:0 20px; position:relative; width:90%; }
/*Language Selection*/
.header .language { color:#636363; float:left; font-family:arial narrow, arial; font-size:13px; font-weight:bold; left:0; line-height:21px; margin-top:7px; position:relative; top:0; }
/*Language Selection - Arrow*/
.header .language a img { padding-bottom:2px; }
.header .language a { color:#3384bb; font-family:arial narrow, arial; font-size:13px; font-weight:normal; line-height:21px; text-decoration:none; }
.header .language a:hover { text-decoration:underline; }
/*Language Selection - Icons Flag*/
.header .language .lang { background:left center no-repeat; padding:0 7px 0 20px; }
.header .language .lang a { color:#636363; font-family:arial narrow, arial; font-size:13px; font-weight:bold; }
.header .language .lang a:hover { color:#302e29; text-decoration:none; }
/*Language Selection - Nav FlyOut*/
.header .language .nav { background:#ffffff; border:#c8c8c8 solid 1px; border-top:none; display:none; left:-10px; padding:0 10px 10px; position:absolute; top:13px; width:105px; z-index:1000; }
.header .language .nav .lang { padding:0 0 0 20px; display:block; }
/*Top Navigation*/
.header .nav { float:right; margin-top:7px; }
.header .nav ul  { list-style-type:none; }
.header .nav ul li { color:#636363; float:left; font-family:arial narrow, arial; font-size:13px; font-weight:bold; line-height:21px; padding-left:7px; }
.header .nav ul li.sep { background:transparent url(../Images/bg_header_nav_sep.png) right center no-repeat; padding-right:10px; }
.header .sep { background:transparent url(../Images/bg_header_nav_sep.png) right center no-repeat; padding-right:10px; }
.header .nav ul li span { color:#00467f; }
.header .nav ul li a { color:#3384bb; font-family:arial narrow, arial; font-size:13px; line-height:21px; text-decoration:none; }
.header .nav ul li a:hover { text-decoration:underline; }
 
/* Body
----------------------------------*/
.container-body { background:#f3f3f3; border-top:#ededed solid 4px; height:auto; width:100%; padding-bottom:50px; }
.body { color:#49453e; font-family:arial; font-size:13px; font-weight:normal; line-height:18px; margin:0 auto; position:relative; top:0; width:90%; min-width:920px; }
.body-top { clear:both; padding:19px 0 10px; position:relative; width:100%; z-index:100; }
/*Logo SherWeb*/
.body .logo { background:url(../Images/SherWeb.gif) right top no-repeat; color:#00467f; float:left; font-family:arial; font-size:30px; font-weight:bold; height:40px; padding:0 0 0 16px; position:relative; text-indent:-9999px; width:172px; }
.body .logo a {height:40px;width:172px;margin:0 0 0 16px;display:block;}
.body .logo span { color:#569fd4; }
/*Main Navigation*/
.body .nav { height:33px; margin:0 0 0 auto; padding:4px 0 0; right:0; top:0; z-index:100; float:right; }
.body .nav-lft { background:url(../Images/bg_body_nav_lft.png) left bottom no-repeat; display:block; float:left; font-size:0; height:33px; left:0; position:absolute; top:4px; width:10px; z-index:101; }
.body .nav ul { background:#005c91 url(../Images/bg_body_nav.png) 0 bottom repeat-x; position:relative; float:left; left:0; top:0; }
.body .nav li { position:relative; background:url(../Images/bg_body_nav_sep.png) right bottom no-repeat;  float:left; height:33px; list-style-type:none; padding:0 2px 0 0; }
.body .nav li a { background:#005c91 url(../Images/bg_body_nav.png) 0 bottom repeat-x; cursor:pointer; float:left; height:33px; line-height:30px; padding:0 15px; }
.body .nav.fr li a {padding:0 15px 0 14px;}
.body .nav li a { color:#ffffff; font-family:arial narrow, arial; font-size:15px; font-weight:bold; text-decoration:none; }
.body .nav li a:hover { background:#3399c8 url(../Images/bg_body_nav_hover.png) 0 bottom repeat-x; text-decoration:none; }
.body .nav li.first {  background:url(../Images/bg_body_nav_lft.png) left bottom no-repeat; height:33px; float:left; display:block; width:10px; left:0; font-size:0;  }
.body .nav li.last {  background:url(../Images/bg_body_nav_rgt.png) right bottom no-repeat; height:33px; position:absolute; float:right; display:block; width:10px; right:0; font-size:0;  }
/*Main Navigation -  Sub-navigation*/
.body .nav li.last-item .subnav  { right:0 !important; left:auto !important; }
.body .nav li .subnav { background:transparent url(../Images/bg_body_nav_flyout.png) 0 bottom no-repeat; display:none; left:0; padding:5px 0 8px; position:absolute; top:33px; width:231px; white-space:nowrap; }
.body .nav li:hover .subnav { display:block; }
.body .nav li .subnav li { background:#fff url(no-image); border:#dbdbdb solid 1px; border-top:none; display:block; float:none; height:25px; font-size:0; margin:0 7px; padding:0; white-space:nowrap; }
.body .nav li .subnav li:first-child { border-top:#dbdbdb solid 1px; }
.body .nav li .subnav li a { background:#ffffff url(no-image); border:none; color:#3386b9; font-size:15px; height:auto; line-height:25px; padding:0px 15px;  white-space:nowrap; }
.body .nav li .subnav li a:hover { text-decoration:underline; }

/*Breadcrumb*/
.body .breadcrumb {float:left; height:21px; padding:0 0 10px; position:relative; text-align:left; width:75%;}

/* Generic page
----------------------------------*/
.page { clear:both;}
.page #content { background-color:#fff; margin-bottom:10px; padding: 10px; }
.page #main-content { margin-top:48px; padding-top:12px; margin-bottom:10px; width:100%; clear: both; }

/* Fieldbox
----------------------------------*/
.field-box
{
	list-style-type:none; 
	display:block; 
	background:url(../Images/bg_bluebox_content.png) top center repeat-x #f2f2f2; 
	border:#d4d4d4 solid 1px; 
	padding:0 0 10px 0;
	margin-bottom:10px;
	position:relative; 
	clear:both;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
    border-radius:6px;
}
.field-box h2  
{
	color:#fff; 
	margin-bottom:10px; 
	background:transparent url(../Images/bg_bluebox_title.png) top left repeat-x;
	font-family:"Museo 500", Arial; 
	font-size:18px; 
	font-weight:normal; 
	line-height:18px; 
	padding:10px 10px 18px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.field-box .fields { padding-left:20px; padding-right:20px; }
.field-box legend { display:none; }
.field-box label, .field-box .label { display:inline-block; width:200px; }
.field-box .field {display:inline-block; width: 600px; height:25px; }
.field-box .field input[type='text'], .field-box .field input[type='password'], .field-box .field select, .field-box .field textarea { width:225px; }


/* Footer
----------------------------------*/
.container-footer { clear:both; position:relative; width:100%; margin-top:10px;}



/*Cart*/
.body .cart{
    float:right;
    height:21px;
    padding:0 0 10px;
    position:relative;
    text-align:right;
    width:25%;
}

/*Inner-Nav*/
.body .inner-nav{
    float:left;
    margin:10px 0;
    width:100%;
}

.body h1{
    padding-left:0px;
}

/*Footer*/
/* Footer
----------------------------------*/
.container-footer { clear:both; position:relative; width:100%; margin-top:10px;}

/*Partners*/
.partners { background:#d1d1d1; position:relative; width:100%; }
.partners .nav { height:53px; margin:0 auto; padding:20px 0 0; width:940px; }
.partners .nav ul { list-style-type:none; }
.partners .nav ul li { color:#979797; float:left; font-family:arial narrow, arial; font-size:10px; font-weight:bold; line-height:30px; padding-right:55px; text-transform:uppercase; }
.partners .nav ul li a { color:#ffffff; font-family:arial; font-size:13px; font-weight:normal; text-decoration:none; text-transform:none; }
.partners .nav ul li a:hover { text-decoration:underline; }

/*Quicklinks*/
.quicklinks { background:#c2c2c2; position:relative; width:100%; }
.quicklinks .nav { height:170px; margin:0 auto; padding:15px 0; width:725px; }
.quicklinks .nav div { float:left; line-height:20px; padding-right:45px;  }
.quicklinks .nav div h2 a,
.quicklinks .nav div h2 { color:#909090; font-family:Arial, narrow, arial; font-size:15px; font-weight:bold; }
.quicklinks .nav div ul { list-style-type:none; }
.quicklinks .nav div ul li { color:#ffffff; font-family:arial; font-size:13px; font-weight:normal; }
.quicklinks .nav div ul li a { color:#ffffff; font-family:arial; font-size:13px; font-weight:normal; text-decoration:none; }
.quicklinks .nav div ul li a:hover { text-decoration:underline; }

.bodytop { width: 90%; }