/* 2011 CSS */
body, html { height:100% }
.index-main-div .white-main-div { width:870px ; min-height:668px ; _height:668px ; background-color:#FFF ; margin:0 auto }
.white-main-div { width:870px ; background-color:#FFF ; margin:0 auto }
.menu-padding { padding:35px 0 22px 0 }
.menu-line { padding:0 10px 0 12px }
.menu-top-line { background:url(images/menu/grey.gif) repeat-x ; padding-top:8px }
.menu-bot-line { background:url(images/menu/grey.gif) bottom repeat-x ; padding-bottom:10px }
.copyright-color, .copyright-color a:link, .copyright-color a:hover, .copyright-color a:visited, .copyright-color a:active { color:#939598 ; 
	font-family: Tahoma , "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
text-decoration:none }
.copyright-padbot { padding-bottom:10px }

/* Questionnaire */
.quest-img-title { padding:12px 0 ; /* text-align:center */ }
.quest-img { width:375px ; float:left ; margin-right:12px }
.quest-field { width:285px ; float:left ; font-family:Tahoma , Arial; font-size:11px; color:#4b4b4b }
.quest-field ul { padding:0 ; margin:0 ; list-style:none }
.quest-field li div { padding-left:2px ; border-bottom:1px #c9c9c9 solid ; margin-bottom:3px }

.quest-input {
	font-family: Tahoma , "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:4px;
	color: #b48c88;
	background:none; 
	border:none ;
	height: 18px;
	width: 285px;
}
.quest-msg {
	font-family: Tahoma , "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:4px;
	color: #b48c88;
	background:none; 
	border:none ;
	height: 65px;
	width: 285px;
}
p { margin:0 0 15px 0 }
.terms-fonts { font-family:Tahoma , Arial; font-size:11px; color:#4b4b4b ; padding-top:12px ; height:400px ; overflow-y:auto}
	.terms-width { width:600px ; margin:0 auto }
.terms-sub { padding-left:2px ; border-bottom:1px #c9c9c9 solid ; margin-bottom:3px ; font-size:13px ; font-weight:bold }


/*  Content CSS */
.maindiv {
	width:919px;
	height:590px;
}
.maincontent {
	padding: 8px 0px 20px 4px;
	width:282px;
}
#booklayer {
	position:absolute;
	z-index:1;
	margin-top:-228px;
	margin-left:-15px;
}
#storylayer{
	position:absolute;
	z-index:50;
}
#swimlayer{
	position:absolute;
	z-index:70;
}
#topmenu {
	/* position:absolute; */
	z-index:99;
}
#wherelayer {
	position:absolute;
	z-index:2;
}
.colour_list {
	width:10px;
	height: 10px;
}
.mainmenu td{
	padding-left:20px;
}
.mainmenupad{
	padding-bottom:8px;
}
.botmenupad{
	padding-top:10px;
}
.botmenupad_cdetail{
	background-image:url(images/collection_detail_bg_bot.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:10px;
}
.titlepad {
	padding-bottom:14px;
}
.termstitlepad {
	padding-bottom:24px;
	
	width:720px;
	
	text-align:right;
}
.buttonmar {
	margin-left:1px;
}
.arrowmar {
	margin-left:4px;
}

.pagetd{
	padding: 0 8px;
}
.where_storetable{
	height:100%;
	background-image:url(images/dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.where_store{
	padding-bottom:10px;
	padding-top:15px;
	width:183px;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(images/dot.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.where_online td{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
/*.where_online img{
	border:1px #745f50 solid;
}*/
.where_online table{
	width:150px;
	height:100px;
	border:1px #745f50 solid;
	background-color:#FFFFFF;
	margin-right:15px;
	margin-bottom:15px;
}
.newstable td{
	padding-bottom:8px;
	padding-right:17px;
}
.newstable img{
	border:1px #745f50 solid;
}
.newsetable td{
	padding-bottom:8px;
}
.newsetableimg img{
	border:1px #745f50 solid;
}
.editorialpad{
	padding:0 3px;
}
.contact td{
	padding-bottom:10px;
	padding-right:15px;
}
.contactinput {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:4px;
	color: #b48c88;
	background-color: #FFFFFF;
	height: 20px;
	width: 200px;
	border: 1px solid #7f9db9;
}
.contactthx {
	font-family: "Century Gothic", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #745f50;
	line-height: 16px;
	padding-top:16px;
	padding-left:54px;
}
#divpopup{
	position:absolute;
	z-index:1;
	width:349px;
	height:414px;
}
.detailpad{
	padding-bottom:20px;
}
.detailtable{
	width:349px;
}
#detailtab{
	opacity:1.00;
	filter: alpha( opacity=100 ); 
	/*-moz-opacity: 1.00;*/
}
.dtab_show{
	opacity:1.00;
	filter: alpha( opacity=100 ); 
	/*-moz-opacity: 1.00;*/
}
.dtab_hide{
	opacity:0.30;
	filter: alpha( opacity=30 ); 
	/*-moz-opacity: 0.30;*/
}
.detailpicture img{
	cursor:pointer;
}
/* End of Content CSS */


/* BG control & Common style */
.bgwhere{
	background-image:url(images/bg_where.jpg);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	height:430px;
	padding-right:14px;
}
.bgcontact{
	background-image:url(images/bg_contact.jpg);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	*height:430px;
	min-height:430px;
	/* padding-top:19px; */
	padding-right:19px;
}

.nobg{
	background-color:#FFFFFF;
	height:430px;
}
.cdetailbgtop{
	background-image:url(images/collection_detail_bg_top.gif);
	background-repeat:no-repeat;
}
.cdetailbg{
	background-image:url(images/collection_detail_bgex.gif);
	background-repeat:repeat-y;
	height:430px;
}
.cdleftpage{
	width:400px;
	padding:0 30px;
}
.cdrightpage{
	width:400px;
	padding:0 25px;
	padding-top:15px;
}
.swimwearpad{
	padding-bottom:25px;
}
.swimwearthumbs td{	
	border: 1px solid #cfccca;
}

.onepcolor img{
	height:12px;
	width:12px;
	border: 1px solid #d4d2cf;
}

.termsbg{
	background-image:url(images/terms_bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	height:430px;
	padding-left:50px;
	/*
	padding-top:40px;
	*/
}
.newsbg{
	background-color:#FFFFFF;
	height:430px;
	padding-left:50px;
}
.newsebg{
	background-color:#FFFFFF;
	height:430px;
	padding-left:10px;
}
.repeatx {
	background-repeat: repeat-x;
}
.repeaty {
	background-repeat: repeat-y;
}
.norepeat {
	background-repeat: no-repeat;
}

.bg_rt {
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_rb {
	background-repeat: no-repeat;
	background-position: right top;
}

.bg_lt {
	background-repeat: no-repeat;
	background-position: left top;
}
.bg_lb {
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bg_bot {
	background-repeat: no-repeat;
	background-position: bottom;
}

.border {
	border: 1px solid #585858;
}

.picborder img{
	border: 1px solid #585858;
 
}

.dotted_inner{
	background-image:url(images/dotted.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:25px;
}

/* End of BG control & Common style */

/* Rounded Table */

.t {
	background-color:#f16b94; WIDTH: 132px ;
}
.bl {
	BACKGROUND: url(images/corn_p_bl.gif) no-repeat 0px 100%
}
.br {
	BACKGROUND: url(images/corn_p_br.gif) no-repeat 100% 100%
}
.tl {
	BACKGROUND: url(images/corn_p_tl.gif) no-repeat 0px 0px
}
.tr {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px;
	BACKGROUND: url(images/corn_p_tr.gif) no-repeat 100% 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.c {
	WIDTH: 100% ; background-color:#f16b94;
}

.wt {
	background-color:#ffffff; WIDTH: 100% ;
}
.wbl {
	BACKGROUND: url(images/corn_w_bl.gif) no-repeat 0px 100%
}
.wbr {
	BACKGROUND: url(images/corn_w_br.gif) no-repeat 100% 100%
}
.wtl {
	BACKGROUND: url(images/corn_w_tl.gif) no-repeat 0px 0px
}
.wtr {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px;
	BACKGROUND: url(images/corn_w_tr.gif) no-repeat 100% 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.wc {
	WIDTH: 100% ; background-color:#ffffff;
}


/* End of Rounded Table*/

/* Scrolling DIV */

.branchdiv{
	BORDER-RIGHT: #885637 1px solid;
	BORDER-TOP: #885637 1px solid;
	BORDER-LEFT: #885637 1px solid;
	BORDER-BOTTOM: #885637 1px solid;
	OVERFLOW-Y: auto; OVERFLOW-X: auto;
	WIDTH: 545px;
	HEIGHT: 580px;
	padding:10px;
	background-color: #FFFFFF;
	scrollbar-face-color:#885637;
	scrollbar-highlight-color:#885637;
	scrollbar-3dlight-color:#885637;
	scrollbar-darkshadow-color:#885637;
	scrollbar-shadow-color:#885637;
	scrollbar-arrow-color:#ffffff;
	scrollbar-track-color:#ffffff;
}

.branchdiv img{
	cursor:pointer;
}
.termstitle{
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	color: #745f50;
	line-height: 16px;
}

.termscontentdiv{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #745f50;
	line-height: 16px;

	width: 420px;
	height: 335px;
	padding-right:10px;
	background-color: transparent;
	overflow:auto ;
	scrollbar-face-color:#928978;
	scrollbar-highlight-color:#928978;
	scrollbar-3dlight-color:#928978;
	scrollbar-darkshadow-color:#928978;
	scrollbar-shadow-color:#928978;
	scrollbar-arrow-color:#cac3b5;
	scrollbar-track-color:#cac3b5;
}
.termscontentdiv div{
	padding-bottom:10px;
}

/* Scrolling DIV */

/* Field CSS */

.field {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:4px;
	color: #b48c88;
	background-color: #FFFFFF;
	height: 20px;
	width: 200px;
	border: 1px solid #7f9db9;
}

.field_msg {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:4px;
	color: #b48c88;
	background-color: #FFFFFF;
	height: 115px;
	width: 200px;
	border: 1px solid #7f9db9;
}
.field_search {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:4px;
	color: #a4a4a4;
	background-color: #FFFFFF;
	height: 21px;
	width: 135px;
	border: 1px solid #7f9db9;
}
.field_sort {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:4px;
	color: #a4a4a4;
	background-color: #FFFFFF;
	border: 1px solid #7f9db9;
}
/* End of Field CSS */

