/* 
Theme Name: Amon Maternity
Theme URL: http://www.amonmaternity.com
Description: Amon Maternity, LLC Wordpress Theme
Author: Mike Drewlo
Version: 1.0
*/

@charset "UTF-8";
/* CSS Document */
*{font-size:100.01%}
html {font-size:62.5%;}
body {
	margin:0;
	padding:0;
	color: #000000;
	font:1.3em Tahoma, arial,helvetica,sans-serif;
}

	
form {
	margin:0;
	padding:0
	}
img {border:none;}

a {
	color: #666;
	}
	
a:hover {
	text-decoration:underline;
	}
input {vertical-align:middle}
.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}


input.text,
input,
textarea,
select {font:100% arial,sans-serif;}
	
h1,h2,h3,h4 {margin:0;}

ul {
	margin:0px;
}
ul.sitemap {
	margin:0px 0px 30px 10px;
	padding:0px;
	list-style:none;
	font-weight:bold;
}

ul.sitemap li {
	margin-bottom:5px;
}

ul.sitemap li ul {
	padding:0px 0px 0px 25px;
	margin:10px;
	list-style:disc;
	font-weight:normal;
	color: #666;
}

h2.pagetitle {color:#FFFFFF; font-size:14pt!important; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; padding-bottom:12px;}


.oneColLiqCtrHdr #container {  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	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. */
}
.oneColLiqCtrHdr #header { 
 /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background:#FFFFFF;
	
}

.oneColLiqCtrHdr #headerContent { 
  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	max-width:800px;
	min-width:800px;
	min-height:4em;
	margin: 0 auto;
	background:#FFFFFF;
}

.oneColLiqCtrHdr #headerContentIndex { 
  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	max-width:800px;
	min-width:800px;
	padding-top:17px;
	margin: 0 auto;
	background:#FFFFFF;
	
}

.oneColLiqCtrHdr #headerContentProducts { 
  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	max-width:800px;
	min-width:800px;
	/*padding-top:17px;*/
	margin: 0 auto;
	background:#FFFFFF;
	
}

.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #mainContent {
	min-width:800px;
	padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #dcdddf;
}

.oneColLiqCtrHdr #mainContentIndex {
	min-width:800px;
	background: url(images/bgslice.png) repeat-x;
	clear:both; 
	padding-bottom:7px; 
	padding-right:4px;
		
}

.oneColLiqCtrHdr #mainContentProducts {
	min-width:800px;
	padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
}

.oneColLiqCtrHdr #content {
	max-width:750px;
	min-height:300px;
	*height:1%;
	margin: 0 auto;
	padding: 0 0 0 58px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.oneColLiqCtrHdr #contentHome {
	max-width:800px;
	min-width:800px;
	margin: 0 auto;
}

.oneColLiqCtrHdr #contentProducts {
	max-width:750px;
	min-height:300px;
	*height:1%;
	margin: 0 auto;
	padding: 0 0 0 58px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.oneColLiqCtrHdr #footer { 
	background:#ffffff;
	clear:both;
} 

.oneColLiqCtrHdr #blackLine { 
	background:#000;
	overflow:hidden;
	height:12px;
} 

.oneColLiqCtrHdr #greyLine { 
	background:#dcdddf;
	overflow:hidden;
	height:12px;
} 

.oneColLiqCtrHdr #footer p, .oneColLiqCtrHdr #footerBlack p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.oneColLiqCtrHdr #footerContent { 
  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	max-width:750px;
	min-width:750px;
	margin: 0 auto;
	font-size:.80em;
	padding-left:40px;
	padding-top:2px;
	padding-right:5px;
	color: #666;
}


.oneColLiqCtrHdr .copywrite {
	float:left;
}

.oneColLiqCtrHdr .links{
	float:right;
	color: #666;
}


.textarea {
	float:right;
	width:308px;
}


.inttextarea h2 {
	
}

.inttextarea {
	margin:10px 0 0 0px;
	clear:both;
	height:49px;
}

.inttextarea h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.inttextarea p {
	margin:0px;
	font-size:11px;
}

.slogan p {
	color:#FFFFFF;
	font-size:0.8em;
	letter-spacing:0.17em;
	margin-left:-140px;
	padding-top:25px;
	text-align:justify;
	width:413px;
}


.photo {
	background:url(/images/home_supportband.jpg) no-repeat;
	width:272px;
	height:491px;
	float:right;
	border-left:4px solid #fff;
	border-right:4px solid #fff;
}
/* homephoto.jpg */

.credit{

}

.logo {
	margin-top:250px;
	background:url(images/logo.png) no-repeat;
	width:308px;
	height:93px;
}

.intlogo{
	background:url(images/intlogo.png) no-repeat;
	width:151px;
	height:43px;
	float:right;
	margin:10px 0;
}

.logo, .intlogo {
	display:block;
	overflow:hidden;
	text-indent:-9999em;
}
	
#productsarea {
	height:286px;
	/*width:770px;*/
	width: 530px;
	margin:0 auto;
}

#nav, #navint {
	font-size:11px;
	height:37px;
	*height:1%;
	}
	
