/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body, form, html {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
body {
	background-attachment: scroll;
    background-color: #e8ebec;
    background-image: url('../Images/bg-body.jpg') ;
    background-position: center top;
    background-repeat: repeat-x;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #2f2f2f;
}

a { color: #0074b5; text-decoration: none; outline: none;}
a:visited { color: #0074b5; }
a:hover { color: #0074b5; text-decoration: underline;}

input[type="text"], textarea { border: 1px solid #e8ebec; color: #2f2f2f; width: 350px; }
input[type="text"] { padding: 2px; }

p {
	margin: 0;
	padding: 0;
}
 
/* list */
ul, ol {
	margin: 0;
	padding: 0;
	line-height: 140%;
}

li {
	margin: 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #2f2f2f;
	font-weight: 300;
}
h1 {
	font-size: 24px;
	color: #0074b5;
	margin: 0;
	padding: 0;
}
h2 {
    font-size: 18px; 
    color: #2f2f2f;
	margin: 6px 0 0 0;
	padding: 0;
	font-style: italic; 
}
h3 {
    font-size: 14px;
	color: #2f2f2f;
	margin: 6px 0 0 0;
	padding: 0;
	font-weight: bold; 
}
h4 {
    font-size: 18px; 
    color: #2f2f2f;
	margin: 0 0 20px 0;
	padding: 0;
}
h5 {
    color: #aaaaaa;
    font-size: 10px;
    font-weight: normal;
    margin: 0;
}
h6 {
	font-size: 40px;
	color: #0074b5;
	margin: 0;
	padding: 0;
	font-style: italic; 
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#page {
    position: relative;
    width: 1022px;
    margin: 0 auto;
}
#wrapper {
    width: 1022px;
    height: 200px;
    margin: 0 auto;
}
#container {
    width: 1022px;
    margin: 0 auto;
    
}
.clear {
    clear: both;    
}

/************************************************************************************
HEADER
*************************************************************************************/
#logo {
    height: 130px;
    width: 340px;
    /*margin: 60px 0 0 60px;*/
}
.logoLink {
    height: 130px;
    width: 340px;
    float: left;
    display: block;    
}
#header-top {
    height: 46px;
    width: 1022px;
    margin: 0px auto;
}
#header {
    height: 154px;
    width: 1022px;
    margin: 0px auto;
    background-image: url('../Images/bg-header.png');
}
#share {
    position: absolute;
    background-image: url('../Images/btn-share.png');
    width: 103px;
    height: 46px;
    left: 700px;
    z-index: 1;
}
#share:hover {
    cursor: pointer;
    background-image: url('../Images/btn-share-hover.png');    
}
#social {
    width: 350px;
    height: 120px;
    background-color: #e8ebec;
    margin-left: 350px;
    margin-top: 13px;
    position: absolute;
    z-index: 0;
}
#SocialShare {
    border: 0;
}
#contact {
    position: absolute;
    background-image: url('../Images/btn-contact.png');
    width: 109px;
    height: 46px;
    left: 803px;
}
#contact:hover {
    cursor: pointer;
    background-image: url('../Images/btn-contact-hover.png');    
}
#headerSwitch {
    height: 27px;
    width: 300px;
    float: left;  
    margin: 76px 0 0 330px; 
    background-color: transparent;
}
.headerSwitchActive {
    background: url('../Images/button-active.png') repeat-x;
    font-size: 12px;
    height: 21px;
    float: left;
    color: #fff;
    padding: 6px 8px 0 8px;
}
.headerSwitchActive2 {
    background: url('../Images/button-active.png') repeat-x;
    font-size: 12px;
    height: 21px;
    float: left;
    color: #fff;
    padding: 6px 8px 0 8px;
}
.headerSwitchInactive {
    display: block;
    font-size: 12px;
    background: url('../Images/button.png') repeat-x;
    height: 21px;
    float: left;
    padding: 6px 8px 0 8px;
}
.headerSwitchInactive2 {
    display: block;
    font-size: 12px;
    background: url('../Images/button.png') repeat-x;
    height: 21px;
    float: left;
    padding: 6px 8px 0 8px;
}

.RadSocialShare_Default { background-color: #e8ebec !important; }

/************************************************************************************
NAVIGATION
*************************************************************************************/
#navi {
    width: 340px;
    min-height: 100px;
    float: left;
    /*background: url('../Images/bg-navi.png') no-repeat;*/
    padding: 0 0 50px 0;
}
#naviHome {
    width: 340px;
    min-height: 250px;
    float: left;
    /* background: url('../Images/packshot.png') left top no-repeat; */
}

#topNavigation
{
    list-style-type: none;
    float: right;
}
#topNavigation li { display: inline; }


