/*
Theme Name: IsisInsurance
Theme URI: http://www.isisinsurance.co.uk/
Description: Isis Insurance
Version: 1
Author: Adam Astbury
Author URI: http://wondermedia.co.uk
Tags: 

*/

/* CSS Document */

	
body {
	background: #F9F9F9 url(images/bg.jpg) repeat-x;
	margin:0px;
	font: 93%/1.2em arial, Helvetica, Sans-Serif;	
	color: #000099;
}

a {
	color: #000099;
}

.errortext 
{color:#C00000; font-weight: bold;}


#global {
	margin-left: auto;
	margin-right: auto;
	background: url(images/container.png) repeat-y;
	width: 1020px;
}



h2 {
	font-size: 14px;
}

h3 {
	font-size: 20px;
	color: #66A3DB;
	font-weight: normal;
	margin-top: 20px;
}

h3 a:hover {
	color: #01AFEE;
}

h5 {
	font-size: 15px;
	color: #66A3DB;
	font-weight: bold;
	margin-top: -52px;
	margin-right: -15px;
	float: right;
}



h5 a:hover {
	color: #01AFEE;
}



.post {
	float: left;
	width: 625px;
	padding: 15px;
	height: auto;
	background: url(images/BlogBg.jpg) no-repeat;
	margin-bottom: 20px;
}


.PostInfo {
	color: #666666;
}

ul {
	margin-top: 0;
	padding-top: 0;
	margin-left: 20px;
	line-height: 14px;
}

li {
	list-style-image: url(images/bullet.gif);
	padding-left: 5px;
	padding-top: 6px;
	vertical-align: top;
}

#BlogBox h2 {
	font-size: 140%;
	font-weight: bold;
	line-height: 25px;
	margin: 0;
	padding: 0;
	
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 975px;
}

#logo {
	float: left;
	margin-top: 10px;
	width: 180px;
	
}

#headmiddle {
	float: left;
	width: 460px;
	text-align: left;
	margin-top: 25px;
	margin-left: 20px;
	font-size: 16px;
	color: #666666;
}

#headnav {
	float: right;
	text-align: right;
	margin-top: 10px;
	font-size: 12px;
	color: #666666;
	width: 250px;
}

#headnav a {
	color: #666666;
}



#nav, #nav ul { /* all lists */
	color: #ffffff;
	width: 675px;
	background: url(images/nav.jpg) no-repeat;
	padding: 6px 0px 0px 15px;	
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 17px;
	z-index: 100;
	font-weight: bold;
	float: left;
}
 
#nav a {
	color: #FFFFFF;
	font-weight: bold;
	margin-right: 40px;
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding-bottom: 7px;
}

#nav a:hover {
	text-decoration: underline;
}
 
#nav li { /* all list items */
	float: left;
}



#sub li { /* all list items */
	float: left;
	width: 300px;
	padding: 0px;
}

#sub li a { /* all list items */
	padding: 6px;
	color: #ffffff;
}

#sub li a:hover { /* all list items */
	background: #7DAFE0;
	color: #FFFFFF;
}


 
#nav li ul { /* second-level lists */
	position: absolute;
	z-index: 100;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	background: #ABCBEB;
	border-left: 1px solid #7DAFE0;
	border-right: 1px solid #7DAFE0;
	border-bottom: 1px solid #7DAFE0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width: 300px;
}
 
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	width: 260px;
}

#content {
	float: left;
	width: 680px;
	height: auto;
	font-size: 13px;
}

#content .inside {
	float: left;
	background: url(images/boxbg.jpg) repeat-x;
	border-left: 1px solid #E2ECF8;
	border-right: 1px solid #E2ECF8;
	width: 658px;
	padding: 20px 15px 10px 15px;

}

#content .insidewbanner {
	float: left;
	background: url(images/boxbg2.jpg) repeat-x;
	border-left: 1px solid #E2ECF8;
	border-right: 1px solid #E2ECF8;
	width: 658px;
	padding: 20px 15px 10px 15px;

}

#content .curve {
	float: left;
	background: url(images/boxcurve.jpg) repeat-x;
	width: 690px;
	height: 13px;
}

#InsuranceProducts {
	width: 690px;
	font-size: 12px;
	float: left;
}

