/*
Site Name:		KisCords
Description: 	Main CSS stylesheet
Author: 		Sonora DesignWorks
Author URI:		http://sonoradesignworks.com
*/


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   HTML5 reset styles
   ========================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, 
ins, kbd, q, samp,small, strong, sub, sup, var,
b, 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:0;
outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select {vertical-align:middle;}
small { font-size: 85%; }
b, strong, th { font-weight: bold; }

/* --------[Font normalization inspired by YUI Library's fonts.css]-------- */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
/* --------[Normalize monospace sizing]-------- */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/* --------[Fix sup and sub line-height]-------- */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }sup { top: -0.5em; }sub { bottom: -0.25em; }
/* --------[Remove default scrollbar in IE, Align to text-top]-------- */
textarea { overflow: auto; vertical-align:text-top; }
/* --------[Fix IE image sizing]-------- */
.ie7 img { -ms-interpolation-mode: bicubic; }
/* --------[Correct overflow not hidden in IE9]-------- */
svg:not(:root) { overflow: hidden; }
/* --------[Text selection color]-------- */
::-moz-selection { background: #4A9BD5; color:#fff; text-shadow: none; }
::selection { background:#4A9BD5; color:#fff; text-shadow: none; }
/* --------[j.mp/webkit-tap-highlight-color]-------- */
a:link { -webkit-tap-highlight-color: #4A9BD5; }
/* --------[Accessible focus treatment]-------- */
a:hover, a:active { outline: none; }



/* =============================================================================
   Global
   ========================================================================== */
   
   
   
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body, input, textarea { font: 13px/1.5 Arial, Helvetica, sans-serif;  color: #444; }

/* main sections */
.container { width: 960px; margin: 0 auto; }
.hfeed { width: 600px; float: left; }
.aside { width: 300px; float: right; }
.footer { clear: both; }



/* =============================================================================
   Main Elements
   ========================================================================== */



/* -----------------------------[ Vertical Styles ]----------------------------- */
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; }

/* -----------------------------[ Lists ]----------------------------- */
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

/* -----------------------------[ Logo ]----------------------------- */
#logo, #logo a { font-size: 28px; line-height: 30px; color: #000; font-weight: bold; }
#logo a:hover { color: #2361a1; text-decoration: none; }

/* -----------------------------[ Links ]----------------------------- */
a, a:active, a:visited { color: #607890; text-decoration: none; }
a:hover { color: #036; text-decoration: underline; }
.entry-content a:link, .entry-content a:active, .entry-content a:visited { color: #2361a1; text-decoration: underline; }
.entry-content a:hover { text-decoration: none; }

/* -----------------------------[ Headings ]----------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: bold; clear: both; }
h1 { font-size: 24px; line-height: 28px; padding: 5px 0px; }
h2 { font-size: 20px; line-height: 22px; padding: 5px 0px; }
h3 { font-size: 16px; line-height: 20px; padding: 5px 0px; }
h4 { font-size: 14px; line-height: 18px; padding: 5px 0px; }
h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; }
h6 { font-size: 10px; line-height: 16px; }


/* -----------------------------[ Tables ]----------------------------- */
table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; }
table .even { background: #ddd; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th, td { padding: 5px 3px; }
td { vertical-align: top; }

/* -----------------------------[ Forms ]----------------------------- */
input, textarea, button { background: #fafafa; border-color: #aaa #ddd #ddd #aaa; border-style: solid; border-width: 1px; color: #444; font-size: 14px; }
input, textarea, button { padding: 3px; }
/*button { font: 12px; padding: 2px 10px; cursor: pointer; }*/
input:focus, textarea:focus, button:hover { background: #fff; border-color: #777 #ccc #ccc #777; }
/* bugfix .safari input { padding: 0px 3px; }.chrome input { padding: 1px 3px; }*/
/* Fix inputs and buttons in IE, WebKit, Firefox */
button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
/* Remove extra padding and inner border in Firefox */
input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; }
/*Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* -----------------------------[ Images ]----------------------------- */
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; }

/* -----------------------------[ Basic Alignments ]----------------------------- */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/* clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* =============================================================================
   Theme Specific Styles
   ========================================================================== */
   
body {color:#000; background:url(../images/pageBack.gif) center top}
   
.hfeed {width: 100%}
.container {width:960px;  padding:0; border:3px solid #fff; margin-top:20px; margin-bottom:25px }

.container-inner {width:960px; background:url(../images/page-back-long.gif) 0 0 no-repeat; margin:0; height:2262px; }

#about-page .container-inner
{ background:url(../images/page-back-1674.gif) 0 0 no-repeat; height:1674px; }

#home-testimonial-page .container-inner
{ background:url(../images/page-back-1674.gif) 0 0 no-repeat; height:1674px; }

#handles-page .container-inner
{ background:url(../images/page-back-3000.gif) 0 0 no-repeat; height:3250px; }

#contact-page .container-inner
{ background:url(../images/back-contact.jpg) 0 0 no-repeat; height:1674px; }

#order-page .container-inner
{ background:url(../images/back-order-long.jpg) 0 0 no-repeat; height:2500px; }

#reseller-page .container-inner
{ background:url(../images/back-contact-resell.jpg) 0 0 no-repeat; height:1674px; }

#resellers-page .container-inner,
#privacy-page .container-inner
{ background:url(../images/page-back-1926.gif) 0 0 no-repeat; height:1926px; }

   
/* links fade in/out on hover */
a, a:visited{-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition:  all .2s ease-in-out}
   


/* reseller button */
a.resell {
		width:103px; height:28px; 
		background:url(../images/resell-button.gif) 0 0 no-repeat; 
		display:block; 
		text-indent:-9999px; 
		float:right; 
		margin:5px 5px 0 0;
		float:right;
		clear:right
}
a.resell:hover { background:url(../images/resell-button2.gif) 0 0 no-repeat;}

/* buy button */
a.buy {
		width:96px; height:96px; 
		background:url(../images/buy.png) 0 0 no-repeat; 
		display:block; 
		text-indent:-9999px; 
		float:right; 
		margin:260px 105px 0 0
}
a.buy:hover { background:url(../images/buy.png) 0 0 no-repeat;}

.details {width:889px; height:369px; background:url(../images/details.png) 0 0 no-repeat; margin:40px 0 0 0; }

.details-h {width:889px; height:369px; background:url(../images/handle-photos.png) 0 0 no-repeat; margin:40px 0 0 0; }

.details-k {width:889px; height:369px; background:url(../images/details-k.png) 0 0 no-repeat; margin:40px 0 0 0; }


.youtube {margin:0 0 0 80px}
img.product {float:right; clear:right; margin:30px 90px 0 0}

.steps {margin:20px 0 0 15px; color:#000; font-size:14px; padding:0 0 0 57px }
.title {font-weight:bold; padding:0 0 0 10px; font-size:16px; margin:0}

img.fb {float:right}

img.buy2 {float:left; margin:-30px 0 0 0}

section {clear:both;  padding:200px 20px 0 20px;  }


.info {float:left; width:650px; padding:0 0 0 20px; font-size:14px; line-height:18px}
.info strong {font-size:15px; margin:20px 0 0 0}

.fb2 {float:right; margin:0px 0 0 0}

.foot {clear:both; font-size:9px; text-align:center; padding:0 50px; color:#000; line-height:12px}
.foot strong{ font-size:11px;}

.foot a, .foot a:visited {color:#000; text-decoration:none}
.foot a:hover {color:#000; text-decoration:underline}

.about-pic {float:right; margin:90px 0 20px 30px; border:2px solid #FB4814}



#home-page .foot {padding-top:250px; *padding-top:115px}
#about-page .foot {padding-top:400px; *padding-top:200px}
#contact-page .foot {padding-top:250px; *padding-top:110px}
#privacy-page .foot {padding-top:400px; *padding-top:200px}
#resellers-page .foot {padding-top:400px; *padding-top:120px}


/* Form */
.form, .form2 {padding-top:20px; position:relative}
.form p {width:605px; font-weight:bold;     }
.form2 p {width:635px; font-weight:bold;    }
.form p span.textfieldRequiredMsg {float:left; position:absolute; left:290px}
.form2 p span.textfieldRequiredMsg {float:left; position:absolute; left:320px}
input {float:right; background:#fff !important;  position:relative; right:325px; top:-5px; width:180px;  }

input, textarea
{border-top:1px solid #4A9BD5;
border-left:1px solid #4A9BD5;
border-right:1px solid #104696;
border-bottom:1px solid #104696;
font-weight:bold !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; padding:7px;}

textarea {width:222px; height:80px; float:right; position:relative; right:283px; resize: none; overflow: auto; resize: none;}


input:focus {-webkit-box-shadow: 0px 0px 5px #104696; -moz-box-shadow: 0px 0px 5px #104696; box-shadow: 0px 0px 5px #104696; background:#D0F5FB !important; }
textarea:focus {background:#D0F5FB !important; -webkit-box-shadow: 0px 0px 5px #104696; -moz-box-shadow: 0px 0px 5px #104696; box-shadow: 0px 0px 5px #104696;}

p.sub {clear:both; padding:10px 0 0 0; }
input.submit {width:236px; position:relative; right:284px}
input.submit:hover {background:#FFC !important}

#captchaimg {margin-left:84px; margin-bottom:4px}



/* IE7 hacks */

.ie7 section {padding:50px 20px 0 20px }
.ie7 img.fb {float:right; position:relative; top:100px}
.ie7 img.buy2 {float:left; margin:-30px 0 0 50px}
.ie7 .about-pic {margin:10px 0 20px 30px; }
.ie7 .form p, .ie7 .form2 p {margin:0; padding:0; overflow:hidden;}
.ie7 input, .ie7 textarea, ie7 span.textfieldRequiredMsg {position:relative; top:-20px}








/* =============================================================================
   Print styles, Inlined to avoid required HTTP connection
   ========================================================================== */


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  .menu { display:none } /* Hide elements when printed */
}

#paypal_image { border:none; background:transparent; width:auto; }