/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Fascino Collection								-
-				Website: 		WebsiteBlue.com									-
-				Date:			December 11, 2008								-
-																				-
---------------------------------------------------------------------------------- */


/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body, form, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 {
			margin:0px;	padding:0px;
		}

/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body {
			margin:0; padding:0; background: #00aca2 url(../images/body-bg.jpg) repeat-x;
			color: #717272; font-size: 11px; font-family:Tahoma, Tahoma, Arial, Helvetica, sans-serif;
			letter-spacing: 0; line-height: 16pt; font-weight: normal; text-align:center;
		}



/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

		#wrapper {
			margin-left: auto; margin-right: auto; padding: 0;
			width: 950px; text-align: left;
			background: #fff url(../images/content_bg.jpg) repeat-y top center;
		}


/* ------------------------------------------------------------
		GLOBAL NAVIGATION
------------------------------------------------------------ */

		#globalHead {
			clear:both;	margin: 0; padding:0; height: 136px; width: 950px; position:relative; background: #FFF url(../images/main_heading.jpg) no-repeat 250px 0;
		}
		
	
		#globalHead .logotype {
			margin: 0; padding:0; position:absolute; left: 0px; top: 0px; z-index:999;
		}		
		
		
		#globalHead .heading {
			margin: 0; padding:0; position:absolute; right: 0px; top: 0px; z-index:0;
		}			


/* ------------------------------------------------------------
		SHOPPING POUCH HEAD
------------------------------------------------------------ */

		#pouchHead {
			margin: 0; padding: 0 0 0 25px; width: 265px; height: 40px; position:absolute; right: 0px; top: 30px; z-index:999;
			text-align:left; color: #00aca2; font-weight: normal; font-size: 11px; line-height: 14px;
			background: transparent url(../images/cart_icon.gif) no-repeat 0px 5px;
		}	

		#pouchHead span {
			color: #4c2432; font-weight: bold; font-size: 11px;
			}

		#pouchHead a {
			color: #4c2432; font-weight: normal; font-size: 11px; text-decoration: none; padding: 0; margin: 0;
			}

		#pouchHead a:hover {
			color: #4c2432; font-weight: normal; font-size: 11px; text-decoration: underline; padding: 0; margin: 0;
			}	

/* ------------------------------------------------------------
		MAIN NAVIGATION
------------------------------------------------------------ */

		#globalNav {
			padding: 0; margin: 0; width: 711px; height: 51px; position:absolute; right: 0px; bottom: 0px;
			background: transparent url(../images/nav_bg.jpg) no-repeat top left;
		}	


/*		
		#globalNav a {
			color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 51px;
			text-transform: capitalize;	padding: 0 0 0 30px; margin: 0;
			background: transparent url(../images/arrow_bullet.gif) no-repeat 18px 6px;
			}

		#globalNav a:hover {
			color: #00aca2; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 51px;
			text-transform: capitalize;	padding: 0 0 0 30px; margin: 0;
			background: transparent url(../images/arrow_bullet.gif) no-repeat 18px 6px;
			}	
*/


		.closed {
			color: #FFF; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 51px;
			text-transform: capitalize;	padding: 0 0 0 15px; margin: 0;
			background: transparent url(../images/arrow_bullet.gif) no-repeat 20px 23px;
			}


		.open {
			color: #00aca2; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 51px;
			text-transform: capitalize;	padding: 0 0 0 15px; margin: 0;
			background: transparent url(../images/arrow_bullet.gif) no-repeat 20px 23px;
			}
		

		.currenturl {
			color: #00aca2; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 51px;
			text-transform: capitalize;	padding: 0 0 0 15px; margin: 0;
			background: transparent url(../images/arrow_bullet.gif) no-repeat 20px 23px;
			}

/* ------------------------------------------------------------
		LEFT COLUMN
------------------------------------------------------------ */

		#leftColumn {
			float: left; display:inline; margin: 0; padding:0; width: 239px;
		}


