@charset "UTF-8";
@import "iframe.css";

img.iepngfix, div.iepngfix { behavior: url(../_libs/iepngfix.htc) }



body {
	background-color: #CCC;
	background-image: url(../_img/diamonds_bg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 160%;
	}

table {
	clear:both;
	width:100%;
}

table tr {
	border-bottom:1px solid #CCCCCC;
	padding:0;
}

table td {
	border-bottom:1px solid #CCCCCC;
	padding:0;
}

table th{
	border-bottom:0px solid #CCCCCC;
	color:#999999;
	font-size:14px;
	text-align: left;	
	padding:0;
}

table td strong {

	
}
span.heading {
	color:#999999;
	font-size:14px;
	font-weight:bold;
	text-align: left;	
	padding:2px 0px 2px 2px;
}

span.big_heading {
	color:#999999;
	font-size:18px;
	font-weight:bold;
	text-align: left;	
	padding:0;
}

.emphasised {
	color:#000000;
	font-weight:bold;
}
 td.emphasised{
	vertical-align: top;
}
#container {
	margin: 0px auto;
	width: 1106px;
	padding: 0px 0px 30px 0px;
	}
	
#content {
	float:left;
	width: 980px;
	padding-left: 63px;
	background-image: url(../_img/content_bg.gif);
	}


#header {
	float: left;
	width: 1106px;
	background-image: url(../_img/header.png);
	behavior: url(../_libs/iepngfix.htc);
	height: 121px; 
	}

.col_right {
	width: 300px;
	float: left;
	padding-left: 10px;
	padding-right: 1px;
}
	
.col_right span.heading {
	color:#FFFFFF;
}

.col_right img {
	border: 0;
}

.col_right a:link, .col_right a:visited, .col_right a:hover, .col_right a:active  {
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
}




.logo {
		margin-top: 59px;
		margin-left: 94px;
	}
	
.float {
	float:left;
}


	

	
	
	
	
/*++++++++++++++++++ AJAX_CS ++++++++++++++++++++
The html dynamically pulled in from www.camerastore.com.au
*/



/**************************************IE6*******************************************/

#ajax_cs {
	width: 100%;
	max-height: 800px;
	overflow: auto;
}
/*
	overflow-y: hidden;
	-ms-overflow-y: hidden;
*/

#ajax_cs h3, h1 {
	color: #1E3A76;
	font-weight: bold;
	font-size: 14px;
	clear: both;
}

#ajax_cs ul {
	list-style: none;
}

/*******************************************************************************/

#ajax_cs p {
	line-height: 12px;
	color: #000;
	}

	
#ajax_cs td {
	line-height: 12px;
	color: #000;
	font-size: 11px;
	border-bottom:0px solid #CCCCCC;
	padding:0;
	}
	
#ajax_cs td img{
	padding-top: 15px;
	}
	
.thumb {
	float:left;
	padding-right: 15px;
	padding-top: 15px;
}

/*++++++++++++++++++ HOME PAGE BAR ++++++++++++++++++++*/

#home_bar {
	width:979px;
	float: left;	
	 border-bottom: solid 1px #CCCCCC;
}

#diamonds_header_flash {
	float: right;
	width:349px;
	height:223px;
	padding: 0px 100px 0px 0px;
}

#home_bar_text { 
	
	width:386px;
	padding: 0px 0px 0px 100px;
}

#home_bar_text h1{
	clear: none;
	background-image: url(../_img/content_h1_bg.gif);
	background-repeat: no-repeat;
	padding: 6px 0px 15px 15px;
	color: #1E3A76;
	font-weight: bold;
	font-size: 14px;
	width:386px;
}

#home_bar_text p {
	line-height: 12px;
	color: #000;
}

	
	
	
	
	
/*++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++ NAVIGATION ++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++*/

#mainnav {
		padding-left: 63px;
}

#mainnav p{
	text-align: left;
	padding:0px;
	margin: 0px;
	}

	
	
#mainnav a{
	float: left;
	display: block;
	height: 26px;
	padding-top: 9px;
	padding-left: 10px;
	padding-right: 10px;
	font-size:13px;
	font-family: "Arial", Helvetica, sans-serif;
	text-decoration: none;
	color:#555;
	 text-shadow: 1px 1px 1px white;
	 border-left: solid 1px #e9e9e9;
	 border-right: solid 1px #959595
	}

#mainnav #home {
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	height: auto;
	width: 33px;
	text-shadow: 0px 0px 0px white;
	border-left: solid 0px #959595;
	border-right: solid 0px #959595;
}

#mainnav a img{
	text-align: left;
	margin: 0px;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: auto;
	width: 33px;
	text-shadow: 0px 0px 0px white;
	border: solid 0px #959595;
}


#mainnav span {
	float: right;
	font-weight: bold;
	margin-right: 63px;
	}

#mainnav a:link,
#mainnav a:visited,{
	color:#666;
	
	}

