/* Default CSS Stylesheet for a new Web Application project */

body, BODY {
	margin: 0px;
	font-family: Tahoma;
	font-size: 8pt;
	color: #8A0B04;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;
}

h1, H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #DC330A;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-image: none;
	text-align: left;
	display: inline;
	letter-spacing: -1px;
}

h2, H2 {
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #DC330A;
	text-decoration: none;
	display: inline;
}

H3, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #DC330A;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-image: none;
	text-align: left;
	display: inline;
	letter-spacing: -2px;
}
h4, H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #888888;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-image: none;
	text-align: left;
	display: inline;
	letter-spacing: -1px;
}
h5, H5 {
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #888888;
	text-decoration: none;
	display: inline;
}

a {
	font-family: Tahoma;
	font-size: 8pt;;
	color: #EA390D;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	background: none;
	text-align: left;
}

a:hover {
	font-family: Tahoma;
	font-size: 8pt;
	color: #FC3707;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;
}

a.big {
	font-family: Tahoma;
	font-size: 14px;
	color: #EA390D;
	font-weight: normal;
	font-style: normal;
	text-decoration: None;
	background: ;
	background-image: none;
	text-align: left;
}

a.big:hover {
	font-family: Tahoma;
	font-size: 14px;
	color: #FC3707;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	background: ;
	background-image: none;
	text-align: left;
}


a.product {
	font-family: Tahoma;
	font-size: 9pt;;
	color: #DC330A;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;
}

a.product:hover {
	font-family: Tahoma;
	font-size: 9pt;;
	color: #EF3F15;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	background: ;
	background-image: none;
	text-align: left;
}

p {
	font-family: Tahoma;
	font-size: 8pt;;
	color: #666666;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: none;
	text-align: left;
	line-height: 150%;
}
#mast-pad { width: 940px; height: 170px; padding-top: 0px; padding-right: 25px; padding-bottom: 0px; padding-left: 25px }

ul.tool-nav { list-style: none; margin: 0px; padding-top: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; width: 665px; height: 20px; overflow: visible; }
ul.tool-nav li.sale { float: left; height: 15px; padding: 0px; margin-right: 5px; }
ul.tool-nav li.blog { float: left; height: 15px; padding: 0px; margin-right: 5px; }
ul.tool-nav li.facebook { float: left; height: 15px; padding: 0px; margin-right: 3px; }
ul.tool-nav li.twitter { float: left; height: 15px; padding: 0px; margin-right: 3px; }
ul.tool-nav li.basket { float: left; height: 15px; padding: 0px; margin-right: 3px; }
ul.tool-nav li.nav { float: left; height: 15px; padding: 0px; margin-right: 0px; width: 25px; }
ul.tool-nav li.comingsoon { float: left; height: 15px; padding: 0px; margin-right: 3px; }

ul.primary-nav { list-style: none; margin: 0px; padding-top: 20px;  padding-bottom: 0px; padding-left: 0px; padding-right: 0px; width: 665px; height: 20px; overflow: visible; }
ul.primary-nav li { float: left; height: 15px; padding-right: 10px; margin-right: 5px; }

ul.secondary-nav { list-style: none; margin: 0px; padding-top: 20px;  padding-bottom: 0px; padding-left: 0px; padding-right: 0px; width: 665px; height: 20px; overflow: visible; }
ul.secondary-nav li { float: left; height: 15px; padding-right: 10px; margin-right: 5px; }

/* ------------------------------------------------------------------------------ */
/* Home Page TopNine-style feature */

div.top-items-title {
	margin-bottom: 20px;
	height: 50px;
	width: 600px;
	background: #DC330A;
}

h1.hot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 15px;
	line-height: 250%;
	display: inline;
}

span.productlisthead a {
	font-family: Tahoma;
	font-size: 8pt;
	color: #FC3707;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	text-align: left;
	line-height: 12pt;
}

