/*-------------------------Style the promotion page List----------------------------*/
/*----------------------------------------------------------------------------------*/
div.promoList{
	width:755px;
	background-color:#eee;
	border: 1px dotted #8F8F8F;
	margin:15px 0 0 15px;
	padding:0;
}

div.promoList div.promoListImg{
	margin:12px 0 12px 12px;
	float:left;
	height:250px;
	width:313px;
	overflow:hidden;
	background-position:100% 0;
	border:0px solid red;
	
}

/*IE 6 Only*/
* html body div.promoList div.promoListImg{
		margin:12px 0 12px 12px;
}
*:first-child+html body body div.promoList div.promoListImg{
	margin:12px 0 12px 12px;
}




div.promoList .promoListTextBox{
	margin:12px 0 18px 18px;
	float:left;
	border:0px solid red;
	width:390px;
}

div.promoList .promoListTextBox h2.promoListHeader{
	 font:Bold 13px Verdana;
	 color:#000;
	 width:100%;
	 border-bottom:1px dotted #ccc;
	 padding:2px 0 8px 0;
	 margin-top:3px;
	 background-color:transparent;
	 background-image:none;
}
div.promoList .promoListTextBox h3{
	font:Bold 11px Verdana;
	color:#626262;
	margin-bottom:5px;
}

div.promoList .promoListTextBox p{
	font:normal 12px Verdana;
    color:#3c3c3c;
}
div.promoList .promoListTextBox ul{
	list-style:square;
	font:normal 11px Verdana;
	color:#626262; 
	padding:0 0 0 15px;
	margin: 0;
	

}

/*IE only */
*:first-child+html body div.promoList .promoListTextBox ul{
	list-style:square;
	font:normal 11px Verdana;
	color:#626262; 
	padding:0 0 0 3px;
	margin:0 0 0 15px;
	

}

div.promoList .promoListTextBox li{

}




/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
	font: 10px verdana, helvetica, arial, geneva, sans-serif;
	line-height: 13px;
	color: #000;
	background: #FFF;
	margin: 0;
	padding: 0;
	height: 100%;	
	overflow: hidden; 
	overflow-y: hidden; 
	overflow-x: hidden;	
	scrollbar-3dlight-color :#FFF;
    scrollbar-arrow-color: #595858;
    scrollbar-track-color: #C6C3C6;
    scrollbar-darkshadow-color: #5A595A;
    scrollbar-face-color: #B8B8B8;
    scrollbar-highlight-color: #CCC;
    scrollbar-shadow-color: #676767;
}

#withscroll
{
	height: 100%;	
	overflow: auto; 
	overflow-y: auto; 
	overflow-x: auto;	
}

#results{
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	width:100%;
}

/*
.nolightboxpg {
	border: 0 solid cyan;
	height: 100%;	
	padding: 0; 
	margin: 0; 
	overflow: auto; overflow-y: auto; overflow-x: hidden;
}
*/

