/* CSS Document for Karen G*/
body{margin:0px; text-align:center; background-color:#f1f0de; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#f78e1d;}
a IMG {border:none;}
#horizon{text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; overflow: visible; visibility: visible; display: block}
#container{width:801px; height:534px; top:-267px; margin-left: -400px; position: absolute; left: 50%; background-image:url(../images/background.gif); background-repeat:no-repeat;}

/*------------Start Header------------*/
#header{width:801px; height:104px; float:left;}
#logo{width:144px; height:54px; margin-left:30px; margin-top:30px; float:left; background-image:url(../images/logo.gif); background-repeat:no-repeat;}
* html #logo{margin-left:15px;}

/*------------Start Menus------------*/
#menu{width:271px; height:13px; float:right; margin-right:15px; margin-top:50px;}
#menu img{float:left; margin-right:-7px; margin-righ\t:0px;}
* html #menu{margin-right:5px;}
#serviceMenu{width:612px; height:13px; float:right; margin-right:9px; margin-top:11px; font-size:10px; color:#b7a78b;}
* html #serviceMenu{margin-right:4px;}
a.service:link {color:#b7a78b; text-decoration:none;}
a.service:visited {color:#b7a78b; text-decoration: none;}
a.service:hover {color:#f78e1d; text-decoration:none;}
a.service:active {color:#f78e1d;}
a.menuon{color:#f78e1d; text-decoration:none;}
/*------------End Menus------------*/
/*------------End Header------------*/


/*------------Start Main Content------------*/
#main{width:801px; height:380px; float:left;}

/*------------Start Left Column Index Page------------*/
#leftColIndex{width:540px; height:480px; float:left; text-align:justify; margin-top:47px; margin-left:30px;}
* html #leftColIndex{margin-top:5px; margin-left:15px;}
* html #leftColIndex p{margin-top:-3px;}

h1{font-size:13px;}

#indexImg{width:540px; height:216px; float:left; margin-bottom:-25px;}
* html #indexImg{  margin-bottom:-5px; margin-botto\m:-25px;}

#latest{width:540px; height:33px; float:left; background-image:url(../images/latest_bg.gif); background-repeat:no-repeat;}
* html #latest{margin-top:-10px;}

#latest p{width:450px; margin-left:73px; margin-top:4px; font-size:9px; color:#FFFFFF;}
* html #latest p{margin-top:4px;}
/*------------End Left Column Index Page------------*/

/*------------Start Right Column Index Page------------*/
#rightColIndex{width:200px; height:480px; float:left;}

#topTen{width:181px; height:150px; background-image:url(../images/topten.gif); background-repeat:no-repeat; float:right; margin-right:-10px; margin-top:62px;}
* html #topTen{margin-right:0px; margin-top:54px;}

#topTenContent{width:181px; height:150px; overflow:scroll; overflow-x: hidden; overflow:auto; margin-top:30px; text-align:left;}
#topTenContent p{font-size:10px; color:#b7a78b;}
.orange {font-size:10px; color:#f78e1d;}

#thisSeason{width:181px; height:150px; background-image:url(../images/season.gif); background-repeat:no-repeat; float:right; margin-right:0px; margin-top:10px;}
* html #thisSeason{margin-right:0px;}

#thisSeasonContent{width:181px; height:150px; overflow:scroll; overflow-x: hidden; overflow:auto; margin-top:30px; text-align:left;}
#thisSeasonContent p{font-size:10px; color:#b7a78b;}
/*------------End Right Column Index Pag------------*/

/*------------Start Left Column------------*/
#leftCol{width:401px; height:280px; float:left; text-align:left; margin-to\p:100px; margin-top:175px; margin-left:30px; float:left;}
* html #leftCol{margin-top:153px; margin-left:15px;}

/*#leftColContact{width:401px; height:120px; float:left; text-align:left; margin-top:45px; margin-left:30px; float:left;}
* html #leftColContact{margin-top:5px; margin-left:15px;}
#leftColContactForm{width:801px; height:280px; float:left; margin-top:50px; margin-left:30px; float:left; overflow:visible;}
* html #leftColContactForm{margin-top:10px; margin-left:15px;}*/

/*------------Start Services Pages Left Column------------*/
#serviceWardrobe{width:360px; height:280px; float:left; text-align:left; margin-to\p:100px; margin-top:47px; margin-left:30px; float:left;}
* html #serviceWardrobe{width:355px; margin-top:5px; margin-left:15px;}
#serviceWardrobe p.brown{font-size:10px; font-weight:bold; color:#b7a78b;}

#busyBee{width:360px; height:280px; float:left; text-align:left; margin-to\p:100px; margin-top:45px; margin-left:30px; float:left;}
* html #busyBee{width:355px; margin-top:5px; margin-left:15px;}
#busyBee p.brown{font-size:10px; font-weight:bold; color:#b7a78b;}

#mailorder{width:360px; height:280px; float:left; text-align:left; margin-to\p:100px; margin-top:59px; margin-left:30px; float:left;}
* html #mailorder{width:355px; margin-top:15px; margin-left:15px;}
#mailorder p.brown{font-size:10px; font-weight:bold; color:#b7a78b;}

#style{width:360px; height:280px; float:left; text-align:left; margin-to\p:100px; margin-top:59px; margin-left:30px; float:left;}
* html #style{width:355px; margin-top:25px; margin-left:15px;}
#style p.brown{font-size:10px; font-weight:bold; color:#b7a78b;}

#image{width:360px; height:280px; float:left; text-align:left; margin-to\p:100px; margin-top:59px; margin-left:30px; float:left;}
* html #image{width:355px; margin-top:25px; margin-left:15px;}
#image p.brown{font-size:10px; font-weight:bold; color:#b7a78b;}

#cantshop{width:360px; height:280px; float:left; text-align:left; margin-to\p:100px; margin-top:45px; margin-left:30px; float:left;}
* html #cantshop{width:355px; margin-top:5px; margin-left:15px;}
#cantshop p.brown{font-size:10px; font-weight:bold; color:#b7a78b;}
/*------------End Services Pages Left Column------------*/
/*------------End Left Column------------*/

/*------------Start Right Column------------*/
#rightCol{width:300px; height:280px; float:left; margin-top:200px; margin-left:60px;}

#rightColService{width:390px; height:280px; float:left; margin-top:110px; margin-left:20px;}
* html #rightColService{width:350px; margin-left:5px; margin-top:110px; }
#rightColService img.big{margin-left:58px;}
* html #rightColService img.big{margin-left:78px;}
#rightColService img.big1{margin-left:44px;}
* html #rightColService img.big1{margin-left:63px;}

#icons{width:390px; float:left; margin-top:40px; margin-left:30px;}
* html #icons{width:350px; margin-left:25px;}
#icons img{float:left;}
* html #icons img{margin-left:-3px; margin-lef\t:0px; margin-right:-3px; margin-righ\t:0px; }
/*------------End Right Column------------*/

/*------------Start Contact Form------------*/
#formContact {color:#bcad93; text-align:right; background-color:#FFFFFF; margin-left:-10px;}
#left{border:0px; float:left; width:300px;  background-color:#FFFFFF; margin-top:20px;}

/*#rightTop{border:0px; float:right; width:294px; position: relative; background-color:#FFFFFF; margin-top:-164px; overflow: visible; visibility: visible; display: block; margin-right:48px; text-align:right; color:#bcad93;}
* html #rightTop{margin-top:-180px; margin-right:25px;}*/

/*#rightBottom{border:0px; float:right; width:294px; background-color:#FFFFFF; margin-top:20px; margin-right:48px; text-align:right; color:#bcad93;}
* html #rightBottom{margin-top:16px; margin-right:25px;}*/

#formContact label {float:left; margin-top:5px;}
#rightTop label {float:left; margin-top:5px;}
#rightBottom label {float:left; margin-top:5px;}

#formContact input {margin-bottom:3px; margin-top:3px;}
#rightTop input {margin-bottom:3px; margin-top:3px;}
#rightBottom input {margin-bottom:3px; margin-top:3px;}

.formhead{color:#bcad93; font-size:12px; text-align:left;}

#tc{width:110px; float:left; text-align:left; margin-left:110px; font-size:9px; padding-top:18px;}
* html #tc{margin-left:50px;}
/*------------End Contact Form------------*/

#footer{width:801px; height:15px; float:left; text-align:left; margin-top:-25px; font-size:10px; color:#b7a78b;}
* html #footer{margin-top:-18px;}

/*-------------End Main Content------------*/

/*----------------------login form---------------------------*/

#loginForm fieldset
{
	width:420px;
	margin:auto;
	/*margin-left:100px;*/
	border: solid 1px #ffffff;
}

form fieldset legend 
{
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	color:#ffffff;
}

#loginForm label 
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

#loginForm br { clear:left;}

#loginForm input, form textarea, loginForm select, fieldset.searchType
{
	float:left;
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

/*---------------------------------------------------------*/
* html #rightTop{margin-top:-180px; margin-right:25px;}
* html #rightBottom{margin-top:16px; margin-right:25px;}
* html #leftColContact{margin-top:5px; margin-left:15px;}
* html #leftColContactForm{margin-top:10px; margin-left:15px;}
/*--------------anything here is fixed for safari only! ----------------------------*/
#leftColContact{width:401px; height:120px; float:left; text-align:left; margin-top:35px; margin-left:30px; float:left;}
#leftColContactForm{width:801px; height:280px; float:left; margin-top:30px; margin-left:30px; float:left; overflow:visible;}
#rightBottom{border:0px; float:right; width:294px; background-color:#FFFFFF; margin-top:2px; margin-right:48px; text-align:right; color:#bcad93;}
#rightTop{border:0px; float:right; width:294px; position: relative; background-color:#FFFFFF; margin-top:-161px; overflow: visible; visibility: visible; display: block; margin-right:48px; text-align:right; color:#bcad93;}
/*-----------------------------------------------------------------------------------*/
/*----------------------This line stops safari from reading what ever is below it--------------------------------*/
#rightTop{border:0px; float:right; width:294px; position: relative; background-color:#FFFFFF; margin-top:-184px; overflow: visible; visibility: visible; display: block; margin-right:48px; text-align:right; color:#bcad93;#}
/*-------------------------anything below this line cannot be read by safari----------*/
#rightTop{border:0px; float:right; width:294px; position: relative; background-color:#FFFFFF; margin-top:-164px; overflow: visible; visibility: visible; display: block; margin-right:48px; text-align:right; color:#bcad93;}
#rightBottom{border:0px; float:right; width:294px; background-color:#FFFFFF; margin-top:-5px; margin-right:48px; text-align:right; color:#bcad93;}
#leftColContact{width:401px; height:120px; float:left; text-align:left; margin-top:25px; margin-left:30px; float:left;}
#leftColContactForm{width:801px; height:280px; float:left; margin-top:40px; margin-left:30px; float:left; overflow:visible;}