@charset "utf-8";
/* CSS Document */
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight:normal;
	font-style:normal;
	font-size: 100%;
	font-family: inherit;
  	vertical-align: baseline;
}
html,body{
height:100%;
}
body{
 background-color:#c8c8c8;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#333;
line-height:1.5;
padding-top:0px;
	}
	/* added by ew */
	p {
		color: #006633;
	}
h2 {
color:#006633;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.3em;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:10px;
}
h2.smcaps {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #496F24
	}
	
h2 span{
text-transform:none;
font-variant:small-caps;
font-weight:bold;
}
.smcaps {
  font-variant: small-caps;
  text-transform: capitalize;
  border: 0;
  }
  
h3{
border-bottom:1px solid #669933;
color:#669933;
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:500;
letter-spacing:2px;
text-transform:uppercase;
font-size:2.0em;
}
 h3 span {
 font-variant: small-caps;
 text-transform:none;
 }
 h3 a, h3 span a{
 color:#669933;
 text-decoration:none;

 }
 h3 a:hover, h3 span a:hover{
  text-decoration:underline;

 }
img#logos {
margin-left:80px;
}


img#robedetails, img#choirrobes, img#choirsingers {
position:absolute;
bottom: 56px;
}
/******************************************************/
/************** MDS PRODUCT STYLES ********************/
#logo-clergy{
margin: 0 auto;
height: 174px;
width:1000px;
}
#logo-clergy {
background: #FFFFFF url(../images/header-clergy-attire.jpg) no-repeat scroll 50% 0
 }
#mds-category {margin: 0px; margin-left: 60px; position: relative; width: 100%;}
div#mds-category ul {list-style: none outside none; overflow: hidden;}
li.clergy-item {float: left; margin-right: 10px; position: relative; width: 21%;}
li.clergy-item h3 { 
	font-size: 16px;
	border-bottom: none;
    color: #669933;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
	padding-left: 5px;
	}
li.clergy-item p {
	padding-left: 5px;
	font-size: 110%
	}
#mds-category div.hr hr {width: 90%; float: left;}

#productForm {
	position: relative;
	}
#cart-contents-widget {
	bottom: 1px;
	/*padding: 27px 6px 6px 10px;*/
	height: 53px;
	position: absolute;
	width: 190px;
	background: url(../images/cart-contents-widget.png) no-repeat scroll
	}
.clergy-cart-contents {
		left: 337px;
		}
.robes-cart-contents {
	left: 254px;
	}
div#cart-contents-widget p { font-size: 12px; color: #CC0000; position: absolute; top: 27px; left: 10px; }

table.mds-category-trustmarks{ /*this is the trustmarks and description text on MDS category page */
	width: 31%;
	border: 0;
	position: relative;
	left: 60px;
	}
#mdsleftcontent2 {
float:left;
width:388px;
padding-top: 28px;
}
img#mdsimage {
position:absolute;
}
#mdsimagediv {
position:absolute;
left:20px;
}
/* MDS product page images  */
/*Vertical image positioning is inline for now */

#mdsrightcontent {
/*border-top: 2px solid #b4dab5;
margin-left:241px;*/
float: left;
padding-top: 28px;
padding-left: 15px;
}

#mdsrightcontent h2, #mdsrightcontent p, #mdsrightcontent h3{
margin-left:0px;
margin-right:0px;
width: 297px;
}
#mdsrightcontent p {
	color: #006633;
    font-size: 12px;
    margin-bottom: 9px;
	}
div#mds-item-descr strong {
	font-weight: bold;
	}
div#mds-item-descr em {
	font-style: italic
	}
#productForm h4 {
	font-size: 110%;
	color: #006633;
	}
#mds-bottom-logodiv  {
  display:inline;
  position:absolute;
  left:425px;
}
.mds-bottom-logos {
float:left;
margin-right:30px;
margin-top:5px;
text-align:center;
}
.mds-bottom-logos  p{
  /*padding-top:10px;*/
}
.mds-qty-add {
	margin-top: 10px;
	}
