/* @override 
	http://localhost/haitiposter/moxie/html/css/main.css
*/

/* GLOBAL STYLES  */


/* COLORS USED  

	RED			:	#A01D2D  
	GREEN		:	#68883A
	ORANGE		:	#C37422
	BLUE		:	#29708C
	GREY		:	#464749
	
   COLORS USED   */
@import url("global.css");
body  {
	overflow: scroll;
	overflow-x:hidden;
	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
	font-family:"Lucida Console", Monaco, monospace;
	background: url(../img/images/background-color.jpg)  repeat-x;
}
#container { 
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
a{
	outline:0;
	border:0;
	text-decoration:none;
	color: #666;


}
a:hover{
}
img{
	outline:0;
	border:0;
	
}

ul {
	list-style:none;
}
#header { 
height: 117px;
margin-bottom: 36px;
	
} 
#header #logo{
	float:left;
}


#saledate {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
}




/* Header Search Form   */

#header .searchForm {
	float:right;

}

#header .searchForm input{
}

#header .searchForm .input{
	float:left;
	border:1px solid #dadada;
	outline:0;
	height:25px
}


#header #tagline{
	width:400px;
	font-size:10px;
	line-height:18px;
	float: right;
	padding-top: 25px;	
	
}

/* Header Search Form   */

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 220px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	position: relative;

}
#mainContent { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column4space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
} 


#main_menu{
	width:110px;
	float:left;
	padding:0;
	margin:0;
}
#main_menu .social{
	width: 85px;
	
	border-top: 1px solid #dadada;
}
#main_menu .social a{
	display: block;
	font-size: 10px;
	padding-top: 10px;
	
}
#main_menu li.count{
	color:#666;
	font-size:10px;
	margin-top:10px;
}
#sidebar1 ul{
	padding:0;
	margin:0;
	list-style:none;

	
}
#main_menu ul li a{
	font-family:"Lucida Console", Helvetica, monospace;
	height:15px;
	width:90px;
	padding:1px;
	padding-top:4px;
	padding-left:4px;
	display:block;
	font-size:9px;
	margin-bottom:10px;
	line-height: 15px;
}

#main_menu ul li a:hover{
	
	color:white;
	
}

#main_menu ul hr {
	width: 85px;
	text-align: left;
	margin-left: 0px;
	
}


#filter_menu{
	width:110px;
	float:left;
}

#filter_menu ul li a{
	color:white;
	height:15px;
	padding:1px;
	display:block;
	font-size:9px;
	padding:2px;
	padding-left:5px;
	border-bottom:1px solid white;
	background-color:#464749;
	letter-spacing:1px;
}


#filter_menu ul li ul li a {
	background:none;
	color:#666;
	padding:2px;
	padding-left:15px;
	border-bottom:1px solid white;
}

#filter_menu ul li ul li a:first {
	background:red;
}

#filter_menu ul li ul li a {
	background:none;
	padding:0px;
	padding-left:4px;
	border:none;
	letter-spacing:0px;
	overflow:visible;
}

#filter_menu ul li ul li a:hover {
	text-decoration:line-through;
	background:none;
}


#filter_menu a.acc_header {
line-height: 16px;
}

#filter_menu #PosterSearch{
	border: 0;
	outline:1px solid #dadada;
	font-size:12px;
	color:#666;
	width: 106px;
	font-size:10px;
	margin-top: 5px;
	padding: 2px;

}



/* Main Content Items */



#posters .poster{
	margin-right:10px;
	float:right;
	width:105px;
	height:160px;
	background:white;
	float:left;
	cursor:pointer;
	letter-spacing:1px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:9px;
	min-width: 100px;
	min-height: 100px;
	

}


#posters .poster {
	}

#posters .poster .image{
	padding-bottom:3px;
	

}
#posters .poster .image img{
		
		border:1px solid #999;
		min-width: 100px;
		min-height: 100px;
		background:url(../img/ajax-loader.gif) no-repeat center 50%;
			background-color: #white;


}
#posters .poster .main .spinner{
	display:block;
}

