/*
Theme Name: REDI2010
Theme URI: http://redimedic.com
Description: Theme built for REDI-MEDIC, contains 1col, 2col and 3col layout with fixed width
Version: 1.1
Author: Andy Palmer
Author URI: http://www.saltedliquorice.com
*/

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
files are available at http://www.wpthemerkit.com

License info can be found at http://www.wpthemerkit.com/license.php
=================================================================== */
/*------------------------------------------------------------------
[Table of contents]

1. Main Containers - body, #wrapper, #main, #header, #content, #footer, etc.
2. General Classes - .entry-meta, .post, .description, .underpost, etc.
3. General Links - #content a:link, #footer a:link, etc.
4. Menu - #menu, #menu ul, #menu ul li, #menu ul li a:link, etc.
5. Sidebar Links - #sidebar ul li a:link
6. Headings - #header h1, #content h1, .post h2, .post h3, etc.
7. Date - .entry-date, .entry-month, .entry-day
8. Comments - #commentform, #respond p, etc.
9. Blockquotes - blockquote, blockquote p:first-letter, etc.
10. Align - .alignleft, .alignright, img.alignleft, img.alignright, etc.
11. Misc. and Preventative - Styles to prevent image hover strangeness etc.
-------------------------------------------------------------------*/

/*===START SECTION 1 - the main containers===*/
*{padding:0px; margin:0;}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	color: #191919;
	background-color:#FFFFFF;
}
#wrapper {
	margin: 0 auto;
	padding: 0px;
	width: 1020px;/*1020*/
	position:relative;
}
#header {
	height: 79px;
	width: 960px;
	margin: 0 auto;
	border: 1px #191919 solid;
	background:#bababa url(images/header-gradient.png) top left repeat-x;
	position: relative;
}
#header #rightcolumn{
	text-align:right;
	position:absolute;
	right:0;
	top:0;
	width: 300px;
	padding:5px 0;
	font-size:70%;
}
#rightcolumn a:link, #rightcolumn a:visited {
	color: #191919;
	text-decoration:none;
	font-weight:bold;
}
#rightcolumn a:hover {
	text-decoration:underline;
}
#sitesearch{
	padding:5px 10px;
}
#rightcol li{
	list-style:none;
	padding:0 12px;
}
#rightcol li ul li{
	list-style:none;
	display:inline;
	padding:0 12px;
}
#rightcol a{
	font-weight:bold;
	color:#191919;
	text-decoration:none;
}
#language a:hover{
	text-decoration:none;
}
#language .activelang a {
	color: #ed1f23;
}
#rightcolumn li{
	font-weight:bold;
	list-style:none;
	display:inline;
	padding:0 12px;
}
#rightcolumn #groups li{
	padding:0 5px;
}
#rightcolumn a{
	color:#191919;
	text-decoration:none;
}
#fixed-width{
	width: 960px;
	margin: 0 auto;
	border-left: 1px solid #191919;
	border-right: 1px solid #191919;
	padding: 0px;
	clear: both;
}
#content {
	width: 688px;
	float:left;
	padding: 2px 12px 0 12px;
	margin:0px;
	line-height: 1.3em;
	min-height:355px;
}
#contextual {
	float:left;
	text-align: left;
	padding:0;
	width:958px;
	margin: 0 auto;
	border-right: 1px #191919 solid;
	border-left: 1px #191919 solid;
}
#contextual li{
	padding:0;
	margin:0;
	list-style:none;
}
#apps {
	float:left;
	height: 76px;
	text-align: left;
	font-size: 0.8em;
	padding: 15px 0 0 0;
	width:958px;/*958*/
	margin: 0 auto;
	background:#bababa url(images/app-gradient.png) top left repeat-x;
	border-right: 1px #191919 solid;
	border-left: 1px #191919 solid;
}
#apptext{
	float:left;
	margin:10px 45px 0;
}
#apps a{
	float:left;
	margin-right:25px;
}
#hp-footer {
	float:left;
	height: 18px;
	text-align: left;
	font-size: 0.8em;
	padding: 10px 0 0 0;
	width:958px;
	margin: 0 30px;
	background:#bababa url(images/footer-gradient.png) top left repeat-x;
	border-right: 1px #191919 solid;
	border-bottom: 1px #191919 solid;
	border-left: 1px #191919 solid;
}
#footer {
	height: 18px;
	clear: both;
	text-align: left;
	font-size: 0.8em;
	padding: 8px 0 2px 0;
	width:960px;
	margin: 0 auto;
	background:#bababa url(images/footer-gradient.png) top left repeat-x;
	border: 1px #191919 solid;
}
#leftcol{
	float:left;
	width:466px;
	padding-left:12px;
	font-size: 90%;
}
#rightcol{
	text-align:right;
	float:right;
	width:470px;
	font-size: 90%;
}
/*===END SECTION 1===*/