a:link, a:visited, a:active {
	text-decoration: underline;
	color: #390;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

button, button:active, button.active {
	behavior: url('IEFixes.htc');
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	color:#F0F0F0;
	margin: 0;
	padding: 2px;
    background-color: #424242;
    border-top: 1px solid #B6B6B6;
	border-right: 1px solid #494949;
	border-bottom: 1px solid #494949;
    border-left: 1px solid #6D6D6D;
    font-weight: bold;
    cursor: pointer;
	width: auto;
}

button:hover, button.hover {
	behavior: url('IEFixes.htc');
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	color: #FFF;
	margin: 0;
	padding: 2px;   
    background-color: #5c5c5c;
    border-top: 1px solid #DFDFDF;
	border-right: 1px solid #494949;
	border-bottom: 1px solid #494949;
    border-left: 1px solid #DFDFDF;
    font-weight: bold;
    cursor: pointer;    
	width: auto;
}

button[type]{
    padding: 2px; /* Firefox */
}

h1 {
	font: 16px arial, helvetica, geneva, sans-serif;
	line-height: 20px;
	color: #6E6E6E;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	padding-top: 10px;
	margin-left: 0;
}

h2 {	
	border: 0 solid black;
	font: 12px arial, helvetica, geneva, sans-serif;
	font-weight: bold;
	line-height: 20px;
	color: #6E6E6E;
	background-color: #FFF;
	background-image: url(images/nav/backgroundtab.gif);
	background-repeat: no-repeat; 
	background-position: bottom left;
	padding: 4px 4px 4px 8px;
	margin : 0;
}

h3 {
	font: 12px arial, helvetica, geneva, sans-serif;
	font-weight: bold;
	line-height: 20px;
	color: #6E6E6E;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin : 0;
}

h4 {
	font: 11px arial, helvetica, geneva, sans-serif;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
	margin-bottom : 10px;
	width: 100%;
	border-bottom: 1px dotted #CCC; 
}

h5 {
	font: 11px arial, helvetica, geneva, sans-serif;
	line-height: 20px;
	color: #6E6E6E;
	border-top: 1px solid #E5E5E5;
	border-right: 0 solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	border-left: 0px solid #E5E5E5;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	padding-top: 10px;
	margin-left: 0;
}
h5#faq {
	font: 11px arial, helvetica, geneva, sans-serif;
	line-height: 20px;
	color: #6E6E6E;
	border-top: 1px solid #E5E5E5;
	border-right: 0 solid #E5E5E5;
	border-bottom: 0px solid #E5E5E5;
	border-left: 0px solid #E5E5E5;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	padding-top: 10px;
	margin-left: 0;
}

h6 {
	font: 16px arial, helvetica, geneva, sans-serif;	
	color: #6E6E6E;
	border: 1px solid #E5E5E5;
	margin: 0;
	padding: 10px;
	background-color: #CCC;
}

h6 a:link, h6 a:visited, h6 a:active {	
	background-color: #CCC;	
}

h6 a:hover {	
	background-color: #E5E5E5;	
}

hr {
	border : 1px inset;
	padding: 0;
	color: #FFF;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

img {
	padding: 0;
	border: none;
	position:relative;
}

input {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	padding: 3px;
}


input[type]{
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	border: 1px solid #666;
	padding: 3px;
	background: #FFF;
	margin: 0;
	
}

input[type="checkbox"] {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	margin: 0;
	padding: 3px;
	border: 0px;
	background: none;
}

input[type="radio"] {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	margin: 0;
	padding: 3px;
	border: 0px;
}




optgroup {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	background: #FFF;
}

p {
	border: 0 solid black;
	margin: 10, 0, 10, 0;
	padding: 0;
}

select {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	color: #666;
	background: #FFF;
	margin: 0;	
}

.tabular table {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	width: 100%;
}

.tabular th {
	font: 11px verdana, helvetica, arial, geneva, sans-serif;
	text-align: left;
	background: #EFEFEF;
	padding: 15;
	border-bottom: 1px solid #666;
	font-weight: bold;
}


.tabular td {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	background: #FFF;
	padding: 3px;	
	border-bottom: 1px solid #CCC;
}

.tabularzoom table {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
}

.tabularzoom th {
	font: 11px verdana, helvetica, arial, geneva, sans-serif;
	text-align: left;
	background: #EFEFEF;
	padding: 4px;
	border: 0;
	font-weight: bold;
}

.tabularzoom td {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	text-align: left;
	border: 0;
	padding: 2px;
	
}

.tabularextra table {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	width: 100%;
}

.tabularextra th {
	font: 11px verdana, helvetica, arial, geneva, sans-serif;
	background: #EFEFEF;
	padding: 1px;
	border-bottom: 1px solid #666;
	font-weight: bold;
}

.tabularextra td {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	background: #FFF;
	padding: 1px;	
	border-bottom: 1px solid #CCC;
}

textarea, input.text, input.password {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	border: 1px solid #666;
	padding: 0;
	background: #FFF;
	margin: 0;
}

ol {
	border: 0 solid orange;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	padding: 0;
}

ol#footageTermsIndex {
margin-left:25px;                     
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: url(/images/spacer.gif);
	list-style-position: outside;
}

/* -----------------------------------*/
/* ----------->>> LOCAL <<<-----------*/
/* -----------------------------------*/

#appbtns {
	position: relative;
	background: #CCC;
	border: 0 solid red;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0;
	text-align: right;
}