#artists{
	display:block;
	height:100%;
	width:700px;
	margin:0px;
	padding:0px;
	
	
		
}
#artists ul{
	margin:0;
	padding:0;
}
#artists ul li a{
	float:left;
	padding:3px;
	background:white;
	padding:3px;
	line-height:16px;
	
}
#artists ul li a:hover{
	text-decoration:line-through;
}


/* Poster Overlay   */


/* Overlay and expose */

/* the overlayed element */ 
/* the overlayed element */
.modal {
	padding:10px;
	/* must be initially hidden */
	display:none;
	width: 500px;
	height: 500px;
	
	/* place overlay on top of other elements */
	z-index:10000;
	background:#fff;

	
}

.modal .image img{
	height:500px;
	border:0px;
	
}
.modal .image{
	padding:10px;
}
/* close button positioned on upper right corner */
.modal .close {
	background-image:url(../img/images/close.png);
	position:absolute;
	right:0px;
	top:-25px;
	cursor:pointer;
	height:25px;
	width:94px;
}
.modal .modal_details{
}
.modal .modal_details .btn_more_info{
	margin-top:6px;
	float: right;
	
	
	
}
.modal .modal_details .item{
	font-size:9px;
	max-width: 160px;
	}

.modal .modal_details .item .title{
	color:#464749;
	font-size:12px;
	display: block;
	padding-bottom:6px;
	
	
}
.modal .more_info{
	float:left;
	
}

.modal .add_to_cart a{
	
}
.btn_more_info{
	
	clear: right;
	
}
#gallery{
	padding-bottom: 80px;
}
#gallery #img{
	margin-bottom: 15px;
}

#gallery .next, #gallery .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	cursor:pointer;
	display:block;
	color:#fff;
	color:#999;
	
}


#gallery a.disabled {
	top:-1000px
}

#gallery .prev {
	left:-40px;
}

#gallery .next {
	right:-40px;
}

#gallery .info{
	clear: both;
	background: white;
}
#gallery .progress{
	position:absolute;
	top:10;
	right:10;
	display:none;
		
}

#gallery .available {
	color: #A01D2D;
	font-size: 12px;
	float: right;
	text-align: right;
}

/* Poster Overlay   */


/* Overlay and expose */

/* the overlayed element */ 
/* the overlayed element */
.modal {
	padding:10px;
	/* must be initially hidden */
	display:none;
	width: 500px;
	height: 500px;
	
	/* place overlay on top of other elements */
	z-index:10000;
	background:#fff;

	
}

.modal .image img{
	height:500px;
	border:0px;
	
}
.modal .image{
	padding:10px;
}
/* close button positioned on upper right corner */
.modal .close {
	background-image:url(../img/images/close.png);
	position:absolute;
	right:0px;
	top:-25px;
	cursor:pointer;
	height:25px;
	width:94px;
}
.modal .modal_details{
}
.modal .modal_details .btn_more_info{
	margin-top:6px;
	float: right;
	
	
	
}
.modal .modal_details .item{
	font-size:9px;
	max-width: 160px;
	}

.modal .modal_details .item .title{
	color:#464749;
	font-size:12px;
	display: block;
	padding-bottom:6px;
	
	
}
.modal .more_info{
	float:left;
	
}

.modal .add_to_cart a{
	
}
.btn_more_info{
	
	clear: right;
	
}
#gallery{
	padding-bottom: 80px;
}
#gallery #img{
	margin-bottom: 15px;
}

#gallery .next, #gallery .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	cursor:pointer;
	display:block;
	color:#fff;
	color:#999;
	
}

#gallery .prev {
	left:-40px;
}

#gallery .next {
	right:-40px;
}

#gallery .info{
	clear: both;
	background: white;
}
#gallery .progress{
	position:absolute;
	top:10;
	right:10;
	display:none;
		
}

#gallery .available {
	color: #A01D2D;
	font-size: 12px;
	float: right;
	text-align: right;
}




/* Poster Overlay   */