/* ------------------------------------------------------------
		RIGHT COLUMN
------------------------------------------------------------ */

		#rightColumn {
			float: left; display:inline; margin: 0; padding:0; width: 711px;
		}
		
		h1 {
		  line-height: 18pt;
		  font-size: 18pt;
		  color: #FFFFFF;
		  margin: 15px 0 0 36px; 
		  padding: 0; clear:right; 
		  text-transform: capitalize;
		}
		
		h2 {
		  line-height: 16pt;
		  font-size: 16pt;
		  color: #b2d45b;
		  margin: 15px 0 0 30px; padding: 0;
		}
		
		h3 {
		  line-height: 16pt;
		  font-size: 16pt;
		  color: #ef4723; text-align:center;
		  margin: 15px 50px 0 50px; padding: 0;
		}
		
		h4 {
		  line-height: 16pt;
		  font-size: 16pt;
		  color: #ef4723;
		  margin: 15px 0 0 30px; padding: 0;
		}


/* ------------------------------------------------------------
		CATEGORIES LIST
------------------------------------------------------------ */

		#mainCat {
			float: left; display:inline; margin: 0 0 0 5px; padding:0; width: 234px;
			background: transparent url(../images/cat_bg.jpg) no-repeat top left;
		}


		#mainCat ul {
			list-style:none; margin:5px 0 0 40px; padding:0 0 15px 0; text-indent: 15px; width: 155px;
		}

		#mainCat li a {
			font-weight:normal; font-size: 12px; color: #717272; text-decoration: none; display:block; 	width: 140px;	
			margin:0px; padding: 3px 0px 3px 15px; border-bottom:1px solid #00aca2; background: transparent url(../images/arrow_bullet.gif) no-repeat 15px 11px;
			}
		
		#mainCat li a:hover {
			color: #474747; text-decoration: underline; margin:0;
			border-bottom:1px solid #00aca2; background: transparent url(../images/arrow_bullet.gif) no-repeat 15px 11px;
			}


		#mainCat li ul {
			list-style:none; margin:0; padding: 5px 0 5px 0; width: 155px; line-height: 18px;
			text-indent: 30px; border-bottom:1px solid #00aca2; 
			}


		#mainCat li ul li a {
			font-weight:normal; font-size: 12px; color: #00aca2; text-decoration: underline; display:block; border: none; width: 140px;
			margin:0px; padding: 0 0 0 15px; background: transparent url(../images/arrow_bullet.gif) no-repeat 30px 7px;
			}


		#mainCat li ul li a:hover {
			color: #00aca2; text-decoration: none; margin:0; border: none;
			background: transparent url(../images/arrow_bullet.gif) no-repeat 30px 7px;
			}



/* ------------------------------------------------------------
		SPECIALS BOX / PRODUCTS LIST
------------------------------------------------------------ */

		#specialsContainer {
			float: left; display:inline; margin: 5px 25px 0 29px; padding:0; width: 180px; height: 205px; position:relative;
		}
		
		#specialsContainer span.title, #productList span.title {
			position: absolute; top: 0px; left: 3px; width: 127px;
			font-weight:bold; font-size: 12px; color: #000000;
		}

		#specialsContainer span.price, #productList span.price {
			position: absolute; top: 0px; left: 130px; width: 50px;
			font-weight:bold; font-size: 12px; color: #00aca2;
		}

		#specialsContainer span.stock, #productList span.stock {
			position: absolute; top: 120px; left: 3px; width: 65px;
			font-weight:bold; font-size: 11px; color: #ed1f24;
		}

		#specialsContainer span.code, #productList span.code {
			position: absolute; top: 120px; left: 70px; width: 100px;
			font-weight:bold; font-size: 11px; color: #939393;
		}


		#specialsImage {
			position: absolute; top: 25px; left: 0px; width: 180px; max-width: 180px; height: 90px;
			text-align: center; border: 1px solid #e0e1d3; background-color: #FFF;
		}

		#specialsImage img {
			height: 88px; text-align: center; vertical-align:middle;	
			}


		#specialsContainer span.description, #productList span.description {
			position: absolute; top: 145px; left: 3px; width: 180px;
			font-weight:normal; font-size: 11px; color: #717272; line-height: 14px;
		}


		#productList {
			float: left; display:inline; margin: 5px 25px 0 29px; padding:0; width: 180px; height: 238px; position:relative;
		}	


		#productList .details {
			position:absolute; top:210px; left: 3px; width: 69px; height: 25px;
			}	


		#productList .add {
			position:absolute; top:210px; left: 76px; width: 106px; height: 25px;
			}		