#nav ul, #navint ul{
	list-style:none;
	margin:0px;
}
	
#nav li {
	line-height:24px;
	float:right;
	list-style:none;
	background:#696969;
	margin-left:1px;
	width:150px;
}

#navint li {
	line-height:24px;
	float:right;
	list-style:none;
	background:#696969;
	margin-left:1px;
	width:150px;
}

	
#nav li a {
	line-height:24px;
	display:block;
	float:left;
	color:#afafaf;
	text-decoration:none;
	width:150px;
	text-transform:uppercase;
	text-align:center;
}

#navint li a {
	line-height:24px;
	display:block;
	float:left;
	color:#afafaf;
	text-decoration:none;
	width:150px;
	text-transform:uppercase;
	text-align:center;
}

/* *********************************** */
/* Added: 01/27/09 Pomoq */
#nav li.products a {
	color:white;
	font-weight:bold;
}

#nav li.products a:hover, #navint li.products a:hover,
#nav li.products a.active, #navint li.products a.active  {
	background:#e1cdd9;
	text-decoration:none;
	color:#333333;
	}
/* *********************************** */
	
#nav li.last, #navint li.last {padding:0;background-image:none;}
#nav li.colored , #navint li.colored{
	background-color:#641b6d !important;
	}
#nav li.border, #navint li.border {}
#nav li a:hover, #navint li a:hover,
#nav li a.active, #navint li a.active  {
	background:#e1cdd9;
	text-decoration:none;
	color: #333333;
	}
#nav li.colored a:hover, #navint li.colored a:hover,
#nav li.colored a.active, #navint li.colored a.active  {
	background:#954f9e;
	text-decoration:none;
	}

#productsarea div{
	float:left;
	width:124px;
	height:286px;
	margin-right:1px;
}

#productsarea div a{
	float:left;
	width:124px;
	height:286px;
	text-decoration: none;
	text-indent:-9999px;
}

#productsdetail {
	padding:0px 0 10px 0;
	min-height:350px;
	*height:1%;

}

#productsdetail div#subnavarea{
	float:left;
	width:150px;
	margin-right:1px;
	padding:5px 5px 0 0;
}


#productsdetail div#subnavarea ul{
	padding:0px;
}

#productsdetail div#subnavarea li{
	list-style:none;
	padding:2px 0 ;
	text-align:right;
	font-size:12px;
	letter-spacing:1px;
}

#productsdetail div#subnavarea li a{
	color:#6D6D6D;
	text-decoration:none;
}

#productsdetail div#subnavarea li a:hover{
	color:#000;
	text-decoration: underline;
}

#productsdetail div#detailarea{
	float:left;
	width:250px;
	margin-right:1px;
}

#productsdetail div#detailarea .productphoto{
	margin-bottom:10px;
	
}

#productsdetail div#orderarea{
	float:left;
	width:300px;
	margin-right:1px;
	padding:0 0 0 20px;
}

#productsdetail div#orderarea h1{
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
	display:inline;
}

#productsdetail div#orderarea h2{
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
	display:inline;
	color:#4F4F4F;
}

#productsdetail div#orderarea p{
	font-size:10px;
	margin-bottom:10px;
	
}

#productsdetail div#orderarea p.productprice{
	font-size:1.3em;
	*font-size:1.5em;
	color:#4D4D4D;
	margin:0px;
}

#productsdetail div#orderarea .colors{
	background:url(images/colors.png) no-repeat;
	width:91px;
	height:25px;
}

#productsdetail div#orderarea .productform{
	padding:10px 0 10px 0px;
}




#productsdetail div#orderarea .productform .btn{
	width:200px;
	height:47px;
	background:url(images/bagbutton4.png) no-repeat;
	border:0px;
	color:#fff;
	font-weight:bold;
	font-size:13px;
}

.emailfriend{
	display:block;
	width:134px;
	height:23px;
	background:url(images/emailfriend.png) no-repeat;
	text-indent:-9999px;
}


#visionarea div#visiontextarea{
	float:right;
	width:350px;
	*width:350px;
	margin-right:0px;
	padding:90px 5px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#visionarea div#visiontextarea h2{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	*font-weight:bold;
	font-size:13px;
	margin-bottom:4px;
}

#visionarea div#visiontextarea p{
	margin:0px;
	margin-bottom:10px;
}


#visionarea div#visionphotoarea{
	float:right;
	width:374px;
	height:255px;
	margin-right:0px;
	margin-right:0px;
	padding:43px 0px 50px 0;
	font-size:9px;
	text-align:right;
}



#visionarea div#leftcol{
	float:right;
	width:200px;
	margin-right:20px;
	padding:80px 5px 0 0;
	font-family:verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:11px;
}

#visionarea div#rightcol{
	float:right;
	width:500px;
	min-height:300px;
	*height:1%;
	margin-right:1px;
	padding:50px 7px 0 0;
	font-size:11px;
	text-align:left;
}


#visionarea div#rightcol p{
	margin:0px 0px 10px 0;
	
}

#visionarea div#rightcol h2{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	*font-weight:bold;
	font-size:13px;
}




