/*-----------------------------------------------------------------------------

R O X Y

version:   1.0
date:      07/07/07
author:    James Largoza, Jeffery Vincent

-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

/* utility
-----------------------------------------------------------------------------*/
.clear {
	clear:both;
	}
.right {
	float: right;
	}
.left {
	float: left;
	}
.hide {
	display: none;
	}

/* Set up the document
-----------------------------------------------------------------------------*/

body {
	font: 62.5%/1.5  Arial, Helvetica, sans-serif;
	background: #fff;
	color: #333;	
	text-align:center;
	padding-bottom:0px;
}
#wrapper { 
	width: 970px; 
	text-align:left;  
	margin:0 auto;
	background: #fff;
}

/* Typography
-----------------------------------------------------------------------------*/
html > body div#header h1 a {
	background: url(../images/logo2.png) 0 0;
	}
div#header h1 a {
	position: absolute;
	width: 103px;
	height: 82px;
	text-indent: -9999px;
	z-index: 10;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo_off.png', sizingMethod='scale');
	left:3px;
	}
html > body div#header h1 a:hover {
	background: url(../images/logo2.png) 0 -82px;
	}
div#header h1 a:hover {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo_over.png', sizingMethod='scale');
	cursor: pointer;
	}
h2 {	
	font-size: 16px;
	color: #333;
	line-height: 16px;
	}
h3 {	
	font-size: 11px;
	color: #333;
	line-height: 11px;
	font-weight: normal;
	}
h4
	{

}	
h5
	{

}	

input {
	position: absolute;
	font-size: 11px;
	color: #333;
	text-indent: 2px;
	}
select {
	font-size: 11px;
	color: #333;
	text-indent: 2px;
	}
p, q, cite {
	color: #333;
	font-size: 11px;
	line-height: 13px;
	}
code {
	display: none;
	background: url(../images/logo_mouse_over.gif);
	}
blockquote
	{
	border-left: 3px solid #99ccff;
	padding: 0px 20px 0px 20px;	
}
ul, ol {
	}
li {
	}

dl {
	position: absolute;
	top: 5px;
	}
dt {
	font-size: 11px;
	color: #00a4e4;
	font-weight: bold;
	padding: 0 0 13px 0;
	}
dt b {
	color: #0080b2;
	}
dd a {
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
	line-height: 14px;
	}
dd a:hover {
	text-decoration: underline;
	color: #EC008C;
	}
dd a:visited {
	text-decoration: underline;
	color: #008EC5;
	}
.darkGray10 {
	font-family:Arial;
	font-size:10px;
	color:#333;
	}
.darkGray11 {
	font-family:Arial;
	font-size:11px;
	color:#333;
	}
.pink {
	color:#ec008c;
	}
.blue-bg {
	background: #dbf2fc;
	}

textarea
	{
	float:left;	
	font: 1.6em  Helvetica, Arial, Corbel,"Myriad Web","Myriad Pro","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
}
h2 a, #books a, #home-featured h4 a, .date p a
	{
	color: #000;
	text-decoration: none;	
	border: none;
}
h2 a:hover, #books a:hover, #home-featured h4 a:hover, .date p a:hover
	{
	color: #666;
	text-decoration: none;	
}
a
	{
	color: #EC008C;
	text-decoration: none;	
}
a:hover
	{
	color: #333333;
	text-decoration: none;
}
a:visited
	{
	color: #333333;
	text-decoration: none;
}
.button {
	text-indent: -9999px;
	}
/* breadcrumbs
-----------------------------------------------------------------------------*/
#breadcrumbs, #breadcrumbs2 , #breadcrumbs3{
	position: relative;	
	float: left;
	width: 970px;
	height: 26px;
	line-height: 26px;
	background: #19b5f1;
	color: #fff;
	font-size: 11px;
	text-indent: 10px;
	}
#breadcrumbs #breadcrumbs {width:auto;}
#breadcrumbs2 {
position:relative;
width: 784px;
	}
#breadcrumbs3 {
position:relative;
	}
	#breadcrumbs a, #breadcrumbs2 a, #breadcrumbs3 a {
		color: #fff;
		text-decoration: underline;
		}
	#breadcrumbs span, #breadcrumbs2 span, #breadcrumbs3 span{
		padding: 0 2px;
		}
	div.breadcrumbs span.bc_selected, div.breadcrumbs2 span.bc_selected {
		font-weight: bold;
		padding: 0 2px;
		}
/* header
-----------------------------------------------------------------------------*/
div#header {
	position:relative;
	width: 970px;
	height: 151px;
	background: #fff url(../images/header_bg.gif) no-repeat bottom left;
	}
div.header {
	background: #fff url(../images/header2_bg.gif) no-repeat bottom left !important;
	}