/* ------------------------------------------------------------
		MAIN HOME FLASH
------------------------------------------------------------ */

		#frontSplash {
			float: left; display:inline; margin: 0; padding:0; width: 711px; height: 287px;
		}


/* ------------------------------------------------------------
		FRONT CHOICE BUTTONS
------------------------------------------------------------ */

		#frontChoices {
			float: left; display:inline; margin: 0; padding:0; width: 711px; height: 137px;
		}

		#frontChoices img {
			float: left; 
		}


/* ------------------------------------------------------------
		TOP THREE PRODUCTS - FRONT PAGE
------------------------------------------------------------ */

		#newBox {
			float: right; display:inline; margin: 0; padding:0; width: 711px; height: 269px;
			background: transparent url(../images/newbox_bg.jpg) no-repeat 0px 58px;
		}



/* ------------------------------------------------------------
		PRODUCTS ROW
------------------------------------------------------------ */

		#productsRow {
			float: left; display:inline; margin: 0; padding:0; width: 711px;
			background: transparent url(../images/products_bg.jpg) no-repeat 0px 0px;
		}

/* ------------------------------------------------------------
		TOP THREE PRODUCTS LINKS
------------------------------------------------------------ */


		#newboxLinks {
				margin: 0 0 0 239px; padding: 0; width: 711px; height: 43px;
				background: transparent url(../images/newbox_bottom.jpg) repeat-x top left; 
				}


		#newboxLinkEach {
				float: left; display:inline; width: 234px; height: 43px;
				margin: 0; padding:0; position:relative;
				}
	
	
		#newboxLinkEach .details {
				position:absolute; top:7px; left: 32px; width: 69px; height: 25px;
				}	
	
	
		#newboxLinkEach .add {
				position:absolute; top:7px; left: 105px; width: 106px; height: 25px;
				}		


/* ------------------------------------------------------------
		PRODUCT VIEW - MAIN CONTAINER
------------------------------------------------------------ */

		#productContainer {
			float: left; display:inline; margin: 0 0 20px 0; padding:0 0 20px 0; width: 711px;
			background: transparent url(../images/productcontainer_bg.jpg) no-repeat 0px 0px;
		}



/* ------------------------------------------------------------
		PRODUCT VIEW - IMAGES
------------------------------------------------------------ */

		#productThumbContainer {
				width: 255px; margin: 20px 0 8px 80px; padding: 0;
				clear: none; float: left; display:inline;
			}

		#productThumb {
			clear: none; float: left; display:inline; padding:0; margin: 0 5px 5px 0;
			width: 120px; max-width: 120px; height: 120px; max-height:120px; overflow:hidden;
			text-align: center; border: 1px solid #e0e1d3; background-color: #FFF;
		}

		#productThumb img {
			height: 118px; text-align: center; vertical-align:middle; cursor: pointer;	
			}


		#productLarge {
			clear: none; float: left; display:inline; padding:0; margin: 20px 0 0 0;
			width: 295px; max-width: 295px; height: 375px; max-height: 375px; overflow:hidden;
			text-align: center; border: 1px solid #e0e1d3; background-color: #FFF;
		}

		#productLarge img {
			width: 298px; text-align: center; vertical-align:middle;	
			}


