body { margin:0px; height:100% }
html { height:100% }
#CSSMenu a:link { color:#363636 }
#CSSMenu a:visited { color:#fff }
#CSSMenu a:hover { color:#fff }
#CSSMenu a:active { color:#363636 }
#Body2 a:link { color:#666; text-decoration:none }
#Body2 a:visited { color:#666; text-decoration:none }
#Body2 a:hover { color:#7dc685; text-decoration:underline }
#Body2 a:active { color:#7dc685; text-decoration:underline }
#Body3 a:link { color:#666; text-decoration:none }
#Body3 a:visited { color:#666; text-decoration:none }
#Body3 a:hover { color:#7dc685; text-decoration:underline }
#Body3 a:active { color:#7dc685; text-decoration:underline }
#Footer a:link { color:#e6e6e6; text-decoration:none }
#Footer a:visited { color:#e6e6e6; text-decoration:none }
#Footer a:hover { color:#fff; text-decoration:none }
#Footer a:active { color:#fff; text-decoration:none }
#PageDiv { position:relative; min-height:100% }
#PageWrapper { width:100%; background-size:cover }
#HeaderWrapper { width:100%; min-height:130px; z-index:0; clear:both; margin-left:auto; margin-right:auto }
#Header { width:70%; min-height:119px; z-index:0; clear:both; padding:5px 7%; margin-left:auto; margin-right:auto }
#Logo { width:100%; height:100%; z-index:0; float:left; clear:both }
#item3 { width:50%; z-index:0; float:left; margin-top:30px }
#HeaderSMALL { width:90%; z-index:0; padding:40px 2%; margin-left:auto; margin-right:auto; display:none }
#LogoWrapper1 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto }
#Logo1 { width:100%; z-index:0; float:left; clear:both }
#CSSMenu { width:94%; z-index:9999; clear:both; margin-left:auto; margin-right:auto; height:auto; overflow:visible; position:relative }
#BodyWrapper1 { width:100%; min-height:500px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#f5f5f5 }
#Body1 { width:100%; height:600px; z-index:0; clear:both }
#slideshow { position:relative; width:100%; height:100%; z-index:0; clear:both; margin-bottom:30px; background-image:url(../Resources/rxgallery-5.jpg); background-position:center top; background-size:cover }
#Image1 { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; background-image:url(../Resources/rxgallery-5.jpg); background-position:center top; background-size:cover }
#Image2 { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:2; background-image:url(../Resources/rxgallery-1.jpg); background-position:center; background-size:cover }
#Image3 { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:3; background-image:url(../Resources/rxgallery-2.jpg); background-position:center; background-size:cover }
#Image4 { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:4; background-image:url(../Resources/rxgallery-4.jpg); background-position:center top; background-size:cover }
#BodyWrapper2 { width:100%; z-index:0; clear:both; margin-left:auto; margin-top:0px; margin-right:auto; background-color:#f5f5f5 }
#item1 { width:90%; min-height:32px; z-index:0; padding:2% 2% 0%; margin-left:auto; margin-right:auto }
#Body2 { width:84%; z-index:0; clear:both; padding:1% 5% 5%; margin-left:auto; margin-right:auto }
#Box1 { width:23%; z-index:0; float:left; clear:left; padding-top:15px; padding-bottom:15px; margin-left:1%; border-top:solid #4db3e9 0px }
#TitleWrapper1 { width:220px; z-index:0; clear:both; padding-left:2%; padding-top:10px; padding-right:2%; margin-left:auto; margin-right:auto }
#delivery { left:0px; top:0px; width:200px; height:100px; overflow:hidden }
#ContentWrapper1 { width:96%; z-index:0; clear:both; padding-left:2%; padding-top:15px; padding-right:2%; margin-left:auto; margin-right:auto }
#Box2 { width:23%; z-index:0; float:left; padding-top:15px; padding-bottom:15px; margin-left:2%; border-top:solid #4db3e9 0px }
#TitleWrapper2 { width:220px; z-index:0; clear:both; padding-left:2%; padding-top:10px; padding-right:2%; margin-left:auto; margin-right:auto }
#cutff { left:0px; top:0px; width:200px; height:100px; overflow:hidden }
#ContentWrapper2 { width:96%; z-index:0; clear:both; padding-left:2%; padding-top:15px; padding-right:2%; margin-left:auto; margin-right:auto }
#Box4 { width:23%; z-index:0; float:left; clear:right; padding-top:15px; padding-bottom:15px; margin-left:2%; border-top:solid #4db3e9 0px }
#TitleWrapper4 { width:220px; z-index:0; clear:both; padding-left:2%; padding-top:10px; padding-right:2%; margin-left:auto; margin-right:auto }
#broadproduct { left:0px; top:0px; width:200px; height:100px; overflow:hidden }
#ContentWrapper4 { width:96%; z-index:0; clear:both; padding-left:2%; padding-top:15px; padding-right:2%; margin-left:auto; margin-right:auto }
#Box3 { width:23%; z-index:0; float:left; clear:right; padding-top:15px; padding-bottom:15px; margin-left:2%; margin-right:1%; border-top:solid #4db3e9 0px }
#TitleWrapper3 { width:220px; z-index:0; clear:both; padding-left:2%; padding-top:10px; padding-right:2%; margin-left:auto; margin-right:auto }
#costsavings { left:0px; top:0px; width:200px; height:100px; overflow:hidden }
#ContentWrapper3 { width:96%; z-index:0; clear:both; padding-left:2%; padding-top:15px; padding-right:2%; margin-left:auto; margin-right:auto }
#Body3 { width:80%; z-index:0; clear:both; padding:3% 7%; margin-left:auto; margin-right:auto; overflow:hidden }
#FooterWrapper { width:99.83%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#4db3e9; border-style:solid; border-color:#2b73b3; border-width:5px 1px 1px }
#Footer { width:79.34%; z-index:0; clear:both; padding:60px 7%; margin-left:auto; margin-right:auto }
#item2 { width:22.14%; z-index:0; float:left; clear:left }
#colour1 { position:absolute; left:1384px; top:89px; width:238px; min-height:206px; z-index:2; background-color:#fc1da7 }
.fwNavContainer1 { float:right; position:relative; right:50% }
#fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none }
#fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 }
#fwNav1 .fwNavItem a { display:block; color:#363636; text-decoration:none; padding:16px 40px 16px 40px }
#fwNav1 .fwFirstChild { border-left:0 }
#fwNav1 .fwLastChild { border-right:0 }
#fwNav1 .fwNavItem:hover > span a, #fwNav1 .fwNavItem:hover > a { color:#4DB3E9; text-decoration:none }
#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#4DB3E9; text-decoration:none }
#fwNav1 .fwNavItem a:active { color:#4DB3E9; text-decoration:none }
.fwMainPointer1 { margin-top:-50%; height:10px }
.fwMainPointerWrapper1 { position:absolute; right:10px }
#fwNav1-toggle, .fwNav1-toggle-label { display:none }
.fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/menu-1-black.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto }
#fwNav1 * .sub { visibility:hidden; position:absolute; left:-0; float:left; padding:0; margin:0; list-style:none; z-index:1 }
#fwNav1 .sub * .sub { top:-0 }
#fwNav1 .fwNavItem .sub .fwNavItem { display:block; margin:0; padding:0; left:0; width:160px; border-left:0; border-right:0; border-top:none; border-bottom:none }
#fwNav1 * * * .sub { left:100%; top:0 }
#fwNav1 .fwNavItem .sub .fwNavItem a { display:block; color:#363636; text-decoration:none; background:#FFFFFF; padding:8px 5px 8px 5px }
#fwNav1 .fwNavItem .sub .fwFirstChild { border-top:0 }
#fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:0 }
#fwNav1 .fwNavItem .sub .fwNavItem:hover > span a, #fwNav1 .fwNavItem .sub .fwNavItem:hover > a { color:#FFFFFF; text-decoration:none; background:#4DB3E9 }
#fwNav1 .fwNavItem .sub .fwNavItem a:hover, #fwNav1 .fwNavItem .sub .fwNavItem span a:hover, #fwNav1 .fwNavItem .sub .fwNavItem a:focus { color:#FFFFFF; text-decoration:none; background:#4DB3E9 }
#fwNav1 .fwNavItem .sub .fwNavItem a:active { color:#FFFFFF; text-decoration:none; background:#4DB3E9 }
#fwNav1 :hover > .sub { visibility:visible }
#fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#4DB3E9; font-weight:normal }
#fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent:hover { display:block; color:#4DB3E9; font-weight:normal; background:#FFFFFF }
@media screen and (max-width:1024px)
{
	#Box1 { width:29% }
	#TitleWrapper1 { width:240px }
	#Box2 { width:29% }
	#TitleWrapper2 { width:240px }
	#Box4 { width:29% }
	#TitleWrapper4 { width:240px }
	#Box3 { width:27% }
	#FooterWrapper { width:99.8% }
}
@media screen and (max-width:835px)
{
	#Box1 { width:48% }
	#Box2 { width:48% }
	#Box4 { width:47% }
	#Box3 { width:47% }
	#TitleWrapper3 { width:96% }
	#FooterWrapper { width:99.76% }
	#item2 { width:160px }
}
@media screen and (max-width:799px)
{
	#Body2 { width:719px }
	#Box1 { width:47% }
	#Box2 { width:47% }
	#FooterWrapper { width:99.75% }
	.fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#FFFFFF; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom }
	#fwNav1 { width:100%; right:0; left:0; margin-top:0px }
	#fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 }
	#fwNav1 .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px }
	#fwNav1 .fwFirstChild { border-top:0 }
	#fwNav1 .fwLastChild { border-bottom:0 }
	.fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none }
	.fwNav1-toggle-close { margin:20px auto 20px auto }
	.fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 }
	#fwNav1 .fwNavItem .sub .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-right:10px; padding-left:20px }
	#fwNav1 .fwNavItem .sub .sub .fwNavItem a { padding-left:30px }
	#fwNav1 .fwNavItem .sub .sub .sub .fwNavItem a { padding-left:40px }
	#fwNav1 .fwNavItem .sub { position:relative; visibility:visible; width:100%; left:0; top:0 }
	#fwNav1 .fwNavItem .sub .fwNavItem { width:100% }
	#fwNav1 .fwNavItem .sub .sub { left:0 }
	#fwNav1 .fwNavItem .sub .sub .fwNavItem { border-left:none }
	.fwMainPointer1, .fwSubPointer1 { display:none }
	#fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:none }
	#fwNav1 .fwLastChild .sub .fwLastChild { border-bottom:0 }
}
@media screen and (max-width:768px)
{
	#Header { display:none }
	#item3 { float:right; clear:right }
	#HeaderSMALL { display:block }
	#LogoWrapper1 { min-height:146px; float:left; clear:left; margin-left:0px; margin-right:0px }
	#Logo1 { min-height:151px }
	#CSSMenu { padding-top:3%; padding-bottom:3%; margin-top:20px; margin-bottom:20px }
	#Body1 { height:350px }
	#slideshow { height:140%; margin-bottom:0px }
	#Box1 { width:75%; float:none; clear:both; margin-left:auto; margin-right:auto; margin-bottom:5% }
	#Box2 { width:75%; float:none; clear:both; margin-left:auto; margin-right:auto; margin-bottom:5% }
	#Box4 { width:75%; float:none; clear:both; margin-left:auto; margin-right:auto; margin-bottom:5% }
	#Box3 { width:75%; float:none; clear:both; margin-left:auto; margin-right:auto }
	#FooterWrapper { width:99.73% }
	#Footer { width:90%; padding-left:2%; padding-right:2% }
	#item2 { width:100%; float:none; margin-left:auto; margin-right:auto; margin-bottom:3% }
}
@media screen and (max-width:507px)
{
	#PageWrapper { width:100% }
	#LogoWrapper1 { min-height:147px }
	#Logo1 { min-height:139px }
	#Body2 { width:90% }
	#FooterWrapper { width:99.61% }
}
@media screen and (max-width:480px)
{
	#Logo1 { min-height:157px }
	#FooterWrapper { width:99.58% }
}
@media screen and (max-width:414px)
{
	#Logo { height:50% }
	#FooterWrapper { width:99.52% }
}
@media screen and (max-width:375px)
{
	#Logo { height:25% }
	#HeaderSMALL { width:91% }
	#Logo1 { min-height:170px }
	#FooterWrapper { width:99.47% }
}
@media screen and (max-width:320px)
{
	#Logo { height:100% }
	#HeaderSMALL { width:96% }
	#slideshow { height:400px }
	#Image1 { background-position:center; background-size:auto }
	#Image2 { top:0px }
	#Box1 { width:81% }
	#Box2 { width:81% }
	#Box4 { width:81% }
	#Box3 { width:81% }
	#FooterWrapper { width:99.38% }
}
