/* Start of CMSMS style sheet 'screen' */
/* ---------- Layout Styles ---------- */
body {background:#fff; font:62.5%/1.6em Arial, Helvetica, sans-serif;}

#header-container{font-size:1.1em; width:100%; height:95px; border-bottom:1px solid #999; background:#f0f0f0;}
	#header{width:960px; height:95px; margin:0 auto;color:#929292;}
#banner-container{font-size:1.1em; width:100%; height:182px; padding: 20px 0 0 0; clear:both; background: #004685 url(../images/core/silk.gif) no-repeat 50% 0; }
	#banner{width:960px; height:182px; margin:0 auto; position:relative; background: url(../images/core/banner-bg.gif) no-repeat 50% 0;}
		#banner #intro { color: #666666; font-size: 1.2em; position:absolute; top:60px; left:26px; width: 320px;}
		#banner #banner-img {position:absolute; bottom:0px; right:4px; width: 609px; height: 180px; overflow: hidden; text-align: right; }
#content{font-size:1.1em; padding: 40px 0 0 0; width:957px; margin:0 auto 80px auto; background: #fff url('../images/core/content.png') repeat-y 0 0;}
	#content #bottom {clear:both; height:2px; display:block; background:url('../images/core/content-bottom.png') no-repeat bottom; text-indent:-9999px; padding: 50px 0 0 0;}
	#primary {float:left; margin-left:52px; width:416px; color:#666;}
	#primary-wide {float:left; padding-left:52px; width:616px; color:#666;}
	#secondary {float:left; width:156px; padding-left:25px;}
	#tertiary {float:right; width:208px; padding-right:42px;}
#footer-container{font-size:1.1em;width:100%; height:100px; padding-top:15px; background:#fbfbfb; border-top:1px solid #e3e3e3;}
	#footer{width:960px; margin:0 auto; color:#999999;}



/* ---------- Common Styles ---------- */
a {text-decoration:none; color:#ee1d25;}
a:hover { text-decoration: underline; }
h1, h2, h3 { padding: 0 0 10px 0; font-weight:bold; }
h1 {color: #0b4780; font-size:30px; line-height:30px; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; font-weight: bold; }
h4 { font-size: 1.0em; }
strong { font-weight: bold; }
hr { border: 0; border-bottom: 1px solid #e5e5e5; margin: 10px 0; }
p { margin: 0px 0 10px 0; }
ul { margin: 10px 15px; list-style: disc; }
ol { margin: 10px 15px; list-style: decimal; }

.clear { display: block; clear: both; }
.hidden { display: none !important; }
.top { text-align: right; font-size: 0.9em; padding: 10px; }
.back { border-top: 1px solid #d1d1d1; margin: 20px 0 0 0; display: block; background: url("../images/core/arrow-back.png") no-repeat left 15px; padding: 10px 0 0 10px; }


/* Hide and Show List */
ul#hide-n-show { list-style: none; margin: 30px 0 0 0; border-top:1px solid #d1d1d1; }
	ul#hide-n-show li {overflow: auto; padding: 20px 0; border-bottom:1px solid #d1d1d1; display: block; clear: both; }
		ul#hide-n-show li h3 { padding: 0; cursor: pointer; }
		ul#hide-n-show li .posted-date { margin: 0; }
		ul#hide-n-show li .description { padding: 10px 0 0 0; }
		ul#hide-n-show li .description ul { margin: 10px 0 10px 12px; list-style: disc; }
		ul#hide-n-show li .description ul li { clear: none; border: none; padding: 0; display: list-item; }
		ul#hide-n-show li .description img { float:right; margin:0 0 20px 25px; overflow: auto; }
		ul#hide-n-show li a.hide_show {cursor: pointer; float:right; height: 11px; padding: 0 20px 0 0; background:url('../images/core/arrow-grey.png') no-repeat bottom right; }
		ul#hide-n-show li.opened a.hide_show { background-position: top right; }




/* ---------- Header Styles ---------- */
#header a img {float:left; display:inline; margin:21px 0 0 17px;}


/* ---------- Tools Navigation Styles ---------- */
ul#secondary-navigation {float:right; padding:15px 0; margin:0; list-style: none; position: relative;}
	ul#secondary-navigation li {display:inline; padding:0 15px;}
	ul#secondary-navigation a {color:#929292; line-height:20px; font-size:1.2em; font-weight:bold;}
	ul#secondary-navigation a:hover {color:#0b4780; text-decoration: none;}
	ul#secondary-navigation form { background: #fff; border: 1px solid #D4D4D4; display: block; position: absolute; top: 35px; right: 15px; padding: 10px; }
	ul#secondary-navigation .search-button, ul#secondary-navigation .cancel-button { border: 0; background: #0B4780; color: #fff; padding: 3px 5px; cursor: pointer; }
	ul#secondary-navigation .search-input { border: 0; border: 1px solid #D4D4D4; padding: 3px 5px; }




/* ---------- Main Navigation Styles ---------- */
ul#navigation {clear:right; float:right; width:540px; margin:0; list-style: none;}
	ul#navigation li {display:inline;}
		ul#navigation li a {float:left; display:inline; margin:0 5px; width:55px; height:25px; text-align:center; font-size:1.1em; line-height:25px; text-transform:uppercase; font-weight:bold; background:url('../images/navigation/home.png') no-repeat 0 0; color:#fff;}
		ul#navigation li a:hover {background-position:0 -25px !important; text-decoration: none;}
		ul#navigation li#about_us-nav a {background-image:url('../images/navigation/about_us.png'); width:80px;}
		ul#navigation li#why_us-nav a{background-image:url('../images/navigation/why_us.png'); width:66px;}
		ul#navigation li#products-nav a{background-image:url('../images/navigation/products.png'); width:85px;}
		ul#navigation li#promotions-nav a{background-image:url('../images/navigation/promotions.png'); width:99px;}
		ul#navigation li#contact_us-nav a{background-image:url('../images/navigation/contact_us.png'); width:94px;}

	body#home-page #navigation li#home-nav a,
	body#about-page #navigation li#about_us-nav a,
	body#why_us-page #navigation li#why_us-nav a,
	body#products-page #navigation li#products-nav a,
	body#promotions-page #navigation li#promotions-nav a,
	body#contact_us-page #navigation li#contact_us-nav a{background-position:0 -25px !important; height:30px !important;}

	

/* ---------- Left Sub Navigation Styles ---------- */
#secondary ul {margin:0; list-style: none;}
	#secondary ul li {padding:0; margin: 2px 0;}
	#secondary ul li a { border-bottom: 1px solid #edf0f0; display:block; line-height:14px; padding:7px 5px 8px 5px; font-weight:bold; color:#666;}
	#secondary ul li a:hover, #secondary a.active { color:#fff; text-decoration: none; background:url('../images/buttons/secondary.png') no-repeat 0 0; border-bottom: 1px solid #fff;}
	#secondary ul li a.selected { background: none; color:#0b4780; border: none; }
	#secondary ul li a.selected:hover { background: none !important; }
	ul#subsubnav li a, ul#subsubnav2 li a {font-weight:normal; padding:7px 5px 8px 15px; font-size: 1.1em; }

	
/* ---------- Right Hand Side CTA Styles ---------- */
#tertiary div {padding-bottom:35px;}
#tertiary h3 {background:url('../images/core/tertiary-h3.png') no-repeat 0 0; line-height:34px; margin-bottom:14px; text-indent:9px; font-weight:bold; color:#fff; padding: 0; }
#tertiary img {margin-bottom:15px;} 
#tertiary h5 {color:#666; font-size:11px; font-weight:bold; padding-bottom:10px;}
#tertiary ul { padding:0 0 0 13px; margin: 10px 0;}
#tertiary a{color:#ee1d25;}
#tertiary a:hover {text-decoration:underline;}

#tertiary #ordering_online a {margin-top:10px; display:block; height:33px; width:208px; text-indent:-9999px; background:url('../images/buttons/take_quick_tour_cta.png') no-repeat 0 0;}
#tertiary #ordering_online a:hover {background-position:0 -33px;}

.phone { margin: 20px 0 20px -9px; color: #464646; font-size: 1.7em; font-weight: bold; background: url(../images/core/icon-phone.gif) no-repeat; padding: 8px 0 12px 55px; }

#find_a_branch input.postcode {height:18px; width:135px; padding:2px 5px; color:#999; border:1px solid #acadb2;}
#find_a_branch input.submit {width:37px; height:25px; padding:0; margin:0; position:relative; top:2px; text-align:center; font-size:1.2em; text-transform:uppercase; font-weight:bold; color:#fff; border:none; background:url('../images/buttons/go.png') no-repeat 0 0;}
#find_a_branch input.submit:hover {background-position:0 -25px; cursor:pointer;}


/* ---------- Homepage Styles ---------- */
#home-page #banner-container {height:443px; padding: 0; }
#home-page #banner {height:auto; background: none; color: #fff; }
#home-page #banner img {position: static; }
#banner-information {width:300px; float:left; padding: 70px 0 0 25px;}
	#banner-information h1 { font-weight: normal; color: #fff; letter-spacing:-.5px; padding:0 0 17px 0; text-indent: 0;}
	#banner-information p {font-size:13px; line-height:17px; font-weight:bold; padding-bottom:15px;}
	#banner-information a {margin-top:10px; display:block; height:33px; width:181px; text-indent:-9999px; background:url('../images/buttons/take_quick_tour.png') no-repeat 0 -33px;}
	#banner-information a:hover {background-position:0 0;}
#banner-video {width:560px; float:right; padding:53px 25px 0 0;}

#home-page #content{width:960px; position:relative; padding-top:68px; background:none;}
	#login{height:116px; width:875px; padding:10px 15px 0 20px; position:absolute; top:-24px; left:25px; color:#fff; background:url('../images/core/login.png') no-repeat top center;}
	ul#call_to_actions{margin: 0; list-style: none; height:285px; padding:60px 0 0 0; background:url('../images/core/call_to_actions.png'); color:#464646;}
	#advertisment {padding:40px 0; margin:0 auto; text-align:center; display:none}
	#affiliates {height:142px;}
		#login h3 {padding-bottom:10px; font-size:1.6em; line-height:1.6em; font-weight:bold;}
		#login form {width:400px;}
			#login form a {width:100px; padding-top:14px; float:left; width:150px; font-size:1.2em; color:#fff; text-decoration:underline;}
		#login ul { margin:0; list-style: none; }
			#login ul li {width:140px; height:25px; display:inline; margin-right:10px;}
			#login input {height:18px; width:135px; padding:2px 5px; color:#999;}
				#login li.buttons input {width:55px; height:25px; text-indent:-9999px; font-size:0; padding:0; background:url('../images/buttons/login.png') no-repeat 0 0; border:none; position:relative; top:-2px;}
				#login li.buttons input:hover {background-position:0 -25px; cursor:pointer;}
			#login li.remember { width:150px; padding: 10px 0 0 5px; float:left;}
				#login li.remember a { width:150px; padding: 0; float: none;}
			#login li.checkbox {width:150px; padding-top:10px; font-size:1.2em; float:left;}
				#login li.checkbox input {width:auto; padding:0; margin: 0; height: auto; border: 0; vertical-align: top;}
	#sign_up{float:right; display:inline; margin-top:20px; text-indent:-9999px; width:267px; height:58px; background:url('../images/buttons/sign_up.png') no-repeat 0 0;}
	#sign_up:hover {background-position:0 -58px;}
	
ul#call_to_actions li {float:left; display:inline; width:290px; margin-left:20px; background:url('../images/call_to_actions/promotions.jpg') no-repeat 0 20px;}
	ul#call_to_actions li#quality {background-image:url('../images/call_to_actions/products.jpg');}
	ul#call_to_actions li#reputation {background-image:url('../images/call_to_actions/service.jpg');}
ul#call_to_actions li:hover { cursor: pointer; background-position:-313px 20px;}
	ul#call_to_actions li h2 {font-size:1.6em; line-height:16px; color:#004685;}
	ul#call_to_actions li p {padding-left:10px; width:235px; color:#464646; font-size:1.1em; padding-bottom:5px;}
	ul#call_to_actions li a {font-size:1.3em; color:#474747 !important; font-weight:bold;}
	  ul#call_to_actions li p a:hover {text-decoration: none}
	  ul#call_to_actions li p a {color:#474747 !important;font-size:1em;font-weight:normal;padding-left:0; display:block}
	  ul#call_to_actions li h2 a {color:#004685 !important; font-size:1em; display: block; padding-left:0; padding-bottom:150px;}
	  ul#call_to_actions li h2 a:hover {text-decoration: none}
	ul#call_to_actions li a:hover {text-decoration:none;}
		ul#call_to_actions li a span {width:10px; height:20px; display:inline-block; text-indent:-9999px; background:url('../images/buttons/arrow.png') no-repeat right 5px;}
#reputation p {width:auto;}
#call_to_actions a {padding-left:10px;}

#affiliates { height:100px; padding:46px 0 36px 0; background:url('../images/core/affiliates.png') no-repeat 0 0;}
	#affiliates ul { margin:0; list-style: none; }
		#affiliates li {float:left; width:158px; margin:0 auto; text-align:center;}
	


/* ---------- Products Page Styles ---------- */
ul#products { list-style: none; margin: 0; }
	ul#products li {overflow: auto;  padding: 0 0 20px 0; margin: 0 0 35px 0; border-bottom:1px solid #d1d1d1; display: block; clear: both; }
		ul#products li h3 { padding: 0; }
		ul#products li .description { padding: 10px 0 0 0; }
		ul#products li .description a { padding: 0 10px 0 0; background: url("../images/core/arrow.png") no-repeat right center; }
		ul#products li .description img { float:right; padding:0 0 20px 25px; }


/* ---------- Products Details Page Styles ---------- */
ul#products-details { list-style: none; margin: 30px 0 20px 0; border-top:1px solid #d1d1d1; }
	ul#products-details li {padding: 20px 0; border-bottom:1px solid #d1d1d1; display: block; clear: both; }
		ul#products-details li h3 { padding: 0; }
		ul#products-details li .description { padding: 10px 0 0 0; }
		ul#products-details li .description a { padding: 0 10px 0 0; background: url("../images/core/arrow.png") no-repeat right center; }
		ul#products-details li .description img { float:right; padding:0 0 20px 25px; }


/* ---------- Promotions Page Styles ---------- */
ul#promos { list-style: none; margin: 30px 0 0 0; border-top:1px solid #d1d1d1; }
	ul#promos li {padding: 20px 0; border-bottom:1px solid #d1d1d1; display: block; clear: both; }
		ul#promos li h3 { padding: 0; }
		ul#promos li .description { padding: 10px 0 0 0; }
		ul#promos li .description a { padding: 0 10px 0 0; background: url("../images/core/arrow.png") no-repeat right center; }
		ul#promos li .description img { clear:both; float:right; padding:0 0 20px 25px; overflow: auto; }



/* ---------- Locations Page Styles ---------- */
dl { margin: 0; list-style: none; }
dt { display: inline-block; width: 200px; vertical-align: top; color: #b5b5b5; padding:  }
dd { display: inline-block; width: 190px; }
dd a { color: #0b4780; }
.map { float:right; margin:0 0 20px 25px; }
.mapimage { width: 220px; height: 190px; overflow: hidden; }
#contact_us-page .description .servicesproducts { margin: 0px 0 20px 0; }
#contact_us-page .description .servicesproducts ul { margin: 0 0 0 12px; list-style: disc; }
#contact_us-page .description .servicesproducts ul li { clear: none; border: none; padding: 0 0 10px 0; display: list-item; }



/*----------	CoNTaCT FoRMS STYLeS	----------*/
.contactform { display: block; margin: 25px 0; }
  .contactform fieldset { display: block; }
    .contactform div { display: block; margin: 10px 0; }
    .contactform div.hidden { display:none; }
      .contactform label { width: 108px; display: inline-block; vertical-align: top; }
      .contactform .required input { border-left: 2px solid #ff0000; margin: 0 0 0 -2px; }
      .contactform input, .contactform input.cms_browse, .contactform select { padding: 3px 5px; width: 290px; border: 0; border-style:solid; border-width: 1px; border-color: #acadb2 #dadfe5 #e2e9ef #dadfe5; }
      .contactform input#address2 { margin: 10px 0 0 111px; }
			.contactform select {width:302px; height:23px;}
      .contactform textarea { padding: 2px 5px; height: 115px; margin-bottom: 10px; border: 0; border-style:solid; border-width: 1px; border-color: #acadb2 #dadfe5 #e2e9ef #dadfe5; width: 290px; }
       .contactform .submit input { text-transform: uppercase; margin: 0 0 0 109px; cursor: pointer; border: none; width: auto; display: block; background-color: #004685; color: #ffffff; font-size: 1.2em; padding: 5px; }
       .contactform .submit input:hover { background-color: #013563; }
	.note {float:right; text-align:right; line-height:30px; width:190px;}
	.note span { color: #ee1d25;}
	.error_message { color: #ee1d25; margin-left: 15px; font-style: italic; }
        .contactform div.captcha { display: block; margin: 0 0 0 106px; }
        .contactform div.captcha img { display: block; }


/* ---------- Search Result Page Styles ---------- */
ul#search-results { list-style: none; margin: 0; }
	ul#search-results li {padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom:1px solid #d1d1d1; display: block; clear: both; }
		ul#search-results li h3 { padding: 0; }


/* ---------- News Page Styles ---------- */
ul#hide-n-show2 { list-style: none; margin: 0; }
	ul#hide-n-show2 li {padding: 20px 0; border-bottom:1px solid #d1d1d1; display: block; clear: both; }
		ul#hide-n-show2 li h3 { padding: 0; cursor: pointer; }
		ul#hide-n-show2 li .posted-date { margin: 0; }
		ul#hide-n-show2 li .description { padding: 10px 0 0 0; }
		ul#hide-n-show2 li .description ul { margin: 10px 0 10px 12px; list-style: disc; }
		ul#hide-n-show2 li .description ul li { clear: none; border: none; padding: 0; display: list-item; }
		ul#hide-n-show2 li .description img { float:right; margin:0 0 20px 25px; }
		ul#hide-n-show2 li a.hide_show {cursor: pointer; float:right; height: 11px; padding: 0 20px 0 0; background:url('../images/core/arrow-grey.png') no-repeat bottom right; }
		ul#hide-n-show2 li.opened a.hide_show { background-position: top right; }



/* ---------- Site map Styles ---------- */


ul#sitemap{list-style:none}
ul#sitemap li.group{float:left;font-size:1.2em;font-weight:bold;height:200px;list-style:none outside none;margin-right:15px;width:180px;}
ul#sitemap li.group ul{list-style:none;margin: 0}
ul#sitemap li.page{padding:2px 0;}
ul#sitemap li.group a{margin-bottom:10px;display:block; padding:5px 0 12px 0; border-bottom: 1px solid #CCC;font-size:1.1em}
ul#sitemap li.page a{padding:0;display: inline;border:medium none;font-size:0.9em;font-weight:normal;}
ul#sitemap li a{color:#666}




/* ---------- Footer Styles ---------- */
#copyright {float:left; width:300px; font-weight:bold; color:#999;}
#footer ul {float:right; padding-right:15px; margin:0; list-style: none;}
	#footer li {display:inline; padding-left:25px;}
	#footer a {font-size:1.1em; color:#7d7d7d;}
	#footer a:hover {text-decoration:underline;}



/* End of 'screen' */