/*-------------------------------------------

	-- -- -- -- -- -- --
	skin name: Pink Splat 
	skin url: http://mycubecart.com/
	skin version: 1.1.0 L
	cubecart version: 3.0.17 tested
	author: Ron Edgecomb II
	author url: http://mycubecart.com
	copyright: international and domestic copyright laws apply
	description: Pink Themed, Fixed Width Skin For CubeCart 3.0.x
	created: 23 february 2008
	last edit: 26 november 2008
	-- -- -- -- -- -- --

	-- -- -- -- -- -- --	
	LICNESE AGREEMENT:
	Usage of this skin is strictly prohibited without acceptance of the
	license agreement and purchase of a valid license through MyCubeCart.com. 
	One license purchased will permit usage of this skin on a single CubeCart
	store installation. This non-exclusive license grants you certain rights 
	to use the product and is not an agreement for sale of the skin or 
	accompanied documentation or any portion of it.  The product and accompanied 
	documentation may not be sublicensed, sold, leased, rented, lent, or given 
	away to another person or entity. This skin and accompanied documentation 
	remain the intellectual property of MyCubeCart.com.
	
	Full license and terms of use can be found by visiting:
	http://mycubecart.com/terms-and-conditions/
	MyCubeCart.com also reserves the right to modify the license agreement and 
	terms of use with or without notice at any time and without any liability to you.
	-- -- -- -- -- -- --	
	
	-- -- -- -- -- -- --		
	DISCLAIMER:
	The Software is provided on an "AS IS" basis, without warranty of any 
	kind, including without limitation the warranties of merchantability, 
	fitness for a particular purpose and non-infringement. The entire risk 
	as to the quality and performance of the software is borne by you. 
	Should the software prove defective, you and not MyCubeCart.com assume 
	the entire cost of any service and repair.
	
	Use at your own risk!
	-- -- -- -- -- -- --	
-------------------------------------------*/

/*-------------------------------------------

    General Setup

-------------------------------------------*/
* {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0;
	}	
body {
	color: #000;
	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #fff url(bg_body.png) repeat-x 0 0;
	}
body * {
	font-size: 95%;
	line-height: 1.5;
	}

/* --->>> Resest <<<--- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p,dl,dt,dd,ul,ol,li,strong,em {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,cite {margin: 0; padding: 0;}
a img,:link img,:visited img, fieldset {border: none;}
address {font-style: normal;}
acronym { cursor: help; border-bottom: 1px dotted; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }
em { font-weight: inherit; font-style: italic; }

/* --->>> Global Redefine <<<--- */

/* form elements  */
input, textarea {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(bg_input.png) repeat-x 0 bottom;
	border: 1px solid #999;
	}

label { display: block; font-weight: bold; }

/* headings  */
h3, form.search label {
	color: #ff00ab;
	font: 1.125em/1.5 Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -.0125em;
	border-bottom: 1px dashed #66b6fc;
	}

#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 {
	color: #000;
	font: 1.25em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -.0125em;
	text-indent: 15px;
	padding: 15px 0 2px;
	margin-bottom: 5px;
	background: transparent url(bg_h2.png) no-repeat 0 -3px;	
	border-bottom: 1px dashed #66b6fc;
	}

#content h1, #content h3, #content h5 {
	background: transparent url(bg_h3.png) no-repeat -10px -3px;	
	border-bottom: 1px dashed #fd89d7;
	}

#content h1, #content h2 { font-weight: bold; }
#content h1, #content h2, #content h3 { text-transform: uppercase; }

#content h5 { font-size: 1.125em; }
#content h6 { font-size: 1em; }

legend, hr, .br br { display: none;	}
.hr, .br {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	border: none;
	}
	
/* links */
a, a:link, a:visited, a:hover { color: #0088fc; }


/*-------------------------------------------

    Boxes of goodness

-------------------------------------------*/
/* --->>> Container <<<--- */
#container {
	width: 770px;
	margin: 0 auto;
	position: relative;
	}
	#container-wrapper {
		width: 100%;
		float: left;
		background: transparent url(bg_container.png) no-repeat 0 0;	
		}

