/*CSS Document*/
/*For CSC*/

*{padding:0;margin:0;border:0;outline:0;}
body{font-size:12px;line-height:180%;font-family:Arial;background:#fff;color:#000;}
.wrapper{width:900px;margin:auto;}
a img{border:none;}
.clear{clear:both;}

.header{background:url(images/slice.jpg) repeat-x;height:207px;}
.logo{float:left;width:247px; margin:26px 40px 27px 0}
.headercontact{float:right;width:150px;color:#24004D;margin-top:40px;font-size:14px;text-align:right;}
.headercontact p{margin-bottom:10px;font-weight:bold}
.header a{color:#551A8B; text-decoration:none;}
.header a:hover {color:#fff}
img#award {float:left; margin-left:-30px}

/*menu styles*/
/*
.menu{background:#f7f7f8;padding:0;position:absolute; z-index:100;border-left:1px solid #f58547;}
.menu ul {list-style:none;padding:0;width:auto;float:left;text-align:center;color:3E1865;}
.menu h2 {font-weight:bold;font-size:13px;display:block;margin: 0;}
.menu h2 a{color:#3E1865;background:none;padding:5px 0;border-right:1px solid #f58547;width:149px;}
.menu h2.arrow a{background:url(images/arrow1.gif) no-repeat center right;}
.menu h2 a:hover, .menu h2 a.active {color:#3E1865;background:#f58547;}
.menu h2.arrow a:hover, .menu h2.arrow a.active{background:#f58547 url(images/arrow-hover.gif) no-repeat center right;}
.menu a {background:#ded6e7;text-decoration: none;font-size:13px;display:block;margin:0;padding: 2px 3px; color:#3E1865}
.menu a:hover {background: #3E1865;color:#fff;}
.menu ul ul a.arrow:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.arrow {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu li {position:relative;}
.menu ul li ul a{font-size:13px;border-bottom:2px solid #fff; text-align:left;}
.menu ul ul {position: absolute;z-index:500;text-align:left;width:150px;font-size:12px;left:0px;border-top:2px solid #fff;}
.menu ul ul ul {position: absolute;top:0;left:100%;}
div.menu ul ul,div.menu ul li:hover ul ul,div.menu ul ul li:hover ul ul{display:none;}
div.menu ul li a:hover ul,div.menu ul ul li a:hover ul,div.menu ul ul ul li a:hover ul{display:block;}
*/

.menu {background:#f7f7f8;padding:0;position:absolute; z-index:100;border-left:1px solid #f58547;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;text-align:center;padding:0;}
/* style the links for the top level */
.menu a, .menu a:visited {color:#3E1865;display:block;font-size:13px;text-decoration:none;width:142px;border-right:1px solid #f58547;background:#f7f7f8; padding:0 3px; line-height:30px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:142px; w\idth:142px;}

/* style the second level background */
.menu ul a.drop, .menu ul a.drop:visited {background:url(images/arrow1.gif) no-repeat center right;}
/* style the second level hover */
.menu ul a.drop:hover{background:#f58547 url(images/arrow-hover.gif) no-repeat center right;}
.menu ul :hover > a.drop {background:#f58547 url(images/arrow-hover.gif) no-repeat center right;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:150px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:0;t\op:1px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}


* html .menu ul ul a, * html .menu ul ul a:visited {width:143px;w\idth:143px;}

/* style the top level hover */
.menu a:hover, .menu a.active, .menu ul ul a:hover{color:#fff;background:#f58547;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#f58547;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ded6e7;color:#3e1865;padding:0 3px; width:143px;border:none; font-size:12px;border-bottom:1px solid #fff;font-weight:normal;}
.menu ul ul a:hover{background:#3e1865;color:#ded6e7;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;}

 .menu li.active{color:#fff;background:#f58547;}

.banner{background:#432a70;height:308px;margin-top:55px;margin-bottom:20px;}
.bannerleft{width:215px;background:#3d1865;height:308px;float:left}
.bannerleft h3 {font:18pt "Arial", sans-serifArial;color:#F93; padding:30px 10px 5px 25px}
.bannerleft p{font-size:14px;color:#ffffff;width:160px;padding:15px 10px 15px 25px;line-height:120%;}
.bannerleft a{text-decoration:none;color:#ffffff;padding-left:15px;font-style:italic;font-size:14px;background:url(images/arrow.gif) no-repeat;margin-left:25px;}
.bannerleft a:hover{text-decoration:underline;}

.banner img.inner{position: relative;overflow: hidden;height:308px;width:560px;float:left}/*slider*/

.strip {position: relative;overflow: hidden;height:308px;width:560px;float:left}
.strip img {position:absolute;left: 0px;top: 0px;}

.buttons{float:left;padding:15px 35px;width:55px; background:#3d1866;height:278px;}
.buttons a{display:block;margin:12px 0; background:url(images/circles.png) no-repeat;height:30px;width:40px; text-indent:-9999px;}
.buttons a:hover, .buttons a.active, .buttons a:focus,a.select{background-position:0 -35px}


.content h2{font-size:18px;color:#3E1865;margin-bottom:15px; font-weight:normal;}
.content p{font-size:14px;line-height:140%;margin:0 0 10px 0;}
.content ul{margin-left:30px; line-height:140%; font-size:14px;}
.content ul li ul li{list-style:none; line-height:130%;}


.leftcontent, .leftcontentlarge, .leftcontentxl, .leftcontentxxl, .leftcontentxxxl{float:left;width:555px;background:url(images/innercontent.png) no-repeat;padding:40px 30px; margin-left:-15px; margin-right:-5px; height:393px;}
.leftcontent h1, .leftcontentlarge h1, .leftcontentxl h1, .leftcontentxxl h1, .leftcontentxxxl h1{font-size:18px;color:#3E1865;margin-bottom:15px; font-weight:normal;}
.leftcontentlarge{background:url(images/innercontentlarge.png) no-repeat; height:507px;}
.leftcontentxl{background:url(images/innercontentxl.png) no-repeat; height:791px;}
.leftcontentxxl{background:url(images/innercontentxxl.png) no-repeat; height:915px;}
.leftcontentxxxl{background:url(images/longergraphic.jpg) no-repeat; height:1211px;}
.leftcontentxl strong{font-size:14px; margin-top:10px;}
.leftcontentxl ul{margin-bottom:5px;}
.leftcontent h3, .leftcontentlarge h3{font-weight:normal;color:#3E1865; font-weight:14px; margin-top:15px;}
.leftcontentxl, .leftcontent, .leftcontentxxl, .leftcontentxxxl, .leftcontentlarge a:hover {color:#000}
#safety .leftcontentlarge ul {margin-bottom:9px}
#safety .leftcontentxl ul {margin-bottom:9px}
#safety .leftcontentxxl ul {margin-bottom:9px}
.rightcontent, .rightcontentlarge{float:right;width:245px;background:url(images/gradient.png) no-repeat;padding:40px 30px;}
.rightcontentlarge{background:url(images/gradientlarge.png) no-repeat; height:556px;}
.rightcontent a, .rightcontentlarge a, .leftcontent a, .leftcontentlarge a, .leftcontentxl a, .leftcontentxxl a, .leftcontentxxxl a {text-decoration:none;color:#3E1865;}
.rightcontent, .rightcontentlarge a:hover {color:#000}



form{}
span.input{display:block;margin-bottom:15px;}
span.captcha{margin-left:150px;}
input.answer{width:80px;padding:3px;}
label{font-weight:bold; display:inline-table; width:150px; vertical-align:top}
input{width:400px; padding:3px}
textarea{width:400px; padding:3px; font-family:Arial; height:130px; font-size:12px;}
.send{margin-left:150px;background:#f47524; padding:5px; font-size:14px; cursor:pointer; width:120px; margin-top:20px;}


.box{float:left;width:260px;padding:30px 30px 0 25px;margin:0 0 15px -15px;background:url(images/boxbg.png) no-repeat top left;height:220px;}
.boxmid{float:left;width:260px;padding:30px 30px 0 25px;margin:0 0 15px -5px;background:url(images/boxbg.png) no-repeat top left;height:220px;}
.boxlast{float:right;width:260px;padding:30px 30px 0 25px;margin:0 -15px 15px -15px;background:url(images/boxbg.png) no-repeat top left;height:220px;}

.box p, .boxmid p, .boxlast p{margin-bottom:10px;}
.box h1{font-size:18px; color:#3e1866;margin-bottom:10px; font-weight:normal;}
.box h2, .boxmid h2, .boxlast h2{color:#3e1866;margin-bottom:10px; font-weight:normal;}
.box a, .boxmid a, .boxlast a{text-decoration:none;font-style:italic;background:url(images/pointer.png) no-repeat center left;padding-left:10px;color:#24004D;font-weight:bold}

.footer{position:relative; height:60px; margin:30px 0 0 0; background-color:#3E1865}
.footer p {position:relative; top:20px; left:0; font-size:11px; color:#fff}

.footer a {color:#F93; text-decoration:none}
.footer a:hover {color:#CCC}
a.bbb {position:absolute; top:4px; left:930px}

#italics {font:italic 10pt "helvetica"}