#mds-BBB {
    padding-top: 5px;
    position: absolute;
    right: 24px;
    top: 204px;
}
 /*****      END MDS STYLES   ******/
/**********************************/
#swatches
{
position:absolute;
bottom:480px;
left:20px;
}
#wrap {
width:1000px;
margin:0 auto;
font-size:1.2em;
position:relative;
background: #ffffff;
}
#maincontent {
border-left: 2px solid #b4dab5;
border-right: 2px solid #b4dab5;
margin: 1px 16px 0;
font-size:.9em;
background: #c8e4c9 url(../images/background.jpg) repeat-x top left;
min-height: 480px;
}
.choirbox_page_height {
	height: 360px;
	}

#scanalert {
	position:absolute;
	right:135px;
	top:204px;
	padding-top:7px;
}

#BBB {
	position:absolute;
	right:52px;
	top:204px;
	padding-top:5px;
}
#JR_logo {
	position: absolute;
	right: 56px;
	top: 308px;
	}
#leftcontent, #leftcontent2 {
float:left;
width:240px;
padding-top: 28px;
}
#leftcontent2 {
/*border-top: 2px solid #b4dab5;*/
}
#rightcontent {
/*border-top: 2px solid #b4dab5;
margin-left:241px;*/
float: left;
padding-top: 42px;
padding-left: 15px;
}
#rightofright {
	margin-left: 720px;
	/*position: relative; new trustmarks positioning  */
	/*width: 230px;*/
	}
#rightcontent h2, #rightcontent p, #productleft, #special{
margin-left:0px;
margin-right:0px;
width: 475px;
}
#rightcontent p strong {font-weight: bold; line-height: 2em;}

#robes_benefits {position: absolute; width: 210px; margin-top: 120px;padding-left:20px;}
#robes_benefits b { color: #496F24; }
#robes_benefits li {color: #496F24;}

#productleft, #productright {
width:240px;
float:left;
margin-top:10px;
}
#productleft h3, #productright h3 {
	width: 90%;
	}
/*
#productleft a, #productright a{
font-weight:bold;
text-decoration:none;
color:#333333;
}
*/
.moreinfolink {
font-size:smaller;
text-decoration:none;
color:#333333;	
}

#productleft li a:hover, #productleft li a:focus, #productright li a:hover, #productright li a:focus{
text-decoration:underline;
}
#productleft ul, #productright ul{
  list-style:none;
  margin-bottom:5px;
 } 
 #productleft ul li, #productright ul li{
   background:url(../images/bullet01.gif) no-repeat 0 .5em;
/*   margin-left:-20px;*/
   padding-left:20px;
   line-height: 27px;
   font-weight: bold;

 }

#productForm td{
	padding:3px;
	vertical-align: middle;
}

#productForm label{
	font-weight: bold;
}

#productForm input[type="text"],#productForm select{
	height:22px;
	border: solid 1px #e7e7e7;
	font-size: 1.4em;
}

#productForm select{
	width: 150px;
}


#maincontent .pageheader{
  height:45px;
  text-indent:-9999px;
  margin-bottom:5px;
}
#maincontent #welcomeheader {
	background:transparent url(../images/misc/quality_choir_robes.png) no-repeat scroll left 25px;
	width: 480px; /* two columns */
}
#maincontent #choirboxheader{
background:url(../images/misc/headline-choirinabox.png) no-repeat top left;
}
#maincontent #orderheader{
background:url(../images/misc/order-details.png) no-repeat top left;
}
#maincontent #productheader{
background:url(../images/misc/headline-proddetails-bamboo.png) no-repeat top left;
}

#special-box{
	border: 2px dashed black;
	width: 95%; 
	background-color:#EBF5EC; 
	margin: 15px auto; 
	padding: 10px;
	}
#special-box p, #special-box h2 {
	width: 450px;
	}
	
