/*-----------------------------------------------------------------------------

version:   1.0
date:       2-28-08
author:    marc duisenberg
email:     stylehelp@mouseworks.biz
website:   http://www.mouseworks.biz
-----------------------------------------------------------------------------*/


/* =Normalizing - overriding default browser styles
-----------------------------------------------------------------------------*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ 
margin:0; padding:0;
}

h1,h2,h3,h4,h5,h6,pre,code { 
font-size: 100% 
}

ul,ol { 
list-style:none 
}

fieldset, img {
border:0;
}

.clear {
	clear:both;
}

img {
	border: 0;
}

xdiv{
xborder:1px solid red;
}

/* =General
-----------------------------------------------------------------------------*/
html{
text-align:center;
}

body{
background: #7f0032 url(../images/TGR_Bg_Pattern.jpg) repeat top right;
text-align:center;
margin:0px auto;
color: #333333; }

div#pagewrap, div#branding, div#footer{
width: 799px;
margin: 0px auto;
}

div#pagewrap{
width: 799px;
border: none;
text-align:left;
background: transparent url(../images/bg_pagewrap2.gif) repeat-y top right;
position:relative;
margin: 30px auto;
}




/* =Typography
-----------------------------------------------------------------------------*/

body{
font-size: small;
font-family: Verdana, Arial, "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;

}

/* =Branding
-----------------------------------------------------------------------------*/
div#branding{
width:799px;
text-align: center;
height: 119px  ;
margin:0px 0 0px 0;
padding:0px 0 0 0;
background: transparent url(../images/bg_brandingA1.jpg) no-repeat 0% 0%;
}

div#masthead{
background-color: transparent; 
}
div#masthead h1{
border: none;      
position: absolute;
top: 0px;
left:253px; 
width: 680px;
height:222px;
text-align:left;
background: transparent url(../images/bg_header_woman5.jpg) no-repeat;
xz-index: 100;
}



/* =Content Container
-----------------------------------------------------------------------------*/

div#content{
width:530px;
float:right;
display:inline;
margin:0px  ;
padding:0px 0 0 0px ;
}

/* =Content Main  &  Secondary
          currently this is the center column of content

-----------------------------------------------------------------------------*/

div#maincontent, div#secondarycontent, div#maincontent-location, .announce {                 
padding:0 0 15px 0;
margin:0 0px 0px 0px;
width:290px;
float:left;
display:inline;
}

div#maincontent {
margin:0px 0 0 0px;
}

div#secondarycontent{ 
width:180px;
margin:10px 45px 0 0px;  
float:right;
display:inline;
text-align:left;
z-index:1;
}

div#bg_home_secondary{
margin:00px 0 0 0;
height:390px;
background: transparent url(../images/bg_home_secondary.jpg) no-repeat;
}

div#secondarycontent div#gownlinks{ 
width:240px;
xheight:500px;
margin:50px 0px 0 0px;  
padding:0 5px 0 0;
background: transparent url(../images/weddinggowns/bg_weddinggown2.gif) no-repeat;
text-align:left;
z-index:1;
}

div#secondarycontent div#locationpics{ 
width:240px;
margin:70px 0px 0 0px;  
padding:0 5px 0 0;
background: transparent url(../images/locations/bg_locations3.jpg) no-repeat;
text-align:left;
z-index:1;
}


div#prwrapper{
margin:10px auto;
width: 600px;
background:#fff;
}

div#prbranding{
height:175px;
background: #ffffff url(../images/homedelivery/bg_header_deliveryform.jpg);
}

div#prcontent{
text-align:left;
padding: 0 15px;
width: 550px;
float:left;
display:inline;
background:#fff;
}

div#content-map-intro {                 
padding:0 0 15px 0;
margin:0 0px 0px 0px;
width:200px;
float:left;
display:inline;
}

div#content-accordian{ 
width:500px;
margin:8px 0px 0 0px;  
float:right;
display:inline;
text-align:left;
z-index:1;
}

/* =Content Sub
-----------------------------------------------------------------------------*/

div#subcontent{   /* currently this can be photos, text, etc. - located below left nav */
margin:0 0px 0 22px;
width:245px;
height:540px;
background: transparent url(../images/bg_subcontentA.jpg) no-repeat;
padding: 0;
float:left;
display:inline;
color: #73b64b;
}

