
/* COMPANY NAME CORE CSS */

@import url("nav.css");
@import url("styles.css");
@import url("forms.css");

@import url("components/photo-gallery.css");
@import url("components/form-builder.css");
@import url("components/news.css");
@import url("components/shop.css");
@import url("components/web-payment.css");
@import url("components/members.css");
@import url("components/dynamic-signup.css");
@import url("components/telethon-registration.css");
@import url("components/rspca-registration.css");
@import url("components/makeawish-registration.css");

*, body { padding:0; margin:0; }

img, a img { border:none; }

body {
	background-color: #222222;
}

#movieContainer {float:right; margin-left:2em;}

a.button {
	background: url(/sites/vivaphotographycomau/assets/images/button-green-sml.gif) no-repeat;
	border: 0px;
	width: 90px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	line-height: 25px;
	text-decoration: none;
}
a.button:hover {
	text-decoration: none;
	color: #FFF;
}

#wrap {
	background: #434343 url(/sites/vivaphotographycomau/assets/images/mainBg.gif) repeat-x top;
}

#container {
	width: 955px;
	margin: 0 auto;
	padding-bottom: 70px;
	background: url(/sites/vivaphotographycomau/assets/images/bottomBg.png) no-repeat left bottom;
}

#nav {
	/*background: url(/sites/vivaphotographycomau/assets/images/nav-bg.gif) no-repeat left top;
	padding-left: 2px;*/
	position: relative;
	z-index: 999;
}

#head {
	height: 85px;
}

#logo {
	float: left;	
	margin: 20px 0 0 7px;
}

#logo a {
	text-indent: -1000em;
	overflow: hidden;
	width: 157px;
	height: 50px;
	display: inline-block;
	float: left;
	background: url(/sites/vivaphotographycomau/assets/images/logo.png);
}

#topCTA {
	float: right;
}
#topCTA div {
	float: left;
}
#topCTA #call {
	width: 219px;
	height: 24px;
	background: url(/sites/vivaphotographycomau/assets/images/call.gif);
	overflow: hidden;
	text-indent: -1000em;
	margin-top: 30px;
	margin-right: 10px;
}
#topCTA #book {
	float: left
}
#topCTA #book a {
	display: block;
	width: 135px;
	height: 45px;
	background: url(/sites/vivaphotographycomau/assets/images/btn-booksession.png) 0px 0px;
	overflow: hidden;
	text-indent: -1000em;
	margin-top: 20px;
	margin-right: 7px;
}
#topCTA #book a:hover {
	background: url(/sites/vivaphotographycomau/assets/images/btn-booksession.png) 0px -45px;
}
#topCTA #accountTools {
	height: 30px;
	margin-top: 20px;
	font-size: 11px;
	color: #FFF;
	padding: 15px 0px 0px 15px;
	background: url(/sites/vivaphotographycomau/assets/images/shoppingcartBg.png) top left no-repeat;
}

#topCTA #accountTools a{
	color: #a7a7a7;
}
#topCTA #accountTools a:hover{
	color: #9ebf01;
	text-decoration: none;
}
#topCTA #accountTools ul {
	list-style-type:none;
	margin:0;
	padding:0;
	float: left;
}

#topCTA #accountTools ul li {
	float: left;
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px dotted #444;
}

#topCTA #accountTools ul li#cart {
	border-right: 0px;
	padding-right: 0px;
}

#topCTA #cart a {
	background: url(/sites/vivaphotographycomau/assets/images/cart-icon.gif) no-repeat;
	padding-left: 17px;
	
}
#topCTA #cart a:hover {
	background: url(/sites/vivaphotographycomau/assets/images/cart-icon-green.gif) no-repeat;
}


#topCTA #creditcards {
	height: 45px;
	width: 122px;
	padding-left: 15px;
	margin-top: 20px;
	font-size: 11px;
	color: #FFF;
	background: url(/sites/vivaphotographycomau/assets/images/ccBg.gif) top left no-repeat;
}
#topCTA #creditcards .cc {
	margin-top: 12px;
	margin-right: 6px;
	float: left;
}

#banner {
	margin-bottom: 15px;
}

#homecta {
	height: 245px;
	margin-bottom: 15px;
}


table.ctapanel {
	width: 179px;
	float: left;
	margin-left: 15px;
}

table.ctapanel .hdr {
	background: url(/sites/vivaphotographycomau/assets/images/homepanel-hdr.png);
	height: 40px;
	overflow: hidden;
	padding: 0 15px;
}

table.ctapanel .hdr h3 {
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
}

table.ctapanel .img {
	background-color: #000;
	padding: 0 1px;
}

table.ctapanel .text {
	padding: 0px 15px;
	background: url(/sites/vivaphotographycomau/assets/images/homepanel-box2.png);
	height: 100px;
	font-size: 11px;
	color: #858585;
	vertical-align: top;
}

table.ctapanel .text p {
	margin-top: 15px;
	margin-bottom: 0px;
}

table.portraits {
	margin-left: 0px;
}

table.portraits .text {
	background: url(/sites/vivaphotographycomau/assets/images/homepanel-box1.png);
}

table.portraits ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
}