#brief a:hover, #short a:hover, #thong a:hover, #band a:hover, #bra a:hover, #shaper a:hover  {
	background-position:-124px 0;
	cursor:default;
}

	
#brief a{
	display:block;
	background: url(images/products/picbrief.jpg) 0 0 no-repeat ;
	text-indent:-9999px;
	text-decoration: none;
	cursor:default;
}

#short a{
	display:block;
	background: url(images/products/picshort.jpg) 0 0 no-repeat ;
	text-indent:-9999px;
	text-decoration: none;
}

#thong a{
	display:block;
	background: url(images/products/picthong.jpg) 0 0 no-repeat ;
	text-indent:-9999px;
	text-decoration: none;
}

#band a{
	display:block;
	background: url(images/products/picband.jpg) 0 0 no-repeat ;
	text-indent:-9999px;
	text-decoration: none;
}

#bra a{
	display:block;
	background: url(images/products/picbra.jpg) 0 0 no-repeat ;
	text-indent:-9999px;
	text-decoration: none;
}

#shaper a{
	display:block;
	background: url(images/products/picshaper.jpg) 0 0 no-repeat ;
	text-indent:-9999px;
	text-decoration: none;
}


/* Tab Panel */

.TabbedPanels {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.TabbedPanelsTab {
	font-size:9px !important;
	font-weight:normal;
	margin:0px;
	padding:5px 7px !important;
}

.TabbedPanelsContentGroup,.TabbedPanelsTab  {
	border:1px solid #ccc;
}

.TabbedPanelsTab  {
	border:1px solid #ccc;
	border-right:0px;
}

#lastTab  {
	border-right:1px solid #ccc;
}

.TabbedPanelsContent {
	font-size:9px;
	height:90px;
	*height:110px;
	background-color:#FFFFFF;
}

.TabbedPanelsContent ul {
	padding:5px 0 0 15px;
}

.TabbedPanelsTabSelected {
	background-color: #fff!important;
	border-bottom: 1px solid #fff!important;
}


#dhtmltooltip
{
	position: absolute;
	left: -300px;
	min-width:258px;
	width: 150px;
	padding: 4px;
	visibility: hidden;
	z-index: 100;
	text-shadow: #000000 3px 3px 3px;
	*text-shadow: none;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	*filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, Strength=3);
	border: 1px solid black;
	background-color:#fff;
}

#dhtmlpointer
{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}


/* Wordpress Specific */

p {font-size: 11px; }

#comments a {padding-top:5px; font-weight:bold;}
.page { padding:10px 25px 0 0; }

.post { padding:10px 25px 0 0; }
.post .title h2 { clear:right; font-size:1.8em; padding-bottom:10px; }
/*
.post h2 a { color:#FFFFFF; text-decoration:none; }
.post h2 a:hover { color:#666666; }
*/

.post h2 a { color:#666666; text-decoration:none; }
.post h2 a:hover { color:#000000; }

/*
.post h2 a { color:#000000; text-decoration:none; }
.post h2 a:hover { color:#666666; }
*/

#contentProducts .post { padding:10px 0 0 0; margin:0 auto;};

.post .divider { border-bottom:1px solid #E1CDD9; }
.post .postmeta { text-align:right; margin:-10px 0 50px 0;}
.post .postnavigation {} 



.sidebar { width:160px; color:#666; padding:10px 0 0 0; text-align:center; }
.sidebar ul { padding:0px; }
.sidebar li { list-style-type:none; }
.sidebar .widget_categories, .widget_extended-categories, .widget_tag_cloud, .widget_text, .subzane_youtube_recent_videos_widget, .widget_yd_rp, .widget_rrm_recent_posts{ padding:12px 12px 12px 12px; text-align:left;}
.sidebar .yd_rp_widget {padding-top:5px;}
.sidebar .widget_search { padding:12px 12px 12px 12px; text-align:center;}
.sidebar .sz-videolisting {padding:5px 0 0 0;}
.sidebar .sz-videolisting span {text-align:center; padding:0 0 12px 0;}

.sidebar .widget_rrm_recent_posts ul {padding-left:12px;}
.sidebar .widget_rrm_recent_posts li {list-style-type:disc; }

.commentlist { padding:10px 0 10px 0; border-top:1px solid #E1CDD9; }
.commentlist ul { list-style-type:none; }
.commentlist li {list-style-type:none; border-bottom:1px solid #E1CDD9;}
.commentlist {  }
.commentlist .comment { padding:10px 0 10px 0; }

.commentlist .even { }
.commentfield { float:left; width:32% }
.reply { padding:0 0 12px 0; }

#s { width:130px; }
.searchresults { vertical-align:top; padding-top:25px;}

.sidebar .yd_rp_excerpt {padding-bottom:12px;}

.date { 
	border-right:1px solid #666666;
	color:#666666;
	float:left;
	font-size:1.0em;
	margin:0 9px 2px 0;
	padding:3px;
	text-align:center;
	width:3.3em;
}
.date strong {display:block; font-size:1.4em; line-height:1em; font-weight:normal;}

.alignleft { float:left; }
.alignright { float:right; }

p.hidden {
	position:absolute;
	margin-left:-9999px;
}
