@charset "iso-8859-1";

/*------------------------------*/
/*	layout						*/
/*------------------------------*/
#mainwrap
{
	margin		: 20px 0 0;
	background	: url(../../accessories/img/index_10/bg.gif) repeat-y left top;
/*	font-size	: 12px;	*/
	text-align	: center;
}
/*
#topwrap
{
	margin		: 0 auto;
	width		: 967px;
	background	: url(../../accessories/img/index_10/bg.gif) repeat-y left top;
	text-align	: left;
}

#secondwrap
{
	width		: 967px;
	background	: url(../../accessories/img/index_10/bg.gif) repeat-y left top;
	text-align	: left;
}
*/
#leftCol
{
	width	: 180px;
	float	: left;
}

#rightCol
{
	width		: 767px;
	font-size	: 12px;
	float		: right;
}
/*
#rightColSecond
{
	width		: 767px;
	font-size	: 12px;
	float		: right;
}

h1,h2,h3,h4
{
	margin		: 0;
	padding		: 0;
	font-size	: 1em;
	line-height	: 1em;
	clear		: both;
}

ul,li,dl,dt,dd
{
	margin		: 0;
	padding		: 0;
	line-height	: 1em;
	list-style	: none;
}
*/
img
{
	border			: none;
	vertical-align	: text-bottom;
}
/*
li img,dt img,dd img
{
	vertical-align	: text-bottom;
}
*/
.left
{
	margin	: 0 10px 0 0;
	float	: left;
}

.right
{
	margin	: 0 0 0 10px;
	float	: right;
}

.clear
{
	clear	: both;
}


/*------------------------------*/
/*	leftCol						*/
/*------------------------------*/
#leftCol h1
{
	margin	: 0 0 5px;
}

/*	Accessories.pane	*/
.pane
{

}

.pane dt
{
	margin	: 0 0 5px;
}

.pane .sub_pane
{
	margin		: 0 0 10px;
	padding		: 5px 10px;
	background	: #CCC;
	color		: #797979;
	display		: none;
}

.pane .sub_pane_on
{
	margin		: 0 0 10px;
	padding		: 5px 10px;
	background	: #CCC;
	color		: #797979;
}

.pane .sub_pane li,
.pane .sub_pane_on li
{
	line-height	: 1.3em;
}

.pane .sub_pane h2,
.pane .sub_pane_on h2
{
	margin			: 4px 0 2px;
	color			: #000;
	line-height		: 1.3em;
	text-decoration	: underline;
}

.pane .sub_pane a:hover,
.pane .sub_pane_on a:hover
{
	color	: #0099FF;
}

.folder
{
	cursor	: pointer;
}

.folder a:hover
{
	color	: #00FFFF;
}

/*
.sub_pane_on  { 
width: auto; 
}
.sub_pane_on a:hover{ 
color: #0099FF; 
}

*/

#leftCol .note
{
	padding	: 30px 20px 0;
}

#leftCol .note p
{
	margin	: 0 0 15px;
}

#leftCol .note .detail
{
	margin		: 10px 0 0;
	padding		: 0 0 0 13px;
	background	: url(/common-new/img/common/arrow-cir-right-blue-gray.gif) no-repeat 0 3px;
	float		: left;
}

#leftCol .note span
{
	font-size	: 0.8em;
	line-height	: 1.2em;
}


/*------------------------------*/
/*	rightCol					*/
/*------------------------------*/
.detail
{
	margin		: 10px 0 0;
	padding		: 0 0 0 13px;
	background	: url(/common-new/img/common/arrow-cir-right-blue-fff.gif) no-repeat 0 3px;
	float		: right;
}

/* h2,h3 */
#topwrap h2
{
	margin	: 0 1px;
	width	: 765px;
}

#topwrap h2 img
{
	margin	: 20px 0 5px;
}

#topwrap h3
{
	margin		: 0 1px;
	width		: 765px;
	background	: #000;
}

#topwrap h3 img
{
	margin	: 2px 5px 0;
}
/* /h2,h3 */

/* .view */
#topwrap ul.view
{
	margin	: 0 1px 10px;
	width	: 765px;
}

.view li
{
	border-top	: 1px solid #000;
	border-left	: 1px solid #000;
	float		: left;
}

.view li.break
{
	border-right	: 1px solid #000;
}

.view li.delimit
{
	border-bottom	: 1px solid #000;
}

.view li.end
{
	border-right	: 1px solid #000;
	border-bottom	: 1px solid #000;
}
/* /.view */


/*------------------------------*/
/*	rightCol productpage		*/
/*------------------------------*/
#secondwrap #rightCol .size10
{
	font-size	: 0.8em;
}


/*------------------------------*/
/*	rightCol accessory			*/
/*------------------------------*/
#rightCol .accessory a,
#rightCol .accessory a:visited,
#rightCol .accessory a:hover
{
	color	: #3B77BF;
}

/* link */
.accessory .link
{
	margin	: 0 0 20px;
}

.link li
{
	margin			: 0 10px 0 0;
	padding			: 0 0 0 13px;
	background		: url(/common-new/img/common/arrow-cir-right-blue-fff.gif) no-repeat 0 3px;
	vertical-align	: text-top;
	float			: left;
}