/* ------------------------------------------------------------
		PRODUCT VIEW - ITEM/PURCHASE OPTIONS
------------------------------------------------------------ */


		#productOptions {
				margin: 0; padding: 0; float:left; display: inline;
				width:711px; height: 43px; line-height: 38px;
				color: #7f8585; font-size: 11px; font-weight: normal;	
			}	
	
	
		#productOptions select.sizeSelect {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 160px; height: 20px; padding: 0; margin: 9px 0 0 5px; 
				color: #2c2c2c; border: 1px solid #bcbcbc; background-color: #FFFFFF;	
		}	
	
	
		#productOptions input.quantityMain {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 30px; height:18px;
				padding: 1px; margin: 9px 0 0 5px; 
				color: #2c2c2c; border: 1px solid #bcbcbc; background-color: #FFFFFF;		
		}
	
	
		#productOptions span {
				color: #7f8585; font-size: 11px; font-weight: normal;
				float:left; margin: 0 0 0 25px; padding:0; 
			}	


		#productOptions span.productprice {
				font-weight:bold; font-size: 11px; color: #ef4623; 
				float: left; display:inline; margin: 0 0 0 5px;
		}


		#productOptions input.addtoCart {
				float: left; display:inline; margin: 7px 10px 0 25px; width: 106px; height: 25px;
		}




/* ------------------------------------------------------------
		GLOBAL CONTENT - STATIC PAGES
------------------------------------------------------------ */

		#globalContent {
				float: left; display:inline; clear: both; margin: 0; padding:0; width: 711px; 
			}	
	
		
		#globalContent p {
				margin:0; padding: 8px 80px 12px 80px; color: #7f8585;font-size: 12px;
				line-height: 18px; font-weight: normal;
		}		
	
		#globalContent span {
				color: #512736; font-size: 12px; font-weight: bold;
			}	
	
	
		#globalContent a {
				font-size: 12px; font-weight:normal;
				color:#00aca2; text-decoration: underline;
				}
	
		#globalContent a:hover {
				font-weight:normal;	color:#00aca2; text-decoration: none;
				}	
	
	
		#globalContent dl, dt, dd {
				margin: 0; padding: 0;
			}
		
		#globalContent dl {
				font-size: 12px; font-weight: normal;
				width: 550px; margin: 8px 0 8px 80px; padding: 0;
				clear: both; float: left; display:inline;
			}
		
		#globalContent dt {
				float: left; width: 150px;	padding: 2px 0 2px 0; border-bottom: 1px solid #e0e1d3;
				font-weight: bold; text-align:left;	color: #00aca2;
			}
		
		#globalContent dd {
				float: left; width: 400px; padding: 2px 0 2px 0; border-bottom: 1px solid #e0e1d3;
				text-align:left; color: #7f8585;
			}
			

	
		#productDescription {
				font-size: 12px; font-weight: normal;
				width: 550px; margin: 0 0 0 80px; padding: 0;
				clear: both; float: left; display:inline; border-bottom: 1px solid #e0e1d3;
			}	
	
	
		#productDescription span.dt {
				float: left; width: 150px;	padding: 2px 0 2px 0;
				font-weight: bold; text-align:left;	color: #00aca2;
			}	
	
	
		#productDescription span.dd {
				float: left; width: 400px; padding: 2px 0 2px 0; overflow:hidden;
				text-align:left; color: #7f8585; font-weight: normal!important;
			}		
	
	
		#globalContent ul {	
				font-size: 12px; line-height: 1.6em;
				font-weight: normal; list-style:none;
				margin: 0; padding: 8px 80px 8px 80px;
			}
	
		#globalContent li {
				margin:0; padding: 0 0 0 1.4em;	color: #7f8585;
				background: transparent url(../images/arrow_bullet.gif) no-repeat 0px 9px;
			}


		#globalContent .sideimg {
				float: right; margin: 20px 60px 20px 15px; padding: 0; border: 1px solid #afd156;
			}

