/*Site.css is the main css style for behave website*/

/*reset the style */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td
{ margin: 0; padding: 0; }  

html
{
	font-size:100%;
}
body
{
	background-color:#000;
	color:#fff;
	font-size:1em;
	font-family: Arial,Helvetica,sans-serif;
}	

/*common styles*/
.toleft{ float:left;}
.toright{ float:right;}
.txtbold{ font-weight:bold;}
.captxt{ text-transform:uppercase;}
.clear{ clear:both;}
.clear3{ clear:both; height:3px;}
.clear5{ clear:both; height:5px;}
.clear7{ clear:both; height:7px;}
.clear10{ clear:both; height:10px;}
.clear12{ clear:both; height:12px;}
.clear14{ clear:both; height:14px;}
.clear15{ clear:both; height:15px;}
.clear17{ clear:both; height:16px;}
.clear20{ clear:both; height:20px;}
.clear22{ clear:both; height:22px;}
.clear25{ clear:both; height:25px;}
.clear26{ clear:both; height:26px;}
.clear30{ clear:both; height:30px;}
.clear35{ clear:both; height:35px;}
.clear40{ clear:both; height:40px;}
.clear50{ clear:both; height:50px;}
.clear65{ clear:both; height:65px;}
.clear72{ clear:both; height:72px;}
.clear74{ clear:both; height:74px;}
.clear76{ clear:both; height:76px;}
.clear100{clear:both; height:100px;}
.clear132{ clear:both; height:132px;}