.link li img
{
	margin			: 0 0 0 5px;
	vertical-align	: text-top;
}
/* /link */

/* h3,h4 */
.accessory h3
{
	margin		: 0 0 10px;
	background	: #999;
}

.accessory h3 img
{
	margin	: 0 15px;
}

.accessory h4
{
	margin		: 0 0 10px;
	width		: 185px;
	background	: #000;
}

.accessory h4 img
{
	margin	: 0 0 0 10px;
}
/* /h3,h4 */

/* table */
.tableAccessory
{
	margin			: 0 0 5px;
	width			: 100%;
	background		: #FFF;
	border-right	: 1px solid #CCC;
	border-bottom	: 1px solid #CCC;
	font-size		: 0.8em;
	text-align		: center;
}

.tableAccessory th
{
	padding		: 4px;
	border-top	: 1px solid #CCC;
	border-left	: 1px solid #CCC;
}

.tableAccessory th.section
{
	background	: #EEE;
}

.tableAccessory td
{
	padding		: 4px;
	border-top	: 1px solid #CCC;
	border-left	: 1px solid #CCC;
}
/* /table */

/* cont */
.accessory .leftCont
{
	margin	: 0 13px 0 0;
	width	: 230px;
	float	: left;
}

.accessory .leftContWide
{
	margin	: 0 13px 0 0;
	width	: 280px;
	float	: left;
}

.accessory .breakCont
{
	width	: 230px;
	float	: left;
}
/* /cont */

/* note */
.accessory .note
{
	width		: 100px;
	border		: 1px dotted #999;
	font-size	: 0.9em;
}

.accessory .note p
{
	margin	: 4px 8px;
}
/* /note */

/* detailBox */
.accessory .leftCont .detailBox,
.accessory .leftContWide .detailBox,
.accessory .breakCont .detailBox
{
	margin	: 0 0 15px;
	width	: 110px;
	border	: 1px dotted #AAA;
}

.accessory .leftCont .detailBox p,
.accessory .leftContWide .detailBox p,
.accessory .breakCont .detailBox p
{
	margin	: 10px;
}
/* /detailBox */

/* PowerBattery */
.accessory .accessoryPowerBattery
{
	margin	: 0 0 20px;
}

.accessoryPowerBattery .rightCont
{
	width	: 524px;
	float	: right;
}
/* /PowerBattery */

/* Filming */
.accessory .accessoryFilming
{
	margin	: 0 0 20px;
}
/* /Filming */

/* Archiving */
.accessory .accessoryArchiving
{
	margin	: 0 0 20px;
}
/* /Archiving */

/* DataTransfer */
.accessory .accessoryDataTransfer
{
	margin	: 0 0 20px;
}
/* /DataTransfer */

/* leftCont,breakCont,clearCont */
.accessory .leftCont
{
	margin	: 0 13px 0 0;
	width	: 230px;
	float	: left;
}

.accessory .leftContWide
{
	margin	: 0 13px 0 0;
	width	: 280px;
	float	: left;
}

.accessory .breakCont
{
	width	: 230px;
	float	: right;
}

.accessory .clearCont
{
	clear	: both;
}
/* /leftCont,breakCont,clearCont */



/*------------------------------*/
/*	accessories_new				*/
/*------------------------------*/
.link
{
	margin	: 0 0 20px;
}

.link li
{
	background		: url(/common-new/img/common/arrow-cir-right-blue-fff.gif) no-repeat 0 3px;
	float			: left;
	margin			: 0 10px 0 0;
	padding			: 0 0 0 13px;
	vertical-align	: text-top;
}

.link li img
{
	margin			: 0 0 0 5px;
	vertical-align	: text-top;
}

.accewrap h3
{
	background	: #999;
	height		: 25px;
	margin		: 0 0 10px;
	padding		: 0 10px;
}

.accewrap dl
{
	margin	: 0 0 15px;
}

.accewrap dt,
.accewrap dd
{
	float		: left;
	line-height	: 1.4;
	width		: 185px;
}

.accewrap dt
{
	background	: #000;
	float		: none;
	margin		: 0 0 10px;
}

.accewrap dt img
{
	margin	: 0 0 0 10px;
}

.accewrap dd img
{
	float	: right;
}

.MemoryCard dd
{
	margin	: 0 20px 0 0;
	width	: 210px;
}


/*------------------------------*/
/*	clearfix					*/
/*------------------------------*/
/* modern */
#mainwrap:after,
#topwrap:after,
#secondwrap:after,
#rightCol:after,
#rightCol .view:after,

.link:after,
.accewrap dl:after,
.accewrap dd:after,

.leftCont:after,
.accessoryPowerBattery:after,
.accessoryFilming:after,
.accessoryArchiving:after,
.accessoryDataTransfer:after,

.clearfix:after
{
	content	: '';
	display : block;
	clear	: both;
	height	: 0;
}

/* IE */
#mainwrap,
#topwrap,
#secondwrap,
#rightCol,
#rightCol .view,

.link,
.accewrap dl,
.accewrap dd,

.leftCont,
.accessoryPowerBattery,
.accessoryFilming,
.accessoryArchiving,
.accessoryDataTransfer,

.clearfix
{
	/zoom	: 1;
}