/*  This is the css file for the sub pages of Sandler Ltd Website.
	"url" 30/09/2011 by Zebedee Creations
	These styles cover the globaly inherted styles, layout styles, 
	font styles, colour palette and background styles. 
	
	Table of Contents:
		1. Global Styles
		2. Layout Styles
		3. Font Styles
		4. Colour Palette
		5. Background Styles

*/

/* 1. Global Styles - start -  */
/* To add the ">" list item attach the .listItem class to a <li> tag */

li.listItem 
{
background:url('../images/contentListItem.png') no-repeat 0px 5px;
padding:0px 10px 0px 10px;
}

/* wrap bold elements in <strong></strong> tags for bold effect */
strong
{
font-weight:bold;
}

/* extra margin for above river island logo, if margins are required for all images in the sideContainer add them with this selector ".sideContainer div.container ul li img" */

img.riImageMargin
{
margin-top:10px;
}

/* Global Styles - end -  */

/* 2. Layout Styles - start -  */

div#contentSub
{
float:left;
padding:20px 2% 30px 3%;
}

div#contentSub > div.container
{
float:left;
width:64%;
margin:0px 2% 0px 0px;
}

div#contentSub > div.container h1
{
margin:20px 0px 10px 0px;
padding:0px 0px 10px 0px;
border-bottom:1px dotted #828991;
}

div#contentSub > div.container h2
{
margin:30px 0px 10px 0px;
padding:0px 0px 10px 0px;
border-bottom:1px dotted #828991;
}

div#contentSub .sideContainer
{
float:right;
width:33%;
}

div#contentSub div.container ul.container li.listItem
{
margin-bottom:20px;
}

div#contentSub div.container p 
{
margin:10px 0px 10px 0px;
}

div#contentSub .sideContainer div.container ul li label
{
margin-top:5px;
float:left;
}

div#contentSub .sideContainer div.container
{
float:left;
width:98%;
min-height:262px;
padding:10px 0px 10px 10px;
margin:0px 20px 0px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE.htc);
}

div#contentSub .sideContainer div.container ul
{
float:left;
width:91.5%;
min-height:237px;
margin:0 auto;
border:1px solid #d3d3d5;
padding:8px 0px 20px 12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE.htc);
}

div#contentSub .sideContainer div.container ul li.lastItem
{
padding:0px 5px 0px 0px;
}

div#contentSub .sideContainer div.container ul li h2
{
width:95%;
border:2px solid #eceded;
padding:9px 0px 9px 0px;
margin:0px 0px 10px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);
}

div#contentSub .sideContainer div.blogLink
{
width:100%;
float:right;
clear:right;
padding:8px 0px 10px 0px;
margin:0px 0px 20px 0px;
}

div#contentSub .sideContainer div.blogLink a span
{
display:block;
padding:0px 50px 0px 40px;
width:184px;
}

div#contentSub .sideContainer div.blogLink a
{
position:relative;
z-index:999;
float:left;
display:block;
margin:0px 0px 0px 10px;
padding:8px 0px 10px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);
}

div#wrapperInner div#contentSub .sideContainer ul li div.blogLink
{
width:94%;
float:left;
padding:8px 0px 9px 0px;
margin:10px 0px 20px 0px;
background-color:#e6edf0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);
}

div#wrapperInner div#contentSub .sideContainer ul li div.blogLink a 
{
position:relative;
z-index:999;
float:left;
display:block;
margin:0px 0px 0px 8px;
padding:4px 0px 6px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);
}

div#wrapperInner div#contentSub .sideContainer ul li div.blogLink a span
{
display:block;
padding:0px 30px 0px 20px;
width:184px;
}

div#contentSub .sideContainer div.container ul li.moreLink
{
width:50%;
border:2px solid #e18e74;
padding:3px 0px 3px 0px;
margin:0px 0px 10px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);
}

div#contentSub .sideContainer div.container ul li.moreLink input
{
width:92%;
display:block;
padding:0px 5% 0px 5%;
border:0;
cursor:pointer;
}

div#contentSub .sideContainer ul li.listItem 
{
float:left;
}

div#contentSub .sideContainer ul li.listItem a
{
padding:0px 0px 0px 0px;
}

div#contentSub .sideContainer div.container ul li input#txtName,
div#contentSub .sideContainer div.container ul li input#txtEmail,
div#contentSub .sideContainer div.container ul li input#txtEmailMessage
{
width:93%;
height:1.6em;
margin:0px 0px 10px 0px;
}

div#referenceSummary
{
float:left;
padding:20px 0px 20px 4%;
}

div#referenceSummary div.container 
{
width:30%;
margin:0px 3% 0px 0px;
float:left;
}

div#referenceSummary div.container q
{
float:left;
padding:0px 0px 0px 25px;
margin:0px 0px 0px 0px;
}

div#referenceSummary div.container q span
{
padding: 0px 28px 0px 0px;
}

div#referenceSummary div.container p
{
clear:right;
float:left;
margin:10px 0px 0px 25px;
}

div.headerImages
{
float:left;
width:100%;
height:177px;
}

div.headerImages ul
{
float:right;
padding:45px 30px 0 0;
}

div.headerImages ul li
{
padding:0 0 0 30px;
}

/* Layout Styles - end -  */

/* 3. Font Styles - start -  */

div#contentSub > div.container h2,
div#contentSub > div.container h1,
div#contentSub .sideContainer div.blogLink a,
div#contentSub .sideContainer ul li h2,
div.headerImages ul
{
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif ;
}

div#contentSub > div.container h2,
div#contentSub > div.container h1
{
font-size:2.0em;
font-weight:bold;
}

