/*
-------------------------------------------------
Created by Forte Trinity
Justin Lam
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	
5: TEMPLATE / PAGE SPECIFIC
	
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
body { height:100%; text-align:center; min-width:775px; background:#dbd8d8}
ul { list-style:disc outside }
ol { list-style:decimal outside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html { font-size:62.5%; font-family:"Verdana", Arial, Helvetica, sans-serif; line-height:1.4em; color:#dbd8d8 }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { font-size:1.6em; color:#fff; margin:0 0 12px 0 }
h2 { font-size:1.5em; color:#000; margin:0 0 12px 0 }
h3 { font-size:1.4em; color:#000; margin:0 0 12px 0 }
h4 { font-size:1.3em; color:#000; margin:0 0 12px 0 }
h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 }
p {  font-size:1.2em; color:#000; margin:0 0 0px 0; line-height:160% }
a { color:#000;   }
a:hover { color:#607C88; }

ul { margin:0 0 12px 0; font-size:1.1em }
ol { margin:0 0 12px 0; font-size:1.1em }
dl { margin:0 0 12px 0; font-size:1.1em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#000; font-style:normal; margin-bottom:20px }
blockqoute {  }
table { border-top:1px solid #ccc;  border-left:1px solid #ccc }
th, td { border-bottom:1px solid #ddd; border-right:1px solid #ccc }
fieldset { border:none; }
legend {}
label { font-size:1.1em; color:#fff }
textarea, input[type='text'], select { border:1px solid #000; background:#6A5F5A; font-size:11px; color:#fff }
img { border:none }

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100% }

/* 3.2 - container */
body.index div#container {text-align:left; width:100% ;}
body.sub div#container {text-align:left; background:url(../images/backgrounds/bottom-bg.gif) no-repeat bottom center }
body.sub {background:#dbd8d8 url(../images/backgrounds/top-bg.gif) no-repeat center top;  height:100%; text-align:center; min-width:775px; }
body.members-area div#container {text-align:left; background:url(../images/backgrounds/bottom-bg.gif) no-repeat bottom center }
body.members-area {background:#dbd8d8 url(../images/backgrounds/top-bg.gif) no-repeat center top;  height:100%; text-align:center; min-width:775px; }

/* 3.3 - wrapper */
body.index .wrapper { width:960px; margin:0 auto;}
body.sub .wrapper { width:860px; margin:0 auto;}
body.members-area .wrapper { width:860px; margin:0 auto; text-align:left}

/* 3.4 - header */
div#header { clear:both;  background:#dbd8d8  }
body.index div#header { clear:both;  background:#dbd8d8; height:105px  }
body.members-area div#header { clear:both;  background:#fff;  padding:23px 0px 20px 0px; width:860px;  height:50px;  }

body.index #members-login{float:right; width:470px; margin:40px 0 45px 0}
body.index #members-login label{display:none;}
body.index #members-login h3{background:url(../images/other/member-login.gif) no-repeat; width:101px; height:20px; display:block; text-indent:-3000em; float:left; margin:14px 0 0 0 }
#members-login-form fieldset {border:none;  width:600px}
body.index #members-login{float:right;}
#members-login-form li{float:left; list-style:none; padding:0 0 0 10px}
body.index input[type="text"], select {background:#ededee; border:none; height:20px; color:#000000; font-size:12px; padding:2px 0 0 0 }
body.index input[type="password"], select {background:#ededee;border:none; height:20px; padding:2px 0 0 0}
body.index input[type="image"] {background:#ededee;border:none; height:20px; margin:0px 0 0 0 }

body.sub #members-login{float:right; width:490px; margin:28px 0 38px 0}
body.sub #members-login li{float:left; padding:2px 0 0 5px}

body.members-area #members-login ul{float:right; width:208px}
body.members-area #members-login ul li{float:left;}
body.sub #members-login label{display:none;}
body.sub #members-login h3{background:url(../images/other/member-login.gif) no-repeat; width:101px; height:20px; display:block; text-indent:-3000em; float:left; margin:15px 0 0 0; padding:1px 0 0 0 }
body.sub input[type="text"], select {background:#ededee; border:none; height:18px; font-weight:bold; font-family:"Verdana", Arial, Helvetica, sans-serif; color:#573E64; font-size:12px;  padding:3px 0 0 0 }
body.sub input[type="password"], select {background:#ededee;border:none; height:18px; padding:3px 0 0 0}
body.sub input[type="image"] {background:#ededee;border:none; height:20px; margin:0px 0 0 0 }


body.members-area #members-login{float:right; width:450px; margin:28px 0 38px 0}
body.members-area #members-login label{display:none;}
body.members-area #members-login h3{background:url(../images/other/member-login.gif) no-repeat; width:101px; height:20px; display:block; text-indent:-3000em; float:left; margin:14px 0 0 0 }
body.members-area input[type="text"], select {background:#ededee; border:none; height:20px; color:#000000; font-size:12px; padding:2px 0 0 0 }
body.members-area input[type="password"], select {background:#ededee;border:none; height:25px; padding:2px 0 0 0}
body.members-area input[type="image"] {background:#ededee;border:none;  margin:0px 0 0 0 }


/* 3.5 - content */
body.index div#content { clear:both; padding:0px; background:#fff }
body.sub div#content { clear:both; padding:0 0 80px 0; background:#fff }
body.members-area div#content { clear:both; padding:0 20px 220px 20px; background:#fff }

.bars{background:#2a2529 url(../images/backgrounds/color-bars.gif) repeat-x; height:21px; margin:20px 8px; width:825px}
/* 3.6 - primary content */
body.index div#primary-content { border-bottom:#b1b2b2 solid 20px}
body.index div#primary-content p { padding:0px 0 0 10px;  width:580px; }
body.index div#primary-content h2 { font-size:2.0em; font-weight:normal; color:#afc7c4; padding:10px 0 0 10px; margin-top:0px }
body.index div#primary-content h1 { font-size:2.1em; font-weight:normal; color:#afc7c4; padding:10px 0 0 10px; margin-top:10px }
body.index div#primary-content h3 { font-size:1.2em; font-weight:normal; color:#afc7c4; padding:0px 0 0 10px; margin-top:10px }
body.index div#primary-content h2 span { font-weight:bold; color:#fff;  }
body.index div#primary-content h3 span { font-weight:bold; color:#fff }

body.sub div#primary-content {width:635px; float:right; padding-top:32px}
body.sub div#primary-content h2 {width:635px; float:right; padding-top:12px; font-size:27px; font-weight:400; letter-spacing:-1px; color:#abadb0; float:left; height:30px}
body.sub div#primary-content h2 span {color:#7d5792; font-weight:bold}
body.sub div#primary-content .primary-sub {width:270px; float:left; padding:0 40px 0 0}
body.sub div#primary-content .primary-sub p {color:#9f9d9d; line-height:18px; font-size:11px; padding-bottom:10px}
body.sub div#primary-content .primary-sub h2{font-size:18px; font-weight:bold; color:#666666}
.sub-sections{float:left; width:635px;}

body.members-area div#primary-content {width:820px; float:right; padding-top:30px; padding-bottom:30px; border-bottom:1px solid #E7E7E7; margin-bottom:30px; border-top:1px solid #E7E7E7}
body.members-area div#primary-content h2 {width:250px; float:right; padding-top:0px; font-size:18px; font-weight:bold; letter-spacing:-1px; color:#666666; float:left}
body.members-area div#primary-content h2 span {color:#7d5792; font-weight:bold}
body.members-area div#primary-content .primary-sub {width:250px; float:left; padding:0 60px 0 0}
body.members-area div#primary-content .primary-sub p {color:#9f9d9d; line-height:18px; font-size:11px; padding-bottom:10px}
body.members-area div#primary-content .primary-sub h2{font-size:18px; font-weight:bold; color:#666666}

/* 3.7 - secondary content */
#enter-site { width:960px; float:right; padding:20px 0}
#enter-site a{background:url(../images/other/enter-site.gif) 0 0 no-repeat; height:18px; width:83px; text-indent:-30000em; display:block; float:right;}
#enter-site a:hover{background:url(../images/other/enter-site.gif) 0 100% no-repeat; height:18px; width:83px; }
body.index h1{  color:#775488;  text-align:right; width:960px}
body.index p{ color:#7d7d7d;  text-align:right; font-size:10px}
body.index div#secondary-content {background:#dbd8d8}

body.sub div#secondary-content {background:#fff; width:220px; float:left}
body.members-area div#secondary-content {background:#fff; width:220px; float:left}

body #login-form #login-error p { color:red; }

/*div#secondary-content { width:190px; float:left; padding-left:10px }
*/

/* 3.7 - tertiary content */
div#tertiary-content { width:597px; float:right; background:url(../images/backgrounds/color-bars.gif) repeat-x; display:block; margin-right:8px; padding-top:20px  }
div#tertiary-content h3{color:#afc7c4; font-size:18px; font-weight:normal; margin:30px 0 15px 0 }
div#tertiary-content p{color:#fff; padding:3px 0}

/* 3.8 - page banner */
body.index div#flash-banner {width:100%; height:433px; padding:0px 0px 0 0; margin:0 auto; background:url(../images/banners/index-flash-temp.jpg) no-repeat; }
body.sub div#flash-banner {width:859px; height:381px; padding:0px 0px 0 0px; margin:0 auto; background: #FFFFFF url(../images/backgrounds/flash-image.jpg) no-repeat; }
body.members-area div#flash-banner {width:859px; height:381px; padding:0px 0px 0 0px; margin:0 auto; background: #FFFFFF url(../images/backgrounds/flash-image.jpg) no-repeat; }


/* 3.9 - footer */
body.index div#footer { padding:10px; color:#7D7D7D;  }
body.index div#footer  #footer-links li a{color:#666666; }
body.index div#footer  #footer-links li a:hover{color:#775488;}
body.index div#footer span{float:right; text-align:right; width:960px; color:#666666}
body.index div#footer span a{color:#775488;}
body.index ul#footer-links { float:right; list-style:none }
body.index ul#footer-links li {float:left; margin:0 0 0 3px;  font-size:10px}

body.sub div#footer { padding:10px; color:#7D7D7D;  }
body.sub div#footer  #footer-links li a{color:#baa8a1; }
body.sub div#footer  #footer-links li a:hover{color:#775488;}
body.sub div#footer span{float:left; width:260px; color:#666666}
body.sub div#footer span a{color:#baa8a1;}
body.sub ul#footer-links { float:right; list-style:none }
body.sub ul#footer-links li {float:left; margin:0 0 0 3px;  font-size:10px; color:#baa8a1}

body.members-area div#footer { padding:10px; color:#7D7D7D;  }
body.members-area div#footer  #footer-links li a{color:#baa8a1; }
body.members-area div#footer  #footer-links li a:hover{color:#775488;}
body.members-area div#footer span{float:left; width:260px; color:#666666}
body.members-area div#footer span a{color:#baa8a1;}
body.members-area ul#footer-links { float:right; list-style:none; width:500px}
body.members-area ul#footer-links li {float:left; margin:0 0 0 3px;  font-size:10px; color:#baa8a1}



/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }

/* 4.2 */
ul#delivery-nav { float:left; width:315px }
ul#delivery-nav li { display:inline; list-style:none; color:#ffffff }
ul#delivery-nav li a { color:#ffffff; text-decoration:none }
ul#delivery-nav li a:hover { color:#AFC7C4 }

body.members-area ul#delivery-nav { float:left; width:355px }
body.members-area ul#delivery-nav li { display:block; float:left; list-style:none; color:#000; margin:0 5px; height:23px;  }
body.members-area ul#delivery-nav li a { color:#000; display:block; text-decoration:none;  height:23px }
body.members-area ul#delivery-nav li a:hover { color:#AFC7C4 }

/* 4.3 - primary navigation */

ul#primary-navigations{padding:12px;}
ul#primary-navigations li{list-style:none;}
ul#primary-navigations li a{ text-indent:-3000em}
ul#primary-navigations li a:hover{ text-indent:-3000em}

#home-btn a{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat 0 0; width:150px; height:40px; display:block}
#home-btn a:hover{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat -149px 0; width:150px; height:40px; display:block; text-indent:-3000em}

#how-we-work-btn a{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat 0px -40px; width:150px; height:40px; display:block}
#how-we-work-btn a:hover{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat -149px -40px; width:150px; height:40px; display:block}

#weddings-btn a{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat 0 -80px; width:150px; height:40px; display:block}
#weddings-btn a:hover{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat -149px -80px; width:150px; height:40px; display:block}

#parties-btn a{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat 0 -120px; width:150px; height:40px; display:block}
#parties-btn a:hover{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat -149px -120px; width:150px; height:40px; display:block}
#performers-btn a{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat 0 -160px; width:150px; height:40px; display:block}
#performers-btn a:hover{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat -149px -160px; width:150px; height:40px; display:block}
#portraits-btn a{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat 0 -200px; width:150px; height:40px; display:block}
#portraits-btn a:hover{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat -149px -200px; width:150px; height:40px; display:block}
#models-btn a{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat 0 -240px; width:150px; height:40px; display:block}
#models-btn a:hover{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat -149px -240px; width:150px; height:40px; display:block}

#gallery-btn a{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat 0 -280px; width:150px; height:40px; display:block}
#gallery-btn a:hover{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat -149px -280px; width:150px; height:40px; display:block}
#contact-btn a{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat 0 -320px; width:150px; height:40px; display:block}
#contact-btn a:hover{background:url(../images/navigation/primary-navigations-btn.gif) no-repeat -149px -320px; width:150px; height:40px; display:block}
#blog-btn a{background:url(../images/navigation/blog-btn.gif) no-repeat  top left; width:190px; height:38px; display:block}
#blog-btn a:hover{background:url(../images/navigation/blog-btn.gif) no-repeat left bottom; width:190px; height:38px; display:block}








/*dl#primary-navigation { width:190px; background:#2a2529; border:1px solid #6a5f5a; padding-bottom:15px}
dl#primary-navigation dt { font-weight:bold; font-size:14px; border-top:1px solid #6a5f5a; padding:20px 0 0 20px; margin-top:20px; color:#fe0149 }
dl#primary-navigation dt a{ color:#607c88 }
dl#primary-navigation dt a:hover{ color:#afc7c4; text-decoration:none }
dl#primary-navigation dd { padding:0 15px 0 20px; margin:0; font-size:11px; line-height:14px; font-weight:bold }
dl#primary-navigation dd a { color:#f5eff1; text-decoration:none }
dl#primary-navigation dd a:hover { color:#afc7c4 }
*/
/* 4.4 - cart navigation */
div#top-navigation { width:860px; margin:auto; padding-top:10px }
ul#cart-navigation { width:235px; float:right }
ul#cart-navigation li { display:inline; padding:0; margin:0; color:#ffffff  }
ul#cart-navigation li a { color:#ffffff;  text-decoration:none }
ul#cart-navigation li a:hover { color:#AFC7C4 }

body.members-area ul#cart-navigation { width:226px; float:right }
body.members-area ul#cart-navigation li { display:block; float:left; padding:0; margin:0 5px; color:#000; height:23px  }
body.members-area ul#cart-navigation li a { color:#000; text-decoration:none; display:block; height:23px }
body.members-area ul#cart-navigation li a:hover { color:#AFC7C4 }
#view-cart-btn{background:url(../images/other/view-cart-btn.gif) no-repeat; display:block; width:103px; height:23px; text-indent:-3000em}
#checkout-btn{background:url(../images/other/checkout-btn.gif) no-repeat; display:block; width:103px; height:23px; text-indent:-3000em}
#back-to-home-btn{background:url(../images/other/back-to-home-page-btn.gif) no-repeat; width:143px; height:23px; text-indent:-3000em}
#members-contact-btn{background:url(../images/other/contact-us-btn.gif) no-repeat; width:143px; height:23px; text-indent:-3000em}

/* 4.5 - product menu */
ul#product-menu { float:right; width:300px }
ul#product-menu li { float:left; list-style:none; margin:0 0 5px 9px }
ul#product-menu li img { border:2px solid #c3cfde;}
dl.product-list dt {padding:10px 10px; border-top:1px #CCCCCC solid; font-size:1.3em; font-weight:bold; color:#607C88}
dl.product-list dt span{color:#f5eff1; font-weight:bold}

dl.product-list .img {float:left; padding-left:10px}
dl.product-list .form fieldset {border:none; padding:25px}
dl.product-list .form fieldset legend{text-indent:-3000px}
dl.product-list .form fieldset ol li {list-style:none; padding:10px}
dl.product-list .form fieldset ol li .text {width:25px; }
dl.product-list .info {clear:both; width:565px; font-size:0.8em}
dl.product-list .info ul {padding:10px;}
dl.product-list .info ul li{color:#607C88}
dl.product-list .qty {clear:both; width:565px; font-weight:bold; color:#FFFFFF; padding:0 0 20px 10px}
.add-to-basket{background:#40322B ; border:none; padding:5px 5px 6px 5px; color:#FFFFFF; cursor:pointer}
/*Basket table*/

table#basketContents {width:100%; border:#666666 1px dashed;}

table#basketContents fieldset {border:none; padding:0px 0px 20px 0px; width:162px}

table#basketContents tr th{text-transform:uppercase; font-size:14px; padding:15px 5px; color:#666666 }

table#basketContents th, td {text-align:center; color:#999; border:#baa8a4 1px dashed;}
table#basketContents td {padding:15px 0 0 0 }



table#basketContents fieldset input {padding:5px 5px 6px 5px;}
table#basketContents fieldset .submitbutton{background:#7D5792 ; border:none; padding:5px 5px 6px 5px; color:#fff; cursor:pointer; }
table#basketContents fieldset legend {text-indent:-3000px; float:left}

table#basketContents fieldset .quality-label{}

table#basketContents highlightedcell td {padding:10px 0px;}
.basket-button {font-size:1.3em; font-weight:bold; line-height:45px;background:#1b2326; margin:10px 0px; padding:5px; display:block; width:99%; color:#FFFFFF}
.basket-button:hover{background:#393333; text-decoration:none}

/*Product Listings Category */
ul#productCatList {padding:0 0 0 10px;}
#productCatList li {list-style:none; font-size:2.0em; font-weight:bold; line-height:30px; text-transform:uppercase}


/* 4.6 - footer links */



div#worldpay table { margin: 0 auto }
div#worldpay table, div#worldpay th, div#worldpay td { border: none; padding: 4px; text-align: center }

/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

/*Titles*/

#models-ttl{background:url(../images/titles/models-ttl.gif) no-repeat; width:594px; height:87px; text-indent:-3000em;}
#weddings-ttl{background:url(../images/titles/wedding-ttl.gif) no-repeat; width:594px; height:87px; text-indent:-3000em;}
#international-weddings-ttl{background:url(../images/titles/international-weddings-ttl.gif) no-repeat; width:594px; height:87px; text-indent:-3000em;}
#parties-ttl{background:url(../images/titles/parties-ttl.gif) no-repeat; width:594px; height:87px; text-indent:-3000em;}
#performers-ttl{background:url(../images/titles/performers-ttl.gif) no-repeat; width:594px; height:87px; text-indent:-3000em;}
#portraits-ttl{background:url(../images/titles/portraits-ttl.gif) no-repeat; width:594px; height:87px; text-indent:-3000em;}
#how-we-work-ttl{background:url(../images/titles/how-we-work-ttl.gif) no-repeat; width:594px; height:87px; text-indent:-3000em;}
#contact-ttl{background:url(../images/titles/contact-ttl.gif) no-repeat; width:594px; height:87px; text-indent:-3000em;}
#basket-ttl{background:url(../images/titles/basket-ttl.gif) no-repeat; width:594px; height:87px; text-indent:-3000em;}
#corporate-ttl{background:url(../images/titles/corporate-ttl.gif) no-repeat; width:594px; height:87px; text-indent:-3000em;}
#headshots-ttl{background:url(../images/titles/headshots-ttl.gif) no-repeat; width:594px; height:87px; text-indent:-3000em;}
#dancers-ttl{background:url(../images/titles/dancers-ttl.gif) no-repeat bottom; width:594px; height:87px; text-indent:-3000em;}
#singers-ttl{background:url(../images/titles/singers-musicians-entertainers-ttl.gif) no-repeat; width:594px; height:87px; text-indent:-3000em;}

#price-ttl{background:url(../images/titles/price-ttl.gif) no-repeat; width:594px; height:87px; text-indent:-3000em;}

/* index page */

.index-bg{background:url(../images/backgrounds/index-primary-content.jpg) top right no-repeat; width:358px;}
.index-list li{background:url(../images/backgrounds/list-points.gif) no-repeat; list-style:none; font-size:12px; line-height:16px; padding:0 0 20px 30px}
#index-primary-text p{margin:0 0 0px 25px}

#index-primary-text{width:290px;}
h1.sub-ttl-main { font-size:2.4em; color:#004d93; background:#fecd84; height:41px; padding:20px 0 0 25px  }
h2.sub-ttl-main { font-size:1.8em; color:#004d93; background:#fecd84; height:41px; padding:20px 0 0 25px  }
h2.index-ttl-main { background:url(../images/titles/index-ttl.jpg); text-indent:-9999px; width:689px; height:61px }

ul#index-ctas li{float:left; list-style:none; margin:8px 0}
ul#index-ctas li img {}
ul#index-ctas li a {border:#3f4e53 5px solid; display:block; height:133px; width:133px;  float:left}
ul#index-ctas li a:hover {border:#afc7c4 5px solid; display:block}

ul#index-ctas li dl {background:#393333; width:143px; height:143px; float:left; margin:0 8px}
ul#index-ctas li dl dt{color:#e2d8bc; font-size:18px; font-weight:bold; padding:10px 5px}
ul#index-ctas li dl dd{color:#a19b9b; font-size:10px; font-weight:normal; padding:0px 5px}
ul#index-ctas li dl img{border:none; padding:5px 0 0 0}
ul#index-ctas li dl a{width:0px; height:0px; border:none}
ul#index-ctas li dl a:hover{width:0px; height:0px; border:none}

ul#lower-ctas{padding-top:20px;}
ul#lower-ctas li{float:left; list-style:none; margin:0 3px}
ul#lower-ctas li a {border:#baa8a1 5px solid; display:block; height:109px; width:183px;  float:left}
ul#lower-ctas li a:hover {border:#f5eff1 5px solid; display:block}
ul#lower-ctas li dl{list-style:none; margin:0 0px; width:173px; clear:left; padding:20px 0px 30px 0}
ul#lower-ctas li dl dt{font-size:17px; font-weight:bold; color:#f5eff1; padding:0 0 15px 0}
ul#lower-ctas li dl dd{font-size:10px; font-weight:normal; color:#fff}

/*Shooting galleries*/

ul#sub-galleries{padding-top:20px;}
ul#sub-galleries li{float:left; list-style:none; margin:3px 3px}
ul#sub-galleries li a {border:#baa8a1 5px solid; display:block; height:109px; width:183px;  float:left}
ul#sub-galleries li a:hover {border:#f5eff1 5px solid; display:block}
ul#sub-galleries li dl{list-style:none; margin:0 0px; width:192px; clear:left; padding:20px 0px 30px 0}
ul#sub-galleries li dl dt{font-size:17px; font-weight:bold; color:#f5eff1; padding:0 0 15px 0;}
ul#sub-galleries li dl dd{font-size:10px; font-weight:normal; color:#fff}
ul#sub-galleries li dl a.anchor{border:none!important; height:0px}

.ride-info {padding:10px 0 0 0;}
.ride-info li{color:#FFFFFF; font-size:1.2em; padding:5px 0 0 0px; margin-left:25px; line-height:160%}


.faqs {padding:10px 0 0 0;}
.faqs dt{color:#CCCCCC; font-size:1.2em; padding:5px 0 0 0px; margin-left:10px; line-height:160%; font-weight:bold}
.faqs dd{color:#FFFFFF; font-size:1.2em; padding:5px 0 0 0px; margin-left:10px; line-height:160%}


/* compliance */
div#compliance { padding:0px }
div#compliance address { color:#9D9D9D; padding:0 0 0 0px; font-weight:bold}

/*terms and conditions*/
.terms-main-sections  {list-style:none;}
.terms li {margin:10px 0 10px 30px; color:#fff; font-size:0.8em}
.terms li address{color:#FFFFFF;}


/*Browse Product List*/

.browse-products-list{float:left; list-style:none}
.browse-products-list li{float:left; width:150px; padding:25px; background:#fff; border:#f4f2f2  1px solid}
.browse-products-list li h4.title{font-size:13px; padding:5px 0}
.browse-products-list li p{color:#333333;}
/*Checkout*/

#customerDetails li dl dt{color:#000000; float:left; width:120px}
#customerDetails li dl dd{color:#000000;}


.payment-btn{  padding:7px; display:block; width:100px}
.payment-info{ }

#login-form fieldset { padding: 20px; }
#login-form label { color: #444444; width: 80px; display: block; float: left; }
#login-form dt { margin-bottom: 10px; }
#login-form .submit { text-indent: -9999px; }

/*JQEURY*/

/*work boxes*/

.work-list li a {color:#C8DCE5;}
.work-list li .box-ttl {display:block;width:140px;margin:6px auto;color:#573e64;font:12px "Verdana", Arial, Helvetica, sans-serif;
	text-transform:capitalize;}


.boxgrid {width: 146px;	height: 130px;margin:3px;float:left;overflow: hidden;border:1px dashed #fff;position: relative;}
.boxgrid img {position: absolute;top: 0;left: 0;border: 5px #f6f3f3 solid;}

.boxcaption {float: left;position: absolute;background: #fff;height: 50px;width:133px;margin:0 0 0 0px;top:104px;opacity: .9;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.captionfull .boxcaption {top: 391px;left: 0;}
.caption .boxcaption {top: 220;left: 5px;}



/*GALLERY*/

.gallery {width:280px; float:left; padding-left:0px}
.gallery li{float:left; padding:1px 1px 1px 1px; list-style:none; overflow:hidden !important; width:89px; height:89px;}
.gallery li img{ overflow:hidden}


.baskettttt{float:right;}
.baskettttt2{float:left;}
#login-form{float:left; width:600px}
#members-area-ttl{color:#7d5792; font-size:23px; font:"Verdana", Arial, Helvetica, sans-serif; font-weight:bold; float:left; width:250px; line-height:24px}
body.members-area h4{float:left; width:223px; color:#666666;font:"Verdana", Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; padding:40px 0 20px 0}
#information{float:left; width:270px; color:#666666; font-size:12px; line-height:18px}
.totalrecords{color:#999999;}

.pika_subdiv{float:right; width:497px; overflow:hidden; padding-right:0px}
.pika_subdiv img{width:497px;  overflow:hidden}
.pika_subdiv a{width:497px; overflow:hidden}


/*TESTIMONIALS*/

.testimonials{ padding-top:25px; clear:both}
.testimonials img{float:left;  padding:10px;}
.testimonials .blockquote{float:left; width:500px; color:#999999}
.testimonials p{float:right; color:#333333; padding-right:30px}


/*BASEWORDS*/

#basescript { width:960px; margin:auto; padding-top:100px; text-align:left }
#basescript h2 { font-size:1.2em; color:#775488; line-height:150%; }
#basescript p { color:#7D7D7D; font-size:0.9em; line-height:150%; margin-bottom:12px; text-align:left }

#basewords ul { width:870px; list-style:none; color:#7d7d7d; font-size:0.9em; margin:0 auto; padding-top:100px; }
#basewords li { border-right:1px solid; float:left; line-height:200%; margin-bottom:10px; padding:0 10px; color:#BAA8A1; }




#basescript-index { width:900px; margin:0 auto; text-align:left; padding-left:50px }
#basescript-index h2 { font-size:1.2em; color:#775488; line-height:150%; margin-top:150px; }
#basescript-index ul { list-style:none; margin:30px 0 4px; color:#7d7d7d; font-size:0.9em }
#basescript-index li { border-right:1px solid; float:left; line-height:200%; margin-bottom:10px; padding:0 10px; }
#basescript-index p { color:#7D7D7D; font-size:0.9em; line-height:150%; margin-bottom:12px; text-align:left;   }

.first { margin-left:-10px; }
.last { border:none }


/*Price Lists*/
table.price-lists {border-left:none!important; border-top:none!important;  width:600px;}
.price-lists td{border:none; border-bottom:none; border-right:none; text-align:left; padding:5px 20px 5px 0; width:115px}
.price-lists tr{width:250px;}
.prices {float:left; width:600px;}
.prices p{color:#000000;}
.price { padding:5px 0;}
.desc{font-size:1.0em; padding:5px 0; height:150px}
.image-max{height:200px;}
/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */
.recent-clients li{color:#666666; font-size:1.2em; padding:5px 0; list-style:none}
.full-width{width:600px; float:left}
.full-width p{color:#9F9D9D; font-size:11px; line-height:18px;}
p.packages{font-size:13px!important; font-weight:bold; color:#7D5792!important}
.sub-section-btn{display:block; padding:5px 15px; color:#FFFFFF; background:#000000}
.padding-top{padding:6px 0 0 0;}
.padding-bottom{padding:0px 0 20px 0;}
.padding-dancers{padding:40px 0 0 0;}
.padding-navigation{padding-top:130px; padding-bottom:130px}
.smaller-font{width:600px; float:left}
.smaller-font p{font-size:10px!important; color:#999999;}
.smaller-font-grey{font-size:9px!important; color:#999999!important;}
.voucher a{display:block; background:#7D5792; color:#FFFFFF; padding:5px;}
.voucher a:hover{display:block; background:#000; color:#fff; padding:5px;}
.grey-ttl{color:#666666!important; padding-top:10px}
.grey-bold-ttl{color:#666666!important; padding-top:10px; font-size:13px; font-weight:bold}
.inline-links{ text-decoration:none; color:#775488}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }
.lines-spacer { height:22px; background:url(../images/backgrounds/color-bars.gif) repeat-x; display:block }
.zero-margin-top{margin-top:0px!important}
.larger{font-size:1.3em!important; line-height:1.6em}
.smaller{font-size:1.0em!important; line-height:1.2em}
.clear { clear:both; }