#header h1.logo a {
	top: 30px;
	outline: none;
	}
#header ul.links {
	position: absolute;
	bottom: 121px;
	left: 743px;
	width: 245px;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	}
#header ul.links li {
	float: left;
	padding-right: 8px;
	list-style-type: none;
	}
#header ul.links li a {
	font-size: 9px;
	color: #1ab4f0;
	text-decoration: underline;
	}
#header ul.links li a:hover {
	color: #ec0089;
	}

#header input {
border: 1px solid rgb(221, 221, 221);
height:16px;
line-height:16px !important;
max-width:152px;
padding-top: 2px;
position: absolute;
right: 74px !important;
width: 152px;
top:45px !important;
z-index: 100 !important;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#header input {top:45px !important; z-index: 100 !important; right:74px !important;}
}
	
	
body:last-child:not(:root:root) #header input {
	padding-top: 0px;
	height: 20px;
	line-height: 50px;
	}
div#header form#searchForm fieldset input {

	}
#header div.bag a#cart {
	position: absolute;
	bottom: 61px;
	right: 26px;
	width: 202px;
	height: 20px;
	line-height: 20px;
	text-indent: 43px;
	background: url(../images/addToBag_bg_btn.gif);
	color: #fff;
	font-size: 11px;
	}
#header div.bag a#cart:hover {
	background-position: bottom left;
	}
#header div.bag a#cartPlus {
	text-indent: -9999px;
	width: 26px;
	height: 20px;
	position: absolute;
	bottom: 61px;
	right: 0;
	overflow: hidden;
	background: url(../images/addToBag_bg_btn.gif) 26px 0;
	}
#header div.bag a#cartPlus:hover {
	background-position: 26px 20px;
	}
#header div.search a {
	position: absolute;
	bottom: 86px;
	right: 0;
	width: 73px;
	height: 20px;
	background: url(../images/search_w73_btn.gif);
	text-indent: -9999px;
	}
#header div.bag a:hover, #header div.search a:hover {
	background-position: bottom left;
	}
#header div.bag a strong {
	font-weight: bold;
	}
	
#header div.headerOAS{
	position: absolute;
	top: 20px;
	right: 265px;
	width: 509px;
	height: 38px;
	}
/* navigation
-----------------------------------------------------------------------------*/
.navigation {
	width: 575px;
	height: 30px;
	font-size: 11px;
	position: absolute;
	left: 108px;
	top: 58px;
	z-index: 7;
	}
.navigation ul {padding:0; margin:0; list-style-type: none;}

.navigation ul li {float:left;}

.navigation ul li a, .navigation ul li a:visited {display:block; text-decoration:none; padding:0 0 0 5px; height:18px; line-height:18px; color:#1ab4f0;}

.navigation table {border-collapse:collapse; margin:0; padding:0; position: relative; bottom: 30px;}
.navigation table tr td ul {width: 333px !important; height: 18px;}
.navigation table tr td ul li {float: left; white-space: nowrap;}
.navigation table tr td ul li a {float: left; margin: 0 1px; white-space: nowrap;}

.navigation ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }
html > body .navigation ul li ul {top:18px;}

html > body .navigation ul li.surf ul {left: 244px; width: 333px;}
html > body .navigation ul li.snow ul {left: 297px; width: 333px;}