/* --->>> Header <<<--- */
#header {
	height: 148px;
	padding: 0 15px;
	position: relative;
	}

	/* logo */
	#header h1 { 
		width: 350px;
		height: 80px;
		position: absolute;
		top: 31px; left: 225px;
		}

	/* Settings */
	#settings {
		position: absolute;
		top: 0; right: 20px;
		padding: 3px;
		background: #6dbafc;
		border: 1px solid #438ece;
		}

		#settings p {
			min-width: 180px;
			float: left;
			white-space: nowrap;
			}
			* html #settings p { width: 180px; }
			
		#settings label span { 
			font: 12px/14px Verdana, Arial, Helvetica, sans-serif; 
			letter-spacing: -.0125em;			
			text-transform: uppercase;
			}
		
	/* top navigation */
	ul#top-nav { 
		position: absolute;
		top: 115px; left: 225px;
		}
	ul#top-nav li { display: inline; }
		ul#top-nav li a, ul#top-nav li a:link, ul#top-nav li a:visited { 
			color: #000; 
			font: 12px/36px Verdana, Arial, Helvetica, sans-serif;
			letter-spacing: -.0125em;			
			margin: 0 5px;
			}
			ul#top-nav li a:hover { text-decoration: underline; }
			
		ul#top-nav li a.active, ul#top-nav li a.active:link, ul#top-nav li a.active:visited { color: #58a5e6; text-decoration: underline; }

	/* session */
	#header p.welcome {
		position: absolute;
		top: 92px; right: 20px;
		font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
		text-align: right;
		}
		#header p.welcome a, #header p.welcome a:link,
		#header p.welcome a:visited, #header p.welcome a:hover { color: #29587f; }
		#header p.welcome a:hover { text-decoration: underline; }

	/* mailing list */
	#mailing-list {
		width: 190px;
		position: absolute;
		top: 5px; left: 20px;
		}
		#mailing-list h3, #sidebar h3, form.search label {
			background: transparent url(icon-sprite.gif) no-repeat 0 3px;
			padding-left: 20px;
			}
		#mailing-list p { font-size: .75em; margin-bottom: .5em; }
		#mailing-list p label { font-size: 11px; }

