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

	-- -- -- -- -- -- --
	theme name: Passion Pink
	theme url: http://mycubecart.com
	author: Ron Edgecomb II
	author url: http://mycubecart.com
	version: 4
	copyright: International and domestic Copyright Laws apply
	description: Pink Themed, Fixed Width Skin For CubeCart 3
	last edit: 11 november 07
	-- -- -- -- -- -- --
	
	-- -- -- -- -- -- --	
	license:
	License conditions DO applay which pose limitation on your
	usage of this skin. Please read the license.txt packaged with
	your skin.
	
	Full license and terms of use can be found by visiting
	http://mycubecart.com
	
	Use of this skin is strickly prohibited without acceptance
	of the license agreement.
	-- -- -- -- -- -- --	
	
	-- -- -- -- -- -- --
	disclaimer:
	This modificatio is provided on an "As Is" basis, without
	warranty of any kind, either expressed or implied, including,
	without limitation, warranties that the covered skin is free
	of defects, merchantable, fit for a particular purpose or
	non-infringing. The entire risks as to the quality and performace
	of the skin is with you. Should any covered code prove defective
	in any respect, you (not the initial developer or any other
	contributor) assume the cost of any neccessary servicing, repair
	or correction. This disclaimer of warranty constitues an
	essential part of this license. No use of the skin is authorized
	hereunder except under this disclaimer.
	
	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: 97%;
	line-height: 1.5;
	}
: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; }
legend, hr, .br br { display: none;	}
label { display: block; }

.hr {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	border: none;
	}
.br {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	border: none;
	}
a, a:link, a:visited, a:hover { color: #000; }

.cartGST {
	color: #000000;
	font-style: italic;
}

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

    Boxes of goodness

-------------------------------------------*/
/* --->>> Container <<<--- */
#container {
	width: 100%;
	float: left;
	position: relative;
	}
	#container-wrapper {
		width: 100%;
		float: left;
		background: transparent url(bg_container.png) repeat-y 10px 0;
		}
		
/* --->>> Sidebar <<<--- */
#sidebar {
	width: 200px;
	min-height: 500px;
	float: left;
	display: inline;
	margin-left: 10px;
		}
	* html #sidebar { height: 500px;  }
	#sidebar-wrapper { margin: 0 7px 25px;	}
	
	/* search form */
	#sidebar form.search {
		padding: 7px 7px 15px;
		background: #f5f5f5;
		border: 1px solid #ccc;
		border-style: none solid solid;
		}
		#sidebar form.search label { 
			display: block; 
			font: bold 0.80em/20px Arial, Helvetica, sans-serif;
			text-indent: 20px;
			margin-bottom: 10px;
			background: transparent url(icon-sprite.gif) no-repeat 0 0;	
			border-bottom: 1px dashed #999;
			}
		#sidebar form.search input#searchStr {
			font: 12px/14px Arial, Helvetica, sans-serif;
			width: 125px;
			}
		#sidebar form.search input.button {
			height: 22px;
			}
		#sidebar form.search p a {
			font-size: .75em;
			color: #666;
			border-bottom: 1px dashed #666;
			}
		#sidebar form.search p a:hover {
			background: #666;
			color: #fff;
			border-color: #fff;
			}
			
	/* sidebar "boxes" */
	#sidebar h3 { 
		color: #ff55cc;
		font: bold 1em/20px Arial, Helvetica, sans-serif;
		text-indent: 20px;
		text-transform: uppercase;
		margin: 15px 0 5px;
		background: transparent url(icon-sprite.gif) no-repeat 0 -178px;	
		border-bottom: 1px dashed #ff55cc;
		}
	/* currency */
	#sidebar h3.currency { margin-top: 5px; background-position: 0 -358px; }
	/* currency */
	#sidebar h3.language { background-position: 0 -448px; }		
	/* featured */
	#sidebar h3.featured { background-position: 0 -808px; }
	#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;
			color: #ff5cb1;
			border-bottom: 1px dashed #ff5cb1;
			}
			#sidebar h4.featured a:hover { 
				color: #fff;
				border-color: #fff;
				background: #ff5cb1;
				}
	/* popular & sale */
	#sidebar h3.popular,
	#sidebar h3.sale { background-position: 0 -538px; }		
	#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 -628px; }		
	#sidebar ul.info li { font-size: .75em; font-weight: bold; }
		#sidebar ul.info li span { font-weight: normal; }
				
	/* category */							
	#sidebar ul li {
		display: block;
		margin: 1px 0 5px; padding: 0 0 3px;
		background: #f5f5f5;
		border-bottom: 1px solid #ccc;
		}
	#sidebar ul li a, #sidebar ul li a:link,
	#sidebar ul li a:visited { 
		height: 1.5em;
		display: block;
		text-indent: 20px;
		margin: 0; padding: 0;
		font: .75em/1.5em Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		background: transparent url(icon-sprite.gif) no-repeat 0 -264px;	
		}
		#sidebar ul li a:hover { background-position: 5px -264px; }

	#sidebar ul li ul { margin-left: 20px; }
	#sidebar ul li ul li { border-color: #fff; }
	#sidebar ul li ul li a { font-weight: normal; }
	
	/* mailing list */
	#sidebar h3.mailing { background-position: 0 -716px; }	
	#mailing-list p { font-size: .85em;	}
	#mailing-list label { font-weight: bold; }
	#mailing-list input { display: inline; }
	#mailing-email { width: 175px; font: 14px/16px Arial, Helvetica, sans-serif; }
	
	/* cart */
	.cart #sidebar h3 { margin-top: 140px; }
	
