/* 
Sea Sea Pro
Product Support Specific Styles


Created By 
Rob Wright
www.boost-creative.co.uk
--------------------------------------------------------
	
	Navigation
	Main Content
		FAQ
		Product Support
	Secondary Content
*/

#frame {
	background: #FFF url(../images/layout/backgrounds/support_header_background.jpg) no-repeat 0px 0px;
}
/*
Navigation
--------------------------------------------------------
*/

#navigation p {
	height:35px;
	position:absolute;
	bottom:34px;
	right:10px;
	text-align:right;
	color: #FFF;
	padding:0px;
	margin:0px;
	font-size:1.1em;
}

#navigation p strong{ 
	text-transform:uppercase;
	color:#C1C1C2;
	margin-right:5px;
	font-size:0.7em;
	font-weight:normal;
}


/*
Main Content
--------------------------------------------------------
*/

#frame #content #main_content { /*Overide Core Style*/
	border-bottom:none;
}

#frame #content #support_title {
	border:none;
	/*font-size:1.3em;
	color:#FFF;
	background:#00A4E3;
	padding:5px 3px 5px 10px;
	margin-top:20px;*/
}

#frame #content #faq_title {	
	padding-left:28px;
	background:url(../images/layout/faq_icon_large.jpg) no-repeat 0px 6px;
}

#frame #content .article{	text-transform:none; }

.category {
	color:#999999;
	font-size:1.4em;
	margin:30px 20px 0px;
	clear:both;
	text-transform:none;
	padding:0px 0px 0px 25px;
	background: url(../images/layout/support_icon_small.jpg) no-repeat 0px 2px;
}

#frame #content #date {
	font-size:0.9em;
	text-transform:uppercase;
	margin:15px 0px -10px;
	color: #999999;
}

/* Main Content > FAQ */

#frame #content #faq_list, #frame #content #support_list {
	color:#999999;
	margin:20px 40px;
	padding:0px;
	font-size:1.4em;
}

#frame #content #support_list {
	margin-left:46px;
	list-style:none;
}

#frame #content #faq_list a, #frame #content #support_list a{ display:block; }

#frame #content #support_list a strong{	
	font-size:0.6em;	
	color: #B6B7B7; 
}

#frame #content #faq_list a span, #frame #content #support_list a span{	
	display:block;  
	font-size:0.8em; 
	margin-top:3px; 
	color: #999999;
}

#frame #content #faq_list li, #frame #content #support_list li{	margin-bottom:20px;}

/* Main Content > Product Support */

#frame #content #support_form {
	position:relative;
	margin:15px 15px 0px;
	border-top:5px solid #f7f7f7;
}

#frame #content #product_select {
	position: absolute;
	width:380px;
	right:-10px;
	top:0px;
}

#frame #content #product_select label {	font-size:0.8em;}

#frame #content #product_select  select {
	display:block;
	margin-top:10px;
	color:#666666;
	border:1px solid #CFCFCF;
	background:#FDFDFB;
	font-size:1.0em;	
	width:370px;
	padding:4px 4px;
}

/*
Secondary Content
--------------------------------------------------------
*/
#frame #content  #secondary_content {/*Overide Core Style*/	margin-top:30px; border-left:none; }

#frame #content  #secondary_content h2 ,#frame #content  #secondary_content h3{
	font-size:1.2em;
	color: #E2E2E2;
	background:#393939;
	padding:5px 0px 5px 10px;
	border:none;
	width:280px;	
	margin-left:20px;
	margin-top:0px;
	text-align:left;
}

#frame #content  #secondary_content h2 a ,#frame #content  #secondary_content h3 a{	color: #E2E2E2; }
#frame #content  #secondary_content h2 a:hover ,#frame #content  #secondary_content h3 a:hover{
	color: #9EE1FE;
}

#frame #content  #secondary_content h3{	background:#676767; }

#frame #content  #secondary_content p {	margin:10px 30px ; }

#popular_articles, #faq_articles {
	margin:25px 30px 0px;
	padding:0px;
	list-style:none;
	border-bottom:1px dashed #c6c6c6;
}

#faq_articles {	border-bottom:none; }

#popular_articles li, #faq_articles li{	margin-bottom:17px;  }


#popular_articles a, #faq_articles  a{
	display:block;
	font-size:1.4em;
	color:#3F3F3F;
	padding:0px 0px 0px 25px;
	background: url(../images/layout/support_icon_small.jpg) no-repeat 0px 2px;
}

#faq_articles  a{ font-size:1.1em;	background: url(../images/layout/faq_icon.jpg) no-repeat 0px 1px; padding-bottom:3px; }

#popular_articles a:hover , #faq_articles  a:hover{	color:#0397d6; }

#popular_articles a strong {
	font-size:0.6em;
	color: #B6B7B7;
}

#popular_articles a span,  #faq_articles a span{
	display:block;
	font-size:0.6em;
	color: #999999  ;
	padding-bottom:3px;
	margin:3px 10px 0px 0px;
	text-transform:uppercase;
	border-bottom:1px solid  #EFEFEF;
}	

#faq_articles a span{
	font-size:0.7em;
	display:inline;
}

/*Secondary Content -------*/

#image {
	width:264px;
	padding:4px 0px;
	background:url(../images/layout/product_image_top.jpg) no-repeat;
	margin:20px auto ;	
	text-align:center;


}

#frame #content  #secondary_content #image p{
	padding: 11px 4px;
	margin:0px auto;
	width:256px;
	background:url(../images/layout/product_image_bottom.jpg) bottom no-repeat;
}