div.shop { position:relative; }
div.shop a { }
div.shop a:hover { }
div.shop a img { }
div.shop .u { }
div.shop .response_neg, td#response_neg { background: red; color: #FFF; }
div.shop .response_pos, td#response_pos { background: green; color: #FFF; }

div.shop .top { width: 100%; }
div.shop .top .crumbs { z-index:10; font-size:85%; position:absolute; text-align:right; top:33px; right:0px;}
div.shop .top .crumbs a, 
div.shop .top .crumbs a:visited {border-bottom:1px dotted #CCC; text-decoration:none; color:#666;}
div.shop .top .crumbs a:hover {border-bottom:1px solid #CCC; text-decoration:none; color:#333:}
div.shop .top .links { float: right; width: auto; }


div.catInfo { }
div.catInfo div.admin { position: absolute; top: 0px; right: 0px; background: #eee; padding: 2px; }

/* New - product detail */
div#shopheadings {height:55px;position:relative;}
div#shopheadings h1 {position:absolute;bottom:-5px;}
h2.title {font-size:100%;}
div.content div#productimg {
	width:180px; 
	float:left; 
	margin:-25px 40px 0px 0px; 
	border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:none;
}
div.content div#productimg ul {margin:0px;padding:0px;list-style:none;}
div.content div#productimg ul li {text-align:center; background:#FFF; border-bottom:1px solid #CCC; padding:5px 0px;}
div.content div#productcontent {width:360px; float:left; margin-right:40px;}
div.content div#productcontent div.options {margin:20px 100px 20px 0px;}
div.content div#productcontent div.options ul {margin:5px 0px;padding:0px;list-style:none;}
div.content div#productcontent div.options ul li {float:left;width:60px;text-align:center;font-size:95%;margin-bottom:10px;}
div.content div#productcontent div.options ul li label {width:100%;}
div.content div#productcontent div.options ul li input {width:100%;margin:2px 0px;}
div.content div#productcontent div.options img {border:1px solid #CCC;margin:0px;}
div.content div#productcontent img {margin:0px 0px 20px 0px;}
div.content div.productInfo {
	width:265px; 
	float:right; 
	margin:-25px 0px 0px 0px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-top:none;
        position:relative;
}
div.content div.shippinginfo { float: left; width: 580px; margin-top: 20px; }
div.content div.productInfo p {padding:0px 10px;}
div.content div.productInfo ul {margin:0px 0px 5px 0px;padding:0px 0px 10px 10px;list-style:none;}
div.content div.productInfo ul li {width:243px;height:90px;margin:0px 6px 6px 0px;border:1px solid #CCC;}
div.content div.productInfo ul li a img {border:none}
div.content div.productInfo div.price p {padding:0px;}
div.content div.productInfo .tableheader {border-bottom:2px solid #CCC;text-align:left;}
div.content div.productInfo .tableborder {border-bottom:1px solid #CCC;}
div.content div.productInfo .tableborder a {font-size:90%;margin-top:5px;}
div.content div.productInfo div.price {margin-bottom:0px; padding:10px;}
div.content div.productInfo div.price span.price {font-size:110%;width:100%;margin-bottom:20px;display:block;}
div.content div.productInfo div.price span.price strong {font-size:110%;}
div.related_products img {border:1px solid #CCC;}
div.content div.productInfo input#buy {background:url(http://www.boxdesign.co.nz/images/b_buy.gif); width: 42px; height:29px; border:none; cursor:pointer }

/* ******* */

div.productInfo div.admin { position: absolute; top: 0px; right: 0px; background: #eee; padding: 2px; }
/*div.productInfo div.addToCart { position: absolute; bottom: 20px; right: 20px; padding: 2px; }
div.productInfo div.addToCart a { font-weight: bold; font-size: 18px; padding: 5px; }*/

ul.catList {padding:0px; list-style: none; margin: 0px;  }
ul.catList li { margin: 10px; width:430px; height:100px; float:left;position: relative }
ul.catList li div.m {position: relative; zoom: 100%; padding-left: 120px;  }
ul.catList li div.hidden { opacity: 0.5; filter: alpha(opacity=50); }
ul.catList li div.pinned { }
ul.catList li div.img { position: absolute; top: 5px; left: 5px; width: 100px; cursor: pointer; height: 100px;  border:1px solid #CCC }
ul.catList li div.img img { width: 100px; height: 100px;  }
ul.catList li div.d {padding-top: 1px;}
ul.catList li div.d h4 {text-transform:uppercase; font-size:120%; margin-bottom:10px; }
ul.catList li div.d h4 a {border-bottom:1px dotted #CCC; text-decoration:none; color:#666;}

ul.productList { list-style: none; margin: 0px; padding: 0px; }
ul.productList li {/* margin: 10px; width:430px; height:100px;*/  position: relative; float:left; }
ul.productList li div.m {margin: 10px; width:430px; height:100px;  zoom: 100%;  }
ul.productList li div.hidden { opacity: 0.5; filter: alpha(opacity=50); }
ul.productList li div.pinned {  }
ul.productList li div.img { position: absolute; top: 5px; left: 5px; width: 100px; cursor: pointer; /*height: 100px; */ border:1px solid #CCC}
ul.productList li div.img img { }
ul.productList li div.d { padding-top: 1px;padding-left: 120px; }
ul.productList li div.d h4 {text-transform:uppercase; font-size:120%; margin-bottom:10px;}
div.d a#view img {border:none; padding-top:5px; float:right}
ul.productList li div.d .price { font-weight: bold; }
ul.productList li div.addToCart { position: absolute; bottom: 2px; right: 2px; padding: 2px; }
ul.productList li div.addToCart a {  }

div.admin { position: absolute; top: 2px; right: 2px; padding: 1px; }
div.admin img { width: 16px; height: 13px; cursor: pointer; }


div.signup {  }

div.form { text-align: left; width: 98%; border-left: 1px solid #AAA; margin-bottom: 10px; }
div.form .h { border-bottom: 1px solid #AAA; margin: 0px 0px 5px 0px; padding: 2px 10px; color:navy; font-weight: bold;  }
div.form table { width: 95%; font-size: 12px; font-family: Arial, Helvetica; }
div.form table tr.alt { background: #EFEFEF; }
div.form table tr.hr { font-size: 1px; line-height: 1px; height: 1px; }
div.form table tr.hr div { border-bottom: 1px dashed #EEE; margin: 5px 0px; }
div.form table .topLeftTd { width: 130px; }
div.form table td { text-align: left; }
div.form table th { padding-right: 10px; text-align: center; }
div.form table td.postAs { background: #DDD; text-align: left; }
div.form select { width: 100%; }
div.form input { width: 100%; }
div.form input.radio { width: 15px; }
div.form textarea { width: 100%; height: 200px; }
div.form #loginDiv { margin-top: 10px; }
div.form #loginDiv div { float: left; padding: 2px 5px 2px 0px; }
div.form #loginDiv input { width: 100px; }
div.form span.option { text-align: center; }
div.form span.option div.newdiv { padding: 0px; position: relative; zoom: 100%; }
div.form span.option div.newoption { padding: 0px 0px 0px 60px; position: relative; zoom: 100%; }
div.form span.option .n { position: absolute; top: 0px; left: 0px; width: 55px; }
div.form span.option div.long { padding: 0px 70px 0px 155px; position: relative; zoom: 100% }
div.form span.option div.long .n { position: absolute; top: 0px; left: 0px; width: 150px; }
div.form span.option div.long .out_stock { position: absolute; top: 0px; right: 0px; width: 75px; }

div.form ul.imgList { list-style: none; margin: 0px 0px 10px 0px; padding: 0px; }
div.form ul.imgList li { position: relative;width:100%; }
div.form ul.imgList li input {margin-left:20px;}
div.form ul.imgList li div.handle { position: absolute; top: 0px; left: 0px; height: 20px; width: 20px; cursor: move; background: url(http://www.boxdesign.co.nz/module_content/ShopV2/common/icons/drag.png) center center no-repeat; }



div.add_new {width:50%;}
div.existing {}
span.required {color:red;}


tr.b1 { background-color: #FFF; }
tr.b2 { background-color: #EEE; }
tr.nf { background-color: #EEE; }
tr.nf td { text-align: center; color: #888; font-style: italic; }


.clear { clear: both; height: 1px; line-height: 1px font-size: 1px; }


.multipleSelectBoxControl span{	/* Labels above select boxes*/
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}
.multipleSelectBoxControl div select{	/* Select box layout */
	font-family:arial;
	height:100%;
}
.multipleSelectBoxControl input{	/* Small butons */
	width:25px;	
}

.multipleSelectBoxControl div{
	float:left;
}
	
div.indexed_links {width:100%;font-size:90%;margin-top:20px;}
div.indexed_links p.indexed_links {float:right;width:50%;text-align:right}
div.indexed_links p.displaying {float:left;width:50%;}

p.displaying {font-size:90%;}