.RadTabStripVertical a.rtsSelected {
    color: #2f2f2f !important;
    background-image: none;
    background: none;
}

.RadTabStripVertical span.rtsIn { background-image: none; background: none; }
.RadTabStripVertical span.rtsOut { background-image: none; background: none; }

.RadTabStripVertical a.rtsLink {
    color: #0074b5;
    text-align: left;
    font-size: 14px;
    border: 0 !important;
    border-bottom-color: transparent !important;
    border-bottom-width: 0px !important;
    border-bottom-style: none !important;
    margin: 0;
    padding: 0;
    width: 300px;
}
.RadTabStripVertical ul.rstUL { list-style-image: url('../Images/list-icon.jpg') !important; list-style-type: circle !important; }
.RadTabStripVertical li.rtsLI { width: 280px; height: 100%; margin: 5px 0 0 0; padding: 0 0 0 60px; list-style-type: circle !important; list-style-image: url('../Images/list-icon.jpg') !important; }
.RadTabStripVertical li.rtsLI .rtsFirst { height: 100%; }
.RadTabStripVertical li.rtsLI:hover { width: 280px; height: 100%; margin: 5px 0 0 0; padding: 0 0 0 60px; list-style-image: url('../Images/list-icon.jpg') !important; }

/* ROOT */
.RadTabStripVertical a.rtsRoot {
    display: block !important;
    color: #fff !important; 
    width: 280px !important; 
    height: 37px !important; 
    padding: 20px 0 0 65px !important;
    font-size: 18px !important;
    background: url('../Images/bg-navi.png') no-repeat !important;
    text-decoration: none !important;
    margin: 0 0 0 -60px !important;
}
.RadTabStripVertical a.rtsRoot .rtsOut { height: 57px; text-decoration: none; }
.RadTabStripVertical a.rtsRoot .rtsOut:hover { height: 57px; text-decoration: none; }
.RadTabStripVertical a.rtsRoot .rtsIn { height: 57px; text-decoration: none; }
.RadTabStripVertical a.rtsRoot .rtsIn:hover { height: 57px; text-decoration: none; }
.RadTabStripVertical a.rtsRoot .rtsOut .rtsIn { height: 57px; text-decoration: none; }
.RadTabStripVertical a.rtsRoot .rtsOut .rtsIn:hover { height: 57px; text-decoration: none; }
.RadTabStripVertical a.rtsRoot .rtsOut .rtsIn .rtsTxt { height: 57px; padding: 0px 0 0 0; text-decoration: none; }
.RadTabStripVertical a.rtsRoot .rtsOut .rtsIn .rtsTxt:hover { height: 57px; padding: 0px 0 0 0; text-decoration: none; }
.RadTabStripVertical a.rtsRoot:hover {
    display: block !important;
    color: #fff !important; 
    width: 280px !important; 
    height: 37px !important; 
    padding: 20px 0 0 65px !important;
    font-size: 18px !important;
    background: url('../Images/bg-navi.png') no-repeat !important;
    text-decoration: none !important;
    margin: 0 0 0 -60px !important;
}

/* LAST */
.RadTabStripVertical li.rtsLast {
    width: 300px !important;
    background-color: transparent !important;
    border-bottom-color: transparent !important;
    border-bottom-width: 0px !important;
    border-bottom-style: none !important;
    height: 57px !important;
    margin: 0 !important;
}
.RadTabStripVertical li.rtsLast:hover {
    width: 300px !important;
    background-color: transparent !important;
    border-bottom-color: transparent !important;
    border-bottom-width: 0px !important;
    border-bottom-style: none !important;
    height: 57px !important;
    margin: 0 !important;
}

.RadTabStripLeft_Sitefinity .rtsLast .rtsLink, .RadTabStripRight_Sitefinity .rtsLast .rtsLink { border: 0; }
.RadTabStripVertical span.rtsOut { border: 0 !important; }

/* SELECTED */
.RadTabStripLeft_Sitefinity a.rtsSelected, 
.RadTabStripLeft_Sitefinity a.rtsSelected .rtsOut, 
.RadTabStripLeft_Sitefinity a.rtsSelected .rtsIn, 
.RadTabStripRight_Sitefinity a.rtsSelected, 
.RadTabStripRight_Sitefinity a.rtsSelected .rtsOut, 
.RadTabStripRight_Sitefinity a.rtsSelected .rtsIn {
  background-image: url('../Images/bg-navi-active.png');
  background-repeat: no-repeat;
  background-position: left;
  height: 28px;
  padding: 0 0 0 70px;
  margin: 0 0 0 -45px;
  border: 0 !important;
}

