/***** body overrides *************/



body {

  font-family:'GillSans', 'Gill Sans', Arial, Helvetica, sans-serif;

  background-color: #ffffff;

  text-align:left;

  color:#58595B;

  padding:0;

  margin:0;

  font-size:11px;

  letter-spacing:normal;

}







/***** forms overrides *************/



fieldset {

  border:none;

  background:none;

  padding:0;

}



input, select {

  width:197px;

}



textarea {

  width:394px;

}



legend {

  color:#ffff66;  

}



label {

  color:#6F0358;

}









#contact .input input, 

#contact .input textarea {

  width:370px;

}



.left_two #contact .input input, 

.left_two #contact .input textarea {

  width:350px;

}







/***** header overrides *************/



/***** text overrides *************/



a {

  color:#58595B;

  border:0;

}

a:visited { color: #58595B; }

a:hover {

  color:#58595B;

  border:0;

  text-decoration:underline;

}



.copyright {

  font-size:85%;

}



h2, h3, h4 {

  color:#58595B;  

}



h3, h4 {

  color:#6F0358;

  font-weight:bold;

}



h4 {

  color:#6F0358;

  font-weight:bold;

}







blockquote {

  background:none;

  color:#6F0358;

  padding:10px 0;

  text-indent:0;

  text-align:center;

  font-size:1.3em;

  font-weight:600;

}



/***** image overrides  *************/



img {

  border:0;

  background:none;

  padding:0;

  color:#ffffff;

}



/***** general containers ********************/



#bg {

  padding-top:0;

  background:#F1F1F2;

  border: 3px solid #ffffff;

  border-top:0;

}



.center_container {

  width:1018px;

  margin: 0 auto;

}



/** header stuff ********************************/





/***** Main header title / home link ******/



#head {

  height: 134px;

}



#head .center_col {

  background:#6F0358;

  height:100%;

}



#head .right_col {

  background:#B3B3B3;

  height:100%;

}



#head_links {

  float:right;

  margin:70px 15px 0 0;

  color:#ffffff;

  font-size:1.2em;

  font-weight:normal;

}



#head_links a,

#head_links a:hover {

  color:#ffffff;

}



#head h1 {

  height:52px;

  width:178px;

  text-indent:-5000px;

  float:left;

  margin:65px 0 0 10px;

  background:transparent url(../img/site/logo.png) 0 0 no-repeat;

}



#head h1 a {

  width:100%;

  height:100%;

  display:block;

  border:0;

}



#head h1 a:hover {

  border:0;

}











/** navigation *******/



#navigation  {

  width:100%;

}



#head_nav {

  padding:0;

  margin:0;

  font-size:1.2em;

}



#head_nav li {

  margin:0;

  list-style: none;

  border-bottom: 3px solid #ffffff;

}



#head_nav .separator {

   display:none;

}



#head_nav a {

  background:#BCBEC0;

  display:block;

  border:0;

  padding:0 5px;

  color:#ffffff;

}



#head_nav a:hover,

#head_nav .active a {

  background:#6F0358;

  text-decoration:none;

  color:#ffffff;

}



#head_nav ul {

  margin:0;

  padding:0;  

}



#head_nav ul li {

  border-bottom:0;

  border-top: 3px solid #ffffff;

}



#head_nav li ul li a,

#head_nav li.active ul li a {

  background:#808285;

}



#head_nav li ul li a:hover,

#head_nav li.active ul li a:hover, 

#head_nav li.active ul li.active a {

  background:#9B6891;

}



/** content stuff *******************************************************************/



#breadcrumb {

  padding: 0 15px;

  background:#BCBEC0;

  border-bottom:3px solid #ffffff;

}



.breadcrumb_current {

  font-weight:bold;

}









#main{

  

}





.col {

  float:left;

  border:3px solid #ffffff;

  border-bottom:0;

}



.center_col {

  width:199px;

  border-right:0;

  border-left:0;

  height:100%;

}