.navigation ul li:hover a,
.navigation ul li a:hover {color:#cccc00; background:#fff;}

.navigation ul li:hover ul,
.navigation ul li a:hover ul {visibility:visible; width:524px;background:#fff;}

.navigation ul li:hover ul li a.sub,
.navigation ul li a:hover ul li a.sub {background:#fff url(../../graphics/drop2.gif) bottom right no-repeat;}

.navigation ul li:hover ul li ul,
.navigation ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.navigation ul li:hover ul li a,
.navigation ul li a:hover ul li a {display:block; background:#fff; color: #1ab4f0;}

.navigation ul li:hover ul li a:hover,
.navigation ul li a:hover ul li a:hover {background:#fff; color:#ec008c;}

.navigation ul li:hover ul li:hover ul,
.navigation ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#fff;}

.navigation ul li:hover ul.right li {float:right;}

.navigation ul li:hover ul li:hover ul li a,
.navigation ul li a:hover ul li a:hover ul li a {background:#dfc184;}

.navigation ul li:hover ul li:hover ul li a:hover,
.navigation ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e;}

.navigation ul li a.actv {color:#ec008c !important;}

ul#surf-ul li a, ul#snow-ul li a {
	background-image: none;
	font-size: 11px !important;
	}

li.cloth {width:70px;}
li.acc {width:96px;}
li.foot {width:78px;}
li.surf {width:42px;}
li.snow {width:45px;}
li.look {width:84px;}
li.liOAS {width:106px;overflow:hidden; margin-top:6px;}
li.outfit {width:92px;}
li.blog {width:43px;}
.navigation ul li.liOAS a  {width:auto; height:auto}
.navigation ul li.liOAS a:hover {width:auto; height:auto}

.navigation ul li.cloth a {background-image: url(../images/nav_clothing.gif);background-position: 0 0;text-indent:-9999px;}
.navigation ul li.cloth a:hover {background-position: 0 -18px;background-image: url(../images/nav_clothing.gif);}
.navigation ul li.clothON a {background-image: url(../images/nav_clothing_on.gif);}

.navigation ul li.acc a {background-image: url(../images/nav_acc.gif);background-position: 0 0;text-indent:-9999px;}
.navigation ul li.acc a:hover {background-position: 0 -18px;background-image: url(../images/nav_acc.gif)}
.navigation ul li.accON a {background-image: url(../images/nav_acc_on.gif);}

.navigation ul li.foot a {background-image: url(../images/nav_foot.gif);background-position: 0 0;text-indent:-9999px;}
.navigation ul li.foot a:hover {background-position: 0 -18px;background-image: url(../images/nav_foot.gif);}
.navigation ul li.footON a {background-image: url(../images/nav_foot_on.gif)}

.navigation ul li.surf a {background-image: url(../images/nav_surf.gif);background-position: 0 0;text-indent:-9999px;}
.navigation ul li.surf a:hover {background-position: 0 -18px;background-image: url(../images/nav_surf.gif);}
.navigation ul li.surfON a {background-position: 0 -18px;background-image: url(../images/nav_surf.gif);}

.navigation ul li.snow a { background: url(../images/nav_snow.gif) 0 0; text-indent:-9999px; }
.navigation ul li.snow a:hover { background-position: 0 -18px;background-image: url(../images/nav_snow.gif);}
.navigation ul li.snowON a {background-image: url(../images/nav_snow_on.gif);}

.navigation ul li.look a { background: url(../images/nav_lookbook.gif) 0 0; text-indent:-9999px; }
.navigation ul li.look a:hover { background-position: 0 -18px;background-image: url(../images/nav_lookbook.gif); }
.navigation ul li.lookON a { background-position: 0 -18px;background-image: url(../images/nav_lookbook.gif); }

.navigation ul li.outfit a { background: url(../images/nav_collections.gif) 0 0;text-indent:-9999px; }
.navigation ul li.outfit a:hover { background-position: 0 -18px;background-image: url(../images/nav_collections.gif); }
.navigation ul li.outfitON a { background-position: 0 -18px;background-image: url(../images/nav_collections.gif); }

.navigation ul li.blog a { background: url(../images/nav_blog.gif) 0 0; text-indent:-9999px; }
.navigation ul li.blog a:hover { background-position: 0 -18px;background-image: url(../images/nav_blog.gif); }

div.navigation ul li ul li a { text-indent: 0 !important; }

div#content-body div.back2Top a {
	color:#ec008c;
	text-decoration:underline;
	font-size:11px;
	position:relative;
	bottom:4px;
	}
div#content-body div.back2Top a:hover {
	color:#333;
	text-decoration:underline;
	}
div#content-body div.back2Top img {
	position:relative;
	bottom:4px;
	}

/* Availability
-----------------------------------------------------------------------------*/
div#wrapper-avail {
	position: absolute;
	left: 0;
	width: 627px;
	text-align: left;
	}
	div#wrapper-avail div.header {
		position: relative;
		float: left;
		width: 627px;
		height: 64px;
		background: url(../images/header_storeAvailability.gif) no-repeat;
		}
	div#wrapper-avail h1 {
		margin: 0;
		padding: 0;
		position: relative;
		float: left;
		width: 627px;
		height: 32px;
		background: url(../images/checkStoreAvailability.gif) no-repeat;
		text-indent: -9999px;
		}
	div#wrapper-avail a.print {
		position: absolute;
		left: 530px;
		top: 66px;
		z-index:5;
		width: 72px;
		height: 18px;
		}
	div#wrapper-avail div.prodImage {
		position: relative;
		float: left;
		width: 211px;
		text-align: right;
		}
		div#wrapper-avail div.prodImage span {
			position: relative;
			float: left;
			width: 211px;
			}
		div#wrapper-avail div.prodImage span img {
			float: right;
			margin: 5px 0 0 5px;
			}
		div#wrapper-avail div.prodImage span img.selected {
			border: 2px solid #e50285;
			width: 12px;
			height: 12px;
		}
	div#wrapper-avail div.prodInfo {
		position: relative;
		float: left;
		width: 406px;
		margin: 0 0 0 10px;
		}
		div#wrapper-avail div.prodInfo ul, div#wrapper-avail div.prodInfo ol {
			padding: 0 0 10px 14px;
			font-size: 11px;
			list-style-type: square;
			}
		div#wrapper-avail div.prodInfo ul li {
			line-height: 15px;
			}
		div#wrapper-avail div.prodInfo h3 {
			margin: 3px 0 14px 0;
			}
		div#wrapper-avail div.prodInfo span {
			font-size: 12px;
			}
		div#wrapper-avail div.prodInfo p {
			font-size: 11px;
			line-height: 13px;
			color: #333;
			width: 360px;
			padding: 12px 0 14px 0;
			}
		div#wrapper-avail div.prodInfo div.selection {
			position: relative;
			width: 382px;
			height: 90px;
			background: #dbf2fc;
			}
			div#wrapper-avail div.prodInfo div span {
				position: absolute;
				left: 14px;
				font-size: 11px;
				color: #333;
				}
			div#wrapper-avail div.prodInfo div span.color {
				top: 12px;
				}
			div#wrapper-avail div.prodInfo div span.size {
				top: 38px;
				}
			div#wrapper-avail div.prodInfo div span.zip {
				top: 64px;
				}
			div#wrapper-avail div.prodInfo div select {
				position: absolute;
				right: 90px;
				font-size:11px;
				color:#333;
				border:1px solid #ddd;
				height: 18px;
				line-height: 18px;
				}
			div#wrapper-avail div.prodInfo div select.color {
				top: 10px;
				width:133px;
				}
			div#wrapper-avail div.prodInfo div select.size {
				top: 38px;
				width:133px;
				}
			div#wrapper-avail div.prodInfo div input {
				position: absolute;
				right: 90px;
				font-size:11px;
				color:#333;
				border:1px solid #ddd;
				height: 18px;
				line-height: 18px;
				}
			div#wrapper-avail div.prodInfo div input.zip {
				top: 65px;
				width:131px;
				}
		div#wrapper-avail div.prodInfo div.zip {
			position: relative;
			float: left;
			width: 406px;
			height: 36px;
			background: #fff;
			}
			div#wrapper-avail div.prodInfo div.zip span {
				font-size: 11px;
				position: absolute;
				top: 8px;
				left: 14px;
				}
			div#wrapper-avail div.prodInfo div.zip input {
				font-size: 10px;
				text-align: center;
				display: block;
				position: absolute;
				top: 8px;
				right: 115px;
				width: 135px;
				height: 16px;
				padding-top: 2px;
				border: 1px solid #ddd;
				}
			div#wrapper-avail div.prodInfo div.zip div.update a {
				position: absolute;
				top: 5px;
				right: 115px;
				width: 63px;
				height: 20px;
				background: url(../images/update_btn.gif);
				text-indent: -9999px;
				}
			div#wrapper-avail div.prodInfo div.zip div.update a:hover {
				background-position: bottom left;
				}
	div#wrapper-avail div.icon-legend {
		position: relative;
		left: 25px;
		float: left;
		width: 580px;
		height: 101px;
		background: url(../images/border_dotted_h101.gif);
		}
		div#wrapper-avail div.icon-legend div {
			position: relative;
			float: left;
			width: 115px;
			height: 57px;
			}
			div#wrapper-avail div.icon-legend div img {
				display: block;
				margin: 4px 0pt 3px 6px;
				position: relative;
				}
			div#wrapper-avail div.icon-legend div span {
				display: block;
				font-size: 11px;
				line-height: 13px;
				margin: -6px 0pt 0pt 10px;
				}
	div#wrapper-avail div.disclaimer {
		position: relative;
		left: 25px;
		float: left;
		width: 580px;
		height: 32px;
		line-height: 32px;
		font-size: 11px;
		text-indent: 10px;
		}
	div#wrapper-avail div.availabilityHeader	{
		position: relative;
		left: 25px;
		float: left;
		width: 580px;
		font-size: 11px;
		font-weight: bold;
		color: #fff;
		background: #19b5f1;
		}
	div#wrapper-avail div.availabilityHeader span	{
		font-size: 11px;
		margin: 5px 10px;
		font-weight: bold;
		color: #fff;
		background: #19b5f1;
		display: block; 
		}
	div#wrapper-avail div.storesHeader	{
		position: relative;
		left: 25px;
		float: left;
		width: 580px;
		height: 26px;
		line-height: 26px;
		font-size: 11px;
		text-indent: 10px;
		font-weight: bold;
		color: #fff;
		background: #19b5f1;
		}
	div#wrapper-avail div.store-listing {
		position: relative;
		left: 25px;
		float: left;
		width: 580px;
		height: 121px;
		background: #dbf2fc;
		font-size: 11px;
		line-height: 13px;
		}
		div#wrapper-avail div.store-listing div.address {
			position: absolute;
			top: 17px;
			left: 17px;
			}
			div#wrapper-avail div.store-listing div.address a {
				color: #ec008c;
				text-decoration: underline;
				}
			div#wrapper-avail div.store-listing div.address a.map {
				position: relative;
				top: 12px;
				left: 0;
				}
		div#wrapper-avail div.store-listing div.hours {
			position: absolute;
			top: 31px;
			left: 215px;
			}
		div#wrapper-avail div.store-listing div.hours div.icn {
			position: relative;
			margin-top:5px;
			}
		div#wrapper-avail div.store-listing div.status {
			position: absolute;
			top: 30px;
			left: 410px;
			}
	div#wrapper-avail div.bottom-border {
		background-image: url(../images/storeAvail_dots_bg.gif);
		}