/* --->>> Content <<<--- */
#content {
	width: 550px;
	float: left;
	}

	/* banner */
	#content p.banner {
		margin: 2px 0 0 3px; padding: 0;
		}

	#content-wrapper { margin: 0 10px 25px 10px; }
	
	/* Latest */
	#content div.latest h4 {
		font-size: 10px;
		margin: 0; padding: 0;
		text-indent: 0;		
		background: none;
		border: none;
		}
	div.latest {
		width: 140px;
		min-height: 13em;
		float: left;
		padding: 5px 10px;		
		margin: 5px;
		background: transparent url(bg_product.png) repeat-x 0 bottom;	
		border: 1px solid #bdbcbd;
		}
		* html div.latest { height: 13em; }
		div.latest h4, div.latest p { text-align: center; font-size: 10px; margin-top: 5px; }
		
	/* View Category */
	.buy-buttons a.button, .buy-buttons a.alt-button { display: block; }

	div.subCat {
		width: 115px;
		min-height: 75px;
		float: left;
		padding: 5px;
		}
		* html div.subCat { height: 75px; }
	
	#content div.subCat h4 {
		font-size: 10px;
		margin: 0; padding: 0;
		text-indent: 0;
		text-align: center;		
		background: none;
		border: none;
		}
	
	/* View Product */
	p.add-cart label { display: inline;	}
	p.prod-img, p.img-more { text-align: center; padding: 10px 0; }
	
	/* Cart */
	p.cart-progress {
		padding: .5em 0;
		text-align: center;
		background: #f5f5f5;
		border: 1px solid #ccc;
		}
		.txtcartProgressCurrent { color: #1f62d1; font-weight: bold; }
	#shopping-cart table { margin: 5px 0; border-collapse: collapse; }
	#shopping-cart table td { border: 1px solid #ccc; }
	td.tdcartEven { background: #f5f5f5; }
	td.tdcartTitle { background: #ccc; font-weight: bold; }
	#shopping-cart .no-border td { border: none; }	
	#shopping-cart .basket-total td { font-size: 1.125em; }
	p.cart-buttons { text-align: right; padding: 10px 0; }
	p.cart-buttons span { width: 75%; float: left; font-size: 1em; }	
 
	
/* --->>> Sidebar <<<--- */
#sidebar {
	width: 210px;
	min-height: 500px;
	float: left;
	}
	* html #sidebar { height: 500px; }
	#sidebar-wrapper { margin: 0 10px 25px 20px;	}

	#sidebar h3, form.search label { margin-top: .75em; }
	#sidebar p, #sidebar ul, #sidebar ol { margin-top: .5em; }

	/* shopping cart */	
	#sidebar h3.shopping-cart { background-position: 0 -45px; }
	
	/* search */
	form.search label { background-position: 0 -93px; margin-bottom: .5em; }
	
	/* category */	
	#sidebar h3.categories { background-position: 0 -140px; }	
	#sidebar ul li {
		display: block;
		margin: 1px 0 5px; padding: 0 0 3px;
		background: #f2f2f2;
		border: 1px solid #aeaeae;
		}
	#sidebar ul li a, #sidebar ul li a:link,
	#sidebar ul li a:visited { 
		height: 1.5em;
		display: block;
		color: #000;
		font: .75em/1.5em Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-indent: 20px;
		margin: 0; padding: 0;
		background: transparent url(icon-sprite.gif) no-repeat 2px -384px;	
		}
		#sidebar ul li a:hover { background-position: 5px -384px; }

	#sidebar ul li ul { margin-left: 20px; }
	#sidebar ul li ul li { border-color: #fff; }
	#sidebar ul li ul li a { font-weight: normal; }	
	
	/* featured */
	#sidebar h3.featured { background-position: 0 -188px; }
	#sidebar p.featured, #sidebar h4.featured  { text-align: center; }
		#sidebar h4.featured a, #sidebar h4.featured a:link,
		#sidebar h4.featured a:visited { font-size: .75em; border-bottom: 1px dashed; }
			#sidebar h4.featured a:hover { 
				color: #fff;
				border-color: #fff;
				background: #0088fc;
				}
				
	/* popular & sale */
	#sidebar h3.popular { background-position: 0 -236px; }
	#sidebar h3.sale { background-position: 0 -284px; }			
	#sidebar ol li { 
		font: bold 1em Arial, Helvetica, sans-serif;
		margin: 1px 0 5px; padding: 0 0 3px;
		border-bottom: 1px solid #eee;
		list-style-position: inside;
		list-style-type: decimal;
		}
	#sidebar ol li a, #sidebar ol li a:link,
	#sidebar ol li a:visited { color: #666; font: normal .75em/1.75em Verdana, Arial, Helvetica, sans-serif; }
		#sidebar ol li a:hover { text-decoration: underline; }
	#sidebar ol li a span {
		display: block;
		color: #d24141;
		font-weight: bold;
		font-style: italic;
		margin: 0 0 3px 25px;
		}
		
	/* info */
	#sidebar h3.info { background-position: 0 -332px; }		
	#sidebar ul.info li { font-size: .75em; font-weight: bold; text-indent: 10px; }
		#sidebar ul.info li span { font-weight: normal; }
				