table.portraits .col1 {
	width: 65px;
	padding-right: 10px;
}

table.portraits .col2 {
	width: 65px;
	padding-left: 10px;
}

table.portraits ul li {
	margin: 0 0 5px 0;
	background: url(/sites/vivaphotographycomau/assets/images/bullet.gif) no-repeat right 4px;
}

table.portraits ul li a {
	color: #FFF;
	
	padding-right: 12px;
}
table.portraits ul li a:hover {
	color: #9ebf01;
	text-decoration: none;
}

.boxwrap {
	background: url(/sites/vivaphotographycomau/assets/images/bottom-panel-bottom1.png) left bottom no-repeat;
	padding-bottom: 5px;
}

#home .box {
	background: url(/sites/vivaphotographycomau/assets/images/bottom-panel-top1.png) left top no-repeat;
}

#home #mainContent, #promos {
	padding: 25px 25px 0px 25px;
	width: 427px;
	float: left;
}

table.promoItem {
	margin-bottom: 20px;
}

table.promoItem td {
	vertical-align: top;
}
table.promoItem p {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 0px;
	margin-top: 5px;
}
table.promoItem .img img {
	border: 5px solid #4c4c4c;
}
table.promoItem .info {
	padding-left: 15px;
}

#foot {
	background: #222222 url(/sites/vivaphotographycomau/assets/images/footerBg.gif) repeat-x top;
	padding: 20px 0;
}
#foot a {
	color: #656565;
}
#foot a:hover {
	color: #fff;
}
#foot p {
	margin: 0px;
	font-size: 11px;
}
#footer, #copyright {
	width: 955px;
	margin: 0 auto;
	text-align: center;
}
#footer a {
	margin: 0 5px;
}
#copyright {
	margin-top: 10px;
}




/*Inner Pages*/

#inner .boxwrap {
	margin-top: 15px;
}

#inner .mainbox {
	margin-top: 65px;
	position: relative;
	z-index: 10;
}
#inner #promos {
	width: auto;
	padding: 25px  0 20px 0;
}
#inner table.promoItem {
	width: 427px;
	float: left;
	margin: 0px 25px 0px 25px;
}
.box-bottom {
	background: url(/sites/vivaphotographycomau/assets/images/bottom-panel-top2.png) left top no-repeat;
}

#inner #mainContent {
	padding: 0 30px 10px 30px;
	float: right;
	width: 675px;
	min-height: 380px
}

#inner .box {
	background:#000 url(/sites/vivaphotographycomau/assets/images/innerMainContentBg.jpg) no-repeat top left;
	position: relative;
	padding-top: 65px;
}

#breadcrumbs {
	font-size: 11px;
	color: #808080;
	float: left;
	position: absolute; 
	left: 15px;
	top: 16px;
}
#breadcrumbs .text {
	float: left;
	margin-right: 5px;
}
#breadcrumbs a {
	color: #d2d2d2;
}
.breadcrumbs {
	float: left;
}


/* Text Sizer */
#text-sizer {
	font-size: 11px;
	color: #808080;
	position: absolute;
	top: 10px;
	right: 10px;
}
#text-sizer p {
	float: left;
	line-height: 25px;
	margin-right: 5px;
}

ul#text-sizes {float: left;}
ul#text-sizes li {float: left; margin:0; padding:0; list-style-type:none;}
ul#text-sizes li a { cursor:pointer; width:25px; height:25px; overflow:hidden; text-indent:-1000em; display:block; float:left; }

ul#text-sizes li a.sml { background:url(/sites/vivaphotographycomau/assets/images/text-sizer.gif) 0px 0px no-repeat; }
ul#text-sizes li a.med { background:url(/sites/vivaphotographycomau/assets/images/text-sizer.gif) -25px 0px no-repeat; }
ul#text-sizes li a.lge { background:url(/sites/vivaphotographycomau/assets/images/text-sizer.gif) -50px 0px no-repeat; }

ul#text-sizes li a.sml:hover,
ul#text-sizes li a.sml-on { background-position: 0px -25px; } 
ul#text-sizes li a.med:hover,
ul#text-sizes li a.med-on { background-position: -25px -25px; }
ul#text-sizes li a.lge:hover,
ul#text-sizes li a.lge-on { background-position: -50px -25px; }



.small-text {font-size: .9em !important;}
.medium-text {font-size: 1em; }
.large-text {font-size: 1.2em !important;}


/*Left Column*/
#leftColumn {
	float: left;
	width: 180px;
	min-height: 380px;
	padding: 0 20px;
}

#leftColumn .subnav h2 {
	display: none;
}

#leftColumn .subnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 1.5em;
}

#leftColumn .subnav ul li {
	padding: 5px 0;
	border-bottom: 1px dotted #282828;
}

#leftColumn .subnav ul li a {
	color: #a9a9a9;
	background: url(/sites/vivaphotographycomau/assets/images/bullet2.gif) no-repeat 7px 4px;
	padding-left: 17px;
	display: block;
}

#leftColumn .subnav ul li a:hover, #leftColumn .subnav ul li.subPageSelected a {
	color: #abd038;
	background: url(/sites/vivaphotographycomau/assets/images/bullet.gif) no-repeat 7px 4px;
	text-decoration: none;
}

