body {
	margin:0 0 30px;
	padding:0;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-attachment: fixed;
	background-color: #000;
	background-image: url(images/bg_beachnew.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}



form {

margin:0;

padding:0;

}



input,textarea,select {

background:#f6f6f6;

border:1px solid #999;

}



input[type=checkbox],input[type=radio] {

background:transparent;

border:0;

}



.inp {

border:none;

}



.btn {

background:#530000;

border:1px solid #000;

color:#fff;

font-weight:400;

}



#topnav {

width:920px;

overflow:hidden;

padding:6px 10px 5px;

margin:0 auto;

background:#2f2f2f;

font-size:11px;

color:#fff;

}



#topnav a {

font-size:11px;

color:#fff;

}



#topnav-light {

color:#000;

background:#f0f0f0;

}



#topnav-light a {

color:#000;

}



ul {

margin:0;

padding:0;

}



HR {

height:0;

border-width:1px 0 0;

border-style:solid;

border-color:#ccc;

clear:both;

}



h2 {

font-size:24px;

font-weight:400;

border-bottom:4px double #999;

margin:0;

padding:0 0 6px;

}



h3 {

font-family:arial, helvetica, sans-sarif;

font-size:15px;

font-weight:700;

margin:0 5px;

padding:1px 5px 2px;

border-bottom:1px dotted #555;

background:#EAE9CE;

}



h4 {

font-size:14px;

font-weight:700;

margin:15px 10px 0 0;

padding:0;

border-bottom:1px solid #555;

}



a:link,a:visited {

color:#312792;

text-decoration:none;

}



a:hover {

color:#fc0;

}



td.smaller {

font-size:11px;

}



p.smaller {

font-size:11px;

}



img,a img,img a {

border:none;

}



#wrapper {

overflow:hidden;

background:#fff;

margin:0 auto;

padding:5px;

width:940px;

border:3px solid #3f3f3f;

}



#inner-wrapper {

overflow:hidden;

}



#leftpan {

float:left;

width:200px;

padding:0;

min-height:480px;

height:auto!important;

}



#leftpan br {

clear:both;

margin:10px 0;

padding:0;

}



#rightpan {

float:right;

width:737px;

padding:0 0 0 3px;

min-height:480px;

height:auto!important;

}



#rightpan p {

padding:10px 0;

}



#footer {

font-size:8pt;

text-align:center;

color:#ccc;

margin:0;

padding:15px 0;

background:#2f2f2f url(images/footerbg.jpg) center center no-repeat;

}



#footer a {

color:#9bd;

}



#footer a:hover {

color:#fc9;

}



/* left menu with click */

#leftmenu {

font-size:12px;

padding:0;

}



#leftmenu a,#leftmenu a:active,#leftmenu a:visited {

font-size:12px;

color:#333;

}



#leftmenu ul {

margin:0;

padding:0;

}



#leftmenu ul li {

list-style:none;

padding:2px 4px;

margin:2px 0;

border:1px solid #ccc;

background:#f0f0f0 url(images/bullet1.gif) 2px 4px no-repeat;

font-weight:700;

text-transform:uppercase;

}



#leftmenu ul li a {

font-weight:700;

padding-left:12px;

}



#leftmenu ul li li {

margin:2px;

padding-left:12px;

border:none;

background:#f9f9f9 url(images/bullet.gif) 2px 6px no-repeat;

font-weight:400;

text-transform:none;

}



#leftmenu ul li li a {

font-weight:400;

padding-left:0;

}



#leftmenu ul li li li {

margin:2px;

padding-left:9px;

border:none;

background:#f9f9f9 url(images/bullet2.gif) 0 7px no-repeat;

font-weight:400;

text-transform:none;

}



#leftmenu ul li li li a {

font-weight:400;

padding-left:0;

}



#leftmenu ul li li li li {

margin:2px;

background:#f9f9f9;

font-weight:400;

font-size:9pt;

text-transform:none;

}



/* end left menu */

.minlogin,.minlogin a {

font-size:11px;

}



.mincart {

font-size:11px;

color:#fff;

background:#2f2f2f;

}



.price {

font-size:12px;

font-family:"Times New Roman", times, sarif;

color:#090;

font-weight:700;

}



.prodprice {

font-family:"Times New Roman", times, sarif;

font-size:12px;

color:#090;

font-weight:400;

}



P.catname {

margin-top:0;

margin-bottom:4px;

vertical-align:top;

}



P.catdesc {

margin-top:0;

vertical-align:top;

}



TD.catname {

vertical-align:top;

}



TD.catnavigation {

font-size:8pt;

font-weight:400;

color:#555;

text-transform:uppercase;

}



/*.ectlink {

font-size:8pt;

font-weight:400;

color:#555;

text-transform:uppercase;

letter-spacing:1px;

}*/

/* place a border around products */

TD.product {

border-bottom:1px solid #ccc;

border-left:1px solid #ccc;

background:#f6f6f6;

padding:6px;

}



TD.product-small {

border:1px solid #ccc;

background:#f6f6f6;

padding:2px;

}



HR.prodseparator {

height:0;

border:0;

}



.prodnavigation {

font-size:8pt;

font-weight:400;

color:#555;

text-transform:uppercase;

padding-left:3px;

}