div#contentSub .sideContainer div.blogLink a
{
font-size:1.9em;
text-decoration:none;
}

div#contentSub .sideContainer ul li h2
{
font-size:1.8em;
text-align:center;
font-weight:bold;
}

div#contentSub .sideContainer ul li.listItem,
div#contentSub .sideContainer ul li label,
div#contentSub .sideContainer ul li.firstItem,
div#contentSub > div.container,
div#contentSub .sideContainer ul li.lastItem
{
font-size:1.1em;
}

div#contentSub .sideContainer div.blogLink a span
{
text-align:center;
line-height:1.0em;
}

div#contentSub .sideContainer ul li.firstItem,
div#contentSub .sideContainer div.container ul li label
{
font-weight:bold;
}

div#contentSub .sideContainer ul li.moreLink input
{
font-size:1.2em;
text-decoration:none;
font-weight:bold;
}

div#contentSub > div.container p a
{
color:#F85C1F;
}

div#referenceSummary
{
line-height:2.0em;
}

div#referenceSummary div.container q
{
font-size:1.5em;
font-family: Georgia, Trebuchet MS, serif ;
font-style:italic;
font-weight:bold;
}

div#referenceSummary div.container p
{
font-size:1.3em;
font-family: Georgia, Trebuchet MS, serif ;
font-style:italic;
font-weight:bold;
}

div.headerImages ul
{
font-size:2.0em;
line-height:1.5em;
font-weight:bold;
}

/* Font Styles - end -  */

/* 4. Colour Palette - start -  */

div#contentSub,
div.whatDoYouNeedSubPage ul li
{
color:#0f4577;
}

div#referenceSummary,
div#contentSub .sideContainer div.blogLink a,
div#contentSub .sideContainer div.container ul li.moreLink input,
div.headerImages ul
{
color:#fff;
}

div#referenceSummary div.container p
{
color:#34b7aa;
}

div#contentSub a
{
color:#F85C1F;
}

div#contentSub .sideContainer div.container ul li h2 span
{
color:#F85C1F;
}

/* Colour Palette - end -  */

/* 5. Background Styles - start -  */

div#referenceSummary
{
background:#0f4577;
}

div#contentSub .sideContainer div.blogLink a
{
background:#4fd7c5;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#4fd7c5) to(#1d8583));
background: -webkit-linear-gradient(#4fd7c5, #1d8583); 
background: -moz-linear-gradient(#4fd7c5, #1d8583); 
background: -ms-linear-gradient(#4fd7c5, #1d8583); 
background: -o-linear-gradient(#4fd7c5, #1d8583); 
-pie-background: linear-gradient(#4fd7c5, #1d8583); 
behavior: url(PIE.htc);
}

div#contentSub .sideContainer div.blogLink a span
{
background:url('../images/ourBlogBulletItem.png') no-repeat 200px 0px;
}

div#contentSub .sideContainer div.container
{
background:#e6edf0;
}

div#contentSub .sideContainer div.container ul
{
background:#fff;
}

div#contentSub .sideContainer div.container ul li h2
{
background:#fff;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff) to(#ddd)); /*old webkit*/
background: -webkit-linear-gradient(#fff, #ddd); /*new webkit*/
background: -moz-linear-gradient(#fff, #ddd); /*gecko*/
background: -ms-linear-gradient(#fff, #ddd); /*IE10*/
background: -o-linear-gradient(#fff, #ddd); /*opera 11.10+*/
background: linear-gradient(#fff, #ddd); /*future CSS3 browsers*/
-pie-background: linear-gradient(#fff, #ddd); /*PIE*/
behavior: url(PIE.htc);
}

div#contentSub .sideContainer div.container ul li.moreLink
{
background:#f6ae96;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6ae96) to(#ce3a1a)); /*old webkit*/
background: -webkit-linear-gradient(#f6ae96, #ce3a1a); /*new webkit*/
background: -moz-linear-gradient(#f6ae96, #ce3a1a); /*gecko*/
background: -ms-linear-gradient(#f6ae96, #ce3a1a); /*IE10*/
background: -o-linear-gradient(#f6ae96, #ce3a1a); /*opera 11.10+*/
background: linear-gradient(#f6ae96, #ce3a1a); /*future CSS3 browsers*/
-pie-background: linear-gradient(#f6ae96, #ce3a1a); /*PIE*/
behavior: url(PIE.htc);
}

div#contentSub .sideContainer div.container ul li.moreLink input
{
background:url('../images/moreLinkImage.png') no-repeat center right;
}


div#referenceSummary div.container q
{
background:url('../images/quoteImage1.png') no-repeat top left;
}

div#referenceSummary div.container q span
{
background:url('../images/quoteImage2.png') no-repeat bottom right;
}

div.headerImages ul li
{
background:url('../images/slideshowBulletList.png') no-repeat left center;
}

div.isThisYouSubPage
{
background:url('../images/isThisYouBackground.jpg') no-repeat;
}

div.whatDoYouNeedSubPage
{
background:url('../images/whatDoYouNeedBackground.jpg') no-repeat;
}

div.meetSandlerSubPage
{
background:url('../images/meetSandlerBackground.jpg') no-repeat;
}

div.getInTouchSubPage
{
background:url('../images/contactUsBackground.jpg') no-repeat;
}

/* Background Styles - end -  */



.imageContainer
{
}

.imageContainerLeft:
{
    float:left;
}

.imageContainerRight:
{
    float:right;
}

.IsThisYouWidth {
    width: 55% !important;
}

.ContactUsWidgetWidth
{
    width: 40% !important;
}