/*
 * CaMykS Engine
 * Developed by		: Ideogram Design
 * Author			: JB Lebrun
 * CaMykS Version	: 1.0b
 * Object Version	: 1.0
 * Object Type      : Plugin / Theme Main CSS Styles
 * Creation Date	: Jan 2013
 * Last Modif Date  : Jan 2013
 *
 * Ideogram Theme Main CSS styles
 * Main colors :
 * * Bordeaux : #A01E32
 * * Grey : #
 *
 */

/* global */
* { padding:0; margin:0;}
body {background:url(img/template/bkgd.gif) 0 0 repeat-x #f7f7f7;}
p {padding: 6px 0;}
a { text-decoration:none; font-size:inherit; font-weight:inherit; font-style:inherit; }
a:hover {text-decoration:underline; color:#A01E32;}
ul { margin:0 12px 0 28px; padding:0; list-style:url(img/bullet.gif); }
ul ul { margin:0 0 0 18px; padding:0; list-style:url(img/bullet2.gif); }
/* ul ul ul{ margin:0 0 0 14px; padding:0; list-style:url(img/bullet3.gif); }*/
ol { margin:0px 28px; padding:0;}
li { margin:4px 4px 10px; }
blockquote { margin:8px 20px; }
input, textarea, select { border:solid 1px #C5C5C5; padding:3px 4px; background: white; color:#5A5A5A; font-weight:bold; font-size:11px;}
input, textarea, option { font-weight:bold; color:#5A5A5A; font-size:11px;}
select {padding:0;}
option { padding:2px 4px;}
textarea{resize: none;}
.inputs{width:200px;} select.inputs{width:205px;}
.linputs {width:400px;} select.linputs{width:405px;}
.sinputs{width:150px;} select.sinputs{width:155px;}
.vsinputs{width:75px;} select.vsinputs{width:80px;}
.vlinputs {width:100%;}
form {margin:0;}
img {border:0;}
.img{font-size:0}
sup, sub{font-size:9px; color:inherit;}
.fileInput {background:#F5F5F5; border:none;}
option.disabled{color:#009EE0; font-style:italic; font-weight:normal;}


/* icon image for layered menu */
img.icon{ float:left; margin-right:4px; }

/* error */
.error { 
  font-size:12px;
  font-weight:bold;
  color:#CC3333;
  padding:4px;
}

.eTitle2 strong {display:bloc; background:white; font-size:20px; color:#73578b; font-weight:normal; padding-right:4px;}

/* media popup */
.mediaPopup {padding :10px; background:url(img/popup/bkgd.gif) 0% 100% no-repeat white; position:fixed; top:0; left:0; text-align:center;} 
.mediaPopup .close {width:0; height:0; overflow:display; float:right; position:relative; top:-27px; left:0px; cursor:pointer; font-size:0;}

/* header */
#pageHeader {}
#pageHeader .top {height:105px;}
#pageHeader .top .logo {float:left; margin:16px 0 0;}
#pageHeader .top .contacts {float:left; margin:20px 0 0 80px; border-left:solid 1px #535353; padding-left:12px;  }
#pageHeader .top .contacts .text {font-size:15px; font-style:italic; }
#pageHeader .top .contacts .phoneNumber{ font-size:22px; color:#009EE0;}
#pageHeader .top .contacts .email a{font-size:22px; color:#009EE0;}
#pageHeader .menus { padding:8px 0; height:55px;}
#pageHeader .menus .menu {display:block; float:left; padding:12px 16px; border-right:solid 1px #F365B2; font-size:14px; color:white; font-weight:bold; }

/* header print version */
.header_print {display:none;}

/* footer */
#pageFooter {background:#535353; }
#pageFooter .main{vertical-align:top; padding:16px; }

#pageFooter .main .menu {color:white; font-size:11px;}
#pageFooter .main .references {clear:both; text-align:justify; color:white; font-size:11px;}
#pageFooter .main a {color:white; font-size:inherit;}
#pageFooter .main b {font-weight:bold; color:white; font-size:inherit;}
#pageFooter .right{vertical-align:top; width:240px; padding:16px 16px 16px 44px;}
#pageFooter .right .logo {padding:0 0 4px;}
#pageFooter .right .address {color:white; font-size:11px; margin-left:40px;}
#pageFooter .right a {color:white; font-size:inherit;}

/* content */
#pageContent {}
#pageContentMain /**{background:white;}**/
#pageContent .contentBkgd{background:url(img/template/content_bkgd.gif) 0 0 repeat-y;}
#pageContent .mainContent {padding:1px 0; margin:0;}
#pageContent .secondaryContent {}

/* reference quicklook */
.referenceQuicklook {width:100%;}

/* FAQ Display */
.FAQDisplay {margin-bottom:24px;}
.FAQDisplay .question {margin:10px 0 10px 20px; font-weight:bold; color:#282828;}
.FAQDisplay .answer {margin:10px 20px 10px 20px; background:#F5F5F5; padding:12px;}

/* quote request */
.quoteRequest {}
.quoteRequest .title {background:#E2007A; padding:6px 8px; color:white; font-weight:bold; text-align:center; font-size:16px;}
.quoteRequest .main {background: #F5F5F5; padding:4px 12px 12px;}
.quoteRequest .optionsTitle {background:#009EE0; margin:4px 0; padding:3px 0; font-weight:bold; font-size:14px; text-align:center; color:white; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.quoteRequest .opened {background:url(img/quoteRequest/opened.gif) no-repeat 8px 50% #009EE0; cursor:pointer;}
.quoteRequest .closed {background:url(img/quoteRequest/closed.gif) no-repeat 8px 50% #009EE0; cursor:pointer;}
.quoteRequest .optionsBlock {padding:8px;}
.quoteRequest .optionName {font-weight:bold; text-align:center; color:#888888; padding:2px 0 0;}
.quoteRequest .optionName input, .quoteRequest .optionName select {margin:0 auto;}
.quoteRequest .validButton {display:block; text-decoration:none; background:#E2007A; margin:4px 0; padding:3px 0; font-weight:bold; font-size:14px; text-align:center; color:white; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* product lsit */
.productListDisplay {}
.productListDisplay .product{float:left; width:150px; margin-right:5px; cursor:pointer; border:solid 5px white;}
.productListDisplay .productS{float:left; width:150px; margin-right:5px; cursor:pointer; border:solid 5px #009EE0;}
.productListDisplay .productTitle{background:#009EE0; color:white; text-align:center; padding:4px 8px; height:28px; font-weight:bold; line-height:14px;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.productListDisplay .productDesc{background:#009EE0; width:623px; padding:16px; color:white;}
.productListDisplay .productDesc *{color:white;}
.productListDisplay .line1 { margin-top:196px;}
.productListDisplay .line2 { margin-top:392px;} 
.productListDisplay .separator{}

/* example list */
.exampleListDisplay {}
.exampleListDisplay .example{float:left; width:320px; margin:0 10px 10px 0;}
.exampleListDisplay .exampleTitle{background:#009EE0; color:white; text-align:center; padding:4px 8px; font-weight:bold; line-height:14px;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* generic page controller */
.genericPageEmptyController {font-size:4px; height: 4px; }
.genericPageController { padding:4px 4px; width:100%; background:#E2007A;}
.genericPageController .gpcBox {margin:0 auto; padding:0;}
.genericPageController .gpcButton {padding:0 2px; font-size:0; vertical-align:middle; cursor:pointer;}
.genericPageController .gpcButton img{}
.genericPageController .gpcSelected {font-weight:bold; padding:2px; font-size:12px; line-height:11px; background:white; color:#E2007A; text-decoration:none; display:inline-block;}
.genericPageController .gpcLink {color:white; padding:2px; font-size:12px; text-decoration:none; line-height:12px; font-weight:bold;}
.genericPageController .gpcLink:hover {color:#F365B2; text-decoration:none;}
.genericPageController .gpcSpacer{padding:2px; color:white; text-decoration:none;}
.genericPageController .gpcLPage{padding:2px; color:white; text-decoration:none;}
.genericPageController .gpcRPage{padding:2px; color:white; text-decoration:none;}
.genericPageController .gpcPage{padding:2px; color:white; text-decoration:none;}