.bigbodycontainer {
	border: 0 solid magenta;
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0;	
}

.bodycolumn {
	margin: 0 0 0 10px;	
	padding: 10px 0 20px 0;
	width: 165px;
	float: left;
}

.bodycolumndouble {
	border-right: 1px solid #CDCDCD;
	width: 558px;
	margin: 0;	
	padding: 10px 10px 20px 10px;
	left: 0;	
	float: left;
	clear: right;
}

/* for about page only */
div#aboutPageBodycolumndouble{
		border-right: 0px solid #CDCDCD;
		width:700px;
}

/* IE6 Only */
* html body .bodycolumndouble {
	border-right: 1px solid #CDCDCD;
	width: 585px;
	margin: 0;	
	padding: 10px 10px 20px 10px;
	left: 0;	
	float: left;
	clear: right;
}


.ftgbodycolumn {
	border-left: 1px solid #CDCDCD;
	margin: 0 0 0 10px;	
	padding: 10px 0 20px 10px;
	width: 165px;
	float: left;
}

.ftgbodycolumndouble {	
	width: 550px;
	margin: 0;	
	padding: 10px 0 20px 10px;
	left: 0;	
	float: left;
	clear: right;
}

.promotioncolumn {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;	
	padding: 2px;
	width: 230px;
	float: left;
	color: #666666;
	background-image: url(marketing/images/promo_gradient.jpg);
	background-repeat: repeat-x;
	background-position: 0 174px;
	background-color: #efefef;
	text-align: center;
}

div.promotioncolumn p, div.promotioncolumn h3 { 
	padding-left: 7px;
	padding-right: 7px;
}

div.promotioncolumn h3 { 
	padding-top: 8px;
	line-height: 1.3em;
}

.bodycolumnfull {
	border: 0 solid red;
	width: 740px;
	margin-left: 10px;
	padding: 10px 0 20px 0;	
	float: left;
	clear: right;
}

.bodycolumnleft {
	border: 0 solid blue;
	margin: 0 0 0 10px;	
	padding: 10px 0 0 0;
	width: 200px;
	float: left;
}

.lightboxcolumnleft {
	border: 0 solid blue;
	margin: 0 0 0 10px;	
	padding: 10px 0 20px 10px;	
	float: left;
}

.bodycolumnright {
	/*border-left: 1px solid #CDCDCD;*/
	border: 0 solid cyan;
	width: 500px;
	margin: 0 0 0 10px;	
	padding: 10px 0 20px 10px;
	float: left;
	clear: right;
}

.brandbodycolumnleft {
	border: 0 solid blue;
	/*border-right: 1px solid #CDCDCD;*/
	margin: 0 0 0 10px;	
	
	padding: 20px 10px 20px 0;
	width: 225px;
	float: left;
}

.brandbodycolumnright {
	border: 0 solid orange;
	width: 60%;
	margin: 0 0 0 10px;	
	padding: 10px 0 20px 0;	
	float: left;	
}

.checkboxes {
	border: 0 solid red;
	float: left;
	margin-top: 0;
	margin-right: 6px; 
	margin-bottom: 0;
	margin-left: 0;
	line-height: 20px;
}

.checkboxesright {
	border: 0 solid red;
	float: left;
	margin-top: 0;
	margin-right: 0; 
	margin-bottom: 0;
	margin-left: 6px;
	padding: 0;
	line-height: 20px;
}

.contactphone {
	float: right;
	border: 0px solid blue;
	margin-right: 220px;
}

.contentheader {
	width: 750px;
	color: #666;
	border-bottom: 1px solid #CDCDCD;
	background: #FFF;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	float: left;
}

.contentheaderdouble {
	border-bottom: 1px solid #CDCDCD;
	width: 560px;
	margin: 0;	
	padding-top: 10px;
	paddint-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	left: 0;	
	float: left;
	clear: right;
}

/*-------for about page only---------------------*/
div#aboutUsContentheaderdouble{
	width:700px;
}

.contentheadersingle {
	border-bottom: 1px solid #CDCDCD;
	margin: 0;	
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 27px;
	width: 190px;
	float: left;
}

/* IE6 Only */
* html body .contentheadersingle {
	border-bottom: 1px solid #CDCDCD;
	margin: 0;	
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 32px;
	width: 190px;
	float: left;
}




