/* .::. Sam - Design .::. IC - Team .::. Takuma Uchiha */

/*** tag ***/

body {
margin:0px;
font-family:Arial;
font-size:12px;
color:#C7C7C7;
background-color:#000000;
}

/*** class -> text ***/
.titlecollection { font-size:9px; }
.arigre11 { font-size:11px; color:#707070; }
.arigre11 a:active, .arigre11 a:link, .arigre11 a:visited { font-size:11px; color:#707070; text-decoration:none }
.arigre11 a:hover { font-size:11px; color:#EEEEEE; text-decoration:none }
.arigre11v2 { font-size:11px; color:#4D4D4D; }
.arigre11v2 a:active, .arigre11v2 a:link, .arigre11v2 a:visited { font-size:11px; color:#707070; text-decoration:none }
.arigre11v2 a:hover { font-size:11px; color:#999999; text-decoration:none }
.arigold11 { font-size:11px; color:#64581D; }
.arigold12 { color:#BF9009; }
.arigold12 a:active, .arigold12 a:link, .arigold12 a:visited { color:#BF9009; text-decoration:none }
.arigold12 a:hover { color:#EEEEEE; text-decoration:none }
.ariblc12 { color:#525252; }
.ariblc12v2 { color:#000000; }
.arialcontent{ color:#000000; }
.ariblc12v2 a:active, .ariblc12v2 a:link, .ariblc12v2 a:visited { color:#000000; text-decoration:none }
.ariblc12v2 a:hover { color:#333333; text-decoration:none }
.ariblc12 a:active, .ariblc12 a:link, .ariblc12 a:visited { color:#525252; text-decoration:none }
.ariblc12 a:hover { color:#EEEEEE; text-decoration:none }
.ariwhi12 { color:#FFFFFF; }
.arigre12 { color:#999999; }
.arigre12 a:active, .arigre12 a:link, .arigre12 a:visited { color:#999999; text-decoration:none }
.arigre12 a:hover { color:#BF9009; text-decoration:none }
.arigre14 { font-size:14px; color:#999999; }
.arigold18 { font-size:18px; color:#BF9009; }
.arigold24 { font-size:24px; color:#BF9009; }
.ariwhi12link { color:#FFFFFF; text-decoration:none}
.ariwhi12link:link { color:#FFFFFF; text-decoration:none}
.ariwhi12link:hover { color:#FFFFFF; text-decoration:underline}
.ariwhi11link { font-size:11px;color:#FFFFFF; text-decoration:none}
.ariwhi11link:link { font-size:11px;color:#FFFFFF; text-decoration:none}
.ariwhi11link:hover { font-size:11px;color:#BF9009; text-decoration:none}
.ariwhi11linkgold { font-size:11px;color:#BF9009; text-decoration:none}
/*** class -> class ***/

.martop5 { margin-top:5px; }
.martop10 { margin-top:10px; }
.martop15 { margin-top:15px; }

/*--add new---*/
.dms_15 {
margin:0px;
font-family:Arial;
font-size:12px;
color:#FFFFFF;
background-color:#000000;
}
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 530px;
height: 100%;

/* IE overflow fix, position must be relative or absolute*/

}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

/* For scrollbars, defining a color for background alongside with an image 
is always a good idea, this way the scrollbars are visible until images load */
.vscrollerbase {
/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
width: 15px;
background-color: white;
}

.vscrollerbar {
width: 15px;
background-color: black;
}

.hscrollerbase {
/* hscrollerbase is the div that holds the scrollbar (parent of hscrollerbar) */
height: 15px;
background-color: white;
}

.hscrollerbar {
height: 15px;
background-color: black;
}

/* styles for scrollbar images start here */

.hscrollerbar {
/* Main body of horizontal scrollbar */
background: #99CBCB url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}

.vscrollerbar {
/* Main body of vertical scrollbar */
background: #99CBCB url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}

.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}

.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/
background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}

.vscrollerbarend {
/* Bottom image holder for vertical scrollbar*/
background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}

.hscrollerbarbeg {
/* Left image holder for horizontal scrollbar */
background: url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}

.hscrollerbarend {
/* Right image holder for horizontal scrollbar */
background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}

.scrollerjogbox {
/* Scroller jog (scroll-pan) image holder, only visible when both scrollbars are used */
background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}


/* Following are for scrollbase images, may not always be required */

.vscrollerbase {
/* Vertical scrollbar's base body */ 
background: #D7EBDF url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}

.vscrollerbasebeg {
/* Vertical scrollbar's base top-cap */
/* This may be used for holding the up arrow */
background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
height: 15px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend {
/* Vertical scrollbar's base bottom-cap */
/* This may be used for holding the down arrow */
background: url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}

.hscrollerbase {
/* Horziontal scrollbar's base body */ 
background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}

.hscrollerbasebeg {
/* Horizontal scrollbar's left-cap */
/* This may be used for holding the left arrow */
background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
/* width of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
width: 15px !important; /* Safari BG repeat fix */
}

.hscrollerbaseend {

height: 15px;
width: 15px;
background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}

.scrollerjogbox:hover {
background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;
}

.show{
display: block;
}

.hide{
display: none;
}

.rhbrandcolor {background-color: #B28608;}

.storeRes1 {width:100px; border-bottom: solid 1px #202020;background-color:#0D0D0D; padding-left:10px}
.storeRes2 {border-bottom: solid 1px #202020;background-color:#111111; padding-left:10px}

.storeRes3 {width:100px;background-color:#0D0D0D; padding-left:10px}
.storeRes4 {background-color:#111111; padding-left:10px}
.divclassstrore
{
	scrollbar-face-color:#000000;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#666666;
	scrollbar-darkshadow-color:#666666;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-arrow-color:#cccccc;
	scrollbar-track-color:#333333;
font-family: Arial, verdana, Helvetica, sans-serif;
font-size: 11px;
font-color: #333333;
BORDER-RIGHT: none;
BORDER-TOP: none;
BORDER-LEFT: none;
BORDER-BOTTOM: none;
OVERFLOW: auto;

HEIGHT: 350px
}

.next_on {
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-image: url('http://localhost/essenza/app/webroot/img/rightnews_on.gif');
background-repeat: no-repeat;
display: block;
width: 48px;
height: 14px;
margin: 0;
margin-bottom:0px;
padding: 0;
}
.next_on a {
display:block;
font-size: 11px;
width: 48px;
height: 14px;
float: left;
margin: 0;
padding: 0;
color: black; text-decoration: none;
}
.next_on img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.next_on a:hover img{visibility:hidden}
.next_on span {
position:absolute;
left:5px;
top:3px;
margin:0;
cursor: pointer;
}

.previous_on {
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-image: url('http://localhost/essenza/app/webroot/img/leftnews_on.gif');
background-repeat: no-repeat;
display: block;
width: 48px;
height: 14px;
margin: 0;
margin-bottom:0px;
padding: 0;
}
.previous_on a {
display:block;
font-size: 11px;
width: 48px;
height: 14px;
float: left;
margin: 0;
padding: 0;
color: black; text-decoration: none;
}
.previous_on img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.previous_on a:hover img{visibility:hidden}
.previous_on span {
position:absolute;
left:5px;
top:3px;
margin:0;
cursor: pointer;
}