/* 
Theme Name: Nathalie B Studios
Theme URL: http://nathaliebstudios.com/
Description: A Portfolio Theme Designed By <a href="http://kaidesign.ca">Andrew - Kaidesign.ca</a> & Developed By <a href="http://www.spicydesign.ca">Alex - Spicydesign.ca</a> For <a href="http://nathaliebstudios.com/"> Nathalie B Studios </a>
Author: Alex ElChehimi
Author URI: http://wwww.spicydesign.ca
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; outline:none; }

caption, th, td { text-align:left; font-weight:normal; }

table { border-collapse:separate; border-spacing:0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

* { margin:0; padding:0; }

ul, ol { list-style-type:none; }

html { min-height: 100%; height: auto; }

body {color:#888888; font:12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; }

.alignright { float:right; margin:0 0 15px 15px; }

.alignleft { float:left; margin:0 15px 15px 0; }

strong { font-weight:bold; }

em { font-style:italic; }

p { margin-bottom:7px; text-align:justify; }

a { color:#890fbd; text-decoration:none; }

a:hover { text-decoration:underline; }

#container { position:relative; width:970px; margin:auto; text-align:left; }

#homepage { background:url(images/bg-top.jpg) top center no-repeat; height:225px; text-align:center; }

#left { position:relative; width:372px; float:left; display:inline; padding:38px 10px 20px 0; z-index:1; }

#right { position:relative; width:510px; margin-left:372px; padding:45px 0px 10px 52px; margin-bottom:-150px; min-height:370px; height:auto !important; height:370px; z-index:1; }

#f-holder { background:url(images/bg.jpg) bottom left; width:970px; height:377px; position:relative; margin-left: auto; margin-right: auto;}

* html div#f-holder {z-index:-1; }

body.home #f-holder {background:url(images/bg-home.jpg) bottom left; width:970px; height:427px; position:relative; margin-top:-70px; z-index:-1; margin-left: auto; margin-right: auto; }

* html body.home div#f-holder {z-index:-1; }

#credit { position:absolute; left:0; top:350px; }

body.home #credit { position:absolute; left:0; top:400px; z-index:1; }

#credit p { margin-bottom:0 !important; font-size:11px; line-height:14px; }

#credit a { color:#888888 !important; }

#credit a:hover { color:#890FBD !important; text-decoration:none; }

/*#right div { border:1px solid #ccc; width:500px; }*/
#right { 500px; }	

#right div.mmf, #right div.mmf div { border:none; width:auto; }

div.mmf input, div.mmf textarea { border:1px solid #890fbd; padding:3px 1px; margin-bottom:8px; width:275px; color:#888888; }

div.mmf p.sbt-btn input { background:none; border:none; width:auto; text-transform:uppercase; font-weight:bold; font-size:11px; margin-left:-5px; color:#890fbd; padding:0; }

div.mmf textarea { height:125px; width:280px; margin-left:2px; }

p.form-top { border-bottom:1px solid #890fbd; padding-bottom:5px; margin-bottom:25px; }

#logo { position:absolute; top:35px; left:35px; }

#logo h1 a { display:block; width:209px; height:37px; text-indent:-9999px; background:url(images/logo.png) no-repeat; }

#logo-home { top:210px; left:327px; position:absolute; }

#logo-home h1 a { display:block; width:310px; height:81px; text-indent:-9999px; background:url(images/logo-home.png) no-repeat; }

#langs-home { font:23px/30px Georgia, "Times New Roman", Times, serif; margin:70px 0 10px 415px; position:relative; z-index:1; }

#langs-home li { float:left; margin-right:70px; }

#langs-home li a { padding-bottom:25px; display:inline-block; }

#langs-home li a:hover { background:url(images/langs-hover.jpg) bottom center no-repeat; text-decoration:none; }

#nav { width:100px; display:block; position:absolute; top:40px; left:280px; }

#nav li { margin-bottom:8px; }

#nav li.page-item-294, #nav li.page-item-86 { margin-bottom:30px; }

#nav a { font:11px/18px Verdana, Geneva, sans-serif; font-weight:bold; color:#888888; }

#nav a:hover, #nav li.current_page_item a { color:#890fbd; text-decoration:none; }

div#awp_loop { width:35px; height:21px; position:absolute; top:95px; left:0px; }

.qtrans_flag { width:35px !important; height:21px !important; }

.qtrans_flag_en { background: url(images/en.png) top left no-repeat; }

.qtrans_flag_fr { background: url(images/fr.png) top left no-repeat; }

ul#qtrans_language_chooser li.active { display:none; }

#music { position:absolute; top:125px; z-index:1; width:35px; height:21px; overflow:hidden; }

#music ul li {float:left;}

#music ul li a {background:url(images/sound.png) top left no-repeat; width:35px; height:21px; display:block; text-indent:-9999px;}






/*---------------------------------- ADDED BY ALEX ----------------------------*/

#widgetshoppingcart {
 margin-top:20px;
 position: absolute;
 top: 155px;
}

#sideshoppingcart {
 position: absolute;
 top: 140px;
 border: 1px dotted;
 padding: 10px;
 width: 200px;
}

#right #products_page_container h1 {
 font-size: 14px;
 margin-top:-10px;
 margin-bottom: 15px;
 font-weight: bold;
}