/* --->>> Footer <<<--- */
#footer {
	height: 130px;
	clear: both;
	background: #000 url(bg_footer.png) repeat-x 0 0;
	}
	#footer-wrapper {
		width: 720px;
		margin: 0 auto;
		position: relative;
		}
		
	/* footer navigation */
	ul#footer-nav li { display: inline; color: #fff; }
		ul#footer-nav li a, ul#footer-nav li a:link, ul#footer-nav li a:visited { 
			color: #fff; 
			font: 10px/36px Verdana, Arial, Helvetica, sans-serif;
			letter-spacing: -.0125em;			
			margin: 0 5px;
			}
			ul#footer-nav li a:hover { text-decoration: underline; }
			
		ul#footer-nav li a.active, ul#footer-nav li a.active:link, ul#footer-nav li a.active:visited { color: #ccc; text-decoration: underline; }
	
	/* copyright */	
	p.copyright { color: #fff; font-size: 10px; }
	p.copyright a, p.copyright a:link, p.copyright a:visited, p.copyright a:hover { color: #ffa7e4; border-bottom: 1px dashed #ffa7e4; }
	p.copyright a:hover { border-color: #fff; }
	
	/* cubecart copyright */
	.txtCopyright { width: 720px; color: #ccc; font-size: 10px; margin: -60px auto 0;  }
	.txtCopyright a, .txtCopyright a:link, .txtCopyright a:visited, .txtCopyright a:hover { color: #ccc; text-decoration: underline; }

/* --->>> Global Formatting <<<--- */
	/* buttons */
	#content a.button, #content a.button:link, #content a.button:visited, #content a.button:hover,
	#content a.alt-button, #content a.alt-button:link, #content a.alt-button:visited, #content a.alt-button:hover,
	#sidebar a.button, #sidebar a.alt-button { 
		color: #093585;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		text-transform: uppercase;
		text-align: center;
		margin-left: 10px;
		padding: 2px 4px; margin: 5px 0;
		background: #69b8fc url(bg_button.png) repeat-x 0 0;
		border: 1px solid #438ece;
		}

	input.button, input.alt-button {
	    width: 0;
		color: #093585;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: center;
		padding: 1px 4px; margin: 5px 0 0;
		background: #69b8fc url(bg_button.png) repeat-x 0 0;
		border: 1px solid #438ece;
		cursor: pointer;
		overflow: visible;
		}

	input.button[class], input.alt-button[class] { width: auto; }

	input.alt-button, #content a.alt-button, #content a.alt-button:link, 
	#content a.alt-button:visited, #content a.alt-button:hover,
	#sidebar a.alt-button { 
		background: #ff97e0 url(bg_button.png) repeat-x 0 -40px;
		border-color: #d957af;
		}	

		#content a.button:hover, #sidebar a.button:hover { border-color: #093585; } 
		#content a.alt-button:hover, #sidebar a.alt-button { border-color: #093585; }
	
	/* content */
	#content p { margin-bottom: .5em; }
	#content ol li {
		list-style-position: inside;
		list-style-type: decimal;
		}
	#content ul, #content ol { padding: 5px 10px .5em; 15px; }
	#content ul li {
		margin-left: 10px;
		list-style: disc;
		}
	
	/* global - price */
	.price {			
		font-weight: bold;
		color: #d24141;
		white-space: nowrap;
		}
	.price span.txtOldPrice { color: #000; text-decoration: line-through; font-weight: normal; }
	.price strong { color: #000; }
	
	/* global - links */
	#content a, #content a:link,
	#content a:visited {
		color: #0088fc;
		border-bottom: 1px dashed #0088fc;
		}
		#content a:hover { 
			color: #fff;
			border-color: #fff;
			background: #0088fc;
			}
	#content .img, #content .img:link, #content .img:visited, #content .img:hover  { background: none; border: none; }
		#content .img img { display: block; overflow: hidden; margin: 0 auto; border: none; }

		
	/* global - notices and errors */		
	.notice { font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
	p.notice {
		background: #fffcf4;
		border: 1px solid #C8C5B7;
		padding: 10px;
		}
	span.notice, p.error, .txtOutOfStock { color: #ff0000; }
	p.attention, p.error {
		background: #fffcf4 url(bg_attention.gif) no-repeat scroll 10px center;
		padding-left: 50px;
		}		

	/* general table */
	table.tblList { margin: 5px 0; border-collapse: collapse; }
	table.tblList td { border: 1px solid #ccc; }
	td.tdOdd { background: #f5f5f5; }
	td.tdListTitle { background: #ccc; font-weight: bold; }
	.no-border td { border: none; }		
	td.center { text-align: center; }
	td.right { text-align: right; }
	td { font-size: 10px; }