/* Style of the small image link */
.MagicZoomPlus, .MagicZoomPlus:hover {
cursor: url(/images/design/mzp/zoomin.cur), pointer;
outline: 0 !important;
}

/* Style of the small image */
.MagicZoomPlus img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
outline: 0 !important;
}

/* Style of the span inside the small image link */
.MagicZoomPlus span {
display: none !important; 
}

/* Style of hint box */
.MagicZoomPlusHint {
background: url(/images/design/mzp/hint.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 20px !important;
min-height: 24px;
margin: 0;
text-decoration: none;
text-align: left;
line-height: 24px;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}

/* Style to hide external title or caption on a page. Only needed for #id method */
.MagicZoomPlus-ExternalText {
display: none;
}


/* Style of the zoomed image */
.MagicZoomBigImageCont {
border: 1px solid #999;
}

/* Style of text on the zoomed image */
.MagicZoomHeader {
font-size: 10pt !important;
line-height: normal !important;
color: #fff;
background: #666;
text-align: center !important;
}

/* Style of square magnify area under the cursor */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor:url(/images/design/mzp/zoomin.cur),pointer;
}

/* Style of loading message and icon shown during load */
.MagicZoomLoading {
border: 1px solid #ccc;
background: #fff url(/images/design/mzp/loader.gif) no-repeat 2px 50%;
padding: 4px 4px 4px 24px !important;
margin: 0;
text-decoration: none;
text-align: left;
line-height: 1.5em;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}

/* Style of hotspots */
.MagicHotspots {
display: none;
visibility: hidden;
}
.MagicHotspots a {
border: 1px solid #ccc;
}
.MagicHotspots a:hover {
border: 1px solid red;
}

/* Style of the small image when the large image is expanded */ 
.MagicThumb-expanded-thumbnail {
cursor: default;
}

/* Style of the expanded image */
.MagicThumb-expanded {
cursor: url(/images/design/mzp/zoomout.cur), pointer;
background: #ffffff;
border: 1px solid #ccc;
outline: 0;
padding: 0;
}

/* Style of the caption for the expanded image */
.MagicThumb-caption {
color: #333;
font: normal 10pt Verdana, Helvetica;
background: #ccc;
text-align: left;
padding: 8px;
min-height: 18px !important;
border: 0 !important;
outline: 0 !important;
}

/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
background: transparent url(/images/design/mzp/buttons7-big.png) no-repeat 0 0;
height: 32px;
display: block;
}

.MagicThumb-buttons a {
width: 32px;
height: 32px;
margin: 0px 1px !important;
overflow: hidden;
}

/* Style of the loading message box */
.MagicThumb-loader {
font: normal 12pt sans-serif;
line-height: 1.5em;
border: 1px solid #000;
background: #fff url(/images/design/mzp/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
}


/* Style of shadow effect behind zoomed image */
.MagicBoxShadow {
-moz-box-shadow: 3px 3px 4px #888888;
-webkit-box-shadow: 3px 3px 4px #888888;
box-shadow: 3px 3px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;
}

/* Style of glow effect behind zoomed image */
.MagicBoxGlow {
-moz-box-shadow: 0px 0px 4px 4px #888888;
-webkit-box-shadow: 0px 0px 4px 4px #888888;
box-shadow: 0px 0px 4px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;
}

/*PRODUCT PAGE  624px*/
#mainInfo
{
margin-bottom:20px;
}
#productGallery
{
width:300px;
float:left;
border:#ccc 1px solid;
margin-top:15px;
text-align: center;
font-size: 10px;
}
#zoomText
{
margin-bottom: 5px;
}
#zoomText img
{
vertical-align:-5px;
}
#productGalleryAdditional
{
width:300px;
text-align: left;
font-size: 10px;
}
#productGalleryAdditional img
{
border:#ccc 1px solid;
margin: 0px 0px 0px 1px;
}
#productInfo
{
width:320px;
float:right;
margin-top:15px;
}
#modelNum
{
color:#333333;
font-size:14px;
margin-top:5px;
margin-bottom:5px;
text-align: left;
}
.productText
{
color:#333333;
margin-top:0px;
text-align: left;
}
.statusText
{
width:70px;
float:left;
font-weight:bold;
}
.statusBox
{
padding: 5px 0px 2px 0px;
}

#productInfo #ratings
{
font-size:12px;
}

#productInfo #cart
{
width:300px;
}

#cart #status
{
float:left;
width:140px;
margin-top:20px;
background-color:#E1E1E1;
border:#ccc 1px solid;
padding: 5px;
}

#cart #prodPgSale
{
float:right;
width:145px;
margin-top:20px;
}
#cart #prodPgAdd
{
float:right;
text-align:left;
}
.productPrice
{
font-size:15px;
font-weight:bold;
text-align:right;
}
#productListPrice
{
text-decoration:line-through;
}
#productSpecialPrice
{
color:#7e0000;
}
#prodPgQuantity
{
font-size:12px;
font-weight:bold;
text-align:right;
margin-top:5px;
}
#prodPgBUY
{
text-align:right;
margin-top:5px;
}

#detailsTab
{
clear: both;
height:100%;
width:600px;
margin:10px 15px 10px 15px;
}

/* root element for tabs  */
ul.tabs {
list-style:none;
margin:0 !important;
padding:0;
border-bottom:1px solid #c8c8c8;
height:30px;
}

/* single tab */
ul.tabs li {
float:left;
text-indent:0;
padding:0;
margin:0 !important;
list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
background: url(/images/design/blue.png) no-repeat -420px 0;
font-size:12px;
display:block;
height: 30px;
line-height:30px;
width: 134px;
text-align:center;
text-decoration:none;
color:#333;
padding:0px;
margin:0px;
position:relative;
top:1px;
}

ul.tabs a:active {
outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
background-position: -420px -31px;
color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
background-position: -420px -62px;
cursor:default !important;
color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
display:none;
}

.tabContent
{
padding:10px;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 266px;
	height:60px;
	float:left;	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/images/design/arrow_small.png) no-repeat;
	display:block;
	width:15px;
	height:15px;
	float:left;
	margin:20px 0px 0px 0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 	{ background-position: 0 -15px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-15px -15px; }
a.right:active 	{ background-position:-30px -15px; } 


/* left */
a.left		{ margin-left: 0px; } 
a.left:hover  	{ background-position:-15px 0; }
a.left:active  	{ background-position:-30px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

.tooltip {
		display:none;
		width:300px;
		background-color:#ffa;
		border:1px solid #cc9;
		padding:3px;
		font-size:13px;
		-moz-box-shadow: 2px 2px 11px #666;
		-webkit-box-shadow: 2px 2px 11px #666;
}
.instock
{
	border-width: 0 0 1px 0;
	border-style: dotted;
	color: #00922d;
}
.soldout
{
	border-width: 0 0 1px 0;
	border-style: dotted;
	color: #ff0000;
}