xdiv#awards{   /* currently this can be photos, text, etc. - located below left nav */
margin:0 0px 0 0px;
padding: 0;
width:281px;
height:450px;
float:left;
display:inline;
background: #fff url(../images/bg_awards6.jpg) no-repeat 0% 0%;
}

xdiv#subcontent img{
border:none; 
margin:0 0 0 0px;
padding:0px;
}


/* =Content Photo Gallery
-----------------------------------------------------------------------------*/
body#gallery{
xbackground-image:none; 
background-color:#fff;
}

div#photogallery{
margin:10px;
width:700px; 
height:585px; 
border: 4px #820202 double; 
padding:4px;
background-color:#fff;
}

div#photogallery #gallerythumb{
width:150px; 
float:left;
display:inline;
}

div#photogallery #imglarge{
margin: 20px 0;
float:left;
display:inline;
text-align:left;
}


/* =Content Press Releases
-----------------------------------------------------------------------------*/


div#pr{
padding:15px;
margin:10px;
width:600px;  
border: 4px #820202 double; 
background-color:#fff;
text-align:left;
}




/* =Flash - Movies
-----------------------------------------------------------------------------*/
div#secondarycontent h3#flash1{
margin:30px 0px 0 0px;
padding:0;
height: 180px  ;
width:245px;
}

div#slideshowlink{
border: none;      
position:absolute;
top: 420px;
left:708px; 
width: 250px;
height:181px;
text-align:left;
background: transparent url(../images/global_spacer.gif) no-repeat;
xz-index: 1000;
}


/* =Headings & Paragraphs
-----------------------------------------------------------------------------*/


#content h1, #content h2{
text-align:left;
padding: 0 0 5px 0px;
font-size:110%;
color: #333; 
}

x#maincontent h2#tagline{
margin: 42px 0 0 0;
padding: 0 0 5px 0px;
font-size:88%;
color: #1668af; 
width:400px;
}

#maincontent h2#leftspacer .small{
font-size:85%;
font-style: normal; }

#maincontent h2, #maincontent h2#topspacer{
margin: 20px 0 20px 0px;
padding: 0 0 5px 0px;
font-size:130%;
color: #820202; 
}


#maincontent h2{
width:250px;
text-align:center;
margin: 10px 0 15px 0px;
padding: 0 0px 0px 0px;
font-size:120%;
color: #820202; 
}

#secondarycontent h2{
margin: 28px 0 5px 0;
text-align:center;
font-size:100%;
color: #820202; 
}

#maincontent h2.locations{
margin: 10px 0 20px 0px;
padding: 0 0 5px 0px;
font-size:100%;
color: #820202; 
}

#maincontent h3{
margin:20px 0 2px 0px;
padding: 0 0 0px 0px;
font-size:100%;
color: #820202; 
}
#maincontent p{
text-align:left;
margin:8px 0;
padding: 0px;
line-height: 1.3em;
}
#maincontent p.small{
font-size:90%;
}

div#secondarycontent p{
padding: 0px 0px 0px 10px ;
}


div#secondarycontent  h3, 
div#secondarycontent  h3#top,
div#secondarycontent h3#topquote{
color:#1668af;
text-align:left;
margin:70px 0 0 10px ;
padding:5px 0 5px 0;
}
div#secondarycontent h3#topquote{
xwidth:220px;
padding:5px 15px 10px 0 ;
font-weight:normal;
}
div#secondarycontent h3#quote{
xwidth:220px;
margin:0;
padding:5px 15px 0 10px ;
font-weight:normal;
}

div#secondarycontent h3#laundromat{
margin:80px 0 0 0;
height:575px;
background: #fdfdfd url(../images/laundromat/bg_laundromat_rtcol.jpg) no-repeat 0% 0%;
}


div#secondarycontent h3.specials{
width:220px;
margin:50px 0 20px 10px;
padding:5px 0 5px 0;
}

div#secondarycontent  h3{
margin:10px 0 0 0 ;
}

div#secondarycontent  h3#signup{
color:#1668af;
text-align:left;
margin:20px 10px 0 10px ;
padding: 0px 0px 0px 0px ;
}

div#secondarycontent h3#signup .small{
font-weight:normal;
padding:5px 0;
color:#1668af;
font-size:85%;
}