/* ------------------------------------------------------------
		MAIN FORMS LAYOUT
------------------------------------------------------------ */


		#globalContent fieldset {
				 margin: 5px 80px 5px 80px; padding: 25px 0 15px 0;
				 background-color: #efefef; border: 1px solid #00aca2;
		}


		#main label { 
				color: #00aca2;	font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;
				width: 120px; margin: 0 0 15px 40px; padding: 0; cursor: pointer;
				float: left; text-align: left; clear: both;
		}


		#main span.mandatory {
				font-size: 116.667%; color: #00aca2; font-weight: bold;
		}


		#main input {
				font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 220px; height:18px;
				padding: 2px; margin: 0 0 10px 20px; 
				color: #2c2c2c; border: none; background-color: #FFFFFF; border: 1px solid #d2d2d2;	
		}


		#main select {
				font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 220px; height:22px;
				padding: 2px; margin: 0 0 10px 20px; 
				color: #2c2c2c; border: none;
		}	

		#main textarea {
				font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 220px; height: 80px;
				padding: 2px; margin: 0 0 10px 20px; 
				color: #2c2c2c; border: none; background-color: #FFFFFF; border: 1px solid #d2d2d2;
		}
			

		#main input.tick {
				float: left; width: 16px; height:16px; clear:both; display: inline; 
				padding: 2px; margin: 0; border: none;			
		}	


		#main span.required {
				font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;
				float: left; width: 100px; padding: 3px; margin: 0 0 2px 5px; color:#00aca2;
		}


		#main .submit { 
				color: #663144; font-weight: bold; font-size: 11px; float:left; background: #fff;
				text-transform: uppercase; padding: 0 5px 0 5px; margin: 10px 0 15px 20px;		
				border: none; height: 30px; width: 120px; line-height: 28px; border: 1px solid #d2d2d2;
		}


		#main .verify  { 
				margin: 0 0 10px 20px;	width: 80px; height: 24px; border: none; cursor: default;			
		}




/* ------------------------------------------------------------
		ARTICELS - LATEST NEWS STYLES
------------------------------------------------------------ */


		#articleBlock {
				display:block; float: left; clear:both; background: transparent url(../images/productcontainer_bg.jpg) no-repeat 0px -50px;
				text-decoration:none; cursor:pointer; width: 711px; height: 140px; position: relative;
		}

		#articleBlock a {
				text-decoration:none; cursor:pointer;
		}
		
		#articleBlock a:hover {
				background: transparent url(../images/productcontainer_bg.jpg) no-repeat 0px -20px; display: block;

		}


		#articleBlock p {
				margin:0; padding: 0 60px 0 0; color: #7f8585; font-size: 12px; 
				line-height: 18px; font-weight: normal;			
				position: absolute; top: 20px; left: 190px;
		}	

		#articleImage {
				position: absolute; top: 10px; left: 60px; padding:0; margin: 0;
				width: 120px; max-width: 120px; height: 120px; max-height:120px; overflow:hidden;
				text-align: center; border: 1px solid #e0e1d3; background-color: #FFF;
		}

		#articleImage img {
				height: 118px; text-align: center; vertical-align:middle; cursor: pointer;	
			}


		#articleBlock span.articletitle {
				color: #00aca2; font-size: 12px; font-weight: bold; text-decoration: none;
		}
		
		#article span.articlelink {
				color: #00aca2; font-size: 11px; font-weight: bold;	text-decoration: none;
		}

		
