/*NEW LAYOUT CSS *//*NEW LAYOUT CSS *//*NEW LAYOUT CSS *//*NEW LAYOUT CSS *//*NEW LAYOUT CSS */
body{
	background-image: url('bkg.jpg');
	background-repeat: repeat-x;
	background-color: #2d88ae;
}

.wrap{
	width: 1024px;
	margin:0 auto;
}

ul li{
	display:inline!important;
}
h1{
font-size: 12pt;
color: #0e417b;
text-align:justify;
font-family: arial, sans-serif;
}

h1.title{
text-align:left;
line-height:10px;
}

h2{
font-size:11pt;
color: #oe417b;
text-align: justify;
font-family: arial, sans-serif;
}

h2.sku{
text-align:left;
font-size:9pt;
line-height: 5px;
}

input{
font-size:10pt; border:1px solid #999999;
}

h3{
font-size:10pt;
color: #oe417b;
text-align: justify;
font-family: arial, sans-serif;
}

h4{
font-size: 9pt;
color: #0e417b;
font-family: arial, sans-serif;
}

p{
font-family: arial, sans-serif;
font-size:10pt;
text-align: justify;
padding-right: 15px;
}

.pricep{
float:left;
align:left;
}

.priceimg{
float:left;

vertical-align: middle;
align:left;
}

p.description{
text-align:left;
clear: both;
padding-right:2px;

}

.headlinkbkg{
background-image: url('roxys_03.png');
width: 464px; 
height: 29px;
text-align: center;
vertical-align: middle;

}

.headerlink{
	font-family: arial, sans-serif;
	color: #fff;
	font-weight: bolder;
	font-size: 10pt;
	display:inline;
	width: 464px; 
	text-align: center;
}


.he1{
	width:25%;
	font-family: arial, sans-serif;
	color: #fff;
	font-weight: bolder;
	font-size: 10pt;
	display:inline;			/* width of center column content (column width minus padding on either side) 47*/
	display: inline;
	padding-left:25px;
	padding-right:20px;
	padding-top: 6px;
	text-decoration:none;
	
	}
	
.he1 a:link{
color:#fff;
text-decoration:none;
}

.he1 a:visited{
color: #ccc;
text-decoration:none;
}

.he1 a:hover{
color: #ccc;
text-decoration:none;
}

.he1 a:active{
color: #fff;
text-decoration:none;
}
	
.he2{width:25%;			/* width of center column content (column width minus padding on either side) 47*/
		display: inline;
	}
.he3{width:25%;			/* width of center column content (column width minus padding on either side) 47*/
		display: inline;
	}
.he4{width:25%;			/* width of center column content (column width minus padding on either side) 47*/
		display: inline;
	}

.navwrap{
	background-image: url('roxys_12.png');
	width: 1013px;
	height: 46px;
	position: relative;
	z-index: 1111;
	padding-top:14px;
	background-repeat: no-repeat;
}

.footsy{
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:right;
	background-color: #EAEBEB;
	width: 971px;
	height: 600px;
	margin-left: 19px;
	border-style: solid;
	border-color: #000;
}

.searchf{
background-image: url('roxys_24.png');
width: 368px;
height: 63px;
}

.searchp{
padding-left:25px;
text-align: center;
}


dd {
	padding-left:-5px;
	font-family: arial, sans-serif;
	color: #0e417b;
	font-size: 9pt;
	text-color: #ff6102;
	border-style: solid;
	border-width: 0px;
	border-color: #dddedf;

}

dd a:link{
color: #oe417b;
text-decoration: none;
}

dd a:hover{
color: #fff;
text-decoration: none;
}

dd a:visited{
color: #ff6102;
text-decoration: none;
}

dd a:active{
color: #ff6102;
text-decoration: none;
}

dt{
	padding-left:5px;
	font-family: arial, sans-serif;
	font-weight: bold;	
	font-size: 10pt;
	border-style: solid;
	border-width: 0px;
	border-color: #dddedf;
	color: #0e417b;

}

dt a:link{
	text-decoration: none;
	text-color: #fff;
}

dt a:visited{
	text-decoration: none;
	text-color: #fff;
}

dt a:hover{
	text-decoration: none;
	text-color: #ff6102;
}

dd a:active{
	color: #ff6102;
	text-decoration: none;
}

dl{
	border-style: solid;
	border-width: 0px;
	border-color: #dddedf;
	color: #0e417b;
	padding:5px;

}

dl.lftnav{
	border-style: solid;
	border-width: 1px;
	border-color: #dddedf;
	color: #0e417b;
	padding:5px;

}

.button {
    border: 1px solid #8b8c8d;
    background: #dddedf;
}