div#photoCurl {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	width: 25px;
	height: 24px;
	overflow: hidden;
	background: url(../images/rvp_photoCurl.gif);
	}
	
/* footer
-----------------------------------------------------------------------------*/
#footer {
	clear: both;
	height: 186px;
	padding: 0px;
	background: #fff url(../images/footer_970x186_bg.gif) no-repeat;
	position: relative;
	}
	#footer dl.corp {
		left: 16px;
		}
	#footer dl.cs {
		left: 212px;
		}
	#footer dl.cs2 {
		left: 407px;
		}
	#footer dl.intl {
		left: 604px;
		}
	#footer dl.email {
		left: 742px;
		}
	#footer input {
		position: absolute;
		top: 23px;
		right: 60px;
		width: 167px;
		max-width: 167px;
		height: 19px;
		border: 1px solid #ddd;
		}
	#footer div a {
		position: absolute;
		text-indent: -9999px;
		}
	#footer div.catalog a:hover, #footer div.subscribe a:hover, #footer div.go a:hover {
		background-position: bottom left;
		}
	#footer div.catalog a {
		top: 64px;
		right: 62px;
		width: 167px;
		height: 20px;
		background: url(../images/requestCatalogue_btn.gif);
		}
	#footer div.subscribe a {
		top: 105px;
		right: 62px;
		width: 167px;
		height: 20px;
		background: url(../images/rss-subscribe_btn.gif);
		}
	#footer div.go a {
		top: 23px;
		right: 15px;
		width: 44px;
		height: 20px;
		background: url(../images/go_btn.gif);
		}