#right #products_page_container {
 border: none;
 margin-top: 0;
}

/*
#right div#products_page_container div {
 width: 500px;	
 border: 0;	
}

#right div#products_page_container div.default_product_display div {
 width: 96px;	
 border: 0;	
}*/

#products_page_container ul.wpsc_categories li {
 float: left;
 width: 90px;
 margin-left: 10px;
 margin-bottom: 40px;
}

#products_page_container ul.wpsc_categories img {
 display: block;
}

#products_page_container ul.wpsc_categories span {
 display: block;
 width: 90px;
}

#products_page_container .productdisplay {
 padding: 10px;
 width: 96px;
 clear: none;
 height: 170px;
}

#right .clr {
 clear: both;
 border: none;
}

.alex_imagecol {
 position: relative;
}

.default_product_display product .textcol {
 width: 96px;
 margin-left: 0; !important
}

div.textcol {
 margin: 0;
 float: none;
 margin-left: 0; !important
}

h2.alex_prodtitles {
 font-size: 11px;
 height: 38px;
}

div.producttext h2.prodtitles,
div.producttext wpsc_description,
div.producttext .additional_description_span {
 display: none;
}

.wpsc_product_price span {
 font-size: 12px;
}

div.default_product_display div.textcol {
 margin-left: 0px !important;
}

.single_product_display .producttext {
 width: 100%;
}

.single_product_display .producttext h2.prodtitles {
 display: block;
 font-size: 14px;
 font-weight: bold;
 width: 350px;
 height: 20px;
}

.single_additional_description {
 width: 400px;
}

#products_page_container ul.wpsc_categories .wpsc_subcategory {
 display: none;
}

.default_product_display .producttext .product_footer {
 display: none;
}

.default_product_display .producttext .wpsc_description {
	display: none;
}

.single_product_display .product_footer {
 display: block;
 margin-top: 40px;
 width: 300px;
}

table.wpsc_checkout_table select { 
 width: 262px;
}

.clr {
 clear: both;
 /*display:none;*/
}

.productsA {
	margin-top:60px;
}

#products_page_container .wpsc_category_grid {
 width:500px;
 clear: both;
}

.wpsc_category_grid a.wpsc_category_grid_item {
 /*border:1px solid #CCCCCC;*/
 display:block;
 float:left;
 margin:0 14px 16px 0;
}

.wpsc_category_grid a.wpsc_category_grid_item img {
 border:1px solid #CCCCCC;
 margin-bottom: 5px;
 display: block;
}

div.wpsc_category_details img {
 border:1px solid #CCCCCC;
 float:left;
 margin:0 6px 12px 0;
}

div.wpsc_description {
 clear:both;
 width:400px;
}

h3.wpsc_category_boundary {
font-size:1.4em;
margin:0 0 10px;
}

#products_page_container a:link,
#products_page_container a:visited,
#products_page_container a:active {
 color:#888;
 text-decoration:none;
}

#products_page_container a:hover {
 color:#890FBD;
 text-decoration:none;
}