div#secondarycontent h3 li .small{
color:#1668af;
font-size:85%;
}


div#gownlinks p{
font-size:90%;
color:#333;
}
div#content-map-intro {  
}

#prcontent p{
margin: 10px 0;
}

#prcontent h2{
font-size:120%;
color:#820202; 
}

#mapcontent p{
margin:10px 0;
}

#content-map h2{
margin: 0px 0 5px 0px;
padding: 0 0 5px 0px;
font-size:140%;
color: #820202;
}

div#photogallery #gallerythumb p{
text-align:center;
margin: 0 0 5px 0px;
color: #820202; 
}

div#photogallery .subheading{
font-weight: normal;
font-size:90%;
text-align:left;
color: #820202;
 }

div#photogallery h3{
font-size:130%;
text-align:left;
margin: 0 0 15px 10px;
color: #820202; 
}

div#pr h3{
font-size:130%;
text-align:left;
margin: 0 0 15px 10px;
color: #820202; 
}


p.caption{
font-size:80%;
margin: 0 0 5px 0;
}

p.caption1{
text-align:left;
width:300px;
margin: 0 0 5px 0;
}

/* =Images
-----------------------------------------------------------------------------*/

 div#maincontent h2 img,  
div#maincontent h3 img,
div#maincontent h3 img#greencare{
xwidth: 150px;
xheight:150px;
float:right;
display:inline;
clear:both;
margin:0px 10px 5px 10px;
padding:0px; 
}
 div#maincontent h2.locations img{
float:right;
clear:both;
margin: 0  120px 0 0;
}

div#maincontent h3 img#greencare{
float:right;
display:inline;
margin:0 0 0 10px;
}

#maincontent h2 img#mapit{
float:right;
display:inline;
clear:both;
margin:0px 25px 0 0;
padding:0px;
}

div#secondarycontent h3#top{
margin:70px 25px 0 0;;
}

#prcontent img{
margin:0 0 0 5px;
float:right;
}

div#photogallery img{
margin: 0 5px 0 0;
}

/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited, a:hover, a:active{
text-decoration: none; 
color: #850000;
}

#footer a:link, #footer a a:visited, #footer a a:hover, #footer a a:active{
text-decoration: none; 
color:#fff;
}

a:hover, #footer a:hover{
text-decoration: underline; 
}

div#maincontent h2.locations a:link, 
div#maincontent h2.locations a:visited, 
div#maincontent p a:link, div#maincontent p a:visited{
color:#820202  ;
text-decoration: underline; 
margin:0 10px ;
font-weight:normal;
}
div#maincontent p a:link, div#maincontent p a:visited{
margin:0 ;
}

div#maincontent h2.locations a:hover, 
div#maincontent p a:hover{
text-decoration: none; 
}

div#maincontent h3 a:link, 
div#maincontent h3 a:visited,
div#gownlinks p a:link,
div#gownlinks p a:visited{
color:#820202 ;
text-decoration: underline; 
}
div#maincontent h3 a:hover,
div#gownlinks p a:hover{
text-decoration: none; 
}

/* =Lists
-----------------------------------------------------------------------------*/

div#maincontent ul, 
div#secondarycontent ul{
margin:0 0 0 0px ;
}

div#maincontent ul li,
div#secondarycontent ul li{
text-indent:0px;
padding:0 0 0 0px;
margin:6px 0px 0 20px;
display: list-item;
list-style-type: disc; 
xwidth:210px;
list-style-image: url(../images/bullet_red.gif);
}

div#maincontent ul#anchor{
margin:0 0 0 0px ;
list-style-type: disc;
}


/* =Nav Main 
-----------------------------------------------------------------------------*/
div#mainnav{          /* left column */
font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size:95%;
text-align:left;
float:left;
display:inline;
margin:65px 0px 0px 20px;
padding:0px 0px 0 0px;
width:180px;
}

div#mainnav ul li{
display:block;
margin:0 0px 0 0;
padding:0;
width:180px;
}

div#mainnav ul li a, div#mainnav li.selected{
display:block;
height:27px;
line-height:15px;
margin:0px 0px 0 0px;
color: #333333;
font-weight: bold; 
font-size:95%;
}

div#mainnav li.selected{
color: #a70033;
}
div#mainnav li a:visited{
color: #333333;
text-decoration:none;
}

