/* Body Tag */
Body{ color: White; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color: #282828; margin: 0; padding: 0; margin-top:17px; }

/* Structure */
#wrapper {
	background: #282828;
	margin: 0 auto;
	width: 690px;
}
#container {
	background: #282828;
	border: 0px;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 0 auto;
	width: 690px;
}

/* Top Posh Frocks Logo */
#posh_logo {margin-left:5px; border:none; margin-bottom:15px; margin-top:0px; width:250px;}
#posh_logo img {border: none; }
#posh_logo a img {border: none; }
#posh_logo a:hover img {border: none;}

/* Top Navigation */
#navigation {width: 690px; margin:0px; padding:0px;}
#navigation ul{ text-align:left; padding:0px; margin:0px; nowrap}
#navigation li{ display: inline; }

/* Top Navigation Image Styling*/
#navigation img {border: none; border-top: 6px solid #8b8b8b;}
#navigation a img {border: none; border-top: 6px solid #8b8b8b;}
#navigation a:hover img {border: none; border-top: 6px solid #bee8c1;}

/* Top Navigation - Extra Menu */
#popitmenu{
position: absolute;
background-color: #363636;
border-top:6px solid #8b8b8b;
font: normal 12px Verdana;
line-height: 21px;
z-index: 1000;
visibility: hidden;
text-align:center;
font-weight:bold;
margin-top:5px;
}

#popitmenu a{text-decoration: none;padding-left: 6px;color: #fff;display: block;}

#popitmenu a:hover{ /*hover background color*/
background-color: #bee8c1; color:#282828;}

/* Main Content Area */
#main_content {padding:0px; margin:0px; position:relative; background: url('../images/posh_back_middle.jpg') no-repeat; height:407px; width:684px; margin-top:3px; text-align:right;}
#main_content p {text-align:right;}
#main_content img {text-align:right;}


/* Main Content Text Area */
#main_content_text {padding:0px; margin:0px; background: url(../images/posh_back_middle_text.jpg) repeat-y left top; width:684px; margin-top:3px; text-align:right; min-height:407px; }
#main_content_text p {text-align:left;}
#main_content_text img {text-align:right;}

#main_content_text1 {padding:0px; margin:0px; background: url('../images/posh_back_middle_text.jpg')repeat-y left top; width:684px; margin-top:3px; height:407px; min-height:407px; text-align:right;}
#main_content_text1 p {text-align:left;}
#main_content_text1 img {text-align:right;}

#stockist {background: url('../images/posh_back_middle_block.jpg') repeat-y left top;}


/* Footer Section */
#footer_end {padding:0px; margin:0px; background: url('../images/footer_image.gif') no-repeat; height:35px; width:703px; margin-top:7px;}

#footer_end p{ font-size: 12px; padding-left: 15px; line-height: 35px; margin: 0;  color: #9c9c9c; }
#footer_end a {color: #9c9c9c; text-decoration:none;}
#footer_end a:hover {color: #bee8c1; text-decoration:none;}


/* Miscellaneous */
TD {font-size: 10pt;  }
p { font-size: 10pt;  margin-bottom: 7px; margin-top: 0; }
a{ color: #76DEFC; text-decoration: none; }
a:hover{	text-decoration: underline;  color: White;   }
form{	margin:0;}

h1{ margin: 0; padding: 40px 0 0 0; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: White;  font-size: 20pt;  }

#CONTENT{ width:760px; margin-left:auto; margin-right:auto;   }
h2{ margin: 0; padding: 24px 0 7px 40px; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: White; font-size: 15pt; }
#TEXT{ padding: 35px 40px 35px 40px; border-bottom: 1px solid #484848; border-top: 1px solid #484848; background-color: #222222; }
#TEXT p{	margin-bottom: 1em;}

/* footer */
#column-wrap {
	clear: both;
	float: left;
	width: 684px;
	padding: 0px 0 15px 0;		
	background: #303030;		
	margin-bottom: 15px;
	margin-top:9px;	
	font-size:12px;

}
#column-wrap a {
	text-decoration: none;
	color: #646363;	
}
#column-wrap a:hover {
	color: #bee8c1;	
}
#column-wrap h2 {
	color: #646363;	
	margin: 0 0 10px 0;	
	font-size:12px; font-weight:bold;
}

