﻿    
/*  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, Verdana, sans-serif;
	font-size:12px;
	color:#3b4966;
	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:690px;
}

#addToCartInnerWrapper 
{
    background-color:#FFF;
    border: solid 1px #CCC;
    padding:10px;
    margin-bottom:5px;
}


#addToCartSeparation
{
	float:left;
	width:470px;
}

#addToCartInnerWrapper input
{
    float:left;
    margin:0px 10px 0px 0px;
    clear:both;
}

#addToCartButtons
{
    width:195px;
    padding:2px 10px 0px 10px;
    float:left;
}

.addToCartTitle
{
	font-size:15px;
	font-weight:bold;
}

.addToCartTitle a:link
{
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

.addToCartTitle a:visited
{
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

.addToCartTitle a:hover
{
	color:#3569b8;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

.addToCartTitle a:active
{
	color:#000;
	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:680px;
    margin:0 auto;
    padding:5px;
}

.productSeparationTop
{
   padding:0px 0px 5px 0px;
   margin:0 auto;
}


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:#3b4966;
	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;
}

.itemCount, .itemCount a:link, .itemCount a:visited, .itemCount a:hover, .itemCount a:active
{
	text-decoration:none;
}

.catPaddingRight
{
	float:right;
	width:380px;
	padding:5px;
	text-align:right;
}


.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

------------------------------------------------------- */


/*
*  Kicker Skin
*/
.jcarousel-container
{
	-moz-border-radius: 10px;
	border: 1px solid #cccccc;
	margin:0 auto;
}

.jcarousel-container-horizontal
{
	width: 600px; 
	padding: 7px 40px 5px 55px;
}
 .jcarousel-clip-horizontal
{
	width: 590px;
	height: 195px;
}
.jcarousel-item-horizontal
{
	margin-right: 10px;
}


/*
 *  Kicker Buttons
 */
 .jcarousel-next-horizontal
{
	position: absolute;
	top: 75px;
	right: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image:url(../../images/AddToCart/btnArrowRightBlue.png);
}

 .jcarousel-next-horizontal:hover
{
	background-image:url(../../images/AddToCart/btnArrowRightGreen.png);
}

.jcarousel-next-horizontal:active
{
	background-image:url(../../images/btnArrowRightBlue.png);
}

.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active
{
	cursor: default;
	background-image:url(../../images/AddToCart/btnArrowRightGray.png);
}

 .jcarousel-prev-horizontal
{
	position: absolute;
	top: 75px;
	left: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image:url(../../images/AddToCart/btnArrowLeftBlue.png);
	background-repeat:no-repeat;
}
 
.jcarousel-prev-horizontal:hover
{
	background-image:url(../../images/AddToCart/btnArrowLeftGreen.png);
	background-repeat:no-repeat;
}

.jcarousel-prev-horizontal:active
{
	background-image:url(../../images/AddToCart/btnArrowLeftBlue.png);
	background-repeat:no-repeat;
}

 .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active
{
	cursor: default;
	background-image:url(../../images/AddToCart/btnArrowLeftGray.png);
	background-repeat:no-repeat;
}

.jcarousel-skin-tango span
{
	display:block;
}
.jcarousel-skin-tango a img
{
	border: solid 1px dimgray;
	/*height:110px;
	width:110px;*/
}
.jcarousel-skin-tango a img:hover
{
	border-color: #0191C7;
}
.jcarousel-skin-tango a
{
	text-decoration: none;
	font-size: 11px;
	color: #000;
	font-weight:bold;
	line-height:1.3em;
}
.jcarousel-skin-tango a:hover
{
	text-decoration: underline;
}

/**
 * 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;
}

 .jcarousel-skin-tango .jcarousel-item
{
	width: 130px;
	margin-right:2.1em;
	text-align:center;
	line-height:1.4em;
	height: 195px;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next
{
	z-index: 3;
	display: none;
}
.jcarousel-prev
{
	z-index: 3;
	display: none;
}