.emailedlightboxheader {
	color: #666;
	line-height: 20px;
	border-bottom: 1px solid #CDCDCD;
	background: #FFF;
	padding: 20px;
	margin: 0;
	clear: both;

}

.formtitle {
	border: 0 solid red;
	font: 12px arial, helvetica, geneva, sans-serif;
	color: #333;
	line-height: 20px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	width: 420;
	font-weight: bold;
}

.formlabel {
	border: 0 solid cyan;
	width: 210px;
	text-align: right;
	padding-right: 10px;
	float: left;
	line-height: 24px;
}

.formfield {
	border: 0 solid magenta;
	width: 210px;
	float: left;
	line-height: 20px;
}


.formerror {
	color: #F00;
	position: relative;
}

.licenseanswer {
	color: #000;
	position: relative;
}


.licensequestion {
	color: #000000;
	font-weight: bold;
	position: relative;
}

.licenseerror {
	color: #F00;
	font-weight: bold;
	position: relative;
}

.flashcontent {
	position: relative;
	border: 0 solid red;
	background: #FFF;
	margin: 0;
	padding: 0;
	left: 0;
	width: 100%;
	clear: both;
	
}

#footer {
	color: #666;
	line-height: 20px;
	border-top: 1px dotted #CDCDCD;
	background: #FFF;
	padding: 20px;
	margin: 0;
	clear: both;
}

#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: underline;
	color: #666;
}

#footer a:hover {
	text-decoration: underline;
	color: #000;
}

.formheader {
	font: 12px arial, helvetica, geneva, sans-serif;
	font-weight: bold;
	line-height: 20px;
	color: #6E6E6E;
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 0;
}

.formheadnote {
	font: 12px arial, helvetica, geneva, sans-serif;
	line-height: 20px;
	color: #000;
}

.errortext {
	text-decoration: none;
	font-weight: bold;
	color: #F00;
}

.ftgresultscontainer {
	border: 0 solid #F2F2F2;
	width: 190px;
	height: 250px;
	margin: 10px;
	float: left;
}

.greentxt {
	text-decoration: none;
	font-weight: normal;
	color: #390;
}

.greentxt a:link, .greentxt a:visited, .greentxt a:active {
	text-decoration: underline;;
	color: #390;
}

.greentxt a:hover { 
	text-decoration: none;
	color: #000;
}

.imgresultscontainer {
	border: 0 solid #F2F2F2;
	width: 180px;
	height: 300px;
	margin: 5px;
	float: left;
	position: relative;
	text-wrap: normal;
	word-wrap: break-word;
}

.imgsrchspacer {
	border: 0 solid yellow;
	color: #A2A2A2;
	position: relative;
	left: 10px;
	width: 15px;
	float: left;
	clear: both;
}

.indexbodycolumn {
	border: 0 solid blue;
	margin-top: 10px;
	margin-left: 10px;
	width: 220px;
	float: left;
}

.indexbodycolumndouble {
	border: 0 solid red;
	width: 520px;
	margin-top: 5px;
	left: 0;
	float: left;
	clear: right;
}

.indexthumbs {
	background: #FFFFFF url('images/indexthumbsbg.gif') no-repeat;
	width: 214px;
	height: 129px;
	float: left;
	margin: 5px 10px 5px 10px;
}

div.indexbodycolumndouble img {
	border: 0;
	margin: 7px;
	float: left;	
}

.orderColDetail {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	background: #EFEFEF; 
	border:	1px outset #ffffff;
	padding: 3px;
	max-height: 20px;
	height: 20px;
	vertical-align: text-top;
}

.orderColAmount {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	background: #CCC; 
	text-align: right;
	border: 1px outset #ffffff;
	padding-left: 2px;
	padding-right: 2px
	max-height: 20px;
	height: 20px;
	max-width: 60px;
	vertical-align: text-top;
}

.orderColSpecial {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	background: #9c9; 
	border: 1px outset #ffffff;
	padding: 3px;
	max-height: 20px;
	height: 20px;
	vertical-align: text-top;
	}

.orderColbase {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	padding: 3px;
	vertical-align: text-top;
}