div#mainnav li a:hover,
div#mainnav li a:visited:hover{
color: #7f0032;
text-decoration:none;
}

/*   Accordian 2 trial  */

#accordian{
width:300px;
margin: 0;
}
.box{
background: #fff;
}
.box p{
margin: 5px 0 0 0;
}
.boxholder{
xfloat:right;
clear: both;
padding: 0px;
xbackground: #8DC70A;
xwidth:390px;                           /*added*/
}
.tab{
float: left;
display:inline;           /*added*/
height: 20px;
width: 150px;
margin: 0;
padding: 0 0 5px 0;
text-align: left;
xbackground: #8DC70A url(images/greentab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 0px 0 0 0;
}

/* =Accordian menu         
---------------------------------------------------------------------------
#basic-accordian{
	xborder:5px solid #EEE;
	padding:0px;
	width:400px;
}

#accordian-content{
float:left;
display:inline;
}

.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	xfont-weight:bold;

}

.accordion_headings:hover{
	background:#00CCFF;
}

.accordion_child{
xwidth:380px;
	padding:10px;
	background: #fbfbfb;
}

.header_highlight{
	background:#00CCFF;
}

.tab_container *{
float:left;
display:inline;
	width:115px;
}
--*/

/* =Nav Sub 
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

fieldset {                    /* Removes fieldset borders. even on Opera 7 */
border: 1px solid transparent;
xtext-align:right;
}

input, textarea, .submit{
border:1px #0080c0 solid;
color:#004364;
padding:0.3em;
width:250px;
}

div#contact input{
margin: 0 0 10px 0;
}

div#formwrapper-delivery{
margin:10px auto;
width: 600px;
background:#fff;
}
div#formbranding{
height:175px;
background: #ffffff url(../images/homedelivery/bg_header_deliveryform.jpg);
}

div#formcontent{
padding: 0 15px;
width: 550px;
float:left;
display:inline;
background:#fff;
}

div#formcontent-delivery{
width:550px;
float:left;
display:inline;
background:#fff;
display:inline;
margin:0 0px 0 0;
padding:0 1em 0 .5em;
color:#004364;
font-weight:normal;
text-align:right;
}

form#delivery {
}

label {
display:block;
}

form#delivery input, form#delivery textarea{
text-align:left;
margin:0 0 0 10px;
}

div#formcontent h2{
color: #820202;
text-align:left;
margin:10px 0 20px 15px;
}

form#delivery p{
xtext-align:right;
margin:0.5em 0;
padding:0;
}


form#delivery p#auth{
text-align:right;
margin:0.5em 0;
padding:0;
}

form#delivery input.radio{
float:right;
display:inline;
border:none;
padding:0em;
margin:0 0.5em 0em 1em ;
width:auto;
}

.submit{
width: 4.5em;
margin: 1em 0 0 0;
padding: 0.7em;
}

div#delivery-footer{
clear:both;
}

/* =Footer (site info)
-----------------------------------------------------------------------------*/
div#footer{
width:799px;
clear:both;
font-size:85%;
padding:0px 0 0 0;
height: 78px  ;
background: transparent url(../images/bg_footer1.gif) no-repeat 0% 0%; 
}

div#footer ul li{
display:inline;
padding:0px 0 0 0px;
}

div#footer ul li#scc-branding{
float:right;
display:inline;
padding:0px 0 0 0px;
}

div#footer ul li#contactinfo{
margin:0;
float:left;
display:inline;
margin: 0 0 0 45px;
}

div#footer-map{
clear:both;
font-size:85%;
padding:0px 0 0 0;
height: 28px  ; 
}

div#galleryfooter{
clear:both;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/

.normal{
font-weight:normal;
color:#000;
}

.normal {
font-weight:normal;
color:#000;
}

.small{
font-size:90%;
}

h2 .small{
font-size:85%;
font-weight:normal;
color: #979797;
}


h2 .highlight{
margin: 0 0 0 30px;
padding:0 3px;
font-size:85%;
font-weight:normal;
color: #850000;
background-color: #fdff94; }

#linkspacer1{
margin:20px 0;
}

#linkspacer2{
margin:0 0 0 0;
}

#linkspacer3{
margin:0 0 0 0;
}

/* =Misc 2
-----------------------------------------------------------------------------*/