.prodname,.prodname a {

font-size:11px;

font-weight:400;

color:#333;

}



OPTION.oostock {

color:red;

}



.detailname {

font-family:"Times New Roman", Roman, sarif;

font-size:17px;

font-weight:700;

}



.detaildescription {

font-size:12px;

padding-right:5px;

}



.detailoptions {

}



div.detailprice {

padding:5px 0;

}



.detaildiscounts {

font-size:12px;

text-transform:uppercase;

}



.detailthumb {

margin:0 0 0 3px;

padding:2px;

border:1px solid #333;

}



.detailthumb img,.detailthumb img a,.detailthumb a img {

border:1px solid #fff;

}



.detailthumb img:hover {

border:1px solid red;

}



.detailthumbmain img,.detailthumbmain img a,.detailthumbmain a img {

border:1px solid #333;

}



.detailthumbmain img:hover {

border:1px solid red;

}



OPTION.oostock {

color:#A0A0A0;

}



img.cartimage {

width:80px;

}



.box {

padding:0;

}



.cobhl,.cobll {

padding:3px;

font-size:8pt;

}



.cobtbl li {

list-style:none;

}



.recommend {

margin-left:3px;

vertical-align:middle;

border-bottom:1px solid #ccc;

}



.recommend ul {

padding:3px 0;

}



.recommend li {

list-style:none;

display:inline;

margin-right:3px;

}



.recommend img {

overflow:hidden;

vertical-align:middle;

border:1px solid #ccc;

}



/*--- jcarousel start --*/

.jcarousel-skin-ie7 .jcarousel-container {

-moz-border-radius:0;

background:transparent;

margin:0;

padding:0;

}



.jcarousel-skin-ie7 .jcarousel-container-horizontal {

margin:2px 0;

padding:0;

}



.jcarousel-skin-ie7 .jcarousel-clip-horizontal {

width:100%;

height:86px;

margin:0;

}



.jcarousel-skin-ie7 .jcarousel-item {

width:65px;

height:80px;

}



.jcarousel-skin-ie7 .jcarousel-item:hover {

border-color:#fc0;

}



.jcarousel-skin-ie7 .jcarousel-item-horizontal {

margin-right:3px;

}



.jcarousel-skin-ie7 .jcarousel-item-vertical {

margin-bottom:6px;

}



.jcarousel-skin-ie7 .jcarousel-item-placeholder {

}



.jcarousel-container {

position:relative;

margin:0 auto;

}



.jcarousel-clip {

z-index:2;

padding:0;

margin:0;

overflow:hidden;

position:relative;

}



.jcarousel-list {

z-index:1;

overflow:hidden;

position:relative;

top:0;

left:0;

margin:0;

padding:0;

}



.jcarousel-list li,.jcarousel-item {

float:left;

list-style:none;

/* We set the width/height explicitly. No width/height causes infinite loops. */

width:65px;

height:80px;

padding:2px;

border:1px solid #888;

}

/*-- jcarousel end --*/



/*--- content slider start ---*/

.sliderwrapper {

position: relative; /*leave as is*/

overflow: hidden; /*leave as is*/

width: 637px; /*width of featured content slider*/

height: 500px;

margin:0;

z-index:100;

background:inherit;

}



.sliderwrapper .contentdiv {

visibility: hidden; 

position: absolute; 

left: 0;

top: 0;

width: ;

height: 100%;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}



.sliderpagination{

margin-left:2px;

width:; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/

}



.sliderpagination a {

float:left;

border:2px solid #333;

margin:2px 2px 3px 2px;

}



.sliderpagination a:hover, .sliderpagination a.selected {

float:left;

border:2px solid #ff0000;

margin:2px 2px 3px 2px;

}

/*--- content slider end ---*/





/*--- thickbox ---*/

#TB_window {

	font: 12px Arial, Helvetica, sans-serif;

	color: #333333;

}



#TB_secondLine {

	font: 10px Arial, Helvetica, sans-serif;

	color:#ccc;

}



#TB_window a:link {color: #ccc;}

#TB_window a:visited {color: #ccc;}

#TB_window a:hover {color: #fc0;}

#TB_window a:active {color: #ccc;}

#TB_window a:focus{color: #ccc;}



#TB_window {

	position: fixed;

	background: #2f2f2f;

	z-index: 102;

	color:#fff;

	display:none;

	text-align:left;

	top:50%;

	left:50%;

}



* html #TB_window { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}



#TB_window img#TB_Image {

	display:block;

	margin: 15px 0 0 15px;

}



#TB_caption{

	height:25px;

	padding:7px 15px 10px 25px;

	float:left;

}



#TB_closeWindow{

	height:25px;

	padding:0 25px 10px 0;

	float:right;

}



#TB_title{

	background-color:#e8e8e8;

	height:27px;

}



#TB_load{

	position: fixed;

	display:none;

	height:13px;

	width:208px;

	z-index:103;

	top: 50%;

	left: 50%;

	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */

}



* html #TB_load { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}



#TB_HideSelect{

	z-index:99;

	position:fixed;

	top: 0;

	left: 0;

	background-color:#fff;

	border:none;

	height:100%;

	width:100%;

}



* html #TB_HideSelect { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