.right_col {

  width:816px;

  float:right;

  border-right:0;

}



.inner_left_col {

  width:390px;

  float:left;

}



.inner_right_col {

  width:375px;

  float:right;

  border-left:3px solid #D5D6D7;

  padding-left:15px;

}



.no_border {

  border:none;

}





.container_with_padding {

  padding:15px;

}



#content h2 {

  background:#ffffff url(../img/site/title_gradient.png) 0 0 repeat-y;

  padding:5px 15px;

  text-align:left;

  margin-bottom:0;

  color:#ffffff;

  border-bottom:3px solid #ffffff;

}



.right_col h3 {

  width:100%;

  text-align:left;

  margin-bottom:0;

  padding-bottom:0.5em;

}



/*





.right_col ul {

  width:100%;

  padding:0;

  margin:0;

}



.right_col ul li {

  border-bottom:1px solid #D8039B;

  padding:0.5em 0;

  margin:0;

  color:#D8039B;

  text-align:right;

  background:none;

  display:block;

  list-style-type:none;

}



.right_col ul li a,

.right_col ul li a:hover {

  border:none;

}



*/











.right_col dl {

  width:100%;

  padding:0;

  margin:0 0 20px 0;

}



.right_col dl dt {

  padding:0.5em 0;

  margin:0;

  color:#6F0358;

  text-align:left;

  background:none;

  display:block;

  list-style-type:none;

  font-weight:bold;

  text-transform:uppercase;

}



.right_col dl dd {

  padding:0.5em 0;

  margin:0;

  text-align:left;

  background:none;

  display:block;

  list-style-type:none;

  border-bottom: 1px solid #BCBEC0;

}



.right_col dl dd a,

.right_col dl dd a:hover {

  border:none;

}







.date {

  color:#6F0358;

}









.pagination_bottom {

  background:#9B9C9E;

  color:#ffffff;

}



.pagination_bottom a,

.pagination_bottom a:hover {

  color:#ffffff;

}













#foot {

  background:#6F0358;

  color: #ffffff;

  border-top:3px solid #ffffff;

}





ul#foot_nav {

  padding:0;

  width:100%;

}



ul#foot_nav li {

  float:left;

  margin:0;

  padding:0 0;

  list-style-type:none;

}



ul#foot_nav li.separator {

  padding:0.25em 0.6em;

}



ul#foot_nav li a {

  color:#ffffff;

}



ul#foot_nav li a:hover {

  color:#ffffff;

}



#left_foot_col {

  float:left;

  margin:0 0 0 15px;

}



#right_foot_col {

  float:right;

  text-align:right;

  margin:0 15px 0 0;

}



a#design_community_link {

  text-indent:-5000px;

  width:239px;

  height:32px;

  background:transparent url(../img/site/design_community_link_bg.png) left top no-repeat;

  text-decoration:none;

  float:right;

  margin:0 0 10px 0;

}



a#design_community_link:hover {

  background-position:left bottom;

  text-decoration:none;

}





/******* profiles **********/



#profiles ul {

  margin:0 0 0 55px;

  font-weight:bold;

}



#profiles ul li {

  margin:30px 0;

}



#profiles h4 {

  text-indent:160px;

}



.profile_left {

  float:left;

  width:80px;

  height:80px;

  display:block;

  margin:0 25px 0 0;

}













/******** box links ********/







a.box_link {

  background:#9B9C9E;

  color:#ffffff;

  float:left;

  margin:0 20px 20px 0;

  display:block;

  text-align:center;

}



a.box_link:hover {

  background:#9B6891;

  color:#ffffff;

}



a.box_link img {

  display:block;

  margin:0;

  color:#9B9C9E;

  background:transparent url(../img/site/loading3.gif) center center no-repeat;

}







a.box_link span {

  clear:both;

  display:block;

}

.product_images_full a.box_link {

  margin:0 9px 9px 0;

}



a.box_link.marginRight0 {

  margin-right:0;

}











/******* quick links *******/