.orderColTotal {
	font: 9px verdana, helvetica, arial, geneva, sans-serif;
	background: #ffcccc; 
	padding: 3px;
	border: 1px outset #ffffff;	
	max-height: 20px;
	height: 20px;
	vertical-align: text-top;
}

.zoombodycolumn {
	width: 300px;
	border: 0 solid blue;
	margin: 0 0 0 10px;	
	padding: 10px 0 0 0;
	float: left;
	clear: none;
	position: relative;
}

.zoombodycolumndouble {
	border: 0px solid red;	
	margin: 10px;	
	padding: 10px 0 0 0;
	position: relative;
	float: left;
	color: #333;
}

.zoombodycolumnftg {
	border: 0 solid purple;
	margin: 0 0 0 10px;	
	padding: 10px 0 0 0;
	/*width: 540px;*/
	float: left;
}

.zoombodycolumndoubleftg {
	border: 0 solid green;
	width: 390px;
	margin: 0 0 0 10px;	
	padding: 10px 0 0 0;
	left: 0;
	float: left;
	clear: right;
}

.zoompriceBoxHolder {
	position: relative; border: 1px outset silver; margin: 0px; padding: 0px; font: 10px; background: #eeeeee; 
}

.zoompriceBoxHdr {
	color: white; padding: 10px; font: 10px; background: #636467; border-bottom: 1px outset #cfcfcf;
}

.zoompriceBoxBody {
	overflow: show; margin: 0px; padding: 10px; color:#333333; background: #fff;
}





.latestnews {
	border: 1px solid #DFDFDF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 4px;	
	color: #333;
	clear: both;
}

.lbnew {
	border: 0 solid green;
	padding-top: 8px;	
	padding-right: 4px;
	float: right;
	clear: both;
}

.lbnew a:link, .lbnew a:visited, .lbnew a:active {
	text-decoration: underline;
	font-weight: normal;
	color: #CCC;
}

.lbnew a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #FFF;
}

.lbaction {
	border: 0 solid green;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 0;	
	float: right;
	clear: both;
	width: 100%;
	text-align: right;
}

.lbicons {
	border-bottom: 0 solid #CCC;
	border: 0 solid green;
	background: #FBFBFB;
	padding-right: 4px;
	margin: 0;	
	float: right;
	text-align: right;
}

#lbcontainer {
	width: 100%;
	height: 100%;
	max-height: 100%;
	border: 0 solid red;
	background: #E1E1E1;	
	margin: 0;
	padding: 0;
}

.lbcontent {
	font: 10px Verdana, Helvetica, Arial, Geneva, sans-serif;
	border: 0;
}

.lbcontent a:link, .lbcontents a:visited, .lbcontents a:active {
	text-decoration: none;
	color: #390;
}

.lbcontent a:hover {
	text-decoration: underline;
	color: #000;
}

.lbheader {	
	border: 0 solid purple;
	background: #303030;
	padding: 0;	
}

#lboutercontainer {
	border: 0 solid cyan;
	width: 100%;
	height: 100%;
	max-height: 100%;
	background: #E1E1E1;
	padding: 0;
	float: right;
}

.lbarrow {
	border: 0 solid magenta;
	float: left;
	width: 29px
}

.lbminmax{
	width: 17px;
	height: 19px;	
	border: 0 solid blue;
	background: FBFBFB;
	margin: 0;
	float: left;
	position: relative;
}

.lbinput{
	border: 0 solid red;
	margin: 0;
	float: left;
}

.lbtitle {	
	border: 0 solid cyan;
	font: 10px Verdana, Helvetica, Arial, Geneva, sans-serif;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	background: #FBFBFB;
	padding-bottom: 10px;
	color: #666;
	float: left;
	width: 171px;
	clear: right;
}

.lbtitle a:link, .lbtitle a:visited, .lbtitle a:active {
	border: 0 solid cyan;
	text-decoration: none;
	color: #666;
	float: left;
}

.lbtitle a:hover {
	border: 0 solid cyan;
	text-decoration: underline;
	color: #000;
	float: left;
}

.lbsubheader {	
	width: 100%;
	font: 10px Verdana, Helvetica, Arial, Geneva, sans-serif;
	border-bottom: 1px solid #CCC;
	background: #FBFBFB;
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
	color: #666;
}