/*margin left*/
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.ml10{ margin-left:10px;}
.ml12{ margin-left:12px;}
.ml15{ margin-left:15px;}
.ml21{ margin-left:21px;}
.ml24{ margin-left:24px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml65{ margin-left:65px;}
.ml40{ margin-left:40px;}
.ml80{ margin-left:80px;}
.ml86{ margin-left:86px;}
.ml130{ margin-left:130px;}
.ml170{ margin-left:170px;}
.ml180{ margin-left:180px;}
.ml190{ margin-left:190px;}
.ml310{ margin-left:310px;}
.ml388{ margin-left:388px;}

/*margin right*/
.mr5{ margin-right:5px;}
.mr8{ margin-right:8px;}
.mr10{ margin-right:10px;}
.mr12{ margin-right:12px;}
.mr15{ margin-right:15px;}
.mr21{ margin-right:21px;}
.mr24{ margin-right:24px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr43{ margin-right:43px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr75{ margin-right:75px;}
.mr80{ margin-right:80px;}
.mr86{ margin-right:86px;}

/*move up*/
.mu2{position:relative; top:-2px;}
.mu3{position:relative; top:-3px;}
.mu5{position:relative; top:-5px;}
.mu8{position:relative; top:-8px;}
.mu10{position:relative; top:-10px;}
.mu158{position:relative; top:-158px;}

/*move down*/
.md1{position:relative; top:1px;}
.md2{position:relative; top:2px;}
.md3{position:relative; top:3px;}
.md4{position:relative; top:4px;}
.md5{position:relative; top:5px;}
.md6{position:relative; top:6px;}
.md8{position:relative; top:8px;}
.md158{position:relative; top:158px;}
.white{ color:#fff;}
.captxt{ text-transform:uppercase;}
img{ font-size:10px;}

.hide{ visibility:hidden;}
.remove{ display:none;}

/* Main styles */
#wrap
{
	font-size:1em;
	margin:30px;
	padding:0;
	width:946px;
}
a
{
	color:#fff;
	text-decoration:none;
}	
a:hover{ text-decoration:underline;}
img
{
	border:0px;
}

fieldset{ border:0px;}

/*home page layout*/

#home_left{ float:left; margin-right:25px;}
#home_main{ float:left; margin-right:15px; display:inline; width:577px;}
#home_right{ margin:0; padding:0; width:174px; position:absolute; top:23px !important; left:790px;}
#home_footer
{
	margin-top:10px;
	color:#666; 
	font-size:0.625em;
	float:right;
	width:570px;
	
}

/*content page layout */
#site_left{ float:left; display:inline; width:155px; margin-right:40px; }
#site_main{ float:left; display:inline; width:751px; font-size:1em;}
#site_main_content{ font-size:0.75em; width:100%;}
#site_main_content ul, #site_main_content ol{ list-style-position:inside;}
#site_main_content_friend{ font-size:0.75em;}
#site_main_content_friend br{ width:100%; display:none; list-style-position:inside;}
#site_main_content_friend a{ text-decoration:underline; color:#0099ff;}

p.editor img{ margin:8px;}

#site_main h1{ font-size:0.875em; margin-bottom:10px;}
#site_main h2{ font-size:0.813em;}

#site_footer 
{
	color:#666; 
	font-size:0.625em;
	float:right;
	margin-top:10px;
	width:752px;
}

/* shopping page layout */

#page_left{ float:left; display:inline; width:155px; margin-right:40px;}
#page_main{ float:left; display:inline; width:751px;}

/* top navigation style */
ul#topnav{ float:right;}
ul#topnav li 
{
	display:inline;
	float:left;
	
}

li#top01 a:link,li#top01 a:active,
li#top01 a:visited,li#top01 a:hover 
{
	background:transparent url("../images/top-01.jpg") no-repeat top left; 
	display:block;
	height:15px;
	text-decoration:none;
	width:139px; 
	}
li#top02 a:link,li#top02 a:active,
li#top02 a:visited,li#top02 a:hover 
{
	background:transparent url("../images/top-02.jpg") no-repeat top left; 
	display:block;
	height:15px;
	text-decoration:none;
	width:139px; 
	}
li#top03 a:link,li#top03 a:active,
li#top03 a:visited,li#top03 a:hover 
{
	background:transparent url("../images/top-05.jpg") no-repeat top left; 
	display:block;
	height:15px;
	text-decoration:none;
	width:139px;
}
li#top04 a:link,li#top04 a:active,
li#top04 a:visited,li#top04 a:hover 
{
	background:transparent url("../images/top-04.jpg") no-repeat top left; 
	display:block;
	height:15px;
	text-decoration:none;
	width:139px; 
	}	

/*left nav*/

.leftnav
{
	width:100%; 
	text-align:right; 
	font-size:0.688em; 
	font-weight:bold; 
	text-transform:uppercase;
	}

.menuspace{ clear:both; height:7px;}
/* footer nav*/
ul#footnav{ list-style-type:none;}
ul#footnav li{ float:left;}
ul#footnav li a:link, a#footnav li a:active,
ul#footnav li a:visited, ul#footnav li a:hover
{ 
	display:inline; 
	color:#666;
	float:left; 
	margin-right:8px; 
}

ul#bottomtxt{ list-style-type:none;}
ul#bottomtxt li{ float:left;}
ul#bottomtxt li a:link, a#bottomtxt li a:active,
ul#bottomtxt li a:visited, ul#bottomtxt li a:hover
{
	background-image:url(../images/foot_divider.jpg);
	background-position:center right;
	background-repeat:no-repeat;
	color:#666;
	float:left; 
	font-family:"Garamond Premr Pro", Garamond, Sans-Serif;
	font-size:1em;
	letter-spacing: 0.5px;
	padding-right:6px;
	text-transform:uppercase;
}
.quickbasket{ font-size:0.688em; font-weight:bold;}

/* divider style */
div.maindivider
{
	
	background-image:url("../images/gray-dots.gif");
	background-position:left center;
	background-repeat:repeat-x;
	border:solid 0px #f2f2f2;
	height:1px;
	width:100%;
}
div.maindivider hr
{
	display:none;
}
/* bread crumb style */
#breadcrumbsection
{
	width:750px;
	font-size:0.688em;
	float:left;
}
div.breadcrumb
{
	font-size:1em;
	font-weight:bold;
}
div.breadcrumb a:hover{ text-decoration:underline;}

/* styles in the main content*/

p.behaveform{ margin-bottom:10px;}
p.behaveform label
{
	font-size:0.75em;
	font-weight: bold;
	float: left;
	margin-right:10px;
	text-align:right;
	width: 300px; 
}
p.behaveform input[type="text"]{ 
	width: 180px;
	border:solid 1px #ccc;
}

/* Overview style */
.overviewimg{ vertical-align:bottom; width:175px;}
ul.overviewlist li{ float:left; margin-bottom:20px; list-style-type:none; width:175px; height:280px;}

ul.catelogview{ clear:both;}
ul.catelogview li{ float:left; list-style-type:none; margin-bottom:10px; font-weight:bold; font-size:0.875em; height:255px;}
/*ul.catelogview ul li a:link,
ul.catelogview ul li a:active,
ul.catelogview ul li a:visited,
ul.catelogview ul li a:hover
{ float:left; background-color:#fff; color:#000; padding:2px 5px; font-size:0.938em; font-weight:bold; margin-right:5px;}
*/
a.overviewtitle:link, a.overviewtitle:active,
a.overviewtitle:visited, a.overviewtitle:hover
{
	color:#000;
	background:#fff;
	display:inline;
	font-size:11px;
	font-weight:bold;
	height:10px;
	padding:2px 5px 2px 5px;
	text-transform:uppercase;
	
}


a.listviewtitle:link, a.listviewtitle:active,
a.listviewtitle:visited, a.listviewtitle:hover
{
	color:#000;
	background:#fff;
	display:inline;
	font-size:11px;
	font-weight:bold;
	height:10px;
	padding:2px 5px 6px 5px;
	text-transform:uppercase;
	
}


.olprice{ font-size:0.625em;}

.olpricesale{ font-size:0.625em; color: #ff3333;}

a.overviewname:link, a.overviewname:active,
a.overviewname:visited, a.overviewname:hover
{
	float:left;
	color:#fff;
	font-size:0.625em;
	font-weight:bold;
	text-transform:uppercase;
}

/* Item Details style*/
ul.mainshops li
{
	float:left;
	font-size:0.688em;
	list-style-type:none;
	width:130px;
	
}	

.validationtxt{ font-size:0.563em; color:#333;}
.gobacklnk{ margin-top:15px; visibility:hidden;}

#shop_container_left{ float:left; width:365px;}
#shop_container_right{ float:right; width:270px;}
.shopimg{ width:270px;}
.mapimg{ width:365px;}

#details_images
{
	float:left;
	margin-right:15px;
	width:365px;
	
}
#vthumbs
{
	float:left;
	width:80px; 
}
#details_desp
{
	float:left;
	font-size:0.688em;
	margin-left:15px;
	width:270px;
	background-color:#000;
}

#imagethere{ height:486px; width:365px; }

ul.vthumblist
{
	width:80px;
}
ul.vthumblist li
{
	display:block;
	list-style-type:none;
	width:100%;
}

.vthumbimg{ display:block; height:105px; margin-bottom:15px; width:80px;  }

.vthumbimg_selected{display:block; height:105px; margin-bottom:15px; width:80px;}
.vthumbimg_selected:hover,
.vthumbimg:hover{ display:block; height:105px; -moz-opacity:.50; filter: alpha(opacity=50); opacity:.50; margin-bottom:15px; width:80px; }
ul.vthumblist li a:hover{ }

.viewpricelabel,
p.itemdetails label, .detaillabel 
{
	float:left;
	font-weight:bold; 
	/*font-size:0.909em;*/
	margin-right:10px;
	text-transform:uppercase; 
	width:80px;
}
.saleprice{ color:Red;}
.detaillabel
{
	width:100%;
}
a.increse:link,a.increse:active,
a.increse:visited,a.increse:hover
{
	background:#000 url("../images/btn-minus.jpg") no-repeat left center;
	height:14px;
	text-decoration:none;
	width:14px;
}


a.decrese:link,a.decrese:active,
a.decrese:visited,a.decrese:hover
{
	background:#000 url("../images/btn-plus.jpg") no-repeat left center;
	height:14px;
	text-decoration:none;
	width:14px;
}
.checkoutprice, .checkoutlabel
{
	float:left;
	font-weight:bold;
	font-size:0.909em;
	margin-right:10px; 
	text-transform:uppercase; 
	
}
.checkoutlabel2 
{
	font-size:0.917em; 
    font-weight:bold; 
    float:left;
    margin-right:5px; 
    text-transform:uppercase; 
    width:115px; 
}
.checkoutitem_thumb{ width:80px; height:105px;}

.txt01{ float:left;}
.txt02 
{
	font-size:0.917em; 
	font-weight:bold; 
	float:right; 
	text-transform:uppercase; 
}
.txt_total
{	font-size:1em; 
    text-transform:uppercase; 
    font-weight:bold;
 }
p.itemdetails select
{
	float:left;
	text-align:left;
	/*width:160px;*/
}
.detailcategory, .checkoutbrand
{
	background:#fff;
	color:#000;
	float:left;
	font-weight:bold;
	padding:3px 5px;
	text-transform:uppercase;
	width:97px;
}
.shoptitle
{
	background:#fff;
	color:#000;
	float:left;
	padding:2px 5px;
	text-transform:uppercase;
	font-size:0.875em;
	font-weight:bold;
}

.field-validation-error{ font-size:0.688em; margin-left:5px;}
.space01{ clear:both; height:10px;}
.space02{ clear:both; height:8px;}

/*page number style*/
.pagenav 
{	clear:both;
	float:right;
	font-size:0.75em;
	margin: 20px 10px 20px 0;
	
	}
a.toend:link, a.toend:active, 
a.toend:visited, a.toend:hover
{ 
  float:left; 
  padding:5px 8px; 
  }
a.currentpage:link, a.currentpage:active, 
a.currentpage:visited, a.currentpage:hover
{ 
  font-weight:bold; 
  float:left; 
  padding:3px 8px; 
  border:solid 1px #ccc;
  }
a.pageno:link, a.pageno:active, 
a.pageno:visited, a.pageno:hover 
{
	float:left; 
	padding:4px 10px; 
}
a.pageno:hover{text-decoration:underline;}

.denimboy, .denimgirl{ background-color: #fff; font-size:1em; color:black; font-weight:bold; padding:3px 5px; width:80px; display:block;}
#site_main_content h4{ font-size:12px;}
.order_tbtitle{ background:#fff; color:#000; padding:5px 10px;}
.order_tbcell{padding:5px 10px;}