/* ------------------------------------------------------------
		SHOPPING CART STYLES
------------------------------------------------------------ */

		#mycart {
				margin: 10px 0 0 13px; padding: 0; width: 680px;
				color: #7f8585; font-size: 11px; line-height: 14px; font-weight: normal;
			}	
	
		
		#mycart table {
				margin: 0; padding: 2px; 
			}	
	
	
		#mycart td.head {
				margin: 0; padding: 4px; color: #FFF; font-size: 11px; line-height: 13pt; font-weight: bold;	background-color: #4e2432;	
				white-space: nowrap; border-right: #1f1f1f 1px solid; border-bottom: #1f1f1f 1px solid;
			}	
	
		#mycart td {
				margin: 0; padding: 2px 1px 2px 1px;color: #7f8585; font-size: 11px; line-height: 13pt; font-weight: normal;
				border-bottom: #eeeeee 1px solid; background-color: #FFF;	
			}	
	
	
		#mycart select {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				width: 100px; height: 20px; padding: 0; margin: 9px 0 0 5px; 
				color: #2c2c2c; border: 1px solid #bcbcbc;
		}	
	
		#mycart input {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;	
		}	


		.checkout { 
				margin: 10px 0 15px 10px; border: none; height: 25px; width: 153px; float:left;
		}


		.continueshop { 
				margin: 10px 0 15px 10px; border: none; height: 25px; width: 156px; float:left;
		}


/* ------------------------------------------------------------
		CONTENT HEADER & FOOTER CONTAINERS
------------------------------------------------------------ */

		#headimageContainer {
				float: left; clear:both; margin: 0; padding:0; width: 711px; height: 165px;
				}


		#headContainer {
				float: left; clear:both; margin: 0; padding:0; width: 711px; height: 58px;
				background: transparent url(../images/globalbox_head.jpg) repeat-x top left; 
				}


		#bottomContainer {
				margin: 0 0 0 239px; padding: 0; width: 711px; height: 43px;
				background: transparent url(../images/globalbox_bottom.jpg) repeat-x top left; 
				}



		#displayPosition {
				margin: 0 0 0 25px; padding: 0; float:left; display: inline;
				width:686px; height: 43px; line-height: 38px;
				color: #00aca2; font-size: 11px; font-weight: normal;
				}

		#displayPages {
				margin: 0 0 0 25px; padding: 0; float:left; display: inline;
				width:280px; height: 43px; line-height: 38px;
				color: #7f8585; font-size: 11px; font-weight: normal;
				}


		#displayNumbers {
				margin: 0 25px 0 0; padding: 0; float:right; display: inline;
				width:280px; height: 43px; line-height: 38px; text-align:right;
				color: #7f8585; font-size: 11px; font-weight: normal;
				}


		#displayNumbers strong {
				font-size: 11px; font-weight:bold; color:#00aca2; 
				}


		#displayNumbers a, #displayPosition a {
				font-size: 11px!important; font-weight:normal!important;
				color:#00aca2!important; text-decoration: underline!important;
				}
	
		#displayNumbers a:hover, #displayPosition a:hover {
				font-weight:normal!important; color:#00aca2!important; text-decoration: none!important;
				}	




/* ------------------------------------------------------------
		FOOTER & COPYRIGHT
------------------------------------------------------------ */


		#footerContainer {
				margin: 0; padding: 0; height: 100px; text-align:center; clear:both;
				background-color: #00aca2;
				}
				

		#footer {
				margin: 0 auto; padding: 0; width: 950px; height: 100px; text-align:left;
				background: transparent url(../images/paypal.gif) no-repeat 30px 58px;
				}


		#footer p.copy {
				font-weight:normal;	font-size: 12px; line-height:18px; text-align:left; color: #FFF;
				margin: 7px 0 0 239px; padding: 0; width: 711px; height: 50px;
				}
						

		#footer a {
				font-weight:normal; font-size: 12px; color: #FFF; text-decoration: none; text-transform:capitalize;
				}
					
		#footer a:hover {
				font-weight:normal; color:#FFF; text-decoration: underline;
				}