#InsuranceProducts .title {
	background: url(images/InsuranceProductsBox.jpg) repeat-x;
	width: 675px;
	padding: 12px 0px 6px 15px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

#InsuranceProducts .inside {
	background: url(images/boxbg.jpg) repeat-x;
	border-left: 1px solid #E2ECF8;
	border-right: 1px solid #E2ECF8;
	width: 658px;
	padding: 15px 15px 10px 15px;
}

#InsuranceProducts .curve {
	background: url(images/InsuranceProductsCurve.jpg) repeat-x;
	width: 690px;
	height: 13px;
}

#InsuranceProducts .left {
	float: left;
	width: 300px;
}

#InsuranceProducts .right {
	float: right;
	width: 300px;
}

#InsuranceProducts .boxleft {
	float: left;
	width: 300px;
	padding: 5px;
	background: url(images/InsuranceProductsInsideBox.jpg) repeat-x;
}

#InsuranceProducts .boxright {
	float: right;
	width: 300px;
	padding: 5px;
	background: url(images/InsuranceProductsInsideBox.jpg) repeat-x;
}


#InsuranceProductsPage {
	width: 690px;
	font-size: 12px;
	float: left;
}


#InsuranceProductsPage .inside {
	background: none;
	border-left: 0px;
	border-right: 0px;
	width: 658px;
	padding: 15px 15px 10px 0px;
}


#InsuranceProductsPage .left {
	float: left;
	width: 300px;
}

#InsuranceProductsPage .right {
	float: right;
	width: 300px;
}

#InsuranceProductsPage .boxleft {
	float: left;
	width: 300px;
	padding: 5px;
	background: url(images/InsuranceProductsInsideBox.jpg) repeat-x;
}

#InsuranceProductsPage .boxright {
	float: right;
	width: 300px;
	padding: 5px;
	background: url(images/InsuranceProductsInsideBox.jpg) repeat-x;
}

#HGVGetQuote {
	width: 250px;
	float: left;
	margin-top: 4px;
}

#SidebarBox {
	width: 240px;
	font-size: 12px;
	float: left;
}

#SidebarBoxOrange {
	width: 240px;
	font-size: 12px;
	float: left;
}



#SidebarBox .title {
	background: url(images/SidebarBox.jpg) no-repeat;
	width: 241px;
	padding: 11px 0px 6px 15px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

#SidebarBoxOrange .title {
	background: url(images/SidebarBoxOrange.jpg) no-repeat;
	width: 241px;
	padding: 11px 0px 6px 15px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}


#SidebarBox .inside {
	background: #FFFFFF url(images/boxbg.jpg) repeat-x;
	border-left: 1px solid #E2ECF8;
	border-right: 1px solid #E2ECF8;
	width: 218px;
	padding: 15px 15px 0px 15px;
}

#SidebarBoxOrange .inside {
	background: #FFFFFF url(images/boxbgorange.jpg) repeat-x;
	border-left: 1px solid #FFF0DD;
	border-right: 1px solid #FFF0DD;
	width: 218px;
	color: #FF9109;
	padding: 15px 15px 0px 15px;
}

#SidebarBoxOrange .curve {
	background: #ffffff url(images/SidebarBoxCurveOrange.jpg) no-repeat;
	width: 250px;
	height: 10px;
	margin-top: -1px;
}

#SidebarBox .curve {
	background: #ffffff url(images/SidebarBoxCurve.jpg) no-repeat;
	width: 250px;
	height: 10px;
	margin-top: -1px;
}

#SidebarBoxOrange ul {
	margin-left: 20px;
	line-height: 14px;
}

#SidebarBox ul {
	margin-left: 20px;
	line-height: 14px;
}

#SidebarBoxOrange li {
	list-style-image: url(images/bullet.gif);
	padding-left: 5px;
	padding-top: 6px;
	vertical-align: top;
}

#SidebarBox li {
	list-style-image: url(images/bullet.gif);
	padding-left: 5px;
	padding-top: 6px;
	vertical-align: top;
}

#LatestNews {
	width: 975px;
	height: auto;
	font-size: 13px;
}

#LatestNews .title {
	background: url(images/nav.jpg) repeat-x;
	width: 960px;
	padding: 12px 0px 6px 15px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