/*===START sidebar links===*/
#sidevids {
	width: 240px;
	float: right;
	margin: 0;
	padding:0;
	text-align:left;
}
#sidevids ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidevids a:link, #sidevids a:visited {
	color:#1370b7;
	font-weight:bold;
	display: inline-block;
	text-decoration: none;
	margin:5px;
}
#sidevids li a:hover {
	text-decoration: underline;
}
#sidevids ul ul {
  margin-left: 0px;
}
#sidevids ul ul li, #sidevids ul ul li {
  font-size: .9em;
  margin-left: 0px; 
}
#fixed-width #sidevids h2, #fixed-width #sidevids h3, #fixed-width #sidevids h4{ padding:0px; margin:10px 0 0 10px;}
/*===END sidebar===*/

/*===START sidepromo links===*/
#sidepromo {
	position: absolute;
	top: 90px; /*===this is the live style===*/
	/*top: 250px; ===this is the offline style===*/
	right:14px;
	width: 255px;
	margin:0;
	padding:0;
	height: 351px;
}
#fixed-width #sidepromo h2, #fixed-width #sidepromo h3, #fixed-width #sidepromo h4{ color:#FFFFFF; padding-left:10px}
#sidepromo-shaddow{ float:left; padding:0; margin:0; }
#sidepromo-content{float:left; padding:0; margin:0; background:url(images/sidepromo-gradient.png) 0 0 repeat-x; width:233px; height: 351px;}
#sidepromo-fold{float:left; padding:0; margin:0;}
/*===END sidepromo===*/

/*===START SECTION 2 - general classes===*/
.description {
	clear: left;
	padding: 5px 0 5px 35px;
	display: none;
}
.post {
	padding:0;
	font-size: 0.9em;
}
.entry-content, .entry-excerpt {
}
.navigation {
  clear: both;
}
.avatar {
  float: right;
  margin: 0 0 3px 5px;
}
.entry-meta {
  margin: 0 0 10px 0;
}
.underpost {
	font-size: .9em;
}
#content .underpost a {
	text-decoration: underline;
}
/*===END SECTION 2===*/

/*===START SECTION 3 - content and footer links===*/
#content a:link, #content a:visited {
	color: #1370b7;
	text-decoration:none;
}
#content a:hover {
	text-decoration:underline;
}
#hp-footer a:link, #footer a:visited {
	font-weight:bold;
	color: #191919;
	text-decoration:none;
}
#hp-footer a:hover {
	text-decoration:underline;
}
#footer a:link, #footer a:visited {
	font-weight:bold;
	color: #191919;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
/*===END SECTION 3===*/

/*===START SECTION 4 - style for header menu===*/
#access {
	padding: 0;
	text-align:center;
	font-size:100%;
	letter-spacing: normal;
	margin: 0 auto;
	width: 333px;
	height:38px;
	position: absolute;
	left: 320px;
	top: 24px;
}
#access .menu-header,
div.menu {
	/*font-size: 13px;
	margin-left: 12px;*/
}
#access li {
	list-style: none;
	margin: 0;
	text-align:center;
}
#access .menu ul,
div.menu ul {
	list-style: none;
	margin: 0;
	text-align:center;
}
#access .menu li,
div.menu li {
	float:left;
	position: relative;
}
#access .menu li ul li,
div.menu li ul li{
	float:left;
	position: relative;
	text-align:left;
}
#access a {
	font-weight:bold;
	float: left;
	display: block;
	color: #191919;
	text-decoration: none;
	width:82px;
	height: 30px;
	margin: 0; /*Margin between each menu item*/
	padding:8px 0 0 0; /*Padding within each menu item*/
}
#access ul ul{
	text-align:left;
	display:none;
	position:absolute;
	top:35px;
	left:4px;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 200px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 82px;	
}
#access ul ul ul {
	left:100%;
	top:0;
}
#access ul ul a {
	color:#191919;
	background:#bbbbbb;
	height:auto;
	padding:5px 10px;
	width: 180px;
	border-right:#686868 solid 1px;
	border-bottom:#686868 solid 1px;
}
#access li:hover > a{
	font-weight:bold;
	color: #FFFFFF;
	background:	url(images/menu-tab-hover.png);
}
#access li .active a{
	font-weight:bold;
	color: #FFFFFF;
	background: url(images/menu-tab-active.png);
}
#access ul ul :hover > a {
	color:#191919;
	background:#bbbbbb;
}
#access ul li:hover > ul {
	display:block;
}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current_page_parent > a,
#access ul li.current-menu-parent > a {
	background: url(images/menu-tab-active.png);
	color: #fff;
}
#access ul .children li.current_page_item > a,
#access ul .children li.current_page_ancestor > a,
#access ul .children li.current-menu-ancestor > a,
#access ul .children li.current-menu-item > a,
#access ul .children li.current_page_parent > a,
#access ul .children li.current-menu-parent > a {
	background: #bbbbbb;
	color:#191919;
}
#access ul ul li.current_page_item > a,
#access ul ul li.current_page_ancestor > a,
#access ul ul li.current-menu-ancestor > a,
#access ul ul li.current-menu-item > a,
#access ul ul li.current_page_parent > a,
#access ul ul li.current-menu-parent > a {
	background: #bbbbbb;
	color:#191919;
}
.skip-link{
	display:none;
}
/*===END SECTION 4===*/