.lbsubheader a:link, .lbsubheader a:visited, .lbsubheader a:active {
	text-decoration: none;
	color: #666;
}

.lbsubheader a:hover {
	text-decoration: underline;
	color: #000;
}


#leftcontent {
	border: 0 solid orange;
	float: left;
	width: auto;
}

.leftfloat {
	border: 0 solid orange;
	margin: 0 10px 0 0;
	float: left;
}

.sitecomments {
	color: #CCC;
	position: relative;
	top: 22px;
	left: 170px;
	border: 0 solid orange;
	margin: 0 10px 0 0;
	float: left;
}

.sitecomments a:link, .sitecomments a:visited, .sitecomments a:active {
	text-decoration: none;
	font-weight: normal;
	color: #CCC;
}

.sitecomments a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #FFF;
}

.rightfloat {
	border: 0 solid orange;
	margin: 0 10px 0 0;
	float: right;	
}

.maxheightcontainer {
	border-bottom: 0 solid cyan;
	width: 100%;
	height: 100%; 
	padding: 0; 
	margin: 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

.leftfluid {
	border: 0 solid cyan;
	 height: 100%; 
	padding: 0; 
	margin: 0; 
	overflow: auto; overflow-y: auto; overflow-x: hidden; 
}

.rightfixed {
	width: 250px;
	border-left: 0 solid #5a595a;
	background-color: #E1E1E1;
	float: right;
	height: 100%; 
	max-height: 100%; 
	padding: 0; 
	margin: 0; 
	overflow: auto; overflow-y: auto; overflow-x: hidden;
}

.showhidebtn {
	border: 0 solid blue;
	float: right;
	height: 100%; 
	max-height: 100%; 
	padding: 0; 
	margin: 0; 
	overflow: hidden; overflow-y: hidden; overflow-x: hidden;
}

#navcontainer {
	width: 100%;
	border: 0 solid cyan;
	background: #595858;
	margin: 0;
	padding: 0;
}

#officedetailscontainer_america {
	border: 0 solid magenta;
	margin: 0;
	float: left;
}

#officedetailscontainer_europe {
	border: 0 solid #000;
	width: 100%;
	margin: 0;
	float: left;
}

#officedetailscontainer_apac {
	border: 0 solid #000;
	width: 100%;
	margin: 0;
	float: left;
}

#officedetailscontainer_asia {
	border: 0 solid #000;
	width: 100%;
	margin: 0;
	float: left;
}

.officeregioncontainer {
	border: 0 solid orange;
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
}

.officedetailscontainer {
	border: 0 solid red;
	width: 180px;
	height: 170px;
	padding: 0;
	margin: 0;
	float: left;
}

.pressrel {
	border-top: 1px solid #CCC;	
	padding: 10px;
}

.prnnumber {
	font: 10px arial, helvetica, geneva, sans-serif;
	font-weight: bold;
	line-height: 20px;
	color: #333;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

.regionselect {
	color: #9f9f9f;
	border: 0 solid red;
	text-align: right;
	margin: 0;	
	padding-right: 5px;
	padding-top: 10px;
	float: right;	
}

.signinhandler {
	color: #CCC;
	border: 0 solid cyan;
	text-align: right;
	margin: 0;	
	padding-top: 5px;
	padding-right: 5px;
	float: right;	
}

.signinhandler a:link, .signinhandler a:visited, .signinhandler a:active {
	text-decoration: none;
	font-weight: bold;
	color: #CCC;
}

.signinhandler a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #FFF;
}

small {
	font: 9px Verdana, Helvetica, Arial, Geneva, sans-serif;
	color : #000;
	text-decoration : none;
}

.submissionimages {
	border: 0 solid yellow;
	margin: 0;	
	padding-top: 5px;	
	float: left;
	clear: right;
}

.submissionimagesresultscontainer {
	border: 0 solid #F2F2F2;
	width: 180px;
	height: 180px;
	margin: 5px;
	float: left;
	position: relative;
	text-wrap: normal;
	word-wrap: break-word;
}

#rightcontent {	
	float: right;
	border: 0 solid blue;	
}