#pageContent .subTitle{
	font-size: 18px;
	font-weight: bold;
	border-top: 1px solid #dadada;
	padding-top: 19px;
	
}

#pageContent  a {
	color: #A01D2D;
}
#pageContent  a:hover{
	color: #68883A;
	
}


#pageContent .clearfloat{
	clear: both;
	width: 100%;
	background: red;
	height:20px;	

}

#pageContent .left{
	float: left;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;	

}
#pageContent .right{
	font-size: 11px;
	width: 225px;
	float: right;
	margin-right: 65px;
	
}
#pageContent .left .pageTitle{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 24px;
	padding: 5px;
	padding-left:0px;	
	letter-spacing: 1px;
	border-bottom: 1px solid #666;
	margin-bottom: 15px;
	padding-bottom: 8px;
	
}



#pageContent .right .pageTitle{
	padding-bottom:3px;
	
}

#pageContent ul  {
margin: 0;
padding: 0;
}

#pageContent div.left ul {
	
	
	
}

#pageContent div.left p {
	padding-bottom:10px;
	line-height: 24px;
	
}

#pageContent div.left div.subTitle {
	padding-bottom: 12px;
	
}
#pageContent div.left ul.bullets li{
	list-style: disc;
	margin-left: 15px;
	margin-bottom:10px;
}

#pageContent div.left hr {
	color: red;
	
}

#pageContent div.left hr {
	border-top: 1px solid #dadada;
}

#pageContent div.left ul.bullets li a {
	float: left;
	padding-left: px;
}



#pageContent div.left ul.bullets li a {
	padding: none;
	float: none;
	
}

#pageContent div.left ul.bullets li {
	padding: 4px;
	padding-left: 0px;;
	
}



/* Using this one */


/* Poster View Page */

#poster_view div.left {
	width: 500px;
}


#poster_view div.left div.large_image {
text-align: right;
margin: 0px auto;	
	width: 400px;

}
`

#poster_view div.left div.large_image div.controls {
height: 14px;
margin-top: 4px;	
margin-left: 4px;
}

#poster_view div.zoom_image {
		position: absolute;
		
}

#poster_view div.left div.large_image div.controls  a {
	font-size: 10px;
	width: 33%;
	float: left;
}

#poster_view div.left div.large_image div.controls div.prev a {
	text-align: left;
}

#poster_view div.left div.large_image div.controls div.return a {
	text-align: center;
}

#poster_view div.left div.large_image div.controls div.next a {
	text-align: right;
	width: 33%;
}



#poster_view div.right {
	display: block;
	margin-right: 0px;
	width: 200px;
}

#poster_view div.right div.item div.title {
	color: #A01D2D ;
	padding-bottom: 10px;
}

#poster_view div.right div.item div.description {
	margin-bottom:10px;	
}

#poster_view div.right div.item a img {
	margin-bottom: 10px;
	
	
}

/* Using this one */

/* Poster View Page */


/* FAQ's  */
#faqLinks {
	margin-bottom: 14px;
}

#faqLinks ul.bullets li a {
	color: #A01D2D;
	font-weight: bold;
}
#faqLinks ul.faqs li  {
	font-size:12px;
}


#responses .response{
	margin-top
	padding-top: 18px;
	
}

#pricing table {
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 0px;
	
}

#responses a.to_the_top {
	color: #999;
	display: block;	
	margin-bottom: -12px;
}

#responses a.to_the_top:hover {
		color: #A01D2D;
}
#responses ul.faqs div.response {
}




div.description.thumbs{
	width: 150px;
	
}
div.description.thumbs div.thumbnail  {
	width: 45px;
	float: left;
	}
div.thumbnail img{
	width: 35px;
	
}



/* Main Content Items   */




#footer { 
margin-top:30px;
clear:both;
text-align:justify;
font-size:11px;
line-height: 15px;

float: left;
color: #999;

margin-left:250px
}



#footer p {
	
}


 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#posters.hidden{
	display:none;
}



#gizmo{
	display:none;
	margin-top:-2px;
	margin-left:-2px;
	height:30px;
}