/*===START SECTION 5 - sidebar links===*/
/*NO SIDEBAR IN A*/
/*===END SECTION 5===*/

/*===START SECTION 6 - style the headings===*/
#header h1 a:link, #header h1 a:visited {
	font-size: 1em;
	float: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0px;
	width: 270px;
	padding: 2px 0 0 10px;
	clear: both;
}
#header h1 a:hover {
	text-decoration: underline;
}
#content h1 {
	font-size: 1.8em;
	padding:10px 0;
}
.post h2 {
	font-size: 1.6em;
	padding:10px 0;
}
.post h3 {
  font-size: 1.4em;
  margin: 0;
  padding:10px 0;
}
/*===END SECTION 6===*/

/*===START SECTION 7 - style the post date===*/
.entry-date {
	height: auto;
	width: auto;
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.entry-month {
	font-size: 19px;
	width: 50px;
	text-align: center;
	height: 20px;
	margin: 7px 0 0 0;
	font-weight: bold;
	padding: 0 0 2px 0;
}
.entry-day {
	font-size: 28px;
	text-align: center;
	height: 30px;
	width: 50px;
	margin: 4px 0 0 0;
	font-weight: bold;
	line-height: 30px;
}
/*===END SECTION 7===*/

/*===START SECTION 8 - comment form and comments===*/
#respond p {
	font-size: .9em;
}
#commentform input {
	
}
#commentform textarea {
	
}

ol.commentlist {
	list-style-type: none;
	margin: 0px;
	padding: 12px 0;
}
ol.commentlist li {
	margin: 15px 0 0 0;
}
#content ol.commentlist li a {
	text-decoration: underline;
}
li.author {
	padding: 5px;
}
/*===END SECTION 8===*/

/*START SECTION 9 - blockquotes....*/
blockquote {
  font: 1.2em/1.6em Arial, Helvetica, Verdana, sans-serif;
  width: 600px;
  background: url(images/blockquote1.png) no-repeat right bottom;
  padding: 0 10px 0 30px;
  text-indent: -30px;
}
blockquote p:first-letter {
  background: url(images/blockquote2.png) no-repeat left center;
  padding: 0 0 0 30px;
  font: italic 1.7em Arial, Helvetica, Verdana, sans-serif;
}
/*===END SECTION 9===*/

/*===START SECTION 10 - alignment===*/
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
img.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto;
}
div.alignright {
	margin: 1px 10px 2px 10px;
	display: inline;
}
div.alignleft {
	margin: 1px 10px 2px 10px;
	display: inline;
}
img.alignright{
	margin: 1px 0px 2px 10px;
	display: inline;
	border:0;
}
img.alignleft {
	margin: 1px 10px 2px 0px;
	display: inline;
	border:0;
}
.wp-caption-text {
  font-size: .7em;
  line-height: 1.1em;
  margin: 0;
}
/*===END SECTION 10===*/

