﻿    
/*  CSS Document --------------------------------------

* Filename: AddedToCart.css
* Description: Add to cart redirection 
* Version: 1.0
* Website: Miles Kimball
* Author: Tracy Weber
* Date: 10/12/09


	


------------------------------------------------------- */

/* __Master

------------------------------------------------------- */


hr 
{
    border:0;
    color:#e0e1e3;
    background-color:#e0e1e3;
    height:1px;
    width:100%;
    text-align:left;
}

.paddingFive
{
	padding:5px;
}

.clearBoth
{
    clear:both;
    height:0px;
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

/*------------------------------------------------------- */

/* __Add To Cart

------------------------------------------------------- */


#addedToCartPageWrapper
{
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#00539f;
	line-height: 1.8em;
	padding:20px;
}

#addToCartWrapper
{
    padding:5px 5px 0px 5px;
    background-color:#f1f2f4;
    border: solid 1px #CCC;
    margin:0 auto;
    vertical-align:top;
    width:700px;
}

#addToCartInnerWrapper 
{
    background-color:#FFF;
    border: solid 1px #CCC;
    padding:10px;
    margin-bottom:5px;
}


#addToCartSeparation
{
	float:left;
	width:490px;
}

#addToCartInnerWrapper input
{
    float:left;
    margin:0px 10px 0px 0px;
    clear:both;
}

#addToCartButtons
{
    width:175px;
    padding:2px 10px 0px 10px;
    float:left;
}

.addToCartTitle
{
	font-size:15px;
	font-weight:bold;
}

.addToCartTitle a:link
{
	color:#00539f;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

.addToCartTitle a:visited
{
	color:#00539f;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

.addToCartTitle a:hover
{
	color:#8bb6de;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

.addToCartTitle a:active
{
	color:#00539f;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

.addToCartInfo
{
	font-size:11px;
	font-weight:bold;
	text-align:left;
}

/*------------------------------------------------------- */

/* __Quick Order

------------------------------------------------------- */

.quickOrderPadding
{
	padding:5px;
}

.quickOrderTitle
{
	font-family: Arial, Verdana, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding: 0px 10px 0px 15px;
}

#quickOrderWrapper
{
    padding:10px 0px 10px 0px;
    margin:0 auto;
    line-height: 2.4em;
}

#quickOrderInside
{
	text-align:center;
    padding:3px;
    border:1px solid #CCC;
}



/*------------------------------------------------------- */

/* __Kicker Layout

------------------------------------------------------- */
.productSeparation
{
    height:200px;
    width:700px;
    margin:0 auto;
    padding:5px;
}

.productSeparationTop
{
   padding:5px 0px 5px 0px;
   margin:0 auto;
   width:650px;
}


h3.addToCartHeadlines 
{
    display:inline;
    font-family:Arial, Tahoma, Verdana, sans-serif;
    font-weight:bold;
    font-size:18px;
}
h3.addToCartHeadlinesSale 
{
    display:inline;
    font-family:Arial, Tahoma, Verdana, sans-serif;
    font-weight:bold;
    font-size:18px;
    color:#FFF;
}
.productHeaderDivider
{
	background-color:#f1f2f4;
	border: solid 1px #CCC;
	padding:5px 10px 5px 5px;
}
.productHeaderSlogans
{
	float:right;
	font-family:Arial, Tahoma, Verdana, sans-serif;
    font-weight:bold;
    font-size:16px;
    color:#FFF;
}

.productHeaderDividerSale
{
	background-color:#8e0e0e;
	border: solid 1px #8e0e0e;
	padding:5px 10px 5px 5px;
}

.salePrice
{
	color:Red;
	font-weight:normal;
}

/*------------------------------------------------------- */

/* __Top Category Products

------------------------------------------------------- */


.catTopProdWrapper
{
	margin: 0 auto;
	padding:5px;
	font-family:Arial, Tahoma, Verdana, sans-serif;
	color:#3569b8;
	font-weight:bold;
	width:590px;
	
}
.catHeadline
{
	font-size:16px;
}

.catTopProducts
{
	background-color:#f1f2f4;
    border: solid 1px #CCC;
    padding:10px;
}

.catTopProductsHorizontal
{
	padding:0px;
	margin:0px;
	list-style:none;
	overflow:hidden;
}

.catTopProductsHorizontal li
{
	float:left;
	color:#000;
	text-align: center;
	width:142px;
	line-height:1.4em;
}

.catTopProductsHorizontal span
{
	display:block;
	font-family:Verdana, sans-serif;
	font-weight:normal;
	font-size:10px;
}

.catPaddingLeft
{
	float:left;
	width:220px;
	padding:5px;
}

.catPaddingRight
{
	float:right;
	width:380px;
	padding:5px;
	text-align:right;
}

.itemCount, .itemCount a:link, .itemCount a:visited, .itemCount a:hover, .itemCount a:active
{
	text-decoration:none;
}

.catTopProducts a:link
{
	font-family:Verdana, sans-serif;
	font-size:11px;
	line-height:1.2em;
	text-decoration:none;
}

.catTopProducts a:visited
{
	font-family:Verdana, sans-serif;
	font-size:11px;
	line-height:1.2em;
	text-decoration:none;
}

.catTopProducts a:hover
{
	font-family:Verdana, sans-serif;
	font-size:11px;
	line-height:1.2em;
	text-decoration:underline;
}

.catTopProducts a:active
{
	font-family:Verdana, sans-serif;
	font-size:11px;
	line-height:1.2em;
	text-decoration:none;
}

#catTopProdTextWrapper
{
	padding:0px 20px 0px 20px;
}


/*------------------------------------------------------- */

/* __MK Homepage Templates

------------------------------------------------------- */
.homepageTemplateWrapper
{
	font-family:Arial, Tahoma, Verdana, sans-serif;
	color:#3569b8;
	font-weight:bold;
	font-size:12px;
	width:684px;
	padding:5px;
	line-height:.9em;
}


.temp1_homepageTemplateWrapper
{
	font-family:Arial, Tahoma, Verdana, sans-serif;
	color:#3569b8;
	font-weight:bold;
	font-size:12px;
	width:684px;
	padding:3px 0px 3px 0px;
	line-height:.9em;
}

#temp1_homepageMainGraphic
{
	height:465px;
	width:670px;
	padding:3px 5px 3px 5px;
}

.temp1_homepageBottomKicker
{
	padding:3px;
}

#temp1_homepageKicker1
{
	float:left;
	width:164px;
	height:134px;
	padding:3px 3px 3px 5px;
}

#temp1_homepageKicker2
{
	float:left;
	width:164px;
	height:134px;
}

#temp1_homepageKicker3
{
	float:left;
	width:164px;
	height:134px;
}

#temp1_homepageKicker4
{
	float:left;
	width:164px;
	height:134px;
	padding:3px 5px 3px 3px;
}

#temp1_homepageBanner
{
	width:670px;
	height:140px;
	padding:3px 5px 3px 5px; 
}

/* Template 2 - Products along bottom */

#temp2_homepageBanner
{
	width:670px;
	height:95px;
	background-color:Blue;
	margin-bottom:5px;
}

#temp2_homepageMainGraphicLeft
{
	float:left;
	height:400px;
	width:440px;
	background-color:Aqua;
	margin:0px 5px 5px 0px;
}

#temp2_homepageMainGraphicRight
{
	float:left;
	height:400px;
	width:235px;
	background-color:Orange;
	margin-bottom:5px;
}

#temp2_homepageProductHeadline
{
	background-color:#3569b8;
	color:#FFF;
	font-size:16px;
	padding:10px 0px 10px 10px;
	border: solid 1px #245197;
}

.temp2_homepageKicker
{
	margin:10px 10px 5px 10px;
}

.temp2_productDescription
{
	padding:5px;
	text-align:center;
	font-size:12px;
	color:#000;
	line-height:1.2em;
}

#temp2_homepageKicker1
{
	float:left;
	width:110px;
	margin:10px 10px 5px 20px;
}

#temp2_homepageKicker2
{
	float:left;
	width:110px;
}

#temp2_homepageKicker3
{
	float:left;
	width:110px;
}

#temp2_homepageKicker4
{
	float:left;
	width:110px;
}

#temp2_homepageKicker5
{
	float:left;
	width:110px;
}

/* Template 3 - 4 Squres */

#temp3_homepageSquare1
{
	float:left;
	width:339px;
	background-color:Blue;
	height:243px;
	margin:0px 5px 5px 0px;
}

#temp3_homepageSquare2
{
	float:left;
	width:339px;
	background-color:Red;
	height:243px;
	margin:0px 0px 5px 0px;
}

#temp3_homepageSquare3
{
	float:left;
	width:339px;
	background-color:Green;
	height:243px;
	margin:0px 5px 5px 0px;
}

#temp3_homepageSquare4
{
	float:left;
	width:339px;
	background-color:Orange;
	height:243px;
	margin:0px 0px 5px 0px;
}



/*------------------------------------------------------- */

/* __Add To Cart Kickers

/*------------------------------------------------------- */
/**
 * jCarousel Plugin-specific files
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container
{
	position: relative;
}
.jcarousel-clip
{
	z-index: 2;
	padding: 0;
	margin: 5px;
	overflow: hidden;
	position: relative;
}
.jcarousel-list
{
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-list li, .jcarousel-item
{
	float: left;
	list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */
	margin: 0;
	height:200px;
	width:400px;
}

/* Based on tango skin - small modifications only - IAR march 2009 */
/*
.jcarousel-skin-doomed a img {
    height:110px;
    width:110px;
}
*/
.jcarousel-skin-doomed .jcarousel-container {
    -moz-border-radius: 10px;
    background-image:url(../images/redesign/scrollerBack.png);
	background-repeat:repeat-x;
    border: 1px solid #c0c0c5;
}

/* Size of the carousel, as a whole: */
.jcarousel-skin-doomed .jcarousel-container-horizontal {
    width: 570px; /* original value 245 - modified by IAR */
    padding: 10px 40px;
}

/*.jcarousel-skin-doomed .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}*/

/* Area where the thumbnails go into: */
.jcarousel-skin-doomed .jcarousel-clip-horizontal {
    width:  570px; /* original value 245 - modified by IAR */
    height: 200px; /* original value 75 - modified by IAR */
}

/*.jcarousel-skin-doomed .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}*/

/* Actual space reserved for each thumbnail: */
.jcarousel-skin-doomed .jcarousel-item {
    width: 100px; /* original value 75 - modified by IAR */
    height: 200px; /* original value 75 - modified by IAR */
}

/* Space between thumbnails: */
.jcarousel-skin-doomed .jcarousel-item-horizontal {
    margin-right: 10px; /* original value 10 - modified by IAR */
}

/*.jcarousel-skin-doomed .jcarousel-item-vertical {
    margin-bottom: 10px;
}*/

.jcarousel-skin-doomed .jcarousel-item-placeholder {
    
}

/**
*  Horizontal Buttons
*/
.jcarousel-skin-doomed .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right:0px;
    width:25px;
    height:85px;
    cursor: pointer;
    background: transparent url(../images/redesign/scrollerForwardBtnActive.png) no-repeat 0 0;
}

.jcarousel-skin-doomed .jcarousel-next-horizontal:hover 
{
	background: transparent url(../images/redesign/scrollerForwardBtnHover.png) no-repeat 0 0;
}

.jcarousel-skin-doomed .jcarousel-next-horizontal:active 
{
	background: transparent url(../images/redesign/scrollerForwardBtnActive.png) no-repeat 0 0;
}

.jcarousel-skin-doomed .jcarousel-next-disabled-horizontal 
{
	background: transparent url(../images/redesign/scrollerForwardBtn.png) no-repeat 0 0;
}

.jcarousel-skin-doomed .jcarousel-next-disabled-horizontal,
.jcarousel-skin-doomed .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-doomed .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-skin-doomed .jcarousel-prev-horizontal {
    position:absolute;
    top:60px;
    left:0px;
    width:25px;
    height:85px;
    cursor: pointer;
    background: transparent url(../images/redesign/scrollerPreviousBtnActive.png) no-repeat 0 0;
}

.jcarousel-skin-doomed .jcarousel-prev-horizontal:hover 
{
	background: transparent url(../images/redesign/scrollerPreviousBtnHover.png) no-repeat 0 0;
   
}

.jcarousel-skin-doomed .jcarousel-prev-horizontal:active {
	background: transparent url(../images/redesign/scrollerPreviousBtnActive.png) no-repeat 0 0;
}

.jcarousel-skin-doomed .jcarousel-prev-disabled-horizontal {
	background: transparent url(../images/redesign/scrollerPreviousBtn.png) no-repeat 0 0;
}

.jcarousel-skin-doomed .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-doomed .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-doomed .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
   
}

/**
*  Vertical Buttons
*/
/*.jcarousel-skin-doomed .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-doomed .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-doomed .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-doomed .jcarousel-next-disabled-vertical,
.jcarousel-skin-doomed .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-doomed .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-doomed .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-doomed .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-doomed .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-doomed .jcarousel-prev-disabled-vertical,
.jcarousel-skin-doomed .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-doomed .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}*/




/* Vertical */

/* Based on tango skin - small modifications only - IAR march 2009 */
/*
.jcarousel-skin-doomedvert a img {
    height:110px;
    width:110px;
}
*/
.jcarousel-skin-doomedvert .jcarousel-container {
    -moz-border-radius: 10px;
    background-image:url(../images/redesign/scrollerBack.png);
	background-repeat:repeat-x;
    border: 1px solid #c0c0c5;
}

/* Size of the carousel, as a whole: */
.jcarousel-skin-doomedvert .jcarousel-container-horizontal {
    width: 570px; /* original value 245 - modified by IAR */
    padding: 10px 40px;
}

.jcarousel-skin-doomedvert .jcarousel-container-vertical {
    width: 190px;
    height: 400px;
    padding: 40px 20px;
}

/* Area where the thumbnails go into: */
.jcarousel-skin-doomedvert .jcarousel-clip-horizontal {
    width:  190px; /* original value 245 - modified by IAR */
    height: 400px; /* original value 75 - modified by IAR */
}

.jcarousel-skin-doomedvert .jcarousel-clip-vertical {
    width:  190px;
    height: 400px;
}

/* Actual space reserved for each thumbnail: */
.jcarousel-skin-doomedvert .jcarousel-item {
    width: 100px; /* original value 75 - modified by IAR */
    height: 200px; /* original value 75 - modified by IAR */
}

/* Space between thumbnails: */
.jcarousel-skin-doomedvert .jcarousel-item-horizontal {
    margin-right: 10px; /* original value 10 - modified by IAR */
}

.jcarousel-skin-doomedvert .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-doomedvert .jcarousel-item-placeholder {
    
}

/**
*  Horizontal Buttons
*/
/*.jcarousel-skin-doomedvert .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right:0px;
    width:25px;
    height:85px;
    cursor: pointer;
    background: transparent url(../images/redesign/scrollerForwardBtnActive.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-next-horizontal:hover 
{
	background: transparent url(../images/redesign/scrollerForwardBtnHover.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-next-horizontal:active 
{
	background: transparent url(../images/redesign/scrollerForwardBtnActive.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-next-disabled-horizontal 
{
	background: transparent url(../images/redesign/scrollerForwardBtn.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-next-disabled-horizontal,
.jcarousel-skin-doomedvert .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-doomedvert .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-skin-doomedvert .jcarousel-prev-horizontal {
    position:absolute;
    top:60px;
    left:0px;
    width:25px;
    height:85px;
    cursor: pointer;
    background: transparent url(../images/redesign/scrollerPreviousBtnActive.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-prev-horizontal:hover 
{
	background: transparent url(../images/redesign/scrollerPreviousBtnHover.png) no-repeat 0 0;
   
}

.jcarousel-skin-doomedvert .jcarousel-prev-horizontal:active {
	background: transparent url(../images/redesign/scrollerPreviousBtnActive.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-prev-disabled-horizontal {
	background: transparent url(../images/redesign/scrollerPreviousBtn.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-doomedvert .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-doomedvert .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
   
}*/

/**
*  Vertical Buttons
*/
.jcarousel-skin-doomedvert .jcarousel-next-vertical {
    position: absolute;
    bottom: 0px;
    left: 70px;
    width: 100px;
    height: 23px;
    cursor: pointer;
   background: transparent url(../images/redesign/ScrollerForwardBtnActiveVert.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-next-vertical:hover {
  background: transparent url(../images/redesign/ScrollerForwardBtnHoverVert.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-next-vertical:active {
    background: transparent url(../images/redesign/ScrollerForwardBtnActiveVert.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-next-disabled-vertical {
    background: transparent url(../images/redesign/ScrollerForwardBtnDisabledVert.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-next-disabled-vertical,
.jcarousel-skin-doomedvert .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-doomedvert .jcarousel-next-disabled-vertical:active {
    cursor: default;
    
}

.jcarousel-skin-doomedvert .jcarousel-prev-vertical {
    position: absolute;
    top: 0px;
    left: 70px;
    width: 100px;
    height: 23px;
    cursor: pointer;
    background: transparent url(../images/redesign/scrollerPreviousBtnActiveVert.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-prev-vertical:hover {
    background: transparent url(../images/redesign/scrollerPreviousBtnActiveVert.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-prev-vertical:active {
   background: transparent url(../images/redesign/scrollerPreviousBtnActiveVert.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-prev-disabled-vertical {
   background: transparent url(../images/redesign/scrollerPreviousBtnActiveVert.png) no-repeat 0 0;
}

.jcarousel-skin-doomedvert .jcarousel-prev-disabled-vertical,
.jcarousel-skin-doomedvert .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-doomedvert .jcarousel-prev-disabled-vertical:active {
    cursor: default;
   
}