#logo{
margin: 0 auto;
height: 174px;
width:1000px;
}
#logo {
background: #FFFFFF url(../images/my-choir-robes-header.jpg) no-repeat scroll 50% 0
 }

#logo2 h1 {
  text-indent:-9999px;
}
#logo2 a {
width:317px;
height:160px;
display:block;
}
#header{
/*float:left;
width:443px;
height:160px;
background: url(../images/header.jpg) no-repeat;*/
}
#bottom{
height:86px;
background: url(../images/background2.jpg) repeat-x top left;
border-left: 2px solid #b4dab5;
border-right: 2px solid #b4dab5;
margin: 0px 16px 0;
}
#bottomright  {
  display:inline;
  position:absolute;
  left:275px;
}
#bottomright  p{
  padding-top:10px;
}
#bottomright  p a{
color:#006633;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:15px;
font-weight:bold;
text-decoration:none;
}
#bottomright  p a:hover, #bottomright  p a:focus{
text-decoration:underline;
}
#special  {
 border: 2px solid #b3b3b3;
 margin-top:20px;
 margin-bottom:40px;
 padding: 5px; 
 }
#footer
{
  background:#666666;
  color:#cccccc;
  height:25px;
  text-align:center;
  font-size:smaller;
  padding-top:5px;
  
}
#footer a {
  color:#cccccc;
  text-decoration:none;
  vertical-align:middle;
  font-weight:bold;
}
#footer a:hover, #footer a:focus {
  text-decoration:underline;

}
#footer span{
  color:#cccccc;
  vertical-align:middle;
}
#copyr{
margin-top:10px;
text-align:center;
font-size:smaller;
}
#copyr span {
font-weight:bold;

}
/*begin navigation */
#visa {
float:left;
list-style:none;
margin-left:16px;
position:relative;
z-index:6;
}

ul#visa li {
float:left;
height:27px;
margin-top:1px;
margin-right:4px;
}

#socialbookmarks {
position: absolute;
margin-top:9px;
/*overflow:hidden;*/
display:block;
left: 20px;
width: 300px;
height: 25px;
}

.addthis_toolbox {position:absolute; top: 1px; left: 15px;}
#FBlikebox {position: absolute; top: -1px; left: 255px;}

/*end navigation css*/
/*classes*/
.gaptop {
margin-top:20px;
}
.gapbottom {
margin-bottom:20px;
}
.gapright {
margin-right:25px;
}
.gapleft.gapright {
margin-left:20px;
}
.block {
display:block;
margin-bottom:5px;
}
.right {
 float:right;
}
.title {
color:#006633;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.4em;
font-weight:bold;
letter-spacing:2px;

}
.title span{
color:#669933;
font-weight:bold;
text-transform:uppercase;
}
.left_text {
color:#006633;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.6em;
font-weight:bold;
text-transform:uppercase;
letter-spacing:3px;
}
.ctr_text {
color:#006633;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:2em;
font-weight:bold;
text-transform:uppercase;
letter-spacing:3px;
text-align: center;
}
.head_green {
color:#669933;
font-size:1.9em;
}
.rollover {
color:#666666;
text-align:center;
margin-bottom:5px;
}
.bottomimages {
float:left;
margin-right:30px;
margin-top:5px;
text-align:center;
}
.padbottom{
padding-bottom:40px;
}
#bottomright .bottomimages p {
padding:0;
font-size:smaller;
color:#666666;
}
.rolloverbottom {
padding-top:10px;
font-size:small;
color:#666666;
}
.seo-text, .seo-text * {
height:0;
left:-9999px;
overflow:hidden;
position:absolute;
top:0;
width:0;
}

.padbottom {
	padding-bottom:5px;
}

#requestaswatch td.lbl
{
	width:120px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	vertical-align:top;
}

#requestaswatch td.lng
{
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
}

#requestaswatch input.txtbox
{
	width:300px;
}

/*clear fix solves  problem containing floats*/
.clearfix:after, #maincontent .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {
    display: inline-block;

}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}