/*===START SECTION 11 - Misc. and Preventatives===*/
a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}
a.image img {
	border: none;
}
#content .post ul {
	list-style-position: inside;
}
#respond {
	padding: 12px 0;
}
.shadow  {text-shadow:#191919 .05em .05em .05em}

#sidepromo .iphoneapp a {margin:5px 0 5px 5px; display:inline-block; width:105px; height:60px; background:url(images/iphone-apps.png) 0 0 no-repeat;}
#sidepromo .iphoneapp a:hover {background:url(images/iphone-apps-hover.png) 0 0 no-repeat;}
#sidepromo .blackbapp a {margin:5px 0 5px 5px; display:inline-block; width:105px; height:60px; background:url(images/blackb-apps.png) 0 0 no-repeat;}
#sidepromo .blackbapp a:hover {background:url(images/blackb-apps-hover.png) 0 0 no-repeat;}
.iphoneapp a {margin:0; padding:5px 0 5px 5px; display:inline-block; width:105px; height:60px; background:url(images/iphone-apps.png) top center no-repeat;}
.iphoneapp a:hover {background:url(images/iphone-apps-hover.png) top center no-repeat;}
.blackbapp a {margin:0; padding:5px 0; display:inline-block; width:105px; height:60px; background:url(images/blackb-apps.png) top center no-repeat;}
.blackbapp a:hover {background:url(images/blackb-apps-hover.png) top center no-repeat;}
#fixed-width h1, #fixed-width h2, #fixed-width h3, #fixed-width h4{color:#1370b7; padding:8px 0}
#kits{float:left; width:462px; padding: 0 15px 10px 0;}

/*===END SECTION 11===*/

/*===START HP ribbon ===*/
#ribbonleft{
	width:30px;
	padding:0;
	margin:0;
	float:left;
}
#ribbonright{
	width:30px;
	padding:0;
	margin:0;
	float:right;
}
#ribboncols{
	color:#FFFFFF;
	width:960px;
	background:url(images/homepage-ribbon-gradient.png) top left repeat-x;
	height:212px;
	float:left;
	position:relative;
}
#ribboncols a{color:#FFFFFF; text-decoration:none}
.colone{
	color:#FFFFFF;
	text-decoration:none;
	position:relative;
	float:left;
	padding: 18px 5px 0 0;
}
.coltwo{
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	text-align:center;
	width: 210px;
	position:relative;
	float:left;
	margin:10px 1px 0 1px;
	padding:0 9px;
	border-right:solid 1px #5fa9e2;
}
.colthree{
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	text-align:center;
	width: 210px;
	position:relative;
	float:left;
	margin:10px 1px 0 1px;
	padding:0 9px;
	border-right:solid 1px #5fa9e2;
}
.colfour{
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	text-align:center;
	width: 210px;
	position:relative;
	float:left;
	margin:10px 1px 0 1px;
	padding:0 9px;
	border-right:solid 1px #5fa9e2;
}
.colfive{
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	text-align:center;
	width: 210px;
	position:relative;
	float:left;
	margin:10px 1px 0 1px;
	padding:0 9px;
}
#ribboncols h3 {
	font-size: 1.7em;
}
#ribboncols h4 {
	font-size: 2.6em;
}
#ribboncols p{
	font-size:90%;
}
/*===End HP ribbon ===*/

/*===START Product ribbon ===*/
#prod-ribboncols{
	color:#FFFFFF;
	width:960px;
	background:url(images/product-ribbon-gradient.png) top left repeat-x;
	height:174px;
	float:left;
}
#prod-ribboncols h3{
	font-size:130%;
	padding:2px 0 0 22px;
}
#prod-ribboncols a{
	font-size:90%;
	font-weight:bold;
	color:#1069ac;
	text-decoration:none;
}
#prod-ribboncols #price{
	color:#1069ac;
	display:block;
	text-align:left;
	width: 480px;
	position:relative;
	float:left;
	margin:25px 10px 0 0;
	padding:0;
}
#prod-ribboncols #price table{
	border-collapse:collapse;
	background: #fff;
}
#prod-ribboncols #price table,th, td{
	border: 1px solid #86c2ef;
	padding:5px;
}
#prod-ribboncols #decorations{
	color:#FFFFFF;
	display:block;
	text-align:left;
	width: 150px;
	position:relative;
	float:left;
	margin:20px 10px 0 10px;
	padding:0;
}
#prod-ribboncols #series{
	color:#FFFFFF;
	display:block;
	text-align:left;
	width: 260px;
	position:relative;
	float:left;
	margin:20px 0 0 30px;
	padding:0;
}
#prod-ribboncols #previous{
	display:block;
	text-decoration:none;
	text-align:left;
	position:relative;
	float:left;
	width:120px;
	margin:10px 10px 0 0;
}
#prod-ribboncols #next{
	display:block;
	text-align:right;
	position:relative;
	float:left;
	width:120px;
	margin: 10px 0 0 0;
}
.priceboxone{
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	text-align:center;
	width: 80px;
	position:relative;
	float:left;
	margin:5px 0px 0 5px;
	padding:0 9px 10px 9px;
	border-right:solid 1px #5fa9e2;
	border-bottom:solid 1px #5fa9e2;
}
.priceboxtwo{
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	text-align:center;
	width: 80px;
	position:relative;
	float:left;
	margin:5px 1px 0 0px;
	padding:0 9px 10px 9px;
	border-bottom:solid 1px #5fa9e2;
}
.priceboxthree{
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	text-align:center;
	width: 80px;
	position:relative;
	float:left;
	margin:0px 0px 0 5px;
	padding:5px 9px 0 9px;
	border-right:solid 1px #5fa9e2;
}
.priceboxfour{
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	text-align:center;
	width: 80px;
	position:relative;
	float:left;
	margin:0px 1px 0 0px;
	padding:5px 9px 0 9px;
}
/*===End product ribbon ===*/
#splitone{
	float:left;
	padding:0 10px;
	margin:0;
}
#splittwo{
	float:left;
	padding:10px;
}
#splittwo a{
	font-weight:bold;
	font-size:120%;
}
/*===Start Promobox ===*/
#promo {
	width: 960px;
	height:280px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	position:relative;
	border-left:#191919 1px solid;
	border-right:#191919 1px solid;
}
.main_view {
	float: left;
	position: relative;
}
.window {
	padding:0; margin:0;
	height:280px;	width:960px;/*960*/
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	background:url(images/promo-gradient.png) top left repeat-x;
}
.image_reel {
	position: absolute;
	top: 0;
	left: 0;
	width: 2000px;/*960*/
}
.image_reel img {float: left;}
.image_reel a{display:block;}