/* --->>> Header <<<--- */
#header {
	height: 205px;
	overflow: visible;
	position: relative;
	margin: 0 0 0 0px;
	}
	
	
	/* logo text */
	#header h1 {
		width: 100%;
		position: absolute;
		left: 0; top: 112px;
		text-align: center;
		}
		#header h1 a {
		color: #333;
		font: bold 35px/60px Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		}
	
	/* welcome */
	#header p.welcome {
		color: #fff;
		font: bold .85em Verdana, Arial, Helvetica, sans-serif;
		position: absolute;
		top: 180px; right: 20px;
		}
		#header p.welcome a, #header p.welcome a:link,
		#header p.welcome a:visited {
			color: #fff;
			border-bottom: 1px dashed #fff;
			}
			#header p.welcome a:hover {
				color: #0a63d4;
				background: #fff;
				border-color: #0a63d4;
				}
	
	/* top navigation */
	ul#top-nav li { display: inline; }
		ul#top-nav li a, ul#top-nav li a:link, ul#top-nav li a:visited { 
			color: #333; 
			font: bold 12px/34px Arial, Helvetica, sans-serif;
			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: #fff; text-decoration: underline; }
	
	/* cart summary */
	#cart-summary {
		width: 178px;
		height: 78px;
		position: absolute;
		top: 204px;
		right: 15px;
		border: 1px solid #ccc;
		border-style: none solid solid;
		}
		#cart-summary h3,
		#cart-summary p {
			font: bold 1em/23px Arial, Helvetica, sans-serif;
			margin: 0 7px;
			}
		#cart-summary h3 {			
			text-indent: 20px;
			border-bottom: 1px dashed #333;
			background: transparent url(icon-sprite.gif) no-repeat 0 -86px;	
			}
		#cart-summary p.total {
			border-top: 1px dashed #333;
			background: #eee;
			}
		#cart-summary p.items, #cart-summary p.total { color: #ff55cc; text-align: right; padding-right: 5px; }
		#cart-summary p.items span, #cart-summary p.total span {
			width: 75px;
			height: 23px;
			display: block;
			float: left;
			color: #000;
			line-height: 23px;
			font-weight: bold;
			white-space: nowrap;
			}

		#cart-summary p.view-basket {
			width: 62px;
			height: 78px;
			position: absolute;
			margin: 0;
			left: -63px; top: 3px;
			border: none;
			}
			#cart-summary p.view-basket a {
				width: 62px;
				height: 78px;
				display: block;
				text-indent: -9999px;
				background: transparent url(bg_view-basket.png) no-repeat 0 0;
				outline: none;
				}
			#cart-summary p.view-basket a:hover { background-position: 0 -78px; }
	#header p.ad {
		width: 275px;
		height: 60px;
		<!--position: absolute;-->
		top: 215px; left: 220px;
		margin: 0; padding: 0;
		}
		* html #header p.ad { left: 200; }