#LatestNews .inside {
	background: url(images/boxbg.jpg) repeat-x;
	border-left: 1px solid #E2ECF8;
	border-right: 1px solid #E2ECF8;
	width: 943px;
	padding: 15px 15px 10px 15px;
	height: auto;
}

#LatestNews .curve {
	background: url(images/boxcurve.jpg) repeat-x;
	width: 975px;
	height: 13px;
}



#FooterTop {
	background: url(images/FooterTopBG.png) no-repeat;
	width: 1010px;
	height: 59px;
	margin-left: auto;
	margin-right: auto;	
}

#Footer {
	margin-left: auto;
	margin-right: auto;
	background: url(images/container.png) repeat-y;
	width: 975px;
	font-size: 13px;
	padding: 5px 25px 20px 20px;
	color: #000000;
}

#Footer .small{
	font-size: 12px;
	color: #666666;
}

#Footer a {
	color: #666666;
	font-weight: bold;
}





#Left {
	float: left;
	width: 690px;
}


#RightMenu {
	float: right;
	margin: -7px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
	width: 260px;
	height: 700px;
}



.QuoteFieldBlueLine {
	float: left;
	width: 520px;
	background: #66A3DA;
	height: 3px;
}

#QuoteField1,#QuoteField2,#QuoteField3,#QuoteField4,#QuoteField5,#QuoteField6,#QuoteField7 {
	float: left;
	border-bottom: 1px solid #DDE9F7; padding: 5px; width: 510px;
	background: #FFFFFF;
}

#QuoteField1 .left,#QuoteField2 .left,#QuoteField3 .left,#QuoteField4 .left,#QuoteField5 .left,#QuoteField6 .left,#QuoteField7 .left {
	float: left;
	width: 200px;
	padding-top: 3px;
}

#QuoteField1 .right,#QuoteField2 .right,#QuoteField3 .right,#QuoteField4 .right,#QuoteField5 .right,#QuoteField6 .right,#QuoteField7 .right {
	float: left;
	width: 300px;
}

.QuoteFieldBlueLineWide {
	float: left;
	width: 655px;
	background: #66A3DA;
	height: 3px;
}

#QuoteFieldWide {
	float: left;
	border-bottom: 1px solid #DDE9F7; padding: 5px; width: 645px;
	background: #FFFFFF;
}

#QuoteFieldWide .left {
	float: left;
	width: 200px;
	padding-top: 3px;
}

#QuoteFieldWide .right {
	float: left;
	width: 300px;
}


#HomeBox {
	float: left;
	margin-bottom: 15px;
}

#HomeBox a {
	display: block;
	width: 180px;
	height: 160px;
	padding: 22px 15px 8px 15px;
	text-decoration: none;
	color: #FFF;
}

#HomeBox a:hover {
	display: block;
	width: 180px;
	height: 160px;
	padding: 22px 15px 8px 15px;
	background: url(images/home/over.png) no-repeat;
	color: #000099;
}

#HomeBox2Lines {
	float: left;
	margin-bottom: 15px;
}

#HomeBox2Lines a {
	display: block;
	width: 180px;
	height: 160px;
	padding: 13px 15px 17px 15px;
	text-decoration: none;
	color: #FFF;
}

#HomeBox2Lines a:hover {
	display: block;
	width: 180px;
	height: 160px;
	padding: 13px 15px 17px 15px;
	background: url(images/home/over.png) no-repeat;
	color: #000099;
}

#BigButton {
	float: left;
	font-size: 15px;
	width: 250px;
	height: 133px;
	color: #333333;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

#BigButton a {
	padding: 18px 0px 103px 13px;
	display: block;
	color: #333333;
	text-decoration: none;
}

#FooterBlogPosts {
	border-top: 1px solid #CCC;
	margin-top: 40px;
	color: #999;	
}

#FooterBlogPosts a {
	color: #999;	
}

#SocialButton {
	margin-top: 10px;
	float: left;
	font-size: 15px;
	width: 250px;
	background: url(images/Social.jpg) no-repeat;
	height: 88px;
	color: #333333;
	display: block;
	font-weight: bold;
	padding: 18px 0px 0px 13px;
}

.xmasbox {
	background: url(images/xmasbox.png) no-repeat;
	float: left;
	padding: 16px 50px 25px 48px;
	width: 550px;
	line-height: 20px;
}