#columns {
	color: #646363;
	margin: 0 auto; 
	padding: 0;	
	width: 684px;		
	background: transparent;
}
#columns ul {
	list-style: none;
	margin: 10px 0 0 30px;
	padding: 0;	
	text-align:left;
		
}
#columns li {
	background: url(../images/footer-dots.gif) repeat-x left bottom;	font-weight: normal;
	padding: 1px 0 1px 10px;
	width: 96%;	
}
#columns li a {
	display: block;
	width: 96%;
}
#columns .col3, .col3-center {
	float: left;
	width: 315px;
}
#columns .col3-center { 
	margin: 0 15px; 
}

#scroll_layer {margin-left:100px; }
#scroll_layer1 {margin:0px; }
#scroll_text {text-decoration: none;color: #8b8b8b; line-height:23px;}
#scroll_text h2{text-decoration: none;color: #8b8b8b; margin:0px; padding:0px; font-weight:bold;}
#scroll_text a {text-decoration: none;color: #8b8b8b;}
#scroll_text a:hover {color: #bee8c1;}

#stockistswrapper {
	height: auto;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#stockistsleftcol {
	float: left;
	height: auto;
	width: 680px;
	color:#8b8b8b;
}

#contactwrapper {
	height: auto;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#contactleftcol {
	float: left;
	height: auto;
	width: 380px;
	color:#8b8b8b;
}
#contactrightcol {
	float: right;
	height: auto;
	width: 165px;
	background-color: #303030;
	color: #8b8b8b;
	padding: 10px;
	margin-left: 10px;
}
.infotitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #bee8c1;
}
#contactwrapper #contactleftcol legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8b8b8b;
	font-weight:bold;
}
#legend_leftcol {
	text-align: right;
	float: left;
	height: 25px;
	width: 125px;
	margin:0px;
	padding:0px;
}
#legend_rightcol {
	text-align: left;
	float: right;
	height: 25px;
	width: 225px;
	margin:0px;
	padding:0px;
}


.pagination{
padding: 1px;margin-left:100px
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 11.5px;
height:15px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #8b8b8b;
text-decoration: none; 
color: #8b8b8b;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #8b8b8b;
color: #000;
background-color: #bee8c1;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.grey {border-bottom:#dddddd 1px dashed; margin-bottom:15px;margin-top:0px;}

.pagination a.prevnext{
font-weight: bold;
}

hr {background-color: #8b8b8b; height: 1px;}

#legend_main {width:380px; padding:0px; }
#legend_leftcol {
	text-align: left;
	float: left;
	width: 140px;
	margin:0px;
	padding:0px;
	padding-left:5px;
	color: #8b8b8b;
	height:29px;
}
#legend_rightcol {
	text-align: left;
	float: right;
	margin:0px;
	height:29px;
	width:235px;
	padding:0px;
	color: #8b8b8b;
}

#legend_onecol {
	text-align: left;
	float: right;
	margin:0px;
	height:29px;
	width:375px;
	padding:0px;
	padding-left:5px;
	color: #8b8b8b;
}
.ir	{ display:block; width:32px; height:33px; overflow:hidden; position:relative; text-indent: -10000em; background:0 0 no-repeat; text-align:left; }
#slideshow	{ display:block; margin:0 auto; height:407px; width:684px; overflow:hidden; zoom:1; position:relative; z-index:200; }
	#slideshow img	{ zoom:1; position:absolute; z-index:250 }
	.next, .prev	{ position:absolute; top:47%; left:30px; background:url(../images/arrows.png) 0 -34px no-repeat; cursor:pointer; z-index:300; }
	.next	{ right:30px; left:auto; background-position:-30px -34px; }
	.next:hover, .next:focus	{ background-position:-30px 0; }
	.prev:hover, .prev:focus	{ background-position:0 0; }