.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt { padding: 5px 5px 0px 5px !important; }
.RadTabStripVertical a.rtsRoot .rtsOut .rtsIn .rtsTxt { padding: 0 !important; }

/************************************************************************************
CONTENT
*************************************************************************************/
#main {
    position: relative;
    margin: 0 auto;
    width: 1022px;
    background: url('../Images/bg-main.png') repeat-y;
    background-position: center top;
    background-repeat: repeat-y;
    background: url('../Images/bg-main-content.png') repeat-y right;
}
#content {
    width: 682px;
    float: left;
}
#innerContentTop {
    width: 500px;
    height: 40px;
    padding: 8px 132px 50px 50px;
}
#innerContentTop h1 { font-size: 24px; color: #0074b5; margin: 0; padding: 0; }
#innerContentTop h2 { font-size: 18px; color: #2f2f2f; margin: 0 0 20px 0; padding: 0; font-style: italic; }

#innerContent {
    width: 500px;
    min-height: 615px;
    padding: 0 132px 50px 50px;
}

#innerContentWelcome {
    width: 500px;
    min-height: 250px;
    padding: 0 132px 50px 50px;
}

#innerContent ul { margin: 0 0 0 30px; }
#innerContent li { margin: 10px 0 10px 0; }
#innerContent p { margin: 6px 0 15px 0; }

/************************************************************************************
BOTTOM
*************************************************************************************/
#bottom {
    width: 1022px;
}
#bottomContent {
    bottom: 290px;
    width: 932px;
    height: 30px;
    background: url('../Images/bg-main-content-bottom.png') no-repeat;
    text-align: right;
    font-size: 11px;
    padding: 40px 90px 0 0;
    color: #2f2f2f;
}
#bottomContent a {
    color: #2f2f2f;
}
#bottomLogo {
    position: relative;
    width: 1022px;
    height: 294px;
    background: url('../Images/bg-main.png') repeat-y;
}
#tillotts_logo {
    position:absolute;
    width: 205px;
    height: 65px;
    bottom: 40px;
    right: 100px;
    background-image: url('../Images/logo-tillotts.png');
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
    position: relative;
    background-color: #0077b8;
    height: 55px;
    border-top: 1px solid #fff;
}
#footerContainer {
    height: 26px;
    width: 1022px;
    margin: 0 auto;
}
#footerContent {
    color: #fff;
    font-size: 11px;
    height: 14px;
    width: 925px;
    margin: 0 auto;
    padding-top: 6px;
    text-align: left;
}
#footer a {
    color: #ffffff;
}
#footerVisual {
    height: 497px;
    width: 780px;
    margin: -498px 0 0 -189px;
    background: url('../Images/visual.png') no-repeat;
}

/************************************************************************************
WELCOME
*************************************************************************************/
.form_welcome{
    width: 310px;    
    margin: 0 0 30px 0;
}

#country
{
   width: 300px;
   height: 150px;
   margin-top: 180px;
   text-align: left;
}
.country_dropdown {
   font-family: Trebuchet MS, Arial, Sans-Serif;
   width: 230px;
   height: 33px;
   overflow: hidden;
   background: #f7f7f7 url('../Images/dropdown.png') right no-repeat;
}
.country_dropdown select {
   font-family: Trebuchet MS, Arial, Sans-Serif;
   background: transparent;
   width: 254px;
   padding: 5px;
   font-size: 14px;
   /*border: 1px solid #f7f7f7;*/
   border: 0;
   border-radius: 0;
   line-height: 1;
   height: 33px;
   -webkit-appearance: none;
}
.country_button {
   font-family: Trebuchet MS, Arial, Sans-Serif;
   color: #ffffff;
   font-size: 18px;
   width: 50px;
   height: 32px;
   text-align: center;
   background-color: #0077b8;
   border: 1px solid #0077b8;
}

/************************************************************************************
CLASSES
*************************************************************************************/
.contactButton input {
   width: 180px;
   height: 30px;
   margin: 10px 0 0 0;
   color: #fff;
   background-color: #0077b8;
   border: 0;
}
.contactButton input:hover { cursor: pointer; }

.eNone {
    white-space: nowrap;
    background-image: url('../Images/bg-navigation-inactive.png');
    background-repeat: repeat-x;
    height: 17px;
    margin: 0px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 10px;
    font-size: 14px;
    color: #0091ce;
    float: left;
    text-align: center;
    list-style-type: none;
}

.navLinkNone { color: #0091ce; outline: none; text-decoration: none; font-size: 14px; }
.navLinkNone a { color: #0091ce; outline: none; text-decoration: none; font-size: 14px; }
.navLinkNone a:hover { text-decoration: underline; }