span.productlisthead a:hover {
	font-family: Tahoma;
	font-size: 8pt;
	color: #FC3707;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	line-height: 12pt;
}

span.price-now {
	width: 100px;
	height: 20px;
	padding-top: 5px;
	color: #EA390D;
	font-size: 8.5pt;
	font-weight: normal;
	display: inline;
}

span.price-was {
	width: 100px;
	height: 20px;
	padding-top: 5px;
	color: #666;
	font-size: 8.5pt;
	font-weight: normal;
	display: inline;
}

/* ------------------------------------------------------------------------------ */
/* New Search Results Layout and Styles */

/* 1. Re-order Buttons */

#reorder-container {
	width: 600px;
	height: 30px;
	float: left;
	clear: both;
}

a.a-button {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	line-height: 200%;
	display: block;
	width: 88px;
	height: 23px;
	margin-right: 10px;
	background: #FF0000;
	float: left;
}

a.a-button:hover {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	line-height: 200%;
	display: block;
	width: 88px;
	height: 23px;
	margin-right: 10px;
	background: #CCC;
	float: left;
}

/* 2. Search Results */

#search-container {
	width: 190px;
	float: left;
}

#search-title {
	width: 600px;
	height: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#category-description {
	width: 600px;
	margin-bottom: 20px;
}

div.product {
	width: 600px;
	float: left;
	margin-bottom: 20px;
}

img.overlay { position: absolute; top: 0; left: 0; border: 0; }

div.productimage {
	width: 120px;
	height: 180px;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ECE9E6;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
div.productdetails {
	float: left;
	background: #ECE9E6;
	height: 180px;
	width: 470px;
}

span.ProductListHead {
	width: 460px;
	height: 180px;
	margin: 0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	display: block;
	text-align: left;
	vertical-align: text-top;
}

/* 3. Pagination */

span.search-now {
	width: 150px;
	height: 20px;
	padding-top: 5px;
	color: #EA390D;
	font-size: 12pt;
	font-weight: normal;
	display: inline;
}

span.search-was {
	width: 100px;
	height: 20px;
	padding-top: 5px;
	color: #666;
	font-size: 12pt;
	font-weight: normal;
	display: inline;
}

div.navigation {
	clear: both;
}

div#leftnav { float: left; padding-right: 20px; }

div#rightnav { float: left; }

div#numnav {}

div#numnav p {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #990000;
}


/* Continue Shopping Styles */

#img-border {
	border: 1px solid #E3E3E3;
	width: 130px;
	height: 130px;
	padding: 5px;
}

a.big-link, a.big-link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #DC330A;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-image: none;
	text-align: left;
	display: inline;
	letter-spacing: -1px;
}

/* Site Map Navigation Styles */

#section-title {
	background-image: url(/layout/section-bg.jpg);
	height: 60px;
	width: 600px;
	padding-top: 20px;
	padding-left: 20px;
}

#section-box {
	background: #EFEFEF;
	width: 600px;
	padding: 10px;
}

#category-box {
	padding: 10px;
	border: 1px solid #E6F2F8;
	background: #F9FDFF;
	background-image: url(/layout/site-map-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	
}

a.nav-parent {
	font-family: Tahoma;
	font-size: 18pt;
	color: #3886BC;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;
}

a.nav-parent:hover {
	font-family: Tahoma;
	font-size: 18pt;
	color: #A6D514;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;
}

a.nav-child {
	font-family: Tahoma;
	font-size: 9pt;;
	color: #3886BC;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;
}

a.nav-child:hover {
	font-family: Tahoma;
	font-size: 9pt;;
	color: #A6D514;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;
}

/* Terms and Conditions */

#terms-box {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 80px;
	border: 1px solid #E6F2F8;
	background: #F9FDFF;
	background-image: url(/layout/terms-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

span.footnote {
	font-family: Tahoma;
	font-size: 7pt;
	color: #3886BC;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;

}

/* Native or CitrusStore-Specific Styles */

#recommended-box {
	width: 100%;
	padding: 10px;
	border: 1px solid #E6F2F8;
	background: #F9FDFF;
	background-repeat: repeat-x;
	background-position: left top;
}