#quick_links {

  padding:10px 15px;

  background:#ffffff;

}



#quick_links h3 {

  font-size:1.3em;

  border-bottom:2px solid #B781AC;

  text-transform:uppercase;

  padding:0;

  margin:0 0 15px 0;

  font-weight:600;

}







.quick_link {

  float:left;

  margin:0 11px 0 0;

  line-height:100%;

  width:188px;

}



.quick_link.last {

  margin:0;

}



.quick_link a, .quick_link a:hover {

  border:0;

  display:block;

  text-decoration:none;

}





.quick_link a:hover{

  border:0;

  background:#F1F1F2;

}



.quick_link a strong {

  font-size:1.2em;

  font-weight:normal;

  display:block;

  border-bottom:2px solid #B781AC;

  text-transform:uppercase;

  padding:0 0 4px 0;

  margin:0 0 4px 0;

}



.quick_link a:hover strong{

  text-decoration:none;

}



.quick_link span {

  font-size:1.1em;

}



#quick_links .quick_link img {

  /*border:1px solid #B3B3B3;*/

  margin-bottom:5px;

  color:#ffffff;

  background:transparent url(../img/site/loading1.gif) center center no-repeat;

  width:188px;

  height:90px;

}































/***** product pages *******/







img.main,

img.big,

img.small,

img.inner,
img.inner_last {

  color:#F1F1F2;

  background:transparent url(../img/site/loading2.gif) center center no-repeat;

}



img.main {

  width:380px;

  height:126px;

}



img.big {

  width:260px;

  height:273px;

}



img.small {

  width:126px;

  height:132px;

}



div img.extra_margin {

  width:126px;

  height:132px;

  margin-left:270px;

}



img.inner {

  width:188px;

  height:164px;

}

img.inner_last {

  width:180px;
	height:164px;
margin-right:0;

}


a.enlarge img {padding:0 0 30px 0;background:#E5E5E6 url(../img/site/img_enlarge.gif) no-repeat 10px bottom;}
a.enlarge:hover img {background-color:#fff;}






.product_images {

  float:right;

  margin:0 0 10px 10px;

  width:406px;

}



.product_images_three {

  float:right;

  margin:0 0 10px 10px;

  width:542px;

}



.product_images_three_small {

  float:right;

  margin:0 0 10px 10px;

  width:408px;

}



.product_images_full img,

.product_images img,

.product_images_three img,

.product_images_three_small img {

  float:left;

  margin:0 10px 10px 0;

  /*border:1px solid #B3B3B3;*/

}









.left_two {

  float:left;

  width:366px;

}



.left_three {

  float:left;

  width:230px;

}



.left_three_small {

  float:left;

  width:364px;

}







/**** accreditations ****/



div.accreditations {

  width:475px;

 }



.accreditations h4 {

  border-bottom: 2px solid #6F0358;

  padding:0 0 5px 0;

  margin:0;

}



.accreditation {

  margin: 20px 0;

  overflow:hidden;

}



.accreditation img {

  border:0;

  float:left;

  margin-right:40px;

}



.accreditation p {

  padding:0;

  margin:45px 0 0 0;

  font-size:110%;

  color:#6F0358;

}





/**** slideshow *****/



#slideShow {

  height:330px;

  width:816px;

}















/*** flash ***************************/



#flashContent, 

#banner {

  height:330px;

  width:816px;

}





/*** validation ********************/



.LV_validation_message {

  display:block;

  margin-left:0;

  width:50%;

 }







/** fixes ****************************/





/* fix for lytebox when images and links have been given border and bg which ie doesnt like */

div#lbMain div#lbOuterImageContainer img { border:0; padding:0; background:transparent; }



#lbMain a {

	border:0;

}









/***** colours ****



grey: #B3B3B3

mid grey: #BCBEC0

light grey: #F1F1F2



content-grey:#58595B;

light purple: #B781AC

purple: #6F0358



sub grey:#808285;

sub purple:#9B6891

*/