th {
	color : #000000;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}

input, select {
	color : #000000;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}

/* Dropdown */
ul#nav {
	list-style: none;
	padding: 0;
	margin: 0;
	align:center;
	margin-left: 55px;
}

ul#nav li a {
	display: block;
	font-family: arial, sans-serif;
	color: #000;
	font-weight: 700;
	font-size: 11pt;
	text-align: center;
	text-transform: uppercase;
	text-align: center; 
	width: 1000px;
	display:inline;
	text-decoration:none;
	letter-spacing: -1px;
}

ul#nav li a:hover{
	font-weight: 900;
	color:#ff6102;
	}
	
ul#nav li {
	float: left;
	text-align: center;
	margin-right:5px;
}

ul#nav li.current a{
	background:#ddd;
	}

ul#nav li.current a:hover{
	background:#888;
	}

li ul {
	display: none;
	position: absolute;
	width:125px;
	top: 0;
	left: 0;
	font-weight: normal;
	padding: 1px 0 10px 0;
	margin-left:-1px;
}
ul#nav li ul.sub li{
	border-width:0 1px 1px 1px!important;
	background-color: #fff;
	border-style: solid;
	border-color: #cccccc;
	text-align: left;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 150px;
	z-index:1200;
	position: relative;
}

ul#nav li ul.sub1 li{
	border-width:0 1px 0px 1px!important;
	background-color: #fff;
	border-style: solid;
	border-color: #cccccc;
	text-align: left;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 200px;
	z-index:1200;
	float:right;
	position: relative;
	margin-left:40px;
}

ul#nav li ul.sub2 li{
	border-width:0 1px 0px 0px!important;
	background-color: #fff;
	border-style: solid;
	border-color: #cccccc;
	text-align: left;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 120px;
	z-index:1200;
	position: relative;
	float:left;
	margin-left:40px;
}

ul#nav li ul.sub li a{
	font-weight: normal!important;
	text-transform: none;	
}

ul#nav li ul.sub1 li a{
	font-weight: normal!important;
	text-transform: none;	
}

ul#nav li ul.sub2 li a{
	font-weight: normal!important;
	text-transform: none;	
}

li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
}


/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:971px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	margin-left:19px;
	margin-top:-2px;
	background-color: #fff;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#fff;		/* right column background colour */
}
.threecol .colmid {
	right:27%;			/* width of the right column 25*/
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column 50*/
	background:#fff;/* left column background colour */
}
.threecol .col1 {
	width:49%;			/* width of center column content (column width minus padding on either side) 47*/
	left:101%;
			/* 100% plus left padding of center column */

}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) 21*/
	left:29%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) 31*/
}
.threecol .col3 {
	width:25%;			/* Width of right column content (column width minus padding on either side) 21*/
	left:80%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


#footer p {
	padding:10px;
	margin:0;
}

.footerbanner{
background-color:#104961; 
width:185px; 
height: 15px; 
padding: 6px; 
}

.footbannerfont{
font-weight: 900; 
color:#fff; 
font-size: 11pt; 
font-family: arial, sans-serif;
text-align: left; 
text-transform: uppercase;
}

.footfont{
width: 300px; 
padding:5px; 
padding-top:8px; 
font-family:arial, sans-serif; 
font-size: 9pt;
}

.footfontsub{
padding:5px; 
padding-top:8px; 
font-family:arial, sans-serif; 
font-size: 9pt;
}

/* FOOTER column container */
.colmaskf {
	background-image: url('footerbkg.jpg')!important;
	background-repeat: repeat-x;	
	padding-top: 15px;
	background-color: #d1d1d3;
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:971px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	
	margin-top:-2px;
	padding-left:15px;
	padding-top: 15px;
}
/* common column settings */
.colrightf,
.colmidf,
.colleftf {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	padding-right:15px;
}
.col1f,
.col2f,
.col3f {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecolf {
	background: #fff;	/* right column background colour */
}
.threecol .colmidf {
	right:33%;			/* width of the right column 25*/
		/* center column background colour */
}
.threecol .colleftf {
	right:33%;			/* width of the middle column 50*/
;	/* left column background colour */
}
.threecol .col1f {
	width:33%;			/* width of center column content (column width minus padding on either side) 47*/
	left:100%;			/* 100% plus left padding of center column */

}
.threecol .col2f {
	width:33%;			/* Width of left column content (column width minus padding on either side) 21*/
	left:33%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) 31*/
}
.threecol .col3f {
	width:33%;			/* Width of right column content (column width minus padding on either side) 21*/
	left:70%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/*image pop up */
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;

}
ul.thumb li {
	margin: 0; padding: 0px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 150px;
	height: 314px;
}
ul.thumb li img {
	width: 83px; height: 174px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	padding: 0px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url("images/bkg.jpg") no-repeat center center;  /* Image used as background on hover effect*/
	border: none; /* Get rid of border on hover */
}

.itemborder{
border-style: solid;
border-color: #ccc;
border-width: 0px;
width: 425px;
height: 250px;
}