/*Quick links*/

ul#quicklinks {
	list-style:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 130px;
	z-index: 500;
	width: 955px;
}
ul#quicklinks li {
	float: left;
	position: relative;
	margin-right: 14px;
}

ul#quicklinks li.last {
	margin-right: 0px;
	margin-left: -1px;
}

ul#quicklinks li a {
	width: 180px;
	height: 40px;
	display: block;
	float: left;
	text-indent: -1000em;
	overflow: hidden;
}

#quicklinks a#protraits { background: url(/sites/vivaphotographycomau/assets/images/quicklink-portraits.gif); }
#quicklinks a#protraits:hover { background-position: 0px -40px; }
#quicklinks a#weddings { background: url(/sites/vivaphotographycomau/assets/images/quicklink-weddings.gif); }
#quicklinks a#weddings:hover { background-position: 0px -40px; }
#quicklinks a#commercial { background: url(/sites/vivaphotographycomau/assets/images/quicklink-commercial.gif); }
#quicklinks a#commercial:hover { background-position: 0px -40px; }
#quicklinks a#products { background: url(/sites/vivaphotographycomau/assets/images/quicklink-products.gif); }
#quicklinks a#products:hover { background-position: 0px -40px; }
#quicklinks a#competitions { background: url(/sites/vivaphotographycomau/assets/images/quicklink-competitions.gif); }
#quicklinks a#competitions:hover { background-position: 0px -40px; }

ul#quicklinks li ul {
	list-style:none;
	margin:0;
	padding:0;
	position: absolute;
}



ul#quicklinks li .submenu h2 { display:none; }

ul#quicklinks li .submenu ul {
	list-style: none;
	position: absolute; 
	left: 0; top: 40px;
	background: #303030;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 176px;
	padding: 1px;
	border: 1px solid #000;
}
ul#quicklinks li .submenu ul li{
	margin: 0; padding: 0;
	clear: both;
	width: 176px;
	float: left;
}

ul#quicklinks li .submenu ul li a {
	width: 161px;
	padding-left: 15px;
	line-height: 25px;
	height: auto;
	float: left;
	text-indent: 0;
	color: #a9a9a9;
	background: #252525;
}

ul#quicklinks li .submenu ul li a:hover {
	text-decoration: none;
	background: #a9cf2d url(/sites/vivaphotographycomau/assets/images/nav-lvl1.gif) left -40px;
	color: #000;
}

ul#quicklinks li .submenu ul li.latestproducts, ul#quicklinks li .submenu ul li.shoppingcart {
	display: none;
}

.submenu h2 {
	display: none;
}

/*Chocolate Box Table Layout*/

table.choc-box, table.choc-box2 {margin-bottom:25px;}

.choc-box .gap { width:30px;}
.choc-box .pic { background-color:#222; padding:5px;}
.choc-box .text { padding:5px 0px; padding-left: 5px; text-align: center; background:#222 url(/sites/vivaphotographycomau/assets/images/choc-box-bg.gif) repeat-x; }

.choc-box2 .gap { width:15px;}
.choc-box2 .pic { background-color:#222; padding:5px;}
.choc-box2 .text { padding:0px 0px 5px 0px; padding-left: 5px; text-align:center; background:#222 url(/sites/vivaphotographycomau/assets/images/choc-box-bg.gif) repeat-x; }



table.numberedTable strong {
	color: #FFF;
}

.numberedTable .number {
	color: #FFF;
	vertical-align: top;
	padding-right: 10px;
	padding-top: 2px;
}

.numberedTable .number img {
}

.numberedTable .text {
}

.imgright {
	border: 5px solid #222;
	float: right;
	margin-left: 25px;
	margin-bottom: 15px;
}

.imgleft {
	border: 5px solid #222;
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
}

p.imgcenter {
	text-align: center;
}
.imgcenter img {
	border: 5px solid #222;
}



.faq {
	border-top: 1px dotted #222;
	padding-top: 1.5em;
}

.faq h3 {
	font-weight: bold;
}




.testimonial {
	margin-bottom: 2em;
}

.testimonial p {
	margin-bottom: 1em;
}

.testimonial .quotes {
	background: url(/sites/vivaphotographycomau/assets/images/quote.gif) no-repeat 0px 1.7em;
	padding-left: 30px;
	padding-top: 1.5em;
}

.testimonial .quoter {
	font-weight: bold;
	padding-left: 30px;
	color: #FFF;
}




table.studioList {width:100%; margin-bottom: 1.5em;}
table.studioList td {border-bottom:1px dotted #282828; padding:8px;}
table.studioList td {text-align:left;}
table.studioList th {background: #222; color:#FFFFFF; text-align:left; padding: 8px;}


table.milestones {width:100%; margin-bottom: 1.5em; border-top:1px dotted #282828;}
table.milestones td {border-bottom:1px dotted #282828; padding:8px 8px 8px 0px; vertical-align: top;}
table.milestones td {text-align:left;}
table.milestones td.year {padding-right: 15px; color: #FFF;}