.rightfloat {
	border: 0 solid orange;
	margin: 0 10px 0 0;
	float: right;	
}

.rightfloatimg {
	border: 0 solid orange;
	margin: 10px;
	float: right;	
}

#rmrfselect {
	border: 0 solid orange;
	position: relative;
	height: 50px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	margin: 0;
	float: left;
}

.optionsbutton {
	width: 100px;
	border: 0 solid yellow;
	position: relative;	
	padding: 0;
	margin: 0;
	float: left;
	cursor: pointer;
}

.searchwithin {
	border: 0 solid blue;
	position: relative;	
	color: #FFF;
	background: #595858;
	padding: 2px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;	
	float: left;
}

.searchassistant {
	border: 0 solid magenta;		
	color: #FFF;
	background: #595858;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;	
}

#ftgoptions {
	border: 0 solid orange;
	position: relative;
	height: 50px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	float: left;
}

.scrollboxes {
	border: 0 solid purple;
	float: left;
	margin-top: 0; 
	margin-right: 15px; 
	margin-bottom: 0;
	margin-left: 0;
	width: 160px;
	line-height: 20px;
}

#separator {
	border : 1px inset;	
	padding: 0;
	height: 65px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	float: left;
}

#srchboxftgstd {
	border: 0 solid purple;
	position: relative;	
	height: 50px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 5px;
	margin: 0;	
	float: left;	
}

#srchboximgstd {
	border: 0 solid purple;
	position: relative;	
	height: 50px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	margin: 0;	
	float: left;	
}

#srchcontainerimgadv {
	border: 0 solid cyan;	
	background: #CCC;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	clear: left;
}

#srchcontainerftgadv {
	border: 0px solid cyan;
	background: #CCC;
	margin: 0;
	padding: 0;
	height: 65px;
	overflow : hidden;
	visibility: show;
}

#srchcontainerstd {
	width: 100%;
	border: 0 solid red;
	background: #CCC;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin: 0;
	overflow : hidden;
	clear: both;
	height: auto;
}

#srchcontainerstd a:link, #stdsrchcontainer a:visited, #stdsrchcontainer a:active {
	text-decoration: underline;
	color: #390;
}

#srchcontainerstd a:hover {
	text-decoration: underline;
	color: #000;
}

.srchheader {
	border: 0 solid red;
	color: #666;
	line-height: 20px;
	height: 20px;
	background: #FFF;
	padding: 10px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	clear: both;
}

#srchimg {	
	border: 0 solid blue;	
	background: #CCC;
	margin: 0;
	padding: 0;
	overflow : visible;
	float: left;
}

#srchftg {	
	border: 0 solid blue;	
	background: #CCC;
	margin: 0;
	padding: 0;
	float: left;
}

.srchselector {
	border: 0 solid magenta;
	width: 155px;
	height: 50px;
	background: #CCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;	
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	overflow : visible;
	position: relative;
	float: left;
}

.srchspacer {
	border: 0 solid green;
	width: 165px;
	height: 50px;
	background: #CCC;
	margin: 0;	
	padding: 0;
	float: left;
}

.stdsignin {
	border: 1px dotted #8f8f8f;
	background: #EEE;
	margin: 0;
	padding: 15px;
	color: #9F9F9F;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.unbold {
	font-weight: normal;
}

.zoombody{
	
	overflow:auto;
	
}

.zoompricing {
	border: 1px dotted #8f8f8f;
	background: #EEE;
	margin: 0 0 0 10px;	
	padding: 15px;
	color: #333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	width: 600px;
	position: inherit;
}

.zoombodycolumnleft {
	border-right: 1px solid #CDCDCD;	
	margin: 0 0 0 10px;	
	padding: 10px 10px 20px 10px;
	width: 310px;
	float: left;
}

.zoombodycolumnright {
	border: 0 solid cyan;
	width: 400px;
	margin: 0 0 0 10px;	
	padding: 10px 0 20px 20px;	
	float: left;
	clear: right;
}

.zoomicon { 
	position: relative; 
	top: 0px; 
	z-index: 20; 
}

.img { 
	position: relative; 
	top: -19px; 
	z-index: 0; 
}

#navlist {
	padding: 0;
	margin-left: 5px;
	border: 0;
}