.pagewrap{
border-style: solid;
border-color: #ccc;
border-width: 0px;
width: 425px;
height: 100%;
margin:5px;
padding:5px;
display: inline;
}

.pglft{
float:left;
width:120px;
padding:5px;

}
.pgrt{
float:right;
width:300px;
padding:5px;
align: right;


}

.page{
font-size: 9pt;
text-decoration: none;
color: #618b9d;
font-family: arial, sans-serif;
}

.page a{
text-decoration:none;
color: #618b9d;
}

.page a:hover{
color: #ff6b02;
}

.page a:link{
color: #618b9d;
}

.currentpage{
font-size: 8pt;
color: #ababab;
}

.jump{
font-size: 8pt;
font-color: #ccc;
font-family: arial, sans-serif;
color: #618b9d;
}

.listitem{
width: 450px;
display: block;
overflow: hidden;
border-style: solid;
border-color: #ccc;
border-width: 1px;
padding-right: 5px;


}

.listitem2{
width: 439px;
display: block;
overflow: hidden;
border-style: solid;
border-color: #ccc;
border-width: 1px;
padding-right: 5px;
margin-top:-5px;

}

.listitem3{
width: 235px;
display: block;
overflow: hidden;
border-style: solid;
border-color: #ccc;
border-width: 1px;
padding-right: 5px;
margin-top:-5px;

}

.listdesc{
float: right;
padding-left:5px;
width: 320px;
}

.listdesc3{
float: right;
padding-left:5px;
width: 100px;
}

.listimage{
float: left;
padding: 5px;
width: 85px;

}

.viewitem{
width: 460px;
display: block;
overflow: visible;
border-style: solid;
border-color: #ccc;
border-width: 0px;

}

.viewdesc{
float: right;
padding:5px;
border-style: solid;
border-color: #ccc;
border-width: 0px;
width: 260px;
position: relative;
z-index: 1000;

}

.viewimage{
float: left;
padding: 10px;
border-style: solid;
border-color: #ccc;
border-width: 0px;
width: 150px;
}

.itemdetails{
clear: both;
padding: 10px;
border-style: solid;
border-color: #ccc;
border-width: 0px;
width: 450px;
}

.non-immediate-parent-container{
  height: 194px;
  width: 95px;
} 

.non-immediate-parent-container2{

  width: 60px;
  height: 100px;
} 

.price{
font-size: 12pt;
color: #A50909;
font-family: arial, sans-serif;
font-weight: 900;
text-align:left;
}

.listp{
font-size: 10pt;
color: #FF5A00;
font-family: arial, sans-serif;
font-weight: 200;
text-align:left;
}

.div_to_popup {display: none;
border-style:solid;
border-width: 1px;
border-color: #ccc;
width: 200px;
height: 150px;
background-color: #fff;
padding: 20px;
}

.div_to_popup2 {display: none;
border-style:solid;
border-width: 1px;
border-color: #ccc;
width: 300px;
height: 150px;
padding:20px;
background-color: #fff;
}

.div_to_popup3 {display: none;
border-style:solid;
border-width: 1px;
border-color: #ccc;
width: 300px;
height: 150px;
padding:20px;
background-color: #fff;
}

.div_to_popup4 {display: none;
border-style:solid;
border-width: 1px;
border-color: #ccc;
width: 300px;
height: 150px;
padding:20px;
background-color: #fff;
}

.div_to_popup5 {display: none;
border-style:solid;
border-width: 1px;
border-color: #ccc;
width: 450px;
height: 460px;
padding:20px;
background-color: #fff;
}

.popupfontT{
font-weight: 900;
font-size: 12pt;
font-family: arial, sans-serif;
font-color: #ccc;
}

.popupfontc{
font-weight: 700;
font-size: 10pt;
font-family: arial, sans-serif;
font-color: #ccc;
}

.bClose {cursor:pointer;font-weight:bold;position:absolute;right:15px;text-decoration:none;top:10px;}
.popup,.popup2,.popup3,.xlink { background: url(img/bg.png) no-repeat; display:none;height:150px;padding:15px;width:454px; }
.popup p,.xlink p{font-size:160%;left:40px;position:absolute;text-align:center;top:55px;width:150px;}


.expand-paragraph{
background-image: url('images/expand.jpg');
width: 450px;
height: 25px;
border-width:0px;
border-style: solid;
border-color:#ccc;
font-family: arial, sans-serif;
font-size:10pt;
text-decoration: none;
padding:5px;
color: #000;
text-transform: uppercase;
padding-left:5px;
position: inherit;

}

.expand{
font-size:9pt;
color: #4135dc;
font-family: arial, sans-serif;
font-style: italic;
text-align:center;
width:450px;
}

.panel{
border-width:1px;
border-style: solid;
border-color:#ccc;
width:445px;
margin-top:-5px;
margin-left:5px;
}