#price-box {
	width: 500px;
	height: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #E6F2F8;
	background: #F9FDFF;
	background-image: url(/layout/price-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#attributes-box {
	width: 600px;
	padding: 10px;
	border: 1px solid #EAEAEA;
	background: #F8F8F8;
}

.little-note {
	font-family: Tahoma;
	font-size: 7pt;
	color: #E74D1F;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.GeneralPage
{
	background: url(/layout/bg-lines.gif) repeat center top;
	margin: 0px;
}

.GeneralTable
{
	background: ;}

#image-border {
	border: 0px dotted #CCCCCC;
	padding: 5px;
	height: 136px;
	width: 120;
	margin: 0px;
}

#nav-pad-left {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 25px;
}

#nav-pad-right {
	width: 290px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-image: url(/Images/spacer-line.gif);
	background-repeat: repeat-y;
	background-position: left;
}

#nav-pad-right-bg {
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: left top;
}

#column-pad-right {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#general-pad {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 135px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 10px;
	background: #EFEFEF;
}

#name-pad {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 135px;
	height: 105px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 10px;
	background: #EFEFEF;
}

#price-pad {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 135px;
	height: 50px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 10px;
	background: #EFEFEF;
}

#main-pad{
	width: 600px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 25px;
}

#rc-bg {
	background-image: url(/Images/right-column-bg.jpg);
	padding: 5px;
}

#home-offer {
	background-image: url(/layout/home-offers-bg.jpg);
	padding: 5px;
}

#wb-footer {
	padding: 25px;
}

#footer-pad {
	padding: 25px;
	padding: 25px;
	border: 1px solid #E6F2F8;
	background: #F9FDFF;
	height: 240px;
}
#search-pad {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image: url(/Images/spacer-line.gif);
	background-repeat: repeat-y;
	background-position: left;
}
#menu-line {
	background-image: url(/Images/menu-line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 590px;
}
#related {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height:100px;
	background-image: url(/Images/related-bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#searchresults {
	border: thin solid #CCCCCC;	
	background: #CCCCCC;
}

.TopBanner
{
	font-family: Tahoma;
	font-size: 28px;
	color: #666666;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
}

.TopSubBanner
{
	font-family: Tahoma;
	font-size: 9pt;
	color: #E7E3D7;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: center; /* Align Text */
}

.TopSubBannerText
{
	font-family: Tahoma;
	font-size: 9pt;
	color: #E7E3D7;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center; /* Align Text */
}

.LeftColumn
{
	font-family: Tahoma;
	font-size: 9pt;;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	width: 20%; /* Cell Width */
}

.LeftColumnText
{
	font-family: Tahoma;
	font-size: 9pt;;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	width: 20%; /* Cell Width */
}

.RightColumn
{
	font-family: Tahoma;
	font-size: 9pt;;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
}

.RightColumnText
{
	font-family: Tahoma;
	font-size: 9pt;;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	width: 20%; /* Cell Width */
}

.Footer
{
	font-family: Tahoma;
	font-size: 9pt;;
	color: #C6BFA5;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: center; /* Align Text */
	vertical-align: top; /* Vertical Align Text */
}

.FooterText
{
	font-family: Tahoma;
	font-size: 9pt;;
	color: #C6BFA5;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center; /* Align Text */
	vertical-align: top; /* Vertical Align Text */
}

.Instructions
{
	font-family: Tahoma;
	font-size: 8pt;;
	color: ##D1552F;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;
}