#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #595858;
	border-bottom: none;
	background: #595858;
	text-decoration: none;
}

#navlist li a:link { 
	color: white;
}

#navlist li a:visited { 
	color: white; 
}

#navlist li a:hover {
	color: #000;
	background: #efefef;
	border-color: #595858;
}

#navlist li a#current {
	color: #000;
	background: white;
	border-bottom: 1px solid #595858;
}



/*--------------------------------css for the Promo page Slider---------------------------------*/
#fW_Content {
	top:0px;
	left:0;
	MARGIN: 0;
	WIDTH: 750px;
	HEIGHT: 250px;
	z-index:1;
}
#fW_Content IMG {
	WIDTH: 750px; HEIGHT: 250px;
}
#fW_Controls {
	margin:0;
	HEIGHT: 20px;
	position:absolute;
	bottom:10px;
    right:10px;
	z-index:999;
    bottom:10px;
}
#fW_Controls A {
	FONT-WEIGHT:normal; FONT-SIZE: 12px; BACKGROUND: url(/images/promo/off.gif) no-repeat; WIDTH: 20px; COLOR: white; PADDING-TOP: 2px; HEIGHT: 20px; text-align:center; float:left; margin-left:1px;
	text-decoration:none;
}
#fW_Controls A.activeSlide {
	 BACKGROUND: url(/images/promo/on.gif) no-repeat;
}
#fW_Controls A:hover {
	 BACKGROUND: url(/images/promo/off.gif) no-repeat;
}

#sliderContent{
    position:relative;
	width:750px;
	height:250px;
	margin:0 0 0 0;

}





/*---------------------------------style the clip page show case----------------------------------*/
div#clipShowCaseBox{
	width:168px;
	height:144px;
	border:0px solid red;
	overflow:hidden;

}

div#footageLeftColumnTab{
	padding-left:18px;
}

div#clipPreviewContainer{
	width:200px;
}

#Clipcontainer { position: relative; }
#id-for-flash, #alternative-content { position: absolute; top: 0; left: 0;}
#Clipcontainer, #id-for-flash, #alternative-content { height: X; width: Y;}
#html-overlay{ z-index: 2; }


/*------------------------------------------  css for the Color Search  --------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/


div#fauxPanel{
	width: 345px; height: 178px; float: left; position : relative; left: 10px; display : block; 
	background: url(/images/fauxColorSearchDisplay.gif) no-repeat; z-index:200;
	cursor: pointer;
}

div#colorSelectionDiv{
	width: 345px; height: 178px; float: left; position : relative; left: 10px; display : none; margin:0px 0px;
}
div#colorSearchInfo{
	clear:both; display:block; float:left; width:150;height:16px;position:absolute;
}

div#colorSelectionDiv a{
	position:absolute; margin-top:4px; display:block; font-size:10px; right:70px; bottom:5px; text-decoration:underline; color:#007899;
}
div#colorSelectionDiv img#colorReset2, div#colorSelectionDiv img#colorReset3{
	position:absolute;display:none;
}

#loader{
	display:none;
	position:absolute;
	right:10px;
	top:16px;
	z-index:200;
}
tr.suggestion{
	padding:2px 4px;
	cursor: pointer;
	width: 465px;
	border: 1px dashed;
 
}
tr.suggestion:hover{
	background: #cccccc;
}


/*-----------------------------------------css for the promotion page Giveaways-------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

div#promoListContainer {
	width:790px;
	border:0px solid red;
	float:left;
	margin-bottom:20px;
}

div#plGiveAways{
	
	width:200px;
	height:380px;
	border:1px dotted #8F8F8F;
	float:left;
	clear:right;
	margin-top:15px;
	background-color:#EEEEEE;
	
}

div#plGiveAways h2{
	background-image:none;
	border-bottom:1px dotted #8F8F8F;
	text-align:center;
	font-size:14px;
	padding:7px 0 5px 0;
	background-color:#FFF;
}

div#plGiveAways h3{
	    font-size:13px;
		margin-left:20px;
		margin-top:10px;
		margin-bottom:5px;
}

div#plGiveAways ul{
		margin-left:20px;
		font:normal 11px verdana;
		color:#626262;
}