/* page description, cms only
-----------------------------------------------------------------------------*/

div#pageDesc {
	padding:26px 15px 0 15px;
}
	div#pageDesc a {
		font: normal 11px arial;
		color:#999;
		margin-bottom:10px;
	}
	div#pageDesc a:hover {
		text-decoration:none;
	}
	div#pageDesc div#description {
		font: normal 11px arial;
		color:#666;
	}
	div#pageDesc div#pageDescSlot {
		display:none;
		width:940px;
		margin-top:10px;
	}
/* home
-----------------------------------------------------------------------------*/
div div #slot2 {
	margin: 0 0 5px 0;
	}
div div #slot3 {
	margin: 0 0 5px 0;
	}
div div #slot4 {
	margin: 0 0 5px 0;
	}
div div #slot5 {
	margin: 0 0 5px 0;
	}
div div #slot6 {
	margin: 0 0 5px 0;
	}

/* Product page recently viewed 2.0 classes*/

div#content-body div#recently-viewed_prod {
    float:left;
    width:186px;
    overflow:hidden;
    text-align:center;
    }

div#content-body div.rv-text_prod {
        position:relative;
        float:left;
        width:186px;
        height:26px;
        background:url(../images/rv_prod.jpg) no-repeat;
        text-indent:-9999px;
        margin-left:-3px
        }

div#content-body div.rv-photos_prod {
        position:relative;
        float:left;
        width:165px;
        overflow: hidden;
        left: 0px;
        margin: 0;
        padding: 0;
        }
div#content-body div.rv-photos_prod a {
        cursor: pointer;
        position: relative;
        float: left;
        width: 55px;
        overflow: hidden;
        margin: 0;
        padding: 0; 
		}

