/* CSS Document */
#sf_imagegall
{
    height: 150px;
    width: 150px;
    background-color: #f7faff;
    height: 150px;
    width: 150px;
    margin: 0 auto;
    border: solid 1px #bebebe;
    padding: 10px;
    margin-bottom: 2px;
}

.imagelist
{
    list-style-image: none;
    text-indent: 0px;
    list-style: none;
    list-style-type: none;
    width: 150px;
    display: block;
    float: left;
}

li.imagelist
{
    display: inherit;
    margin: 10px 20px 0px 10px;
}

.galltitle
{
    width: 150px;
}

a.galltitle:link
{
    color: #000;
    display: inherit;
    position: relative;
    text-indent: 58px;
    text-decoration: underline;
}

a.leftlinks:link
{
    color: white;
}
a.leftlinks:hover
{
    color: #bfceeb !important;
    text-decoration: none;
}
a.leftlinks:visited
{
    color: white;
}
a.leftlinks:active
{
    color: white;
}


#sf_imagein
{
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
}
/* OLD */
body
{
    margin: 0;
    padding: 0;
    background-color: #FCEFF2;
    background-image: url("images/bg2.jpg");
    background-repeat: repeat-x;
    background-position: bottom center;
    background-attachment:fixed;
    height: 100%;
    font: small Arial, Helvetica, Verdana, sans-serif;
    color: #666666;
}

html, body
{
    padding: 0;
    margin: 0;
    height: 100%;
}

/* general text styles */

p.main
{
    color: #61779C;
    font-size: 0.9em;
    font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
    padding: 10px 40px 0px 40px;
}
p.workshop
{
    color: #6C4E8A;
    font-size: 0.9em;
    font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
    padding: 10px 40px 0px 40px;
}
p.home
{
    color: #61779C;
    font-size: 0.9em;
    font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
    padding: 0px 10px 0px 22px;
}
p.homebox
{
    color: #546B92;
    font-size: 1em;
    font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
    padding: 0px 0px 0px 10px;
}
h1.welcome
{
    color: #C15392;
    font-size: 1.3em;
    font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
    padding: 0px 10px 0px 22px;
    font-weight: 100;
}
h1.bigpink
{
    color: #E5256D;
    font-size: 1.5em;
    font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
    font-weight: normal;
    padding: 5px 0px 0px 10px;
}
h1.main
{
    color: #C15392;
    font-size: 1.5em;
    font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
    padding: 0px 10px 0px 40px;
    font-weight: 100;
}
h2
{
    color: #E5256D;
    font-size: 1.2em;
    font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
    font-weight: 400;
}
h3
{
    color: #61779C;
    font-size: 1.1em;
    font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
    font-weight: 100;
}
a.link
{
    color: #546B92;
}
a.link:hover
{
    color: #294472;
}

hr
{
    width: 90%;
    border: 0;
    border-top: 1px solid #cccccc;
    height: 0px;
}
#topbackbutton
{
    position: absolute;
    top: 148px;
    left: 725px;
}
#botbackbutton
{
    float: right;
}

/* menu */
.menu
{
    background-color: #E8C9D1;
    position: relative;
    width: 100%;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin-top: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-decoration: none;
}

.menucentre
{
    margin: 0 auto;
}
.menuitem
{
    color: #636161;
    font-size: 0.9em;
    font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
    vertical-align: middle;
}
a.menuitem:hover
{
    color: #D13D92;
    font-size: 0.9em;
    font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
    vertical-align: middle;
}

/* main page controls */
#wrapper
{
    border: 0px;
    background-position: center;
    margin: 20px 40px 30px 40px;
}
#container
{
    border-left: 0px solid #cccccc;
    border-right: 0px solid #cccccc;
    border-bottom: 0px solid #cccccc;
    width: 820px;
    margin: 0 auto;
}

#header
{

width: 820px;
margin: 0 auto;
height: 125px;
}

/* page styles start */


/* main content area */
#maincontent
{
    background-color: #FCEFF2;
    position: relative;
    width: 820px;
    padding-bottom: 0px;
    margin-top: 0px;
}
#boxleft
{
    background-image: url(images/box_half_white_all.gif);
    background-repeat: no-repeat;
    height: 340px;
    width: 407px;
    position: relative;
    float: left;
}
.logo
{
    padding: 2px 0px 0px 10px; 
}
.logosm
{
    padding: 20px 0px 20px 22px;
    clear: both;
}
.boxleftfooter
{
    margin: 0px 0px 0px 0px;
}

#box
{
	width: 407px;
	height:336px;
	overflow:hidden;
	float: right;
}
.top
{
	height: 10px;
}
.top-image
{
	z-index: 2000;
}
.mid
{
	background: url(/images/mid.png) repeat-y;
	min-height: 315px;
}

.bottom
{
	height: 11px;
}
.bottom-image
{
	z-index: 2000;
}

.sf_newsletterSubscriptionForm {

margin-left:40px !important;

}
#boxmain
{
    float: right;
    background-image: url(images/box_mainwhite.gif);
    background-repeat: no-repeat;
    min-height: 50px;
    width: 820px;
    position: relative;
}

#subbox1
{
    float: left;
    position: relative;
    width: 407px;
    margin-left: 1px;
    margin-right: 6px;
    margin-top: 0px;
}
.subboxcon1
{
    float: left;
    margin-top: 0px;
    vertical-align: top !important;
    min-height: 300px;
    width: 407px;
    background-image: url(images/box_blue_bg.gif);
}
.subboxfot
{
    margin-top: 0px;
    padding-top: 0px;
    vertical-align: top !important; 
}
.clear
{
    clear: both;
}
#subbox2
{
    float: left;
    min-height: 300px;
    width: 201px;
    position: relative;
}

