/* Structure Module */
body,html {margin:0;padding:0;}

/*Text Module */
abbr,acronym,address,blockquote,br,cite,code,dfn,div,em,h1,h2,h3,h4,h5,h6,kbd,p,pre,q,samp,span,strong,var{font-style:normal;font-weight:normal;text-decoration:none;}
blockquote,code,div,h1,h2,h3,h4,h5,h6,p,span,pre,hr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
b,i,em,strong,del,ins,u{font-weight:normal;font-style:normal;text-decoration:none;}

/* Hypertext Module */
a{text-decoration:none;}

/* List Module */
dl,dt,dd,ol,ul,li{margin:0;padding:0;list-style:none;}
dl,dt,dd,ol,ul,li{padding:0;margin:0;}
/* Forms Module */
button,fieldset,form,input,label,legend,select,optgroup,option,textarea{margin:0;padding:0;}
fieldset{border:0;}

/* Basic Tables Module */
caption,table,td,th,tr{margin:0;padding:0;font-weight:normal;text-align:left;}
table{border-collapse:collapse;border-spacing:0;}

/* Image Module */
img{border:0;}

/* Object Module */
object,param{}

/* Presentation module */
b,big,hr,i,small,sub,sup,tt{font-size:100%;}
q:before,q:after{content:'';}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

/* Scripting module */
noscript{}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

body {
	font-family: Arial, Verdana;
}

.hidden {
	display: none;
}

div#video {
	margin-bottom: 20px;
}

p.video_link {
	font-size: 12px;
	display: block;
	line-height: 13px;
	margin-top: 8px;
}

p.video_link a {
	padding: 1px 3px 1px 3px;
}

p.video_link a:link {
	background-color: #e31837;
	text-decoration: none;
	color: #fff;
}
p.video_link a:visited {
	background-color: #e31837;
	text-decoration: none;
	color: #fff;
}
p.video_link a:hover {
	background-color: #e31837;
	text-decoration: underline;
	color: #fff;
}
p.video_link a:active {
	background-color: #e31837;
	text-decoration: none;
	color: #fff;
}


div#close {
	width: 16px;
	height: 16px;
	float: right;
	margin-right: 6px;
	margin-top: 8px;
	cursor: pointer;
}

div#content {
	padding: 30px 0px 0px 30px;
	margin: 0px;
	height: 380px;
	overflow: hidden;
}

div#content div#left_col {
	width: 322px;
	float: left;
}

div#content div#right_col {
	width: 445px;
	float: left;
}

div#content div#right_col div.product_details {
	overflow: hidden;
	height: 354px;
	margin-top: 0px;
}

div.product_details a:link {
	color: #666;
	text-decoration: underline;
}
div.product_details a:visited {
	color: #666;
	text-decoration: underline;
}
div.product_details a:hover {
	color: #e31837;
	text-decoration: underline;
}
div.product_details a:active {
	color: #666;
	text-decoration: underline;
}


p.title {
	font-size: 13px;
	line-height: 14px;
	background-color: #e31837;
	color: #fff;
	margin-bottom: 20px;
	padding: 5px 4px 5px 4px;
	text-transform: uppercase;
}

p.title_title {
	font-size: 13px;
	line-height: 14px;
	background-color: #e31837;
	color: #fff;
	margin-bottom: 20px;
	padding: 5px 4px 5px 4px;
	text-transform: uppercase;
}


p.description {
	font-size: 12px;
	margin: 0px 0px 25px 0px;
}

div.subsection {
	margin-top: 0px;
	clear: both;
	margin-bottom: 20px;
}

div.color_boxes {
	float: left;
	width: 16px;
	height: 16px;
	margin: 6px 0px 0px 8px;
	display: inline;
	border: 1px solid #666;
}

div.subsection img {
	float: left;
	margin: 8px 8px 24px 0px
}


div.subsection p {
	margin-top: 6px;
	margin-left: 8px;
	font-size: 12px;
}

div.subsection p.title {
	font-size: 12px;
	color: #666666;
	background: #fff;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-transform: none;
}

div#products_related {
	clear: both;
	padding: 0px 30px 0px 30px;
	margin-top: 30px;
}

div#products_related p {
	font-size: 12px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

div#products_related div.product_strip {
	height: 120px;
	width: 100%;
	padding: 0;
	_overflow: hidden;
}

div#products_related div.product_strip div {
	float: left;
	width: 164px;
}

div#products_related div.product_strip div img {
	display: none;
}

/* gallery styles */
/*preload classes*/ 
.svw {width: 320px; height: 240px; background: #fff;} 
.svw ul {display: none; position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 1px solid #eaeaea;
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left;
}

.stripViewer ul li img {
	cursor: pointer;
}

.stripTransmitter { 
overflow: auto; 
width: 1%;
background: #eaeaea;
border: 1px solid #eaeaea;
margin-bottom: 20px;
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
float: right;
} 
.stripTransmitter ul li { 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a { 
font: bold 1px Verdana, Arial; 
display: block;
background: url(../img/layout/photo_gallery_off.gif) no-repeat 0px 0px;
outline: none;
line-height: 16;
width: 10px;
} 
.stripTransmitter a:hover, a.current{ 
background: url(../img/layout/photo_gallery_on.gif) no-repeat 0px 0px;
outline: none;
} 

img.ldrgif {
	margin-top: 70px;
}

div.loading {
	width: 320px;
	height: 240px;
}

/* scrollpane */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/* horizontal pane */

.jSkrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jSkrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #aaa;
}

.jSkrollIntervalTrack { 
	position: absolute;

}

.jSkrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jSkrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.jSkrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
a.jSkrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	width: 10px;
}
a.jSkrollArrowLeft:hover {
	/*background-color: #f60;*/
}

a.jSkrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	width: 10px;
}
a.jSkrollArrowRight:hover {
	/*background-color: #f60;*/
}
a.jSkrollActiveArrowButton, a.jSkrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}