/* for newsletter on homepage
-----------------------------------------------------------------------------*/
div.newsletter {position: relative;width: 382px;height: 70px;background: #6dcbf0 url(../images/newsletter_bg.gif) no-repeat;}
div.newsletter input {position: absolute;top: 35px;left: 15px;width: 250px;height: 18px;}
div.newsletter div a {position: absolute;top: 35px;right: 15px;width: 96px;height: 20px;text-indent: -9999px;background: url(../images/joinRoxy_btn.gif);}
div.newsletter div a:hover {background-position: bottom left;}

/* for sub containers on homepage. mainly setting margin, padding and width
-----------------------------------------------------------------------------*/
#homeSubcon1 {margin-bottom:10px;}
#homeSubcon2 {float:left;width:578px;margin-right:10px;}
#homeSubcon3 {float:left;width:382px;}
#padSlot11 {padding-bottom:10px; width:382;}


/* OAS top 
-----------------------------------------------------------------*/
#oasTopCart{
position:absolute;
right:0px; 
top:0; 
width:400px; 
height:26px;
overflow:hidden;
}

#oasTop{
position:absolute;
left:374px;
top:0px;
width:400px; 
height:26px;
overflow:hidden;
}
#oasCate{
position:absolute; 
right:0px; 
top:0; 
width:400px; 
height:26px;
overflow:hidden;
}

#oasTopFam{
position:absolute;
right:1px; 
*right:9px;
_right:8px;
top:0; 
width:400px; 
height:26px;
overflow:hidden;
}

#oasTopSho{
height:26px;
position:absolute;
right:0px;
top:0;
width:400px;
overflow:hidden;
}

#oasOutfit{
position:relative; 
right:0px;
left: -400px; 
*left: 570px;
top:0px; 
*top:-26px;
width:400px;
height:26px;
overflow:hidden;
}

#oasBread{
position:absolute;
right:0px;
top:0;
width:400px;
height:26px;
overflow:hidden;
}

/* CMS Nav XHTML WIDGET Client controls the background image
----------------------------------------------------------------------------*/
#headerOASNew{
	height:50px;
	left:105px;
	position:absolute;
	top:0;
	width:638px;
	overflow: hidden;
	}
	
.hidenav{
display: none !Important;
}
.show{
}
.navigationCMS {
	width: 638px;
	height: 50px;
	font-size: 11px;
	position: absolute;
	left: 105px;
	top: 50px;
	z-index: 7;
	overflow: hidden;
	}
	
.navigationCMS ul {padding:0; margin-top:8px; list-style-type: none;}

.navigationCMS ul li {float:left;}

.navigationCMS ul li a, .navigation ul li a:visited {display:block; text-decoration:none; padding:0 0 0 5px; height:18px; line-height:18px; color:#1ab4f0; cursor:pointer;}


.navigationCMS table {border-collapse:collapse; margin:0; padding:0; position: relative; bottom: 30px;}
.navigationCMS table tr td ul {width: 333px !important; height: 18px;}
.navigationCMS table tr td ul li {float: left; white-space: nowrap;}
.navigationCMS table tr td ul li a {float: left; margin: 0 1px; white-space: nowrap;}

.navigationCMS ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }
html > body .navigationCMS ul li ul {top:18px;}

html > body .navigationCMS ul li.surf ul {left: 244px; width: 333px;}
html > body .navigationCMS ul li.snow ul {left: 297px; width: 333px;}