/* --->>> Content <<<--- */
#content { margin: 80px 0 25px 220px; }
	#content-wrapper { width: 99%; float: left; }	
	/* cart */
	.cart #content { margin-top: 0; }

	/* global - general */
	#content h2 { 
		color: #ff55cc;
		font: bold 1.25em/20px Arial, Helvetica, sans-serif;
		text-indent: 20px;
		margin: 10px 0;
		background: transparent url(icon-sprite.gif) no-repeat 0 -180px;	
		border-bottom: 1px dashed #ff55cc;
		}
	#content h3, #content h4, #content h5 { font-weight: bold; }			
	#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: #ff5cb1;
		border-bottom: 1px dashed #ff5cb1;
		}
		#content a:hover { 
			color: #fff;
			border-color: #fff;
			background: #ff5cb1;
			}
	#content a.button, #content a.button:link,
	#content a.button:visited {
		color: #fff;
		font-weight: bold;
		padding: .25em .5em;
		background: #ff5cb1;
		border: 1px solid #ff55cc;
		}
		#content a.button:hover { background: #f62893; }
	#content a.button-alt, #content a.button-alt:link,
	#content a.button-alt:visited {
		color: #fff;
		font-weight: bold;
		padding: .25em .5em;
		background: #66aef0;
		border: 1px solid #1f62d1;
		}
		#content a.button-alt:hover { background: #3690f0; }
	#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; }	
	
	/* general form */
	#content textarea { font-size: 1.25em; }
	input.button { 
		color: #fff;
		font: bold 12px/16px Arial, Helvetica, sans-serif; 
		text-align: center;
		margin: 5px 0 0; padding: 0;
		background: #ff5cb1;
		border: 1px solid #ff55cc;
		cursor: pointer;
		}

		
	/* index */
	#content div.latest {
		width: 130px;
		min-height: 11.5em;
		position: relative;
		padding: 5px 5px 1.5em;
		float: left;
		border: 1px solid #ccc;
		margin: 5px 5px 0 0;
		}
		* html #content div.latest { height: 13.5em; }
		#content div.latest p, #content div.latest h4 { text-align: center; margin: 0; padding: 0; }
		#content div.latest p.thumb img { display: block; overflow: hidden; margin: 0 auto; }
		div.latest h4 a, div.latest h4 a:link,
		div.latest h4 a:visited {
			font: .80em/1.75em Verdana, Arial, Helvetica, sans-serif;
			color: #5cc200;
			border-bottom: 1px dashed #5cc200;
			}
			div.latest h4 a:hover { 
				color: #fff;
				border-color: #fff;
				background: #5cc200;
				}
		div.latest p.price {
			width: 100%;
			position: absolute;
			left: 0; bottom: 0;
			}
			* html div.latest p.price { left: 5px; }
		
	/* viewProd */
	p.prod-img, p.img-more { text-align: center; }
	p.add-cart { text-align: right;	}
	p.add-cart label { display: inline; }
	.options { color: #ff55cc; font-size: 1.125em; font-weight: bold; margin: 5px 0 0 15px; }
	
	/* viewCat */
	div.subCat {
		min-width: 200px;
		min-height: 75px;
		float: left;
		padding: 5px;
		}
		* html div.subCat { width: 200px; height: 75px; }
	
	#content td.buy-buttons { width: 50px; text-align: center; }
	#content td.buy-buttons a { display: block; text-align: center; margin: 3px; }
	
	/* 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; margin-top: 10px; }
	p.cart-buttons span { width: 75%; float: left; font-size: 1em; }	


/* --->>> Footer <<<--- */
#footer {
	width: 100%;
	padding: 15px 0 5px;
	clear: both;
	position: relative;
	background: #eee;
	border-top: 1px solid #ccc;
	}

	/* footer navigation */
	ul#footer-nav { margin-left: 215px; }
	ul#footer-nav li { display: inline; }
		ul#footer-nav li a, ul#footer-nav li a:link, ul#footer-nav li a:visited { 
			color: #666; 
			font: bold 12px Arial, Helvetica, sans-serif;
			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: #000; text-decoration: underline; }

/* --->>> Copyright <<<--- */
p.copyright { color: #999; font-size: 10px; margin: 10px 0 0 220px; }
	p.copyright a, p.copyright a:link, p.copyright a:visited { color: #999; border-bottom: 1px dashed #999; }
	p.copyright a:hover { color: #eee; border-color: #eee; background: #999; }
div.txtCopyright {
	color: #999;
	font-size: 10px;
	padding: 5px 0 5px 220px;
	margin: 0 auto;
	background: #eee;
	}
	div.txtCopyright br { display: none; }
	div.txtCopyright a { color: #999; }