.paging {
	position: absolute;
	bottom: 20px; left: -9px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(images/promo-paging.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 10px;
	text-decoration: none;
	color: #fff;
	background:url(images/radio.png) center  left  no-repeat;
}
.paging a.active {
	background:url(images/radio-active.png) center left no-repeat;
}
.panel{display:inline; height:280px; padding:0; margin:0;}
.txt{float:left; font:140%; width:435px; height:228px; display:block; padding: 52px 0 0 45px;}
.txt h2{margin:0; padding:0;}
.txt p{margin:0; padding:0; font-weight:bold;}
.txt a{margin:0; padding:0; font-weight:bold; color:#000}
#vid_one{float:left; width:366px; height:256px; display:block; margin:12px 0 0 72px; padding:12px 0 0 42px; background:url(images/promo-screen.png) no-repeat top left;}
#vid_two{float:left; width:389px; height:252px; display:block; margin:10px 0 0 3px; padding:18px 0 0 89px; background:url(images/promo-iphone.png) no-repeat top left;}
#vid_three{float:left; width:297px; height:226px; display:block; margin:14px 0 0 150px; padding:40px 0 0 33px; background:url(images/promo-blackberry.png) no-repeat top left;}
#vid_four{float:left; width:390px; height:241px; display:block; margin:19px 0 0 0; padding:20px 0 0 88px; background:url(images/promo-hero.png) no-repeat top left;}
#vid_five{float:left; width:330px; height:263px; display:block; margin:17px 0 0 150px; background:url(images/promo-dog.png) no-repeat top left;}
/*===Start Promobox ===*/

/*===Start videos===*/
#sidevids iframe{
	margin:0;
	padding:0 10px 0 0;
}
#sidevids #clips{
	text-align: left;
	height:80px;
	overflow-y:scroll;
	overflow-x:none;
	margin:5px 5px 0 5px;
}
#sidevids p{margin-left:5px;}
#sidepromo-content #clips{
	text-align: center;
	height:150px;
	overflow-y:scroll;
	overflow-x:none;
	margin:5px 0 0 0;
}
#sidepromo-content #clips img{
	padding:0 0 5px 0;
}
#content #clips{
	text-align: center;
	height:150px;
	overflow-y:scroll;
	overflow-x:none;
	margin-top:5px;
}
/*===End videos===*/

/*===Start themepage product list ===*/
.themeproducts-table{
	clear:both;
	width:100%;
}
.productdisplay br{
	display:none;
}
.single_additional_description table{
	 border-collapse: collapse;
}
.productdisplay table{
	 border-collapse: collapse;
	padding:8px 0;
}
.displaynone{
	display:none;
}
#price-range{
	position:absolute;
	top:0;
	left:-1000px;
	visibility:hidden;
}
.single_additional_description p{
	line-height:1.2em;
	margin:8px 0;
}
.single_product_display .product_image{
	margin:10px 10px 0 0;
}