.subboxcon2
{
    float: left;
    vertical-align: top !important;
    min-height: 300px;
    width: 201px;
    margin-right: 4px;
    background-image: url(images/box_pink_bg.gif);
}
#subbox3
{
    float: left;
   /* background-image: url(images/box_purp_bg.gif);
    background-repeat: no-repeat;*/
    min-height: 300px;
    width: 201px;
    position: relative;
    margin-right: 4px;
}
.subboxcon3
{
    float: left;
    vertical-align: top !important;
    min-height: 300px;
    width: 201px;
    background-image: url(images/box_purp_bg.gif);
}
.botimgblue
{
}

.jillphoto
{
    float: right;
    background: url(images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(images/shadow.gif) no-repeat bottom right;
    margin: 10px 40px 0 30px !important;
    margin: 10px 40px 0 30px;
}

.jillphoto img
{
    display: block;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 20px;
}

/************************** Home Page Slideshow *********************************/

div.rotator 
{
	position:absolute;
	margin-left: -40px;
	margin-top: -23px;
}

/* rotator css */
div.rotator ul li 
{
	float:left;
	position:absolute;
	list-style-type: none;
	z-index: -10;
}

div.rotator ul li a img
{
    border: 0;
}

/* gallery layout - table */
#gallery
{
    margin: 0px 30px 30px 55px;
}
.gallery img
{
    border: 1px solid #a9a9a9;
    padding: 10px;
}
.gallerydetailtext
{
    margin: 30px 40px 5px 0px;
    color: #61779C;
    font-size: 1em;
    font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
}
.gallerydetailphoto
{
    float: left;
    margin: 10px 40px 40px 40px;
}
.galerydetail
{
    background: url(images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(images/shadow.gif) no-repeat bottom right;
    margin: 10px 10px 0 10px !important;
    margin: 10px 10px 0 10px;
    height: 128px;
    width: 136px;
    position: relative;
}
.galerydetail img
{
    display: block;
    position: relative;
    background-color: #ffffff;
    margin: -6px 6px 6px -6px;
    border: 1px solid #a9a9a9 !important;
    padding: 10px;
    height: 108px;
    width: 116px;
}

/* workshops layout */
#workshop
{
    margin: 0px 0px 0px 100px;
}
#workshoppic
{
    float: left;
    position: relative;
    clear: both;
    padding: 0px 20px 20px 0px;
}
#workshoptext
{
    position: relative;
    float: left;
    clear: both;
}
.workshopdetail
{
    background: url(images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(images/shadow.gif) no-repeat bottom right;
    margin: 10px 20px 0 50px !important;
    margin: 10px 20px 0 50px;
}
.workshopdetail img
{
    display: none;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 20px;
    height: 108px;
    width: 116px;
}
.workshopdetail2
{
    float: right;
    display: block;
    background: url(images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(images/shadow.gif) no-repeat bottom right;
    margin: 10px 40px 20px 0px !important;
    margin: 10px 40px 20px 0px;
}
.workshopdetail2 img
{
    display: block;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 5px;
}

/* photo gallery */
.photodetail
{
    margin: 10px 10px 0 10px !important;
    margin: 10px 10px 0 10px;
}
.photodetail img
{
    display: block;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 10px;
}
#photogallery
{
    margin: 0px 40px 30px 15px;
}
#links
{
    margin: 0px 20px 90px 30px;
}

/* list items */
#listitem ul
{
    margin-left: 30px;
    color: #61779C;
    font-size: 0.9em;
    font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
}
#listitem li
{
    list-style-image: url(images/bullet.jpg);
    list-style-position: inside;
    line-height: 1.5em;
}

#quote
{
    position: absolute;
    top: 415px;
    left: 490px;
    width: 300px;
    text-align: center;
    margin-top: 20px;
}

/* footer */
#footer
{
    
    width: 772px;
    border-bottom: 0px solid #cccccc;
    padding-top: 0px;
}

/* Copyright terms etc */
#copyright
{
    clear: both;
    text-align: left;
    color: #999999;
    font-family: Verdana, Geneva, Arial, SunSans-Regular, sans-serif;
    padding-top: 1px;
    padding-bottom: 120px;
    margin-left: 5px;
}
#copyrighthome
{
    clear: both;
    text-align: left;
    color: #999999;
    font-family: Verdana, Geneva, Arial, SunSans-Regular, sans-serif;
    padding-top: 1px;
    padding-bottom: 70px;
    margin-left: 5px;
}
a.terms
{
    color: #999999;
    font-family: Verdana, Geneva, Arial, SunSans-Regular, sans-serif;
}
p.terms
{
    color: #999999;
    font-size: 0.7em;
    font-family: Verdana, Geneva, Arial, SunSans-Regular, sans-serif;
}


/* Account Options Dashboard */
.account_holder { 
	margin: 0 auto;
	width: 700px;
	clear: both;
}

.account_outer 
{ 
	height: 100px;
	width: 50%;
	float: left;
}
.account_inner   
{
    width: 300px;
    margin: 20px 0px 0px 20px; 
}
.account_title { font-size: 14px;	font-weight: bold;	text-transform: uppercase;	margin-bottom: 4px; }
.account_cont { text-align: justify; margin-right: 20px;}

/* Account dash icons */
.account_contact, .account_history, 
.account_ship, .account_bill, .account_pass { 

	background-repeat: no-repeat;
	margin-right: 10px;	
	margin-top: 2px;
	height: 63px; 
	width: 63px;
	float: left;
	}
	
.account_contact {	background-image: url('images/account_contact.png'); }
.account_history {	background-image: url('images/account_history.png'); }
.account_ship {	background-image: url('images/account_shipping.png'); }
.account_bill {	background-image: url('images/account_billing.png'); }
.account_pass {	background-image: url('images/account_password.png'); }