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

	-- -- -- -- -- -- --
	theme name: Red Splat
	theme url: http://mycubecart.com
	author: Ron Edgecomb II
	author url: http://mycubecart.com
	version: 2.0 L
	copyright: International and domestic Copyright Laws apply
	description: Red Themed, Fixed Width Skin For CubeCart 4
	last edit: 18 may 08
	-- -- -- -- -- -- --
	
	-- -- -- -- -- -- --	
	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: 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: #4f4ffd;
	font: 1.125em/1.5 Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -.0125em;
	border-bottom: 1px dashed #4f4ffd;
	}

#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: #3f3ffd; font-size: 1em; }


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

    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: #8888fd;
		border: 1px solid #2727fe;
		}

		#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: #fff; }
		#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 { text-align: right; }
	p.add-cart label { display: inline;	}
	p.prod-img, p.rating, p.img-more { text-align: center; padding: 10px 0; }
	
		/* Review Form */
		form.review p {
			width: 100%; 
			float: left;
			clear: both;
			padding-bottom: 8px;
			}
		form.review label, form.review input, 
		form.review select, form.review textarea {
			width: 200px;		
			float: left;
			}
		form.review label {
			width: 175px;
			text-align: right;
			padding-right: 10px;
			}
		form.review textarea { width: 250px; }
		form.review label span { display: block; text-align: right; }
		form.review p.submit input { width: auto; margin-left: 185px; }
	
	/* 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; }	
	p.cart-buttons span span { display: block; font-size: 10px; margin-top: 5px; }
	
		/* Alt Checkout */
		#alt-checkout, #alt-checkout form { text-align: right; }
		#alt-checkout input { border: none; }
		
			
	
/* --->>> 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; }
	#sidebar p.product { font-size: .75em; text-align: right; border-bottom: 1px dashed #ddd; }
	#sidebar p.items, #sidebar p.total { font-weight: bold; text-align: right; }
	#sidebar p.product a, #sidebar p.items span,
	#sidebar p.total span { float: left; }
	
	/* search */
	form.search label { background-position: 0 -93px; margin-bottom: .5em; }
	
	/* category */	
	#sidebar h3.categories { background-position: 0 -140px; }	

	.cat-nav, .cat-nav ul { width: 180px;	}
	.cat-nav, .cat-nav ul {	display: block;	}
	.cat-nav li { 
		display: block; 
		position: relative; 
		z-index: 5;
		}
	.cat-nav ul {
		display: none;
		position: absolute;
		z-index: 10;
		left: 100%; top: -12px;	
		padding-top: 2px;
		}
		* html .cat-nav ul { margin-left: -2px; }

	#sidebar ul li {
		display: block;
		margin: 1px 0 5px; padding: 0;
		background: #f2f2f2;
		border: 1px solid #aeaeae;
		}
		#sidebar ul ul li {
			background: #eee; 
			border-style: none;
			}
	#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: 3px 0;
		background: transparent url(icon-sprite.gif) no-repeat 2px -382px;	
		}
		#sidebar ul li a:hover { background-position: 4px -382px; }

	#sidebar ul.ul-nav  {
		background: #eee; 
		border: 1px solid #ccc;
		border-top: 4px solid #f82221;
		}

	/* 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 { padding-left: 210px; }
	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; padding-left: 210px; }
	p.copyright a, p.copyright a:link, p.copyright a:visited, p.copyright a:hover { color: #fe6262; border-bottom: 1px dashed #fe6262; }
	p.copyright a:hover { border-color: #fff; }
	
	/* cubecart copyright */
	.txtCopyright { width: 510px; color: #ccc; font-size: 10px; margin: -60px auto 0; padding-left: 210px;  }
	.txtCopyright a, .txtCopyright a:link, .txtCopyright a:visited, .txtCopyright a:hover { color: #ccc; text-decoration: underline; padding-left: 0; }

/* --->>> 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, #sidebar a.txtviewCart, #sidebar a.flashBasket { 
		color: #000;
		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: #fe2727 url(bg_button.png) repeat-x 0 0;
		border: 1px solid #fe2727;
		}

	input.button, input.alt-button {
	    width: 0;
		color: #000;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: center;
		padding: 1px 4px; margin: 5px 0 0;
		background: #fe2727 url(bg_button.png) repeat-x 0 0;
		border: 1px solid #fe2727;
		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, #sidebar a.flashBasket {
		color: #fff; 
		background: #2525fe url(bg_button.png) repeat-x 0 -40px;
		border-color: #2525fe;
		}	

		#content a.button:hover, #sidebar a.button:hover { border-color: #093585; } 
		#content a.alt-button:hover, #sidebar a.alt-button:hover { 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: #3f3ffd;
		border-bottom: 1px dashed #3f3ffd;
		}
		#content a:hover { 
			color: #fff;
			border-color: #fff;
			background: #3f3ffd;
			}
	#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; }
	
	
	table.prodoptionstable tr td {
		font-size:145%;
	}