#mainnav a:hover {
	color:#FFF;
	background-color: #0e2652;
	 border-left: solid 1px #003;
	 border-right: solid 1px #003;
	text-shadow: 1px 1px 1px #0e2652;
	}
	
#mainnav a.active{
	color:#81e102 !important;
	}


#footer{
	clear: both;
	margin-left: 63px;
	}

/*++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++ SUB - NAV ++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++*/
	


#subnav {
	float: left;
	margin-top: 10px;
	width: 173px;
	padding-left: 30px;
	clear: both;

	}

#subnav img{
	margin-left: -30px;
	}

#subnav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  line-height: 15px;
  font-size: 13px;
}
#subnav li {
   margin: 0px;
  padding: 0px;
}


#subnav a:link, #subnav a:visited {
 
  font-weight: bold;
  text-decoration: none;
  color: #999;
  
}
#subnav a:hover, #subnav a:active{
  color: #1E3A76;
}
 



/*++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++ STYLES ++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++*/


h1 {
	background-image: url(../_img/title_right_bg.gif);
	background-repeat: no-repeat;
	padding: 6px 0px 15px 15px;
	display: block;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	clear: both;
	}
h2 {
	color: #FFF;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	}
p {
	color: #FFF;
	line-height: 12px;
	margin: 0px 0 10px 0;
	padding: 0px;
}
p.footer {
	padding-top: 15px;
	color: #333;
	}
	
	
	
	
	
/*++++++++++++++++++ COL_LEFT (and  COL_LEFT_SM) ++++++++++++++++++++*/
/* COL_LEFT_SM (same except width:386). Only used when there is a col_right */

.col_left {
	width: 407px;
	float: left;
	min-height: 500px;
	padding-left: 30px;
	padding-right: 20px;
	}
/*full 715px*/

.col_left_sm {
	width: 407px;
	float: left;
	min-height: 500px;
	padding-left: 30px;
	padding-right: 20px;
}
	
	
.col_left_sm h1 {
	background-image: url(../_img/content_h1_bg.gif);
	background-repeat: no-repeat;
	padding: 6px 0px 15px 15px;
	display: block;
	color: #1E3A76;
	font-weight: bold;
	font-size: 14px;
	clear: both;
}
.col_left h1, .col_left_sm h1 {
	background-image: url(../_img/content_h1_bg.gif);
	background-repeat: no-repeat;
	padding: 6px 0px 15px 15px;
	display: block;
	color: #1E3A76;
	font-weight: bold;
	font-size: 14px;
	clear: both;
}
	
	
.col_left h2, .col_left_sm h2{
	color:#999999;
	font-size:16px;
	font-weight:bold;
	text-align: left;	
	padding:0;
	clear: both;
}
	
.col_left p, .col_left_sm p {
	line-height: 12px;
	color: #000;
	}
	
.col_left a:link, .col_left a:visited, .col_left_sm a:link, .col_left_sm a:visited {
 
  font-weight: bold;
  text-decoration: none;
  color: #1E3A76;
  
}
.col_left a:hover, .col_left a:active, .col_left_sm a:hover, .col_left_sm a:active{
  color: #1E3A76;
}

/*++++++++++++++++++ Flash div ++++++++++++++++++++*/
#diamonds_header_flash {
}

/*++++++++++++++++++ Important span ++++++++++++++++++++*/
#important {
}

/*++++++++++++++++++ top_banner div (expo ++++++++++++++++++++*/
#top_banner {
	width:979px;
	background-color: #1b3f95;
}




