/* Made for Hotel Bondi Swim 2009 / 2010. Created by Matthew Woodward - mwoodward.com.au. All Rights Reserved
----------------------------------------- */

/* Resets
----------------------------------------- */
* { padding: 0; margin: 0; }
li, ul { list-style: none; }
img { -ms-interpolation-mode: bicubic; border: none; }
a img { border: none; }
a { outline: none; border: none;}
.clear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; }
.txtCopyright { display: none; }

/* Links
----------------------------------------- */
a.main, a.main:visited { font-weight: bold; color: #333; text-decoration: none; }
a.main:hover, a.main:active { color: #000; text-decoration: none; }
a.sub, a.sub:visited { font-weight: bold; color: #888; text-decoration: none; }
a.sub:hover, a.sub:active { color: #333; text-decoration: none; }

/* Validation
----------------------------------------- */
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
body { height: 100%; background: #fff; color: #333; font: 12px/18px Helvetica, Arial, Geneva, sans-serif; }

p { margin: 0 0 10px 0; }

/* Framework
----------------------------------------- */
#pageHold { width: 900px; margin: 0 auto; }
#pageHeader { width: 900px; height: 117px; background: #fff url('../styleImages/logo/logo.jpg') no-repeat; border-bottom: 3px solid #e4e8e7; }
#pageContent { width: 900px; padding: 22px 0; height: 474px; background: #fff; border-bottom: 3px solid #e4e8e7; }
#pageContentAlt { width: 900px; padding: 22px 0; background: #fff; border-bottom: 3px solid #e4e8e7; }
#pageContentLeft { width: 128px; height: 474px; background: #fff; float: left; text-align: right; }
#pageContentLeftAlt { width: 128px; background: #fff; float: left; text-align: right; }
#pageContentRight { width: 750px; height: 474px; overflow: hidden; background: #fff; float: right; }
#pageContentRightAlt { width: 750px; overflow: hidden; background: #fff; float: right; }
#pageFooter { width: 900px; height: 43px; background: #fff url('../styleImages/logo/footer.jpg') no-repeat; }
#sideLogo { width: 128px; height: 148px; background: #fff url('../styleImages/logo/sidelogo.jpg') no-repeat; margin: 0 0 22px 0; }

/* Homepage
----------------------------------------- */
#homePageMain { width: 637px; overflow: hidden; height: 474px; float: left; background: #fff; }
#homePageRight { width: 113px; height: 474px; float: right; position: relative; background: #fff url('../styleImages/close_inactive.jpg') no-repeat top right; }
#homeProductImage { width: 144px; height: 148px; overflow: hidden; background: #fff; margin: 0 0 15px 0; float: left; }
#homeImageFloat { height: 163px; width: 15px; background: transparent; float: left; }
div.scrollable { position:relative; overflow:hidden; height: 474px; width: 637px; } 
div.scrollable div.items { position:absolute; height:20000em; }
#more { cursor: pointer; position: absolute; bottom: 0; left: 0; width: 23px; height: 44px;
	background: #fff url('../styleImages/more.jpg') no-repeat; }
#less { cursor: pointer; position: absolute; top: 0; left: 0;width: 23px; height: 44px;
	background: #fff url('../styleImages/less.jpg') no-repeat; }
	
/* Productpage
----------------------------------------- */
#productPageMain { width: 382px; overflow: hidden; height: 474px; float: left; background: #fff; }
#productPageRight { width: 346px; height: 474px; float: right; position: relative; }
#productPageImages { height: 430px; width: 382px; overflow: hidden; background: #fff; margin: 0 0 22px 0; }
#productPageNav { font-size: 11px; font-weight: bold; color: #999; text-align: left; height: 22px; width: 382px; background: #fff; overflow: hidden; line-height:22px; }
#productPageNav a { background: #151515; margin: 0 1px 0 0; line-height: 22px; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none; padding: 10px; }
#productPageNav a.activeSlide { color: #46b7ef; }
#closeBtn { background: #fff url('../styleImages/close_active.jpg') no-repeat top right; height: 25px; width: 25px; position: absolute; top: 0; right: 0; }
#productTitle { font-weight: bold; font-size: 18px; line-height: 18px; display: block; padding: 12px 0 16px 0; border-bottom: 1px solid #ccc; }
#productDesc { padding: 12px 0; border-bottom: 1px solid #eee; }
#productPrice { font-size: 18px; padding: 12px 0; border-bottom: 1px solid #eee; }
#productOptionsBox { padding: 12px 0 6px 0; border-bottom: 1px solid #eee; }
#productPurchase { text-align: right; padding: 12px 0; border-bottom: 1px solid #ccc; }
#ccProdBuy { padding: 5px 10px; background: #76aeee; float:right; }
#ccProdBack { padding: 5px 10px; background: #ccc; float:left; }
#productPurchase a { text-decoration: none; color: #000; }
select { width: 100%; margin: 0 0 6px 0; outline:none; }

#outOfStock {
	color: #f00;
	margin: 20px 0 0 0;
}

.searchBtn {
	color: #FFFFFF;
	background-color: #666666;
	border: 1px solid #666666;
	height: 20px;
	width: 30px;
	font-size: 11px;
}
.searchBox {
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font-size: 11px;
}
.textbox {
	background-color: #E0F0FF;
	border: 1px solid #000000;
	font-size: 11px;
	color: #000000;
}

.login input.textbox {
	background-color: #ffffff;
	border: 1px solid #000000;
	font-size: 11px;
	padding: 3px;
	color: #000000;
}

.login input.submit {
	padding: 3px;
	color: #ffffff;
	background-color: #000000;
}

.login td { padding-bottom: 10px; padding-right: 10px; }

.forgot input.textbox {
	background-color: #ffffff;
	border: 1px solid #000000;
	font-size: 11px;
	padding: 3px;
	color: #000000;
}

.forgot input.submit {
	padding: 3px;
	color: #ffffff;
	background-color: #000000;
}

.forgot td { padding-bottom: 10px; padding-right: 10px; }

.register td { padding-bottom: 10px; }

.register input.textbox {
	background-color: #ffffff;
	border: 1px solid #000000;
	font-size: 11px;
	padding: 3px;
	color: #000000;
}

.register select {
	background-color: #ffffff;
	border: 1px solid #000000;
	font-size: 11px;
	padding: 3px;
	color: #000000;
}

.register input.submit {
	padding: 3px;
	color: #ffffff;
	background-color: #000000;
}

.profile input.textbox {
	background-color: #ffffff;
	border: 1px solid #000000;
	font-size: 11px;
	padding: 3px;
	color: #000000;
}

.profile select {
	float: left;
	width: 95%;
	background-color: #ffffff;
	border: 1px solid #000000;
	font-size: 11px;
	padding: 3px;
	color: #000000;
}

.profile input.submit {
	padding: 3px;
	color: #ffffff;
	background-color: #000000;
}

#delAddress input.submit {
	padding: 3px;
	color: #ffffff;
	background-color: #000000;
}

#delAddress input.textbox {
	background-color: #ffffff;
	border: 1px solid #000000;
	font-size: 11px;
	padding: 3px;
	color: #000000;
	margin: 0 0 10px 0;
}

#delAddress select {
	float: left;
	width: 95%;
	background-color: #ffffff;
	border: 1px solid #000000;
	font-size: 11px;
	padding: 3px;
	color: #000000;
}

textarea.comments { border: 1px solid #000000; background-color: #ffffff; padding: 3px; margin: 0 0 10px 0; }
.comments-row { padding: 20px 0 0 0; }

table.profile { width: 400px; text-align: left; }

.profile td { padding-bottom: 5px; padding-right: 10px; }

.progress { display: none; }

#gateways { margin: 0 0 20px 0; }

#cart input.textbox {
	background-color: #ffffff;
	border: 1px solid #000000;
	font-size: 11px;
	padding: 3px;
	color: #000000;
}

input.coupon { float: right; }

.textboxDisabled {
	background-color: #FFFFFF;
	border: 1px solid #EBEBEB;
	/*font-size: 11px;*/
	color: #000000;
}
.submit {	
	color: #FFFFFF;
	background-color: #070F72;
	border: 1px black solid;
	/* height: 18px; */
	/* font-weight: bold; */
	font-size: 11px;
}
form {
	margin: 0px;
	padding: 0px;
}

ol, ul {
	margin: 0px;
	padding: 0px;
	color: #000000;	
}
li {
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
li.bullet {
	list-style-type: square;
}
li.bulletLrg {
	list-style-type: square;
	font-size: 14px;
}

li.num {
	color: #000000;		
}
li.account {
	list-style-type: square;
	padding-top: 5px;
	padding-bottom: 5px;
}
.txtSession, .txtCopy, .txtSiteDocs {
	color: #333333;
}
a.txtSession, a.txtSiteDocs {
	color: #031074;
	text-decoration: none;
}
a.txtSession:hover, a.txtSiteDocs:hover {
	color: #031074;
	text-decoration: underline;
}
a.txtButton {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #070F72;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
a.txtButton:hover {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}

.txtOldPrice {
	text-decoration: line-through;
}
.txtSale {
 	color: #FF0000;
}
.txtOutOfStock {
	color: #FF0000;
}
.txtSiteDocs, a.txtSiteDocs {
	color: #333333;
	text-decoration:none;
}
a.txtSiteDocs:hover {
	color: #FF6600;
	text-decoration:none;
}
.txtDefault, a.txtDefault, a.txtLink, a.txtLocation {
	color: #000000;
	text-decoration:underline;
}
a.txtDefault:hover, a.txtLink:hover, a.txtLocation:hover {
	color: #E4E8E7;
	text-decoration:underline;
}
a.txtSelected:hover, a.txtSelected:active, a.txtSelected:link, a.txtSelected:visited {
	color: #E4E8E7;
	text-decoration:underline;
}
.txtContentTitle {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.txtBoxSave {
	color: #F90707;
	padding-left: 16px;
}
.tblList {
	border: 1px solid #070F72;
}
.tdListTitle {
	background-color: #070F72;
	font-weight: bold;
	color: #FFFFFF;
}
.tdEven {
	background-color: #FFFFFF;
}
.tdOdd {
	background-color: #EBEDFE;
}
.txtCartPrice {
	float: right;
	color: #FF0000;
	padding-right: 3px;
}
.txtCart {
	color: #000000;	
}
.cartTotal {
	border-top: 1px dashed #070F72;
	width: 153px;
	padding-top: 2px;
	margin-top: 3px;
}
a.txtCartProduct:active, a.txtCartProduct:link, a.txtCartProduct:visited {
	text-decoration: none;
	color: #000000;
}
a.txtCartProduct:hover {
	text-decoration: none;
	color: #FF6600;
}
a.txtviewCart:active, a.txtviewCart:link, a.txtviewCart:visited {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #000000;
}
a.txtviewCart:hover {
	background-color: #66CC33;
	color: #FFFFFF;
}
a.flashBasket:active, a.flashBasket:link, a.flashBasket:visited, a.flashBasket:hover {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #66CC33;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #000000;
}
.cartProgress {
	font-weight: normal;
	color: #666666;
	padding: 4px;
	border: 1px solid #CCCCCC;
	width: 350px;
	margin: auto;
}
.txtcartProgressCurrent {
	color: #FF9900;
	font-weight: bold;
}
.quickBuy {
	text-align: center;
	color: #666666;
}
.tdcartTitle {
	font-weight: bold;
	color: #000000;
	/*background-color: #999999;*/
	/*border-bottom: 1px solid #666666;*/
}
.tdcartEven {
	/*background-color: #EBEDFE;	*/
	padding: 10px 0 10px 0; 
}
.tdcartOdd {
	background-color: #FFFFFF;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #000000;
}

.tdcartOdd input.textbox,
.tdcartEven input.textbox {
	background-color: #ffffff;
	border: 1px solid #000000;
	font-size: 11px;
	padding: 3px;
	color: #000000;
}


.tdCartSubTotal {
	padding-top: 10px;
	border-top: 1px solid #666666;
}
a.txtCheckout {
	font-weight: normal;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	padding: 4px;
	border: 1px solid #000000;
}
a.txtUpdate {
	font-weight: normal;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	padding: 4px;
	border: 1px solid #000000;
}

#cart a.txtUpdate { float: left; margin: 10px 0 0 0; }


#updatecart { float: left; width: 100%; margin: 0 0 20px 0; }
#cart #updatecart a.txtUpdate { float: right; width: 105px; padding: 3px; text-align: center; } 

.txtStockWarn {
	color: #FF0000;
}
.txtError {
	font-weight: bold;
	color: #050F72;
	background-color: #FFCECE;
	border: 1px solid #FF0000;
	padding: 2px;
}
.txtCopyright, a.txtCopyright {
	text-align: center;
	/*font-size: 11px;*/
	padding-top: 5px;
	color: #000000;
}
a.txtCopyright:hover {
	text-decoration: none;
}
.dropDown {
	width: 120px;
}
.addCoupon:hover, .addCoupon:active, .addCoupon:visited, .addCoupon:link  {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.RatingTop {
	border-top: 1px solid #070F72;
	border-right: 1px solid #070F72;
	border-left: 1px solid #070F72;
	background-color: #EBEDFE;
	padding: 3px;
}

.RatingMain {
	border-right: 1px solid #070F72;
	border-left: 1px solid #070F72;
	background-color: #EBEDFE;
	padding: 3px;
	font-style:italic;
}

.ReviewBot {
	border-right: 1px solid #070F72;
	border-left: 1px solid #070F72;
	background-color: #EBEDFE;
	padding: 3px;
	border-bottom: 1px solid #070F72;
}

.RatingBottom {
	background-color: #070F72;
	padding: 3px;
	border-right: 1px solid #070F72;
	border-left: 1px solid #070F72;
	color: #FFFFFF;
	/*font-size: 11px;*/
}

a.sortLink {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a.sortLink:hover {
	text-decoration: underline;
}

#shipping-select {
	background-color: #ffffff;
	border: 1px solid #000000;
	font-size: 11px;
	padding: 3px;
	color: #000000;
}