.navigationCMS ul li:hover a,
.navigationCMS ul li a:hover {color:#cccc00; background:#fff;}

.navigationCMS ul li:hover ul,
.navigationCMS ul li a:hover ul {visibility:visible; width:524px;background:#fff;}

.navigationCMS ul li:hover ul li a.sub,
.navigationCMS ul li a:hover ul li a.sub {background:#fff url(../../graphics/drop2.gif) bottom right no-repeat;}

.navigationCMS ul li:hover ul li ul,
.navigationCMS ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.navigationCMS ul li:hover ul li a,
.navigation ul li a:hover ul li a {display:block; background:#fff; color: #1ab4f0;}

.navigationCMS ul li:hover ul li a:hover,
.navigationCMS ul li a:hover ul li a:hover {background:#fff; color:#ec008c;}

.navigationCMS ul li:hover ul li:hover ul,
.navigationCMS ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#fff;}

.navigationCMS ul li:hover ul.right li {float:right;}

.navigationCMS ul li:hover ul li:hover ul li a,
.navigationCMS ul li a:hover ul li a:hover ul li a {background:#dfc184;}

.navigationCMS ul li:hover ul li:hover ul li a:hover,
.navigationCMS ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e;}

.navigationCMS ul li a.actv {color:#ec008c !important;}

	#nav01 a{
	background-position: -10px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav01 a:hover{
	background-position: -10px -18px;
	}
	
	#nav01 a.active{
	background-position: -10px -18px !important;
	}
	/* Drop downs */
	
	#nav01-ul{
	 background-image: none;
	 position: absolute;
	 visibility:visible !Important;
	}
	
	#nav01-ul a{
	 color:#1AB4F0;
	 margin-left: 3px;
	 float:left !Important;
	}
	#nav01-ul a:hover{
	color:#EC008C !important;
	}
	
	
	/* End  #nav01 */
	
	#nav02 a{
	background-position: -264px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav02 a:hover{
	background-position: -264px -18px;
	}
	
	#nav02 a.active{
	background-position: -264px -18px !important;
	}
	/* Drop downs */
	#nav02-ul{
	 background-image: none;
	 position: absolute;
	 visibility:visible !Important;
	}
	
	#nav02-ul a{
	 color:#1AB4F0;
	 margin-left: 3px;
	 float:left !Important;
	}
	#nav02-ul a:hover{
	color:#EC008C !important;
	}
	/* End  #nav02 */
	
	#nav03 a{
	background-position: -510px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav03 a:hover{
	background-position: -510px -18px;
	}
	
	#nav03 a.active{
	background-position: -510px -18px !important;
	}
	
	#nav03-ul{
	 background-image: none;
	 position: absolute;
	 visibility:visible !Important;
	}
	#nav03-ul a{
	 color:#1AB4F0;
	 margin-left: 3px;
	 float:left !Important;
	}
	#nav03-ul a:hover{
	color:#EC008C !important;
	}
	
	/* End  #nav03 */
	
	#nav04 a{
	background-position: -758px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav04 a:hover{
	background-position: -758px -18px;
	}
	
	#nav04 a.active{
	background-position: -758px -18px !important;
	}
	
	#nav04-ul {
	position:absolute;
	visibility:visible !Important;
	}
	
	#nav04-ul a{
	background-image: none;
	font-size: 11px !important;
	color:#1AB4F0;
	margin-left: 3px;
	visibility:visible !Important;
	float:left !Important;
	}
	
	#nav04-ul a:hover{
	color:#EC008C !important;
	}
	
	/* End  #nav04 */
	#nav05 a{
	background-position: -1005px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav05 a:hover{
	background-position: -1005px -18px;
	}
	
	#nav05 a.active{
	background-position: -1005px -18px !important;
	}
	
	#nav05-ul {
	position:absolute;
	visibility:visible !Important;
	}
	
	#nav05-ul a {
	background-image: none;
	font-size: 11px;
	color:#1AB4F0;
	margin-left: 3px;
	visibility:visible !Important;
	float:left !Important;
	}
	
	#nav05-ul a:hover {
	color:#EC008C !important;
	}
	/* End  #nav05 */
	
	#nav06 a{
	background-position: -1253px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav06 a:hover{
	background-position: -1253px -18px;
	}
	
	#nav06 a.active{
	background-position: -1253px -18px !important;
	}
	#nav06-ul {
	position:absolute; 
	visibility:visible !Important;
	}
	
	#nav06-ul a {
	background-image: none;
	font-size: 11px;
	color:#1AB4F0;
	margin-left: 3px;
	visibility:visible !Important;
	float:left !Important;
	}
	
	#nav06-ul a:hover {
	color:#EC008C !important;
	}
	/* End  #nav06 */
	
	#nav07 a{
	background-position: -1497px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav07 a:hover{
	background-position: -1497px -18px;
	}
	
	#nav07 a.active{
	background-position: -1497px -18px !important;
	}
	#nav07-ul {
	position:absolute;
	}
	
	#nav07-ul a {
	background-image: none;
	font-size: 11px;
	color:#1AB4F0;
	margin-left: 3px;
	visibility:visible !Important;
	float:left !Important;
	}
	
	#nav07-ul a:hover {
	color:#EC008C !important;
	}
	/* End  #nav07 */
	#nav08 a{
	background-position: -1743px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav08 a:hover{
	background-position: -1743px -18px;
	}
	
	#nav08 a.active{
	background-position: -1743px -18px !important;
	}
	
	#nav08-ul {
	position:absolute;
	}
	
	#nav08-ul a {
	background-image: none;
	font-size: 11px;
	color:#1AB4F0;
	margin-left: 3px;
	visibility:visible !Important;
	float:left !Important;
	}
	
	#nav08-ul a:hover {
	color:#EC008C !important;
	}
	
	#nav09-ul {
	position:absolute;
	}
	
	/* End  #nav08 */
	#nav09 a{
	background-position: -1989px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav09 a:hover{
	background-position: -1989px -18px;
	}
	
	#nav09 a.active{
	background-position: -1989px -18px !important;
	}
	
	#nav09-ul a {
	background-image: none;
	font-size: 11px;
	color:#1AB4F0;
	margin-left: 3px;
	visibility:visible !Important;
	float:left !Important;
	}
	
	#nav09-ul a:hover {
	color:#EC008C !important;
	}
	/* End  #nav09 */
	#nav10 a{
	background-position: -2237px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav10 a:hover{
	background-position: -2237px -18px;
	}
	
	#nav10 a.active{
	background-position: -2237px -18px !important;
	}
	
	#nav10-ul a {
	background-image: none;
	font-size: 11px;
	color:#1AB4F0;
	margin-left: 3px;
	visibility:visible !Important;
	float:left !Important;
	}
	
	#nav10-ul a:hover {
	color:#EC008C !important;
	}
	/* End  #nav10 */
	#nav11 a{
	background-position: -2484px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav11 a:hover{
	background-position: -2484px -18px;
	}
	
	#nav11 a.active{
	background-position: -2484px -18px !important;
	}
	
	#nav11-ul a {
	background-image: none;
	font-size: 11px;
	color:#1AB4F0;
	margin-left: 3px;
	visibility:visible !Important;
	float:left !Important;
	}
	
	#nav11-ul a:hover {
	color:#EC008C !important;
	}
	/* End  #nav11 */
	#nav12 a{
	background-position: -2730px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav12 a:hover{
	background-position: -2730px -18px;
	}
	
	#nav12 a.active{
	background-position: -2730px -18px !important;
	}
	
	#nav12-ul a {
	background-image: none;
	font-size: 11px;
	color:#1AB4F0;
	margin-left: 3px;
	visibility:visible !Important;
	float:left !Important;
	}
	
	#nav12-ul a:hover {
	color:#EC008C !important;
	}
	/* End  #nav12 */
	#nav13 a{
	background-position: -2976px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav13 a:hover{
	background-position: -2976px -18px;
	}
	
	#nav13 a.active{
	background-position: -2976px -18px !important;
	}
	
	#nav13-ul a {
	background-image: none;
	font-size: 11px;
	color:#1AB4F0;
	margin-left: 3px;
	visibility:visible !Important;
	float:left !Important;
	}
	
	#nav13-ul a:hover {
	color:#EC008C !important;
	}
	/* End  #nav13 */
	#nav14 a{
	background-position: -3222px 0px;
	text-indent: -3000px;
	outline:none;
	}
	
	#nav14 a:hover{
	background-position: -3222px -18px;
	}
	
	#nav14 a.active{
	background-position: -3222px -18px !important;
	}
	
	#nav14-ul a {
	background-image: none;
	font-size: 11px;
	color:#1AB4F0;
	margin-left: 3px;
	visibility:visible !Important;
	float:left !Important;
	}
	
	#nav14-ul a:hover {
	color:#EC008C !important;
	}
	
	
	
	.actvd a{
	color:#EC008C !important;
	}
	