/*
+++++++++++++++++++ AJAX-ASSIGNED CSS CLASSES: Old ugly buttons
NOTE: src attribute is removed so u can style via CSS
*/
.product_list_prev_img {
	width:28px;
	height:28px;
	background-image:url(http://www.camerastore.com.au/images/layout/prev.jpg);
	display:none;
}

.product_list_next_img {
	width:28px;
	height:28px;
	background-image:url(http://www.camerastore.com.au/images/layout/next.jpg);
	display:none;
}


.product_list_no_prev_img {
	width:28px;
	height:28px;
	background-image:url(http://www.camerastore.com.au/images/layout/no_prev.jpg);
	display:none;
}

.product_list_no_next_img {
	width:28px;
	height:28px;
	background-image:url(http://www.camerastore.com.au/images/layout/no_next.jpg);
	display:none;
}

.product_list_info_img {
	width:71px;
	height:19px;
}/*	background-image:url(http://www.camerastore.com.au/diamondcamera/btn_view_info.gif);*/




/*
+++++++++++++++++++ AJAX-GENERATED CSS CLASSES: 4 part round box for headings
*/

.roundbox-tr {
	margin:5px auto;
	padding:0;
	background:url("../_img/roundbox_tr.png") no-repeat right top;
	width: 100%;
	max-width: 1200px;
	max-height: 1000px;
	float: left;
}

/* top-left corner and left side */
.roundbox-tl {
	margin:0;
	padding:0;
	background:   url("../_img/roundbox_tl.png") no-repeat left top;
}

/* bottom-right corner and bottom side */
.roundbox-br {
	margin:0;
	padding:0;
	background:   url("../_img/roundbox_br.png") no-repeat right bottom;
}

/* bottom-left corner */
.roundbox-bl {
	margin:0;
	padding:0;
	background:   url("../_img/roundbox_bl.png") no-repeat left bottom;
}

/* content div, it could be omitted (the content going into "roundbox-bl" but I felt that alinging the content was easier 
with "roundbox-content" in place */
.roundbox-content {
	margin:0;
	padding:2px 10px 10px 10px;
}

.roundbox-content p {
	margin:0;
	padding:0;
	line-height:1.6;
}

.roundbox-content .roundboxed {
	margin:5px auto;
	padding:0;
	background:url("") no-repeat right top;
	width: 100%;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++ AJAX +++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++ AJAX-ASSIGNED CSS CLASSES +++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++
AJAX examinines the url and/or recieved HTML, and assigns some elements a class
*/


/*
+++++++++++++++++++ AJAX-ASSIGNED CSS CLASSES: diamondcamera-productlist_asp 
*/
.diamondcamera-productlist_asp  td h3 {	
	background-image: url(../_img/title_bg.gif);
	background-repeat: no-repeat;
	padding: 6px 0px 20px 15px;
	display: block;
	color: #1E3A76;
	font-weight: bold;
	font-size: 14px;
	clear: both;
}

.diamondcamera-productlist_asp  td h3 a {
	color: #1E3A76;

}

.diamondcamera-productlist_asp  td img {
	padding-right: 15px;

}



/*
+++++++++++++++++++ AJAX-ASSIGNED CSS CLASSES: diamondcamera-product_asp
					WARNING: sometimes there is text with unusual font styling
*/
.diamondcamera-product_asp  table {
	width: 100%;

}

#diamondcamera-product_asp title {
	background-image: url(../_img/content_h1_bg.gif);
	background-repeat: no-repeat;
	padding: 6px 0px 15px 15px;
	display: block;
	color: #1E3A76;
	font-weight: bold;
	font-size: 14px;
	clear: both;
}

#diamondcamera-product_asp td h3 {
	background-image: url(../_img/title_bg.gif);
	background-repeat: no-repeat;
	padding: 6px 0px 15px 15px;
	display: block;
	color: #1E3A76;
	font-weight: bold;
	font-size: 14px;
	clear: both;
}



/*
+++++++++++++++++++ AJAX-ASSIGNED CSS CLASSES: diamondcamera-catalogue_asp_categories
					WARNING: sometimes "heading" <h3> has text and sometimes it doesnt
					WARNING: sometimes <title> has text and sometimes it doesnt
*/
.diamondcamera-catalogue_asp_categories  table {
	width: 100%;

}

 

.diamondcamera-catalogue_asp_categories table h3 {
	background-image: url(../_img/content_h1_bg.gif);
	background-repeat: no-repeat;
	padding: 6px 5px 10px 15px;
	display: block;
	color: #1E3A76;
	font-weight: bold;
	font-size: 14px;
	clear: both;
}







/*
+++++++++++++++++++ AJAX-ASSIGNED CSS CLASSES: diamondcamera-catalogue_asp_items
*/



.diamondcamera-catalogue_asp_items table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.diamondcamera-catalogue_asp_items td font {	
	font-size: 11px;
}

.diamondcamera-catalogue_asp_items td a img {	
	font-size: 14px;
	float:left;	
}
.diamondcamera-catalogue_asp_items td {	
	font-size: 11px;
	clear:left;	
}


.diamondcamera-catalogue_asp_items h1 {
	width: 386px;	
	background-image: url(../_img/content_h1_bg.gif);
	background-repeat: no-repeat;
	padding: 6px 5px 15px 5px;
	display: block;
	color: #1E3A76;
	font-weight: bold;
	font-size: 14px;
	clear: both;		
	text-align: center;	
}


.diamondcamera-catalogue_asp_items  table h3 {

	background-image: url(../_img/title_bg.gif);
	background-repeat: no-repeat;
	padding: 6px 5px 10px 15px;
	display: block;
	color: #1E3A76;
	font-weight: bold;
	font-size: 14px;
	clear: both;
}




/*
++++++++++++++++++ AJAX-CREATED HTML ELEMENTS FOR EXTRA STYLING POSSIBILITIES ++++++++++++++++++++
Flat out made some extra elements for styling - slows down browser cant do it too much. See "ajax.js" for details
*/


div#loading {
	width:100%;
	height:100%;
	text-align: center;
	opacity:0.5;
}


div#loading span {	
	width: 32px;
	margin-left: auto;
	margin-right: auto;
}