/********************************************************************
* CSS for Kopytek.com
* Created By: Levi Dawson				
* Date Created: 02-22-2011
* *******************************************************************/

/********************************************************************
*	Start: CSS Browser Reset
*********************************************************************/
*{margin:0;padding:0; background-color: transparent; background-repeat: no-repeat; background-position: 0 0;}
body{font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px;color:#333;line-height:15px; text-align: left; background: #fff url('/images/bg.gif') 0 16px repeat-x;}
p,li,dd { font-size: 12px; line-height: 18px; color: #5b5b5b;}
a{text-decoration:none;color:black;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul,li,dl,dd,dt{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;padding:0;margin:0;}
q:before,q:after{content:'';}
abbr,acronym,.help{cursor:help;text-decoration:none;border:0;border-bottom:1px #666 dotted;}
sup { vertical-align:sup; font-size:.75em; }
* html sup { font-size:.85em; }

/********************************************************************
*	Start: Site-Specific Base Styles
*********************************************************************/
h1 {font-size:25px;line-height:30px; color: #601f67; font-weight: bold; text-transform:  uppercase;}
h2 {font-size:20px;line-height:27px; color: #00adef;}
h3 {font-size:14px;line-height:23px; font-weight: bold;}
h4,h5,h6 {font-size:15px;line-height:20px;}
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,table,address,blockquote {margin-bottom:10px;}
a { color: #601f67;}
th,td {vertical-align:top;padding:0 5px 3px 0;}
th {font-weight:bold;}
ul, ol {margin-left:20px;}
ul li {list-style:disc;}
ol li {list-style:decimal;}
:focus {outline:0;}
a, button { cursor: pointer;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;}

/* ie6/7 width fix*/
* html button {
	overflow:visible;
	width:auto;
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 22, 2011 10:44:58 AM America/New_York */
@font-face {
    font-family: 'WinterthurCondensedRegular';
    src: url('/fonts/WinterthurCondensed-webfont.eot?') format('eot'),
         url('/fonts/WinterthurCondensed-webfont.woff') format('woff'),
         url('/fonts/WinterthurCondensed-webfont.ttf') format('truetype'),
         url('/fonts/WinterthurCondensed-webfont.svg#webfontpZm9ri4c') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'WinterthurCondensedItalic';
    src: url('/fonts/WinterthurCondensedOblique-webfont.eot?') format('eot'),
         url('/fonts/WinterthurCondensedOblique-webfont.woff') format('woff'),
         url('/fonts/WinterthurCondensedOblique-webfont.ttf') format('truetype'),
         url('/fonts/WinterthurCondensedOblique-webfont.svg#webfont4AtLrFVx') format('svg');
    font-weight: normal;
    font-style: normal;

}

/********************************************************************
*	Start: Grids
*********************************************************************/
/* Make sure to clear your floats, this does not use the .clearFix method */
.grid {margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;border-left:0 !important;border-right:0 !important;float:left;_zoom:1;_height:1%;}
.grid1of1{float:none;}
.grid1of2{width:99.999999%;}
.grid2of2{width:49.999999%;}
.grid1of5{width:19.999999%;}
.grid2of5{width:33.333333%;}
.grid3of5{width:39.999999%;}
.grid4of5{width:59.999999%;}
.grid5of5{width:79.999999%;}
.grid-content {padding:0 10px !important;}
.grid-first .grid-content {padding-left:0;}
.grid-last .grid-content {padding-right:0;}

/********************************************************************
*	Start: Utils
*********************************************************************/
.fontface {font: 60px/68px 'WinterthurCondensedRegular', Arial, sans-serif;letter-spacing: 0;}
.fontface-italic {font: 18px/27px 'WinterthurCondensedItalic', Arial, sans-serif;}
.float-left {float:left;}
.float-right {float:right;}
img.float-left {margin:0 5px 5px 0;}
img.float-right {margin:0 0 5px 5px;}
.clear {clear:both}
span.clear {clear:both;height:0;line-height:1%;display:block;visibility:hidden;overflow:hidden;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-justify {text-align:justify;}
.font-12	{font-size: 12px;}
.font-14	{font-size: 14px;}
.font-16	{font-size: 16px;}
.font-18	{font-size: 18px;}
.font-20	{font-size: 20px;}
.font-24	{font-size: 24px;}
.font-30	{font-size: 30px;}
.last  { margin-right: 0 !important;}
.first { margin-left: 0 !important;}
.red	{ color: #f00 !important;}
.white	{ color: #fff !important;}
.purple	{ color: #601f67 !important;}
.orange	{ color: #f37321 !important;}
.green	{ color: #c3d841 !important;}
.grey	{ color: #6f6f6f !important;}
.blue	{ color: #00adef !important;}
.dark-blue { color: #003366 !important;}
.pink 	{ color: #e00372 !important;}
.caps { text-transform: uppercase !important;}
.rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-readius: 10px;}
.dashes-vert { display: block;width: 1px; height: 27px; border-left: 1px dashed #6f6f6f; padding: 0 !important;}
.dashes-horiz { display: block; width: 94%; height: 1px;; border-bottom: 1px dashed #6f6f6f;}
.shadow { text-shadow: 1px 1px 4px #000;}
.hdr { display: block; padding-left: 10px; width: 295px; font-size: 16px; height: 41px; line-height: 41px; color: #fff; margin-top: 15px;}
.hdr-orange { background-image: url('/images/hdr_orange.gif');}
.hdr-blue { background-image: url('/images/hdr_blue.gif');}
.hdr-purple { background-image: url('/images/hdr_purple.gif');}
.button { display: block; height: 49px; width: 169px; margin: 15px 0; font-size: 24px; line-height: 49px; color: #fff !important; padding-left: 30px;}
.button.orange { background-image: url('/images/button_orange.png');}
.button.green{ background-image: url('/images/button_green.png');}
.button.red { background-image: url('/images/button_red.png');}
.button.purple { background-image: url('/images/button_purple.png');}
.button.blue { background-image: url('/images/button_blue.png');}
button.button { width: 199px; height: 49px; margin: 0; margin: auto; font-size: 24px; text-align: left; line-height: 49px; color: #fff !important; border: none;}
.button-quote { background: url('/images/button_orange_quote.gif') no-repeat; width: 245px; height: 45px; font-size: 24px; color: #fff; border: none; line-height: 45px; text-align: left; padding-left: 30px; }
.clicked { background-position: bottom left !important;}

/********************************************************************
*	Start: General
*********************************************************************/
#Wrapper {margin: 10px auto; width: 970px; height: auto; position: relative;}
#Header { height: 470px; width: inherit; position: relative;}
#logo { float: left; }
#logo a { display: block; padding-top: 119px; height: 0; width: 320px; overflow: hidden; background-image: url('/images/logo.gif');}
#phone { position: absolute; top: 97px; right: 1px; }
#upload { float: right; margin-top: 20px;}
#upload a { display: block; padding: 34px 0 0 50px; height: 34px; width: 224px; overflow: hidden; background-image: url('/images/widget_upload.gif'); }
#main-img { margin-left: -2px;width:969px; height: 249px; overflow: hidden; background-image: url('/images/main_img.jpg');}
#Content { width: 958px; height: auto; background-color: #ddf6ff; border: 1px solid #ddf6ff;}
#MainContainer { width: 936px; height: auto; margin: 10px 0 10px 10px; border: 1px solid #fff;}
#MainContent { padding: 10px; width: 914px; height: auto; border: 1px solid #dfdfdf; background-color: #ffffff;}
#MainContentLeft { float: left; width: 615px; height: auto; margin-right: 15px;}
#MainContentRight { float: left; width: 270px; height: auto;}
.video { width: 300px; height: 130px;margin: 10px 15px 0 0; background-image: url('/images/widget_video.gif'); position: relative; }
.easy { width: 300px; height: 130px;margin: 10px 0 0 0; background-image: url('/images/widget_easy.gif');}
.video h2{ line-height: 14px; text-align: center; margin-top: 0;}
.video p { position: absolute; bottom: 20px; left: 45px; }
.easy h2 { text-align: center; line-height: 18px; margin-top: 15px;}
.easy p { padding: 10px;}
.helpful { margin-top: 20px;}
.helpful h2 { margin-right: 15px;}
.helpful p { line-height: 30px;}
.date { text-align: center; float: left; margin: 10px 10px 0 0; width: 44px; padding-top: 4px; height: 35px; background-image: url('/images/date_holder.gif');}
.date p { font-size: 12px; color: #fff; line-height: 12px;}
.title { margin-top: 10px; font-size: 14px; text-transform: capitalize;}
.prod-section, .yellow-bg { height: auto !important; overflow:visible !important; padding:10px; padding-bottom: 0;background:#FFF6DF;border:1px solid #FEC938;border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius:5px; margin-bottom: 5px;}
.prod-section h2, .prod-section div.plus-minus { float: left;}
.prod-section div.plus-minus {margin-right: 10px; cursor: pointer;}
.prod-section-content { display: none;}
.prod-section-content ul li ul { margin: 0; list-style: none; padding-bottom: 10px;}
.prod-section-content ul li ul li { list-style-type: none;}
.plus-minus { display: block; padding-top: 30px; height: 0; width: 30px; overflow: hidden; background-image: url('/images/plus_minus.gif');}
.plus-minus.clicked { background-position: 0 -30px !important;}
.jTip { font-weight:bold; }
.jTip-content { display: none; padding: 10px; padding-bottom: 0; background-color: #fff; border: 1px solid #b8b8b8;}
#HelpfulLinks .grid1of5 { text-align: center !important; }
#HelpfulLinks .grid5of5 p { margin-left: 10px; }
#HelpfulLinks .grid1of5 img { width: 100px; padding: 10px; background-color: #ebebeb; }
#donthave { position: absolute; top: 0px; right: 3px;}

/********************************************************************
*	Start: Navigation
*********************************************************************/
#HeaderNav { width: 100%; height: 63px; padding-top: 10px; margin-bottom: 6px;}
#HeaderNav ul { margin: 0;}
#HeaderNav ul li { float: left; position: relative; margin-right: 5px; list-style-type: none; text-align: center; line-height: 23px; font-size: 24px; z-index: 999;}
#HeaderNav ul li a { display: block; padding-top: 8px; height: 58px; width: 189px; color: #fff; text-shadow: 1px 1px 4px #000;}
#HeaderNav ul li:hover a { background-position: bottom left;}
#HeaderNav ul li.single-line a { padding-top: 19px; height: 47px; }
#HeaderNav ul li ul { display: none; position: absolute;top: 66px; left: 2px; padding: 10px; padding-bottom: 0; width: 410px; height: auto; z-index: 99999; background: transparent url('/images/ul_bg.png') 0 0 repeat; }
#HeaderNav ul li ul span { float: left; padding: 10px; }
#HeaderNav ul li ul li { float: none;text-align: left; font-family: Arial, sans-serif; font-size: 14px; margin-bottom: 10px; }
#HeaderNav ul li ul li a { color: #fff; width: 180px; height: auto !important; padding: 0 !important; line-height: 16px; }
#HeaderNav ul li ul li a:hover { text-decoration: underline;}
#HeaderNav ul li ul.hover li { display: block; }
.nav-green { background: url('/images/nav_green.png');}
.nav-orange { background: url('/images/nav_orange.png');}
.nav-red { background: url('/images/nav_red.png');}
.nav-purple { background: url('/images/nav_purple.png');}
.nav-blue { background: url('/images/nav_blue.png');}
#SubNav { width: 100%; height: 27px; margin-left: 12px;}
#SubNav p { margin-right: 10px;}
#SubNav p,#SubNav ul li { line-height: 27px;}
#SubNav ul li { text-align: center; padding: 0 12px; list-style-type: none; float: left; margin: 0 5px;}
#SubNav ul li a { font-weight: bold; line-height: 29px; }
#SubNav ul li a:hover { color: #00adef !important;}
/*
 *
#HeaderNav { width: 100%; height: 63px; padding-top: 15px; margin-bottom: 6px;}
#HeaderNav ul { margin: 0;}
#HeaderNav ul li { float: left; position: relative; margin-right: 5px; list-style-type: none; text-align: center; line-height: 23px; font-size: 24px; z-index: 999;}
#HeaderNav ul li a { display: block; padding-top: 8px; height: 58px; width: 189px; color: #fff; text-shadow: 1px 1px 4px #000;}
#HeaderNav ul li:hover a { background-position: bottom left;}
#HeaderNav ul li.single-line a { padding-top: 19px; height: 47px; }
#HeaderNav ul li ul { display: none;position: absolute;top: 66px; left: 2px; padding: 10px; padding-bottom: 0; width: 410px; height: auto; z-index: 99999; background: transparent url('/images/ul_bg.png') 0 0 repeat; }

#HeaderNav ul li ul li { float: left; display: block; width: 45%; height: auto; margin: 0; padding: 0; }
#HeaderNav ul li ul li:first-child { margin-right: 20px !important;}
#HeaderNav ul li ul li:last-child { margin-right: 0 !important;}
#HeaderNav ul li ul li ul { margin: 0; padding: 0; float: none; position: relative; top: 0; left: 0; width: 100%;; background: none;}
#HeaderNav ul li ul li ul li { float: none;text-align: left; font-family: Arial, sans-serif; font-size: 14px; margin-bottom: 10px;}

#HeaderNav ul li ul li a { color: #fff; width: 180px; height: auto !important; padding: 0 !important; line-height: 16px; }
#HeaderNav ul li ul li a:hover { text-decoration: underline;}
#HeaderNav ul li ul.hover li { display: block; }
.nav-green { background: url('/images/nav_green.png');}
.nav-orange { background: url('/images/nav_orange.png');}
.nav-red { background: url('/images/nav_red.png');}
.nav-purple { background: url('/images/nav_purple.png');}
.nav-blue { background: url('/images/nav_blue.png');}
#SubNav { width: 100%; height: 27px; margin-left: 12px;}
#SubNav p { margin-right: 10px;}
#SubNav p,#SubNav ul li { line-height: 27px;}
#SubNav ul li { text-align: center; padding: 0 10px; list-style-type: none; float: left; margin: 0 5px;}
#SubNav ul li a:hover { color: #00adef !important;}
 */

/********************************************************************
*	Start: Twitter
*********************************************************************/
.twtr-hd, .twtr-ft { display: none;}
.twtr-widget { margin-left: 4px;}
.twtr-tweet-wrap, .twtr-tweet,.twtr-tweets,.twtr-timeline,.twtr-bd {border: none;}
.twtr-hyperlink, .twtr-hashtag { font-size: 11px;}
#tweet { position: relative;width: 270px; height: auto;}
#twitter-box{  width: 181px; height: auto; background-color:#fff; border-left: 5px solid #32ccff;border-right: 5px solid #32ccff;}
#twitter-box p { margin: 0;}
#tweet-top { width: 191px; height: 14px; background-image:url('/images/tweet_box_top.gif');}
#tweet-bot { width: 191px; height: 14px; background-image:url('/images/tweet_box_bot.gif');}
#follow {float: left; display: block; width: 77px; height: 76px;}
#follow a { display: block; width: 79px; color: #fff; font-size: 10px; padding: 2px 0 0 7px; text-transform: uppercase; height: 74px; background-image:url('/images/follow_bg.gif');}
#single-tweet { float: left;}

/********************************************************************
*	Start: Footer
*********************************************************************/
#Footer { margin-top: 15px;width: 960px; height: 73px; text-align: center; background-color: #c3d841; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#Footer p { line-height: 73px; font-size: 16px; color: #6f6f6f; font-weight: bold; }
#Footer a { color: #00adef;}

.subpage #main-img { display: none; }
.subpage #Header { height: 216px; }
.subpage #Content { margin-left: 2px; }