.ErrorMessages
{
	font-family: Tahoma;
	font-size: 8pt;
	color: #333333;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}


.ErrorMessages-detail
{
	font-family: Tahoma;
	background-image: url(/layout/error-bg.jpg);
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	padding: 20px;
	height: 80px;
	width: 600px;
	background-repeat: no-repeat;
	background-position: left top;
}

.Messages
{
	font-family: Tahoma;
	font-size: 8pt;;
	color: #666666;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;
}

.Headings
{
	font-family: Tahoma;
	font-size: 9pt;
	color: #E53F0D;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;
}

.Inputs
{
	font-family: Tahoma;
	font-size: 9pt;;
	color: black;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
}

.Content
{
	font-family: Tahoma;
	font-size: 8pt;;
	color: #666666;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;

}

.form
{
	font-family: Tahoma;
	font-size: 9pt;;
	color: #999999;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;

}

.AlternatingContent
{
	font-family: Tahoma;
	font-size: 9pt;;
	color: black;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-image: none;
	text-align: left;
}


.ContentTableHeader
{
	font-family: Tahoma;
	font-size: 9pt; /* Heading Font Size */
	color: #000000; /* Heading Font Color */
	font-weight: bold; /* Heading Font Style */
	font-style: normal; /* Heading FontStyle */
	text-decoration: none; /* Heading Font Style */
	background: ;
	background-image: none;
	text-align: left;
}

.ContentTable
{
	background: ;
}

.ContentTableHorizontal
{
	background: ;
}


/*AIR FLY-OUT NAV */

/*background colour & border of main navigation*/
.TopGroup {
	background: #FFFFFF;
	border: 1px solid #EFEFEF;
}

/* background colour and border of expanded navigation*/
.Group {
  background: #ECE9E6;
  /*border:solid 1px #EBEBEB;*/ 
}

/*font colour, border of each navigation item.  if you set a 
background for this style then it will overwrite the topgroup and
group background colours*/
.Item {
  font-family: Tahoma;
  font-size: 8pt; 
  border: solid 1px #FFFFFF;
  cursor: pointer;
  color: #666666;
}

/* the style for mouse overs*/
.ItemH {
  background: #E53F0D; 
  color: #FFFFFF; 
  font-family: Tahoma;
  font-size: 8pt;  
  border: solid 1px #DDDDDD; 
  cursor: pointer;
}

/* style for the active menu item*/
.ItemExp {
  background: #F9F9F7; 
  color: #FFFFFF; 
  font-family: Tahoma;
  font-size: 8pt;  
  border: solid 1px #FFFFFF; 
  cursor: pointer;
}
#basket{
	background-image: url(/Images/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:10px;
	padding-left: 45px;
	height: 40px;
	width: 250px;
}
.sizingheader
{
	font-family: Tahoma;
	font-size: 8pt;;
	color: #FFFFFF;
	font-weight: normal;
	font-style: vold;
	text-decoration: none;
	background: #DC330A;
	background-image: none;
	text-align: left;

}

#nick-name {
	margin: 0px;
	padding: 10px;
	height: 100px;
	width: 250px;
	border: 1px solid #003366;
	display: none;
	position: absolute;
	background: #FFFFFF;
}

#alt-billing {
	margin: 0px;
	padding: 10px;
	height: 100px;
	width: 250px;
	border: 1px solid #003366;
	display:none;
	position:absolute;
	background: #FFFFFF;
}

/* ----------------------------------------------------------- */
/* Right Column Features */

ul#tools, ul#brands, ul#sale, ul#misc, ul#rss-new-products, ul#oneill-academy {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
}

li.oneill-text-link { background: #000; height: 30px; width: 250px; margin: 0px; padding: 0px; }
li.oneill-text-link a { color: #FFF; font-weight: bold; line-height: 300%; text-indent: 10px; text-decoration: underline; }
li.oneill-text-link a:hover { color: #FFF; font-weight: bold; line-height: 300%; text-indent: 10px; text-decoration: none; }

li#twitter {
	margin-bottom: 0px;
}

li#search {
	margin-bottom: 0px;
}

li.row, li.row-alt, li.brands-link {
	line-height: 200%;
	text-indent: 10px;
	width: 250px;
}

li.row {
	background: #FFE8E8;
}

li.brands-link {
	background: #F1F0D8;
}
	
ul#misc li {
	margin-bottom: 20px;
}
#flashid {
	height: 100%;
	width: 700px;
	float: right;
}