.links form {
display:inline;
}
/* CMS Footer XHTML WIDGET Client controls the background image
----------------------------------------------------------------------------*/
#footerCMS{
clear:both;
overflow:hidden;
width: 970px;
padding:0;
position:relative;
}

#footerCMS #footerBod dl.corp {
left: 16px;
}

#footerCMS #footerBod dl.cs {
left: 212px;
}

#footerCMS #footerBod dl.cs2 {
left: 407px;
}

#footerCMS #footerBod dl.intl {
left: 604px;
}

#footerCMS #footerBod dl.email {
left: 742px;
}

#footerCMS #footerBod input {
position: absolute;
top: 23px;
right: 60px;
width: 167px;
max-width: 167px;
height: 19px;
border: 1px solid #ddd;
}

#footerCMS #footerBod div a {
position: absolute;
text-indent: -9999px;
}

#footerCMS #footerBod div.catalog a:hover, #footerCMS div.subscribe a:hover, #footerCMS div.go a:hover {
background-position: bottom left;
}

#footerCMS #footerBod div.catalog a {
top: 64px;
right: 62px;
width: 167px;
height: 20px;
background: url(../images/requestCatalogue_btn.gif);
}

#footerCMS #footerBod div.subscribe a {
top: 105px;
right: 62px;
width: 167px;
height: 20px;
background: url(../images/rss-subscribe_btn.gif);
}

#footerCMS #footerBod div.go a {
top: 23px;
right: 15px;
width: 44px;
height: 20px;
background: url(../images/go_btn.gif);
}

#searchForm label{
display:none;
}

----------------------------------------------------------------------------*/
div#homefloatbox {
border:0 none;
clear:both;
float:left;
overflow:auto;
}

#newsbox {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
text-align:left;
width:360px;
}

.homefloatbox{
	float:left;
	clear:both;
	width:340px;
	height:290px;
	overflow:auto;
	/*border:1px solid #6FC1EA;*/
	border:0px;
	text-align:left;
}
.homefloatbox table,tr,td{
	font-family: arial, Luica Grande, Helvetica, Sans-Serif;
	font-size: 12px;
	line-height:14px;
}