/* sed.css */

/**********************
/*      global stuff
/**********************/

html { overflow-y: scroll; } /***always show the scrollbar***/

html, body{ 
 text-align:left; 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 background: white;
 -webkit-text-size-adjust: 100%;
} 

h1{
 font-size: 1.8em;
 color: #505050;
 padding: 5px 0;
 }

h2{
 font-size: 1em;
 padding: 5px 0;
 }
 
h3{
 font-size: 1.3em;
 padding: 0 10px;
 color: #e0e0e0;
 }
 
a, p, pre, ol{
 font-size: 0.75em;
 text-decoration: none;
 color: white;
 }

a img{
 border: none;
 }

img {
 behavior: url(../js/iepngfix.htc);
}

.pg_ctnr {
 width:auto;
 min-width:990px;
 margin:0 auto;
 /*background: black url('../images/bg-pilon_sunset.jpg') no-repeat fixed 50% 0;
 -webkit-background-size: 1800px auto; /*iphone bg fix*/
 background: #bbb;
}

.bigger { font-size: 0.8em; color: #303030; font-weight: bold;}
.indent { padding: 0 0 0 12px; }
.toppad { padding-top: 40px; }
.toppadsml { padding-top: 12px; }
.topmar { margin-top: 80px; }
.topmarsml { margin-top: 30px; }

.photo {
		-moz-box-shadow: 3px 3px 4px #000;
		-webkit-box-shadow: 3px 3px 4px #000;
		box-shadow: 3px 3px 4px #000;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	}

.clearfix { clear: both; }

/* shady ie6 min-width hack */
* html .pg_ctnr{
width: expression(document.body.clientWidth <990 ? "990px" : "auto" );}

 

 
 
 
 
 
 
 
 
 
 
 
 
 
/***************************************/
/**                                   **/
/**              HEADER               **/ 
/**                                   **/
/***************************************/

.hdr_ctnr1 {
 position: relative;
 top: 0; left: 50;
 width: 100%;
 min-width: 990px;
 height: 91px;
 margin: 0 auto;
 background:white;
 z-index: 000;
}
.hdr_ctnr {
 position: relative;
 top: 900; left: 0;
 width: 100%;
 min-width: 990px;
 height: 91px;
 margin: 0 auto;
 background:white;
 z-index: 200;
}

.hdr_spacer {
 height: 91px;
}

.hdr_cont {
 position: relative;
 width: 990px;
 margin: 0 auto;
 height: 91px;
}

.hdr_log1 {
 position: absolute;
 top: 15px;
 left: 10px;
 }
 
.hdr_log2 {
 position: absolute;
 top: 2px;
 left: 340px;
 }
 
.hdr_slog {
 position: absolute;
 top: 40px;
 right: 10px;
 z-index: 99;
 }

 
/***************************************/
/**                                   **/
/**            SLIDESHOW              **/ 
/**                                   **/
/***************************************/
.slides_ctnr {
 width: 100%;
 height: 277px;
 background: white;
}

.slides {
 width: 990px;
 height: 277px;
 margin: 0 auto;
}

.slides p {
 color: white;
}

.skitter img, .skitter, .slides img {
 border-radius: 15px;
}

.skitter_large {
 max-width: 100%;
}

.label_skitter {
 bottom: 35px;
 width: 400px;
}

.label_skitter p {
 font-size: 24px;
 text-align: center;
}

/***************************************/
/**                                   **/
/**            NAVIGATION             **/ 
/**                                   **
/***************************************/

.nav_ctnr_bg {
 width: 100%;
 height: 29px;
 margin: 0 auto;
 background: url("../images/bg-menu-width.png");
 z-index: 200;
}

.nav_ctnr {
 height: 25px;
 margin: 0 auto;
 padding: 2px 18px;
 background: url("../images/bg-menu.png");
 z-index: 1000;
 border-radius: 15px;
}



#ssMenuSpacer {
 clear: both;
}

/***************************************/
/**                                   **/
/**           MAIN CONTENT            **/ 
/**                                   **/
/***************************************/
.columns_bg {
 width: 990px;
 margin: 0 auto;
 padding: 1px 0;
 border-radius: 15px;
 clear: both;
}

.columns_bg_norad {
 margin: 0 auto;
 padding: 1px 0;
 clear: both;
}

.columns_bg a, .columns_bg p {
 line-height: 1.25em;
 padding-top: 1em;
}

.bg_blue { /* homepage, products */
 background: url(../images/background-grad_vert_blue.png);
 width: 990px;
 height: 100%;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.bg_new { /* homepage */
 background: url(../images/background-grad_new.png);
 width: 990px;
 height: 100%;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.bg_blue_dark { /* footer include file */
 background: url(../images/background-grad_vert_grey.png);
 width: 990px;
 height: 100%;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.bg_sicamelinks { /* footer include file */
 background: white;
 width: 100%;
 height: 100%;
 position: relative;
}

.paccol {
 width: 930px;
 margin: 0 auto 10px;
 z-index: 1000;
}

.col_leftmid { position: relative; width:670px; padding-bottom: 20px; float:left; }
.col_left { position: relative; width:320px; padding-bottom: 20px; float:left; }
.col_mid { position: relative; width:320px; margin-left: 30px; padding-bottom: 20px; float:left; }
.col_right { position: relative; width:230px; padding-bottom: 20px; float:right; }

/*transparent column backgrounds applied in js*/
.col_lt .coltransbg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #f8f8f8; opacity: 0.9; border-radius: 15px; z-index: -5; }
.col_dk .coltransbg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #303030; opacity: 0.9; border-radius: 15px; z-index: -5; }

.col_lt, .col_dk { z-index: 1;}

.col_title { width: 670px; height: auto; padding-top: 10px; float: left; }

.col_title p {
 font-size: 1em;
 padding-left: 5px;
 padding-bottom: 20px;
}

.cat_icon img {
 width: 40px;
 height: 40px;
 padding-right: 10px;
 float: left;
}

.col_title h1 {
 color: white;
 padding-top: 7px;
}


.prodsearch { width: 200px; float: right; }

.sfele {
 margin-top: 30px;
 float: left;
 width: 150px;
}
.sfbut {
 margin-top: 30px;
 float: right;
}

.searchform input {
 width: 140px;
 height: 1.5em;
 background: white;
 border: 0;
 padding: 0;
 margin: 5px 0 0 0;
 outline: none;
 font-size: .9em;
 color: #707070;
 padding: 0 5px;
}

.searchform label {
 font-size: .8em;
 color: white;
}

.searchform .sfbut input {
 width: 37px;
 height: 37px;
 padding: 0;
 background: url("../images/icon-mono_search.png");
 cursor: hand; cursor: pointer;
}

.col_left p, .col_mid p, .col_leftmid p,.homepage img, .historypage img {
 padding: 20px 20px 0 20px;
}

.col_lt p, .col_lt pre, .col_lt h2 { color: #202020; }

.col_dk h2 { color: #e0e0e0; }

.paccol h2 {
 padding: 20px 0 0 20px;
}

.paccol pre {
 padding: 5px 0 0 20px;
}

.paccol ol {
 padding: 20px 20px 0 20px;
 list-style-type: circle;
 margin-left: 25px;
 line-height: 1.4em;
}

.paccol ol li { padding-bottom: 5px; }

.paccol ol li a { font-size: 1em; text-decoration: underline; }

.product { z-index: 10; }

.product p {
 width: 360px;
 float: left;
 padding-bottom: 20px;
}

.product h2 {
 font-size: 1.5em;
}

.feature {
 position: relative;
 width: 165px;
 height: 30px;
 padding: 0 0 0 20px;
 float: left;
 margin-left: 30px;
 color: #202020;
}

.feature img {
 position: absolute;
 width: 25px;
 height: 25px;
 left: -10px;
 top: 8px;
}

.product_pic {
 max-width: 200px;
 max-height: 250px;
 padding: 20px 20px 20px 0px;
 float: right;
}

.product_links {
 margin-top: 30px;
}

.news p {
 width: 400px;
 float: right;
}

.news h2 {
 font-size: 1.5em;
}

.news a {
 width: 200px;
 height: auto;
 padding: 20px 0 20px 20px;
 float: left;
}

.centred { width: 100%; text-align: center;}

.rcol_link { float:right; text-align: right; margin-bottom:15px; margin-right:20px; font-size:0.9em; text-decoration: underline; }
.rcol_link img { float: left; position: relative; top: -10px; padding: 0; margin:0 5px 0 0; }
.lcol_link { clear: both; float: left; color: black; margin-top: 15px; margin-left: 15px; font-size:0.9em; text-decoration: underline; }
.lcol_link img { float: left; position: relative; top: -10px; padding: 0; margin:0 5px 0 0; }
.inlineLink { float: none; text-align: left; margin: 0; font-size: 1em; text-decoration: underline; color: black;} 
.rcol_logo img { float: right; margin-right: 20px; margin-bottom: 15px; }
 
.featurebrand {
	height: 100px;
	display: block;
	background: #F8F8F8;
	margin: 20px 0 0 0;
	padding: 1em;
	color: #444444;
	font-size: 0.9em;
   }
	
   .featurebrand img {
	margin: 0 20px 0 10px;
	float: left;
   }
	
   .featurebrand2 {
	height: 100px;
	display: block;
	background: #F8F8F8;
	margin: 0;
	padding: 1em;
	color: #444444;
	font-size: 0.9em;
   }
	
   .featurebrand2 img {
	margin: -30px 20px 0 10px;
	float: left;
   }
	
   /*************************
/* catu product page
/*************************/

.catu img {
 padding: 20px 0 0 20px;
}

.catu a {
 color: #202020;
 text-decoration: underline;
 font-size: 1.1em;
}
 
 
 
/*****************
/* new products code
/*************************/

.produit_grid {
 position: relative;
 width: 100%;
}
 
.produit {
 position: absolute;
 overflow: hidden;
 background: white;
 border: 2px solid #A60054;
 border-radius: 15px;
 display: none;
}
 
.produit_header {
 float: left;
 overflow:visible!important;
}

.produit_header h2 {
 padding: 0;
}

.produit_text {
 overflow: hidden;
}

.produit_text p.bigger {
 font-weight: normal;
 color: #404040;
 padding: 0;
}

.produit_text p {
 color: #404040;
 padding: 0;
}

.produit_pic {
 position: relative;
 float: right;
 background: url("../images/bg-product_pic.png");
}
 
.produit_pic img { position: absolute; }
.pp { top: 0; left: 0; }
.tl { top: 4%; left: 7%; }
.tr { top: 4%; right: 7%; }
.br { bottom: 4%; right: 7%; }
.bl { bottom: 4%; left: 7%; }
 
.produit_links .rcol_link {
 float:none;
 margin: 0;
 color: #202020;
 text-align: left;
 display: block;
 height: 30px;
}
.produit_links .rcol_link img {
 float: left;
}
.produit_explode_bg {
 position: absolute;
 top: 0;
 left: 0;
 background: black;
 display: none;
}
 
.produit_tile_spacer {
 float: left;
 height: 100%;
} 

.xsell {
 display: block;
 color: #202020;
 margin-left: 10px;
 padding: 0;
}

h3.xsell {
 font-size: 1em;
 margin-top: 20px;
}

a.xsell {
 text-decoration: underline;
}

.pgControl {
 position: absolute;
 right: 5px;
 height: 30px;
 width: 30px;
 z-index: 100;
 cursor: pointer;
 background: url("/images/fancybox_sprite.png") no-repeat -3px -3px;
 display: none;
}
 
 
/***************************
/*       contacts page
/***************************/

.direct_contact, .agent_contact {
 padding-top:10px; }
 
.direct_contact_title, .direct_contact_name, .direct_contact_phone {
 float: left;
 height: 40px
 }

.direct_contact_email {
 float: right;
 height: 40px;
}

.direct_contact_title {
 width: 270px;
 margin-left:10px;
}

.direct_contact_email {
 width: 315px;
}

.direct_contact_phone {
 width: 170px;
}

.direct_contact_name {
 width: 150px;
}

.agent_contact .direct_contact_title {
 width: 200px;
}

.agent_contact .direct_contact_name {
 width: 370px;
}

.direct_contact_phone img, .direct_contact_email img {
 vertical-align: middle;
}

.direct_contact_title a, .direct_contact_name a, .direct_contact_phone a, .direct_contact_email a {
 font-size: .9em;
}

.direct_contact_title a, .direct_contact_name a {
 display: block;
 padding: 0;
}

.direct_contact_phone a, .direct_contact_email a {
 margin-left: 5px;
} 

.blue_divider {
 width: auto;
 height: 29px;
 min-width: 990px;
 margin: 0 auto;
 background: url("../images/blue_divider.png") no-repeat 50% 0;
}
 
.legal_notice {
 padding: 20px;
} 












/********************************
/*      footer contact details
/********************************/
.bigfooter_bg {
 margin-top: 1px;
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
}

.bigfooter_bg h1 {
 margin: 10px 0 0 0;
}

.bigfooter_bg .paccol .col_leftmid, .bigfooter_bg .paccol .col_right {
 padding-bottom: 0;
}

.contact_icon {
 display: block;
 margin-top:40px;
}

.contact_icon img {
 float: left;
 padding-right: 10px;
}
 
.contact_icon a {
 display: block;
 padding-top: 15px;
 font-size: 1.5em;
 color: #505050;
}

.contact_icon.distribution a {
 padding-top: 20px;
 font-size: 1.05em;
}

.contact_icon.distributionaddy a {
 padding-top: 0;
 font-size: .95em;
}

 

 
 
 
 
 
 
 
 
/***********************************
/* contact form
/***********************************/
 
.col_right .contact_me {
 width: 230px;
 margin-top: 20px;
}

.contactform {
 margin: 0 auto;
}

.cfele, .cfbox {
 margin-top: 2px;
}

.col_right .contact_me input, .col_right .contact_me textarea {
 width: 220px;
 height: 1.5em;
 float: left;
 clear: left;
 background: #707070;
 border: 0;
 padding: 0;
 margin: 0;
 outline: none;
 font-size: .9em;
 color: white;
}

.col_right .contact_me textarea {
 width: 150px;
 height: 70px;
 resize: none;
 border: none;
 overflow: auto;
}

.col_right .contact_me label {
 float: left;
 clear: both;
 margin: 12px 0 4px;
 font-size: .8em;
}

.col_right .contact_me .cfpp label{
 margin-top: 18px;
 clear: none;
}

.col_right .contact_me .cfpp label a{
 color: black;
 font-size: 1em;
 text-decoration: underline;
}

.col_right .contact_me .cfpp input {
 width: 20px;
 margin-top: 12px;
 margin-right: 10px;
 margin-left: -1px;
 float: left;
 clear: none;
 -moz-transform: scale(1.5); /* FF */
 -o-transform: scale(1.5); /* Opera */
}

.col_right .contact_me .cfbut input {
 width: 64px;
 height: 64px;
 margin-right: 10px;
 padding-top: 40px; /* position of text on button */
 background: url("../images/icon-mono_dark_spark.png") no-repeat;
 color: black;
 clear: none;
 float: right;
 text-align: right;
 cursor: hand; cursor: pointer;
}

.col_right .contact_me .contact_message { /* replaces .contact .col_right div when user clicks submit - see contact.js */
 width: 230px;
}

.col_right .contact_me .contact_message h1{
 font-size: 18px;
 padding-top:50px;
 font-style: italic;
 text-align: center;
}

.col_right .contact_me .contact_message p{
 font-size: 14px;
 padding-top: 35px;
 text-align: center;
 color: black;
}

.col_right .contact_me .contact_message a{
 text-decoration: underline;
 display: block;
 padding-top:35px;
 text-align: center;
 color: black;
}





/***************************************/
/**                                   **/
/**          sicamelinks              **/ 
/**                                   **/
/***************************************/
.sicame_links {
 width: 990px;
 margin: 0 auto;
}

.sicamelinks_header {
 width:100%;
}

.sicamelinks_header p{
 font-size: 20px;
 color: #505050;
 text-align: center;
 padding-top: 30px;
 padding-bottom: 15px;
}

.sicamelinks_link {
 padding-top:15px;
 width:247.5px;
 height: 100px;
 text-align: center;
 float: left;
 padding-bottom: 30px;
}

.sicamelinks_link img {
 max-height: 60%;
}

.sicamelinks_link h3 {
 padding: 10px 0 0 0;
 font-size: 13px;
 font-style: italic;
 color: #707070;
}



/***************************************/
/**                                   **/
/**              FOOTER               **/ 
/**                                   **/
/***************************************/
.ftr_bg {
 position: relative;
 width: 100%;
 height: 23px;
 margin: 0 auto;
 background: url("../images/bg-footer.png");
}

.ftr{
 width: 990px;
 height: 23px;
 margin: 0 auto;
}

.ftr p {
 padding: 0;
 text-align: center;
 line-height:23px;
 height:23px;
 color: black;
 font-family: Arial, Helvetica, sans-serif;
}

.ftr a {
 font-size:1em;
 text-decoration: underline;
 color: black;
}


/* cookie warning banner */
.cw, .xmas {
 position: fixed;
 bottom: -50px; left: 0;
 z-index: 30;
 background: #FF0082;
 width: 100%;
 min-width: 990px;
 height: 50px;
 opacity:0;
 filter:alpha(opacity=0);
}

.cw p {
 font-size: 20px;
 text-align: center;
 color: white;
 margin-top: 15px;
}

.cw a {
 font-size: 20px;
 text-decoration: underline;
 color: white;
}

.xmas h2 {
 font-size: 16px;
 width: 990px;
 margin: 0 auto;
 color: white;
 text-align: center;
}
.xmas p {
 font-size: 12px;
 width: 990px;
 margin: 4px auto 0 auto;
 color: white;
 text-align: center;
}

.xmas a {
 font-size: 12px;
 text-decoration: underline;
 color: white;
}

/* that's shallot */