/* ------------------------------------------ */
/* Site Map Styles */

.map0  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #DC330A;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 5px;
	letter-spacing: -1px;
	border-top: 1px solid #CCCCCC;
}

.map1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0071BC;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 20px;
}

.map2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0071BC;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 40px;
}

.map3  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0071BC;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 60px;
}

div#divCurrency { margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 0px; padding: 0px; height: 25px; width: 350px; position: relative; }

span.euronow, span.eurowas { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; line-height: normal; font-weight: normal; color: #0066CC; text-decoration: none; }
span.usdnow, span.usdwas { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; line-height: normal; font-weight: normal; color: #669900; text-decoration: none; }

/* -------------------------------------------------------------------- */
/* Shipping Charges Table */

table#shipping {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
}

table#shipping th {
	background: #FFF0F0;
	font-weight: normal;
	color: #DC330A;
	border: 1px solid #DC330A;
}

table#shipping tr {
	font-weight: normal;
	color: #DC330A;
}

table#shipping td {
	font-weight: normal;
	border: 1px solid #DC330A;
	text-align: center;
}

ul#ship-detail { padding: 0px; margin-top: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; list-style: none; width: 600px; }
ul#ship-detail li { float: left; }

p.same-day-ship { padding: 10px; font-size: 10pt; font-weight: bold; color: #DC330A; background: #FFF0F0; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; text-align: center; }

.StockCount { font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #666; }
.StockCount-none { font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #666; }

/* --------------------------------------------------------- */
/* Twitter */

div#twitter_div { background: #FFF0F0; width: 250px; margin-left: 0px; margin-bottom: 10px; border-bottom: 1px solid #DC330A; }
ul#twitter_update_list { margin: 10px; padding: 0px; }
ul#twitter_update_list li { font-family: Arial, Helvetica, sans-serif; color: #DC330A; font-size: 14pt; list-style: none; margin: 0px; padding: 0px; }
ul#twitter_update_list li a { font-family: Arial, Helvetica, sans-serif; color: #DC330A; font-size: 8.5pt; text-decoration: none; margin: 0px; padding: 0px; display: block; }



/* ------------------------------------------------------------------------------ */
/* Surf Tech Measurements*/

dl { font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; float: left; width: 184px; border-right: 1px solid #e5e5e5; margin-right: 8px; margin-bottom: 8px; padding-left: 8px; background: #efefef }
dl dt { float: left; padding: 2px 0px 5px 0px; line-height: 130%; font-weight: bold; width: 50px; }
dl dd { margin: 0px; padding: 2px 0px 5px 0px; line-height: 130%; }

/* ------------------------------------------------------------------------------ */
/* Link blog */

table#blog-link-content { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; clear: right }
table#blog-link-content td { padding-bottom: 10px }
table#blog-link-content h2 { text-transform: capitalize }
table#blog-link-content img { float: left; margin-right: 15px; border: 1px solid #e5e5e5 }
table#hm-article img { float: left; margin-right: 15px }


/*-------------------------------------------------------------------------------*/
/* Coming Soon */

div.productSoon {width: 140px; float: left;	margin: 0px 10px 20px 0px; display:inline; }
div.productimageSoon {width: 138px; float: left; border: 1px solid #ECE9E6; margin: 0; padding:0; }
div.productdetailsSoon {float: left; background: #ECE9E6; height: 150px; width: 140px; }
div.comingSoon {float: left; background: #ECE9E6; height: 250px; width: 140px; font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal;line-height: normal;font-weight: normal; color: #666666; text-decoration: none; display: inline; }
span.ProductListHeadSoon {width: 140px; padding-left: 10px; padding-top: 10px; display: block; text-align: left; vertical-align: text-top;  }


/*-------------------------------------------------------------------------------*/
/*  CREDIT CARD  */

#card-select{background:url(https://www.shoponthebeach.com/Images/card-select-bg.png) top left no-repeat;width:287;height:57px;}

/* ----- Detail Page
ul.tabs{float:left;list-style:none;height:36px;border-bottom:1px solid #cb2606;border-left:1px solid #e5e5e5;width:100%;margin:0;padding:0; clear:both; }
ul.tabs li{float:left;}
ul.tabs li a{text-decoration:none;display:block;outline:none; font-size:10.5pt;font-weight:bold;font-style:normal;line-height:250%;text-decoration:none;  border:1px solid #fff; height:35px;border:1px solid #cb2606;border-lef`t:none;overflow:hidden;position:relative;margin:0 0 -1px; padding:0px 15px; color:#aaaaaa }
ul.tabs li a:hover {color:#666; }
html ul.tabs li.active{background:#fff;border-bottom:1px solid #cb2606;}
html ul.tabs li.active a, html ul.tabs li.active a:hover{background:#fff;border-bottom:1px solid #cb2606; color:#333;}
.tab_container{border:1px solid #cb2606;border-top:none;overflow:hidden;clear:both;float:left;width:100%;background:#fff; text-align:left; margin-bottom:10px;}
.tab_content{font-family:Arial,Helvetica,sans-serif;color:#666;font-size:9.5pt;font-weight:normal;font-style:normal;line-height:150%; padding:15px;}
.tab_content p, .tab_contentul, .tab_contentli {font-family:Arial,Helvetica,sans-serif;color:#666;font-size:9.5pt;font-weight:normal;font-style:normal;line-height:150%;}
.tab_content p b, .tab_content p strong, .tab_content p b, .tab_content p p strong  { font-family:Arial,Helvetica,sans-serif;color:#333;font-size:9.5pt;font-weight:bold;font-style:normal;line-height:150%;text-decoration:none} --- Tabs */

/* ----- Detail Page --- Tabs -- No Padding */
ul.tabs-none{float:left;list-style:none;height:79px;width:600px;margin:0;padding:0; clear:both; }

ul.tabs-none li.alt { float:left; width: 300px; height: 79px; background: url(/Images/whatsnew.png) top left no-repeat }
ul.tabs-none li.norm { float:left; width: 300px; height: 79px; background: url(/Images/viewwebcam.png) top left no-repeat }

ul.tabs-none li a {text-decoration:none;display:block;outline:none; font-size:10.5pt;font-weight:bold;font-style:normal;line-height:250%;text-decoration:none; height:35px;overflow:hidden;position:relative;margin:0 0 0; padding:0px 15px; color:#aaaaaa; height:79px; text-indent: -100000px}


/* ul.tabs-none li a:hover {color:#666; height:79px; }
ul.tabs-none li.alt a:hover {color:#666; height:79px; } */

html ul.tabs-none li.active{height:79px; }

html ul.tabs-none li.active a, html ul.tabs li.active a:hover{  background-image:; height:79px;}

.tab_container-none{border-top:none;overflow:hidden;clear:both;float:left;width:100%;background:#fff; text-align:left; margin-bottom:10px;}

.tab_content-none{font-family:Arial,Helvetica,sans-serif;color:#666;font-size:9.5pt;font-weight:normal;font-style:normal;line-height:150%; padding:4px 0;}

.tab_content-none p, .tab_content-none, .tab_content li {font-family:Arial,Helvetica,sans-serif;color:#666;font-size:9.5pt;font-weight:normal;font-style:normal;line-height:150%;}

.tab_content-none p b, .tab_content-none p strong, .tab_content-none p b, .tab_content-none p p strong  { font-family:Arial,Helvetica,sans-serif;color:#333;font-size:9.5pt;font-weight:bold;font-style:normal;line-height:150%;text-decoration:none}