﻿html
{
}
body
{
    margin: 0;
    border: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bodyRed
{
    background: #a92023; /* Old browsers */
    background: -moz-linear-gradient(top,  #a92023 0%, #e82f33 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a92023), color-stop(100%,#e82f33)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a92023 0%,#e82f33 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a92023 0%,#e82f33 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a92023 0%,#e82f33 100%); /* IE10+ */
    background: linear-gradient(top,  #a92023 0%,#e82f33 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a92023', endColorstr='#e82f33',GradientType=0 ); /* IE6-9 */

}
.bodyBlue
{
    background: #00458a; /* Old browsers */
    background: -moz-linear-gradient(top,  #00458a 0%, #00adee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00458a), color-stop(100%,#00adee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00458a 0%,#00adee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00458a 0%,#00adee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00458a 0%,#00adee 100%); /* IE10+ */
    background: linear-gradient(top,  #00458a 0%,#00adee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00458a', endColorstr='#00adee',GradientType=0 ); /* IE6-9 */
}
.bodyYellow
{
    background: #ea8615; /* Old browsers */
    background: -moz-linear-gradient(top,  #ea8615 0%, #f7c53a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea8615), color-stop(100%,#f7c53a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ea8615 0%,#f7c53a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ea8615 0%,#f7c53a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ea8615 0%,#f7c53a 100%); /* IE10+ */
    background: linear-gradient(top,  #ea8615 0%,#f7c53a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea8615', endColorstr='#f7c53a',GradientType=0 ); /* IE6-9 */

}
.bodyGreen
{
    background: #3b6f3e; /* Old browsers */
    background: -moz-linear-gradient(top,  #3b6f3e 0%, #7dc356 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b6f3e), color-stop(100%,#7dc356)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3b6f3e 0%,#7dc356 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3b6f3e 0%,#7dc356 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3b6f3e 0%,#7dc356 100%); /* IE10+ */
    background: linear-gradient(top,  #3b6f3e 0%,#7dc356 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6f3e', endColorstr='#7dc356',GradientType=0 ); /* IE6-9 */
}

.Container
{
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-family: Tahoma,Arial;
    color: #01244C;
    font-size: 12px;
    background-color: white;
    width: 900px;
    padding: 0 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.TopRow
{
    float: left;
    width: 900px;
    background-color: #FFFFFF;
}
.Logo
{
    float: left;
    width: 216px;
    height: 186px;
}
.Logo img
{
    border: 0;
}

.MenuAndContacts
{
    float: left;
    width: 684px;
    height: 184px;
}
.TopMenu
{
    float: left;
    width: 684px;
    height: 156px;
}
.Contacts
{
    clear: left;
    float: left;
    width: 684px;
    height: 28px;
    border-bottom: 2px #01244C solid;
    font-size: 16px;
}
.RedBoldContact
{
    font-size: 20px;
    font-weight: bold;
    color: #B72025;
}
.Tel
{
    float: left;
    padding: 0 0 0 225px;
}
.Email
{
    float: left;
    padding: 0 0 0 20px;
}
.Email a, .Email a:visited
{
    font-size: 20px;
    font-weight: bold;
    color: #B72025;
    text-decoration: none;
}
.Email a:hover
{
    text-decoration: underline;
}

.ContentRow
{
    clear: left;
    float: left;
    width: 900px;
    min-height: 664px;
    height: auto !important;
    border-bottom: 2px #01244C solid;
    background-color: #FFFFFF;
}
.LHCol
{
    float: left;
    width: 301px;
    height: 664px;
}
.ContentCol
{
    float: left;
    width: 409px;
    min-height: 664px;
    height: auto !important;
    padding: 30px 15px 0 15px;
    line-height: 19px;
}
.ContentTitle
{
    float: left;
    width: 409px;
}
.ContentTitle h1
{
    padding: 0;
    margin: 0;
    font-size: 19px;
    font-weight: normal;
    line-height: normal;
    color: #01244C;
}
.ContentBody
{
    clear: left;
    float: left;
    width: 409px;
    padding: 8px 0 20px 0;
}
.ContentBody p
{
    margin: 0;
    padding: 10px 0 0 0;
}
.ContentBody a, .ContentBody a:visited
{
    color: #01244C;
    font-weight: bold;
    text-decoration: none;
}
.ContentBody a:hover
{
    text-decoration: underline;
}

.Form
{
    float: left;
    width: 409px;
    padding: 5px 0 20px 0;
}
.FormRow, .FormRowOne
{
    clear: left;
    float: left;
    width: 409px;
    height: 32px;
    padding: 0 0 5px 0;
}
.FormRowOne
{
    visibility:hidden;
    width:0;height:0;
}
.FormLabel
{
    float: left;
    width: 140px;
    height: 26px;
    text-align: right;
    font-size: 16px;
    padding: 6px 0 0 0;
}
.FormLabelLarge
{
    float: left;
    width: 140px;
    height: 92px;
    text-align: right;
    font-size: 16px;
    padding: 6px 0 0 0;
}
.FormRowLower
{
    clear: left;
    float: left;
    width: 409px;
    padding: 0 0 10px 0;
}
.FormLabelLower
{
    float: left;
    width: 140px;
    text-align: right;
    font-size: 16px;
    line-height: 16px;
}
.FormLabelLower.sum
{
    font-size: 15px;
}
.FormLabelSmallerFont
{
    font-size: 11px;
}

.FormTextBox
{
    float: left;
    width: 250px;
    height: 28px;
    margin: 0 0 0 12px;
    display: inline;
    overflow: hidden;
    border-radius: 14px;
    border:2px solid navy;
}
.simpleSum
{
    float: left;
    width: 200px;
    margin:10px 0 0 12px;
    padding:7px 0 0 0;
    font-size:15px;   
    text-align:right; 
}
.simpleSumNumber
{
    color:#b72025;
    font-size:15px;font-weight:bold;
}
.FormTextBox.numeral
{
    float: left;
    width: 40px;
    height: 28px;
    margin: 10px 0 0 10px;
    display: inline;
    overflow: hidden;
    border-radius: 14px;
    border:2px solid navy;
}
.FormAspTextBox
{
    width: 232px;
    height: 32px;
    padding: 0 12px 0 12px;
    border: 0;
    font-size: 15px;
    color: #01244C;
    background-color: Transparent;
}
.FormAspTextBox.numeral
{
    width: 30px;
    padding: 0 12px 0 12px;
}
  
.FormRowAddress
{
    clear: left;
    float: left;
    width: 409px;
    height: 98px;
    padding: 0 0 35px 0;
}
.FormRowAddressSamples
{
    clear: left;
    float: left;
    width: 409px;
    height: 98px;
    padding: 0 0 5px 0;
}
.FormTextBoxLarge
{
    float: left;
    width: 256px;
    height: 98px;
    margin: 0 0 0 12px;
    display: inline;
    overflow: hidden;
    background-image: url(../images/FormFieldLargeBG.gif);
    background-repeat: no-repeat;
}
.FormAspTextBoxLarge
{
    width: 232px;
    height: 88px;
    padding: 5px 12px 5px 12px;
    border: 0;
    font-size: 15px;
    color: #01244C;
    background-color: Transparent;
    vertical-align: top;
    overflow: hidden;
}
.FormButtonRow
{
    clear: left;
    float: left;
    width: 409px;
    text-align: right;
    padding: 5px 0 0 0;
}
.FormButtonRowSend
{
    float: right;
    width: 71px;
    height: 26px;
    margin: 0 15px 0 0;
    display: inline;
}
.FormButtonRowReset
{
    float: right;
    width: 71px;
    height: 26px;
}
.FormValidationSummary
{
    clear: right;
    float: right;
    width: 409px;
    padding: 10px 0 0 0;
    position: relative;
}
.FormValidationSummary ul
{
    list-style-type:none;
}
.ContentWideCol
{
    float: left;
    width: 740px;
    min-height: 664px;
    height: auto !important;
    line-height: 18px;
}
.ContentWideCol.HomeWideCol
{
    padding-left:40px;
    width: 700px;
    min-height: 664px;
    height: auto !important;
    line-height: 18px;
}
.ContentWideTitle
{
    float: left;
    width: 740px;
    padding: 25px 0 0 0;
}
.HomeWideCol .ContentWideTitle
{
   width: 700px;
}
.ContentWideTitle h1
{
    padding: 0;
    margin: 0;
    font-size: 19px;
    font-weight: normal;
    line-height: normal;
    color: #01244C;
}
.ContentWideBody
{
    clear: left;
    float: left;
    width: 740px;
    padding: 8px 0 20px 0;
}
.HomeWideCol .ContentWideBody
{
    width: 700px;
}
.ContentWideBody p
{
    margin: 0;
    padding: 10px 0 0 0;
}
.ContentWideBody table td
{
    margin: 0;
    padding: 0;
}
/*Correction for Datalist Table Layout downward shift by item*/

.Products
{
    clear: left;
    float: left;
    width: 720px;
    padding: 20px 0 20px 0; /*border-bottom:2px #01244C solid;*/
}
.ProductsOuter
{
    clear: left;
    float: left;
    width: 720px;
    padding: 20px 0 20px 0;
    border-bottom: 2px #01244C solid;
}
.ProductsLHCol
{
    float: left;
    width: 290px;
}
.ProductsRHCol
{
    float: left;
    width: 405px;
    margin-left: 25px;
    display: inline;

}
a.RequestQuoteLink
{
    float:right;
    display:block;
    padding:6px 25px 0px 6px;
    background-color:Green;
    height:25px;
    border-radius:10px;
    color:White;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
    margin-top:10px;
    font-size:14px;
background: #225637; /* Old browsers */
background: -moz-linear-gradient(left,  #225637 0%, #7dc356 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#225637), color-stop(100%,#7dc356)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #225637 0%,#7dc356 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #225637 0%,#7dc356 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #225637 0%,#7dc356 100%); /* IE10+ */
background: linear-gradient(left,  #225637 0%,#7dc356 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#225637', endColorstr='#7dc356',GradientType=1 ); /* IE6-9 */

box-shadow:0px 0px 5px rgba(0,0,0,0.2);
position:relative;

    
}
a.RequestQuoteLink img
{
 position:absolute;
 right:3px;
 top:3px;   
 outline:none;
 border:none;
}
.ProductsTitle
{
    clear: left;
    float: left;
    width: 405px;
}
.ProductsTitle h2
{
    padding: 0;
    margin: 0;
    font-size: 19px;
    font-weight: normal;
    line-height: normal;
    color: #01244C;
}

.ProductsContent
{
    clear: left;
    float: left;
    width: 405px;
    padding: 5px 0 0 0;
}
.ProductsContent p
{
    margin: 0;
    padding: 10px 0 0 0;
}

.ContentWideBody a, .ContentWideBody a:visited
{
    color: #01244C;
    font-weight: bold;
    text-decoration: none;
}
.ContentWideBody a:hover
{
    text-decoration: underline;
}

.Downloads
{
    clear: left;
    float: left;
    width: 720px;
    padding: 20px 0 20px 0;
    border-bottom: 2px #01244C solid;
}
.DownloadsLHCol
{
    float: left;
    width: 140px;
    overflow: hidden;
}
.DownloadsLHCol img
{
    border: 0;
}

.DownloadsRHCol
{
    float: left;
    width: 565px;
    margin-left: 15px;
    display: inline;
}
.DownloadsTopRow
{
    float: left;
    width: 565px;
}
.DownloadsTitle
{
    float: left;
    width: 360px;
}
.DownloadsTitle h2
{
    padding: 0;
    margin: 0;
    display: inline;
    font-size: 19px;
    font-weight: normal;
    line-height: normal;
    color: #01244C;
}
.DownloadsDate
{
    float: left;
    width: 195px;
    font-size: 11px;
    font-weight: bold;
    color: #B8BDC2;
    padding: 5px 0 0 10px;
    text-align: right;
}

.DownloadsContent
{
    clear: left;
    float: left;
    width: 565px;
    padding: 5px 0 0 0;
}
.DownloadsContent p
{
    margin: 0;
    padding: 10px 0 0 0;
}

.ContactLHCol
{
    float: left;
    width: 375px;
    margin: 0 0 0 25px;
    display: inline;
    padding: 25px 0 0 0;
}
.ContactLHColTitle
{
    float: left;
    width: 375px;
}
.ContactLHColTitle h2, .ContactRHColTitle h2
{
    padding: 0;
    margin: 0;
    font-size: 19px;
    font-weight: normal;
    line-height: normal;
    color: #01244C;
}

.ContactLHColGoogleMap
{
    clear: left;
    float: left;
    width: 375px;
    padding: 25px 0 0 0;
}
.GoogleMap
{
    float: left;
    width: 375px;
    height: 375px;
}
.GoogleMap a, .GoogleMap a:visited
{
    font-weight: bold;
    color: #B72025;
    text-decoration: none;
}
.GoogleMap a:hover
{
    text-decoration: underline;
}

.ContactRHCol
{
    float: left;
    width: 285px;
    margin: 0 0 0 55px;
    display: inline;
    padding: 25px 0 0 0;
}
.ContactRHColTitle
{
    float: left;
    width: 285px;
}
.ContactRHColAddress
{
    clear: left;
    float: left;
    width: 285px;
    padding: 25px 0 0 0;
    font-size: 14px;
    line-height: 20px;
}
.ContactRHColAddress a, .ContactRHColAddress a:visited, .ContactRHColAddressRed
{
    font-weight: bold;
    color: #B72025;
    text-decoration: none;
}
.ContactRHColAddress a:hover
{
    text-decoration: underline;
}
.ContactRHColCoRegNo
{
    font-size: 11px;
}
.RHMenuCol
{
    float: left;
    width: 160px;
    height: 597px;
    padding: 31px 0 36px 0;
}
.RHMenuItemEnqForm
{
    clear: left;
    float: left;
    width: 160px;
    height: 115px;
    background-image: url(../images/RHMenuEnqFormOn.gif);
    background-repeat: no-repeat;
}
.RHMenuItemSampleRequests
{
    clear: left;
    float: left;
    width: 160px;
    height: 117px;
    background-image: url(../images/RHMenuSampleRequestsOn.gif);
    background-repeat: no-repeat;
}
.RHMenuItemPlainLeaflets
{
    clear: left;
    float: left;
    width: 160px;
    height: 117px;
    background-image: url(../images/RHMenuPlainLeafletsOn.gif);
    background-repeat: no-repeat;
}
.RHMenuItemArtwork
{
    clear: left;
    float: left;
    width: 160px;
    height: 117px;
    background-image: url(../images/RHMenuArtworkOn.gif);
    background-repeat: no-repeat;
}
.RHMenuItemDownloads
{
    clear: left;
    float: left;
    width: 160px;
    height: 131px;
    background-image: url(../images/RHMenuDownloadsOn.gif);
    background-repeat: no-repeat;
}

.RHMenuItemEnqForm img, .RHMenuItemSampleRequests img, .RHMenuItemPlainLeaflets img, .RHMenuItemArtwork img, .RHMenuItemDownloads img
{
    width: 100%;
    height: 100%;
    border: 0;
}
.RHMenuItemEnqForm a, .RHMenuItemSampleRequests a, .RHMenuItemPlainLeaflets a, .RHMenuItemArtwork a, .RHMenuItemDownloads a, .RHMenuItemEnqForm a:visited, .RHMenuItemSampleRequests a:visited, .RHMenuItemPlainLeaflets a:visited, .RHMenuItemArtwork a:visited, .RHMenuItemDownloads a:visited
{
    display: block;
    cursor: pointer;
}
.RHMenuItemEnqForm a:hover img, .RHMenuItemSampleRequests a:hover img, .RHMenuItemPlainLeaflets a:hover img, .RHMenuItemArtwork a:hover img, .RHMenuItemDownloads a:hover img
{
    visibility: hidden;
}
    		    a.rotatinglink
    		    {
    		        display:block;
    		        width:203px;
    		        height:105px;
                    position:relative;
                    margin-bottom:20px;
    		        
    		    }
    		    .rotatinglink img
    		    {
    		        position:absolute;
    		        top:0;
    		        left:0;
    		        
    		    }
    		    a.rotatinglink img
    		    {
    		      outline:none;
    		      border:none;
    		        
    		    }
.FooterContacts
{
    clear: left;
    float: left;
    width: 890px;
    padding: 10px 0 0 10px;
    font-size: 12px;
    line-height: normal;
    background-color: #FFFFFF;
}
.FooterPipe
{
    float: left;
    font-size: 13px;
    margin-top: -2px;
    padding: 0 4px 0 4px;
}
.FooterContact
{
    float: left;
}
.FooterContact a, .FooterContact a:visited
{
    font-weight: bold;
    color: #B72025;
    text-decoration: none;
}
.FooterContact a:hover
{
    text-decoration: underline;
}
.FooterRed
{
    font-weight: bold;
    color: #B72025;
}

.FooterCopyrights
{
    clear: left;
    float: left;
    width: 900px;
    text-align: center;
    font-size: 10px;
    padding: 5px 0 10px 0;
    background-color: #FFFFFF;
}
.FooterCopyrightsDot
{
    display: inline;
    padding: 0 4px 0 4px;
}

.FooterCopyrights a, .FooterCopyrights a:visited
{
    font-weight: normal;
    color: #B72025;
    text-decoration: none;
}
.FooterCopyrights a:hover
{
    text-decoration: underline;
}


.slideshow_container
{
    margin-top:20px;
    width:631px;
    height:257px;  
    position:relative; 

}
.slideshow
{
    width:631px;
    height:257px;  
    position:relative; 
    overflow:hidden;
    border-radius:25px;


}
.slideshow_item
{
    width:100%;
    height:100%;   
    position:absolute;
    left:0px;
    top:0px;

}
.slideshow_item img
{

            border-radius:25px;
}
.slideshow_left

{
	left:10px;
	top:50%;
	position:absolute;
	width:25px;
	height:25px;
	background-image:url(/images/link-prev.png);
	display:none;
}
.slideshow_right
{
	right:10px;
	top:50%;
	position:absolute;
		width:25px;
	height:25px;
	background-image:url(/images/link-next.png);
	display:none;
}
