/*  
Theme Name: Chameleon Stationery
Theme URI: http://chameleonstationery.ie
Description: Design for Chameleon Stationery
Version: 1.0
Author: Sean O'Grady
Author URI: http://miralize.com
*/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
	border: none;
	list-style: none;
}
article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section{
	display:block;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-family: "museo-sans";
	font-weight:500;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
strong,b,mark{
	font-weight:bold;
	font-style:inherit;
}
em,i,cite,q,address,dfn,var{
	font-style:italic;
	font-weight:inherit;
}
abbr[title],dfn[title]{
	cursor:help;
	border-bottom:1px dotted;
}
ins{
	border-bottom:1px solid;
}
a,u,ins{
	text-decoration:none;
}
del,s{
	text-decoration:line-through;
}
pre,code,samp,kbd{
	font-family:monospace;
}
small{
	font-size:0.75em;
}
img{
	border:none;
	font-style:italic;
}
input,
select,
textarea{
	font:inherit;
}

@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('fonts/modernpics-webfont.eot');
    src: url('fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/modernpics-webfont.woff') format('woff'),
         url('fonts/modernpics-webfont.ttf') format('truetype'),
         url('fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	background: url('images/bg.png') repeat #eee;
	color: #6a6a6a}

.container {
	width:1040px;
	margin: 30px auto 60px;
	padding: 0px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	background: #fff
}

a {
color: #B2CE00;
}

a:active{
position: relative;
top:1px;
}


header#pagehead {display: block; width: 960px; padding: 40px 40px 0;}

#logo {float: left;}

#logo a {background:url(images/logo.png) no-repeat; width: 186px; height: 148px; margin-left: 2px; overflow: hidden; text-indent:-9999px; display: block; }

nav {float: right; margin-top: 25px}

nav li {display: inline; float: left; position: relative; border-bottom: 3px double #E5F2B0; margin-right: 5px; }

nav li a {display: block; padding: 10px 15px; color: #9f9f9f; font-family: "museo-sans"; font-size: 16px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

nav li.current-menu-item, nav li.current-menu-parent  {border-bottom: 3px double #4f4f4f;}


nav li:hover {border-bottom: 3px double #9f9f9f;}

nav li a:hover {color:#6f6f6f; }

nav li.current-menu-item > a, nav li.current-menu-parent > a {color:#4f4f4f }

nav li.current-menu-item a:hover {color: #3f3f3f;}

nav li .sub-menu {display: none; width: 182px; position: absolute; top:43px; background: #fff; border-left: 1px solid #E5F2B0; border-right: 1px solid #E5F2B0; box-shadow:0 3px 3px rgba(0,0,0,0.1);}

nav li:hover .sub-menu {display: block; z-index: 100;}

nav li .sub-menu li {display: block; float: none; border-bottom: 3px double #E5F2B0;}

nav li .sub-menu li:hover {border-bottom: 3px double #4f4f4f;}

nav li .sub-menu li a {color: #9f9f9f; }

footer {padding:20px 40px 30px; background: #efefef; }

footer h2 {color: #333; font-size: 15px; margin-bottom: 10px;}

footer .cols {width: 960px; overflow: hidden; }
 
footer .col {width: 300px; float: left; margin-right: 30px;}

footer .col ul {list-style: none; margin-bottom: 15px}

footer .col li {padding:3px 0px; font-size: 12px; font-family: "museo-sans";}

footer .col li a {color: #777;}

footer .col p {line-height: 1.5; padding-bottom: 10px;}

footer .col.last {margin-right: 0;}

/*----------------------------

Homepage 

----------------------------*/

.hpintro{padding: 0 0 20px; margin-top: 30px; background:#fff; }

.hpintro h1 {color: #B2CE00; font-size: 48px; display: block; text-align: center; padding-top: 0px; }

.flexslider {width: 100%; margin: -20px 0 0 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; list-style: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; padding: 0; margin: 0;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

.hpslideshow .flex-direction-nav {display: none;}


/* Control Nav */
.hpslideshow .flex-control-nav { margin: 15px 0 15px; text-align: center; }
.hpslideshow .flex-control-nav li { display: inline; margin: 0 7px; }
.hpslideshow .flex-control-nav li {
}
.hpslideshow .flex-control-nav li a {
	background: #fff;
	display: inline-block;
	overflow: hidden;
	width: 10px; height: 0;
	padding-top: 10px;
	text-align: center;
	border: 1px solid #aaa;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
	box-shadow: 0 0 1px rgba(255,255,255,0.3), inset 0 0 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 1px rgba(255,255,255,0.3), inset 0 0 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.3), inset 0 0 1px rgba(0,0,0,0.4);	
}  

 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}



.hpslideshow .flex-control-nav li a:after  { content: ''; display: inline-block; margin-top: 2px; overflow: hidden; height: 0; width: 4px; padding-top: 4px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 100px solid red; }
.hpslideshow .flex-control-nav li:hover a, .flex-control-nav li a.active { background-color: #999; border: 1px solid #555; }


.slide {position: relative; margin: 0; padding: 0;}

.hpslideshow .slide_content {position: absolute; width: 320px; left: 40px; top:40px; height: 320px; padding: 20px; background: #fff; background: rgba(255,255,255,0.7); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

.hpslideshow .slide:hover .slide_content {background: rgba(255,255,255,0.9); }

.hpslideshow .slide_content h2 {color: #333; font-size: 32px; text-transform: capitalize;}

.hpslideshow .slide_content p {font-size: 14px; line-height: 1.5; padding-bottom: 10px}

.hpslideshow .slide_content .buttonouter {position: absolute; bottom: 20px; right: 20px;}

.hpslideshow .slide_content .buttonouter .button {float: right;}

.hpcols {width: 960px; overflow: hidden; padding: 20px 40px 40px;}

.hpcols h2 {font-size: 22px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #dfdfdf}

.hpcols .col p {line-height: 1.5;}

.hpcols .col {width: 300px; float: left; margin-right: 30px;}

.hpcols .col h3 {font-size: 18px; margin-bottom: 5px;}

.hpcols .col2 .article {width: 300px; overflow: hidden;}

.hpcols .col2 .article img {float: left; width: 80px; height: auto; margin: 0 10px 0 0;}

.hpcols .col.col3 {margin-right: 0;}

/*----------------------------

Content 

----------------------------*/

.content {width: 1040px; overflow: hidden;}

.main {width: 730px; float: right; margin-right: 40px; position: relative;}

h1.page-title, .main h2.page-title {font-size: 32px; color:#53534a; margin-bottom: 10px; padding-bottom: 5px; border-bottom:  3px double #DDDDDB; }

.main h2 {color: #53534a; font-size: 22px; margin: 10px 0;}

.main h3{color: #53534a; font-size: 18px; margin: 0 0 16px;}

.main p {font-size: 15px; line-height: 1.5; margin-bottom:16px; font-weight: normal;}



.main ul{list-style: inside; margin-left: 10px; margin-bottom: 16px;}

.main li {margin-bottom: 5px}

.main ol{list-style: decimal;}

.main blockquote { display: block; font-family: "Georgia", "Times New Roman", "Times", serif; padding: 0 15px; }

.main blockquote p {font-size: 13px; line-height: 1.6; color: #8f9081; font-style: italic;}

.main .cols {width: 730px; overflow: hidden;}

.cols h3 {background:#C7DE47; padding: 7px; color: #fff; }

.main article {border-bottom:  1px solid #DDDDDB; padding-bottom: 10px; margin-bottom: 10px;}

article .meta {padding:0 0 10px 0; color:  #ccc;}

.main .col {float: left; width: 45%; display: inline; margin-right: 5%}

.hentry {position: relative;}

.hentry .date {position: absolute; top:0; right: 0; background: #C8DF48; color: #fff; font-family: "museo-sans"; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px;}

.date .day, .date .month {width: 30px; display: block; text-align: center; font-size: 16px; text-transform: uppercase;}

.date .day {font-size: 24px}

.sidebar {width:190px; float: left;  margin:22px 40px; }

.widget  {margin-bottom: 30px;}

.widget h3 {font-size: 18px; margin-bottom: 5px; color: #53534a;}

.widget_product_categories ul, .widget_login ul {list-style: none; margin-top: 3px}

.widget_product_categories ul li, .widget_login ul li {font-size: 12px; margin-bottom: 3px;}

.widget_product_categories ul li a, .widget_login ul li a{background:#eee; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.widget_product_categories ul li:hover a, .widget_login ul li:hover a { background: #C8DF48;  }

.widget_product_categories ul li a, .widget_login ul li a {display: block; color: #53534a;  padding: 7px !important;  }

.widget_product_categories ul li a:hover, .widget_login ul li a:hover {color: #646F24; }

.main aside {width: 90%; padding: 2%; margin:20px 3%;  background: #f0f0f0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.main aside h3 {font-size: 16px;}

.main aside ul {width: 100%; overflow: hidden;}

.main aside ul li {float: left; width: 50%;}
.main table {
	margin: 0;
	padding: 0;
	}
.main table th,
.main table td {
	padding: 10px 20px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	}
.main table th {
	border-width: 2px;
	}
.main table td {
	color: #666;
	}
.main table tr:last-child th,
.main table tr:last-child td {
	border-bottom: none;
	}
.main table tr:nth-child(even) {
	background: #eee;
	}				


/*----------------------------

Shop 

----------------------------*/

#breadcrumb {font-size: 14px !important; font-family: "museo sans"; color:#75756b !important }

#breadcrumb a{color: #C7DE47 !important;}

a.button, button.button, input.button, #review_form #submit { background:#C7DE47 !important; color: #646F24 !important; text-shadow: 0 1px 1px #E2ECAE !important; border: 1px solid #646F24; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.6);
-moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.6);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.6); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

a.checkout-button, a.checkout {background: #5d2c6a !important;  color: #fff !important; text-shadow: none !important; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.6); border: 1px solid #2e1c45;
-moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.6);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.6); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.buttons, p.total {padding-top: 10px !important;}

.button.alt {margin-top: 0 !important}

.woocommerce_ordering {position: absolute; top:40px; right: 0;}

.product a h3 {color: #53534a; font-size: 16px;}

.cart-collaterals .cart_totals {width: 30% !important; }

.addresses header {margin-bottom: 5px;}

.addresses header h3 { font-size: 16px; color: #C8DF48}

.addresses address {line-height: 1.8}

div.woocommerce_message {
overflow: hidden;  display: block;}

/*----------------------------

Testemonials 

----------------------------*/

.testimonials li {width: 100%; display: block; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #E5F2B0;}

.testimonials li blockquote{font-size: 14px; font-style: italic; line-height: 1.7; padding: 0;}

.testimonials li cite{font-size: 12px; width: 100%; text-align: right; display: block; }

.testimonials li img {float: left; margin-right: 10px; width: 80px;}


/*----------------------------

Cameo 

----------------------------*/

.cameolist li {width: 100%; display: block; overflow: hidden; padding: 10px;}

.cameolist li:nth-child(2n+2){ background: #eee;}

.cameolist li h3 {margin-bottom: 5px !important;}

.cameolist li img {float: left; margin-right: 10px;}

.cameolist li div {float: right; display: block; width: 540px;}

/*----------------------------

Pagelinks 

----------------------------*/

.pagelinks {width:730px; overflow: hidden;}

.pagelinks li {float: left; display: inline; margin-right: 20px;}

.pagelinks li:last-child {margin-right: 0;}

.pagelinks li a {width: 230px; overflow: hidden; display: block; position: relative;}

.pagelinks li a img {width: 100% !important;}

.pagelinks li a h3 {position: absolute; top : 100px; left:0; padding: 7px 10px; width: 210px; background: rgba(178,206,0,0.8); color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

.pagelinks:hover li a h3 {background: rgba(178,206,0,1);}


/*----------------------------

Gallery 

----------------------------*/

ul.slidegallery {width: 730px; overflow: hidden;} 
ul.slidegallery li {float: left; display: inline; width: 22%; margin:0 1.5% 25px; }
ul.slidegallery li a {display: block;}
ul.slidegallery li a h3 {font-size: 15px;}
ul.slidegallery li a img {margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity: 0.8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
ul.slidegallery li:hover a img {opacity: 1;}
/*---------------------------- 

CC Page 

----------------------------*/
.accordion{border: 1px solid #ddd; border-top: none; margin: 0; width: 730px;}
.accordion h3{background:url(images/accordion.png) top left no-repeat; font-size: 18px; padding: 14px 40px; margin: 0;}

.accordion h3.on {background:url(images/accordion.png) bottom left no-repeat;}


.accordion div p strong {}

.accordion div table {width: 45%; margin-right: 5%; }

.accordion div {padding: 10px; width: 710px; overflow: hidden;}


/*----------------------------

Contact Form 

----------------------------*/

form.frm-show-form {margin-top: 30px;}

form div.form-field {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 14px;
	border-bottom: 1px solid #eee;
	}
form div.form-field.form-actions {
	margin: 0 0 0 20%;
	padding: 0;
	border: none;
	}
form div.form-field.check {
	padding-left: 20%;	
	}
form div.form-field label {
	float: left;
	width: 40%;
	overflow: scroll;
	margin: 4px 0 5px 0;
	font-weight: bold;
	}
form div.form-field.check label {
	display: inline;
	float: none;
	width: auto;
	font-weight: normal;
	}
form div.form-field.radio ul li label {
	display: inline;
	float: none;
	width: auto;
	font-weight: normal;
	}
form div.form-field input.text,
form div.form-field textarea {
	display: block;
	width: 55%;
	padding: 5px;
	font-size: 14px;
	border: 1px solid #ddd;
	background: #f5f5f5;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
form div.form-field input.text:focus {
	border: 1px solid #ccc;
	background: #fff;
	}
form div.form-field textarea {
	height: 150px;
	}
form div.form-field select {
	min-width: 25%;
	margin: 0;
	}
form div.form-field.radio ul {
	margin: 5px 0 0 20%;
	}
form div.form-field.radio ul li {
	margin: 0 0 5px 0;
	}
form div.form-field.radio ul li:last-child {
	margin: 0;
	}
form div.form-field p.help, .frm_error_style {
	margin: 5px 0 0 20%;
	font-size: 11px;
	color: #999;
	}
	
.frm_error_style {
	margin: 5px 0 20px 20%;}
form input[type="submit"] {
	margin: 0;
	padding: 5px 10px;
	font-size: 12px;	
	font-weight: bold;
	border: 1px solid #ccc;
	background: #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
form input[type="submit"]:hover,
form input[type="submit"]:focus {
	border: 1px solid #bbb;
	background: #e5e5e5;
	}
form input[type="submit"]:active {
	border: 1px solid #ccc;
	background: #eee;
	}
	
.cfdetails {
	width: 260px; 
	float: right;
	background: #f0f0f0;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	padding: 15px;
	overflow: hidden;
	margin-left: 15px;
}
	
.cfdetails dl dt {
	font-family: "museo-sans", serif;
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 1.2;
	color: #444;
	float: left;
	width: 30%;
	}
dl dd {
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 1.4;
	color: #666;
	width: 70%;
	float: left; 
	font-family: "museo-sans", serif;
	}			
	
.main dl dd p{
	font-size: 13px;
	margin-bottom: 0;
}


/*----------------------------

Slider 

----------------------------*/