@charset "utf-8";
/* CSS Document */

body {background:url(../images/wall2.jpg) repeat top #34260B; margin: 0px;
font-family: Arial, Helvetica, sans-serif;}

#wrapper {width: 1050px; margin: auto; /*float: none;*/}

a img {border:0;}
h1, h2, h3, h4, h5, h6 {color: #725318;}

a {color: #725318; text-decoration:none;}
a:hover {color: #34260B; text-decoration:underline;}

#contentwrapper {background: url(../images/wrapperback.png) repeat-y top; height: auto; width: 1050px; float: left;}

#top {margin-left: 13px; height: 30px; width: 1024px; float: left; background: #FFF; }
	#top span.left {float: left; margin: 10px 0px 0px 20px; color: #725318; font-size: 11px;}
	#top span.right {float: right; margin: 10px 20px 0px 0px; color: #725318; font-size: 11px;}
	#top span.right a {color: #725318; text-decoration: none;}
	#top span.right a:hover {color: #34260B; text-decoration: underline;}
	#top span.left a {color: #725318; text-decoration: none;}
	#top span.left a:hover {color: #34260B; text-decoration: underline;}

#banner {margin-left: 13px; height: auto; width: 1024px; float: left; height: 140px; background: url(../images/bannerfinal.jpg) no-repeat #FFF; }
	#banner_logo {float: left; position:relative; margin: 27px 0px 0px 10px;}
	#banner_bag {float: right; width: 220px; height: 120px; background: none; margin: 10px 5px 0px 0px;}
	#banner_bag img {float: right;}
	#banner_bag #bag {margin-top: 30px;}
	#banner_bag p {float: right; text-align:right; margin: 0px 20px 0px 0px; color: #FFF;}

		/* form settings */
	label {width: 150px; float: left;}
	input[type='text'] {font-size: 14px;border: 1px solid #725318; width: 200px; height: 18px; padding: 4px 0;}
	input[type='submit'] 
	{cursor: pointer; margin-left: 5px; background: url(../images/button_bg.png) repeat-x #725318; border: 1px solid #725318; 			
	width: auto; height: 28px; color: #FFF;}
	input[type='submit']:hover {cursor: pointer; margin-left: 5px; background: url(../images/button_bg.png) repeat-x #725318; border: 1px solid 
	#34260B; width: auto; height: 28px; color: #FFF;}
	input[type='button'] 
	{cursor: pointer; background: url(../images/button_bg.png) repeat-x #725318; border: 1px solid #725318; 			
	width: auto; height: 28px; color: #FFF;}
	input[type='button']:hover {cursor: pointer; background: url(../images/button_bg.png) repeat-x #725318; border: 1px solid 
	#34260B; width: auto; height: 28px; color: #FFF;}
	textarea {font-size: 14px;border: 1px solid #725318; width: 200px; padding: 0; font-family:Arial, Helvetica, sans-serif;}

/* start main which includes all elements under banner */
#main {margin-left: 13px; width: 1024px; float: left; height: auto; 
background: url(../images/content_bg.png) no-repeat bottom right #FFF; position: relative;}

#menuregion {height: auto; width: 210px; margin: 10px 0px 0px 5px; float: left; background: #FFF; position: relative; float: left;}
#viewbrands {padding-left: 30px; width: 180px; height: auto;}

.quickFlip
{width: 200px; height: auto; min-height: 650px;}

#mensmenuhead {
	width: 200px;
	height: 27px;
	cursor: pointer;
	background: url(../images/mensmenuhead.png) no-repeat top;
	}
	
#ladiesmenuhead {
	width: 200px;
	height: 27px;
	background: url(../images/ladiesmenuhead.png) no-repeat top;
	cursor: pointer;
	}	
	
.menu {
	width: 178px;
	padding: 20px 0px 20px 20px;
	margin:0;
	border-left: 1px solid #725318;
	border-right: 1px solid #725318;
	border-bottom: 1px solid #725318;
	list-style: none;
	font-size: 14px;
	color: #666;
	
}
.menu li {margin-bottom: 3px;}	
.menu li a {color: #666; text-decoration:none;}
.menu li a:hover {color: #34260B; text-decoration: none;}

/* end menu region */

/* top menu region */
#mainmenubar {float: left; width: 809px; position: relative;background: url(../images/topnav_bg.png) repeat-x; height: 50px;}

li.topnav a {font-size: 12px;color: #EED9B0; text-decoration:none;}

li.topnav a:hover {font-size: 12px;color: #FFF; text-decoration:none;}

ul#mainmenu {z-index: 2; position: relative; list-style: none; height: 35px;  margin:0; padding:0; font-size: 12px;background: url(../images/topnav_bg.png) repeat-x; }

li.topnav {
	width:140px;
	height:15px;
	float:left;
	color: #000;
	text-align:center;
	overflow:hidden;
	background: url(../images/topnav_bg.png) repeat-x;
	padding: 10px 0px 10px 0px;
	}

li.topnav_left {
	width:20px;
	height:15px;
	float:left;
	background: url(../images/topnav_left.png) repeat-x;
	padding: 10px 0px 10px 0px;
	margin-right: 0px;
}

ul.subnav {background: none; list-style: none; 
margin:10px 0px 20px 0px; height: auto; padding: 0px; width: auto; 
border-left: 1px solid #34260B; 
border-right: 1px solid #34260B; 
border-bottom: 1px solid #34260B;
z-index: 3;
}

ul.subnav li.subnavlink {color: #725318; list-style: none; width: 120px; height: auto; padding: 0px 20px 0px 0px ; }

ul.subnav li.subnavlink a {color: #725318 !important; width: 138px; height: 25px; margin: 0;  padding: 5px 0px 0px 0px; background: url(../images/subnav_bg.png) repeat; display:block;}
ul.subnav li.subnavlink a:hover { color: #FFF !important; width: 138px; height: 25px;  padding: 5px 0px 0px 0px; background:url(../images/subnav_hover.png) repeat; display:block;}

/* top menu end */


#content {background: none; width: 764px; float: left; margin-left: 13px; position: relative; z-index: 0; padding-bottom: 30px;}

/* index page seach region at top */
#content .searchregion {color: #725318; width: 760px; background: none; height: 50px; float: left; position: relative; z-index: 2;}
#content .searchregion form {float: left; position: relative; margin: 0; width: auto; padding: 0; border: 0;}

#content .searchregion form input[type='text'] {font-size: 12px; border: 1px solid #725318; width: 140px; height: 15px !important;}
#content .searchregion form input[type='submit'] 
	{cursor: pointer; margin: 0 0 0 2px; background: url(../images/button_bg.png) repeat-x #725318; border: 1px solid #725318; 			
	width: auto; padding: 2px; height: 25px !important; color: #FFF; }
#content .searchregion form input[type='submit']:hover 
	{cursor: pointer; margin: 0 0 0 2px; background: url(../images/button_bg.png) repeat-x #725318; border: 1px solid #34260B; 
	width: auto; padding: 2px; height: 25px !important; color: #FFF; }

#content #slideshow {float: left; width:100%; position: relative;}

#content .pageheader {float: left; position:relative; width: 100%; height: auto; z-index: 2; margin-bottom: 20px;}

/* boxes used as menu items or adverts here */
#content .menuBox {background: #FFF; text-align: center; float: left; position: relative; width: 171px; height: 156px; border: 2px solid #725318; z-index: 2;}
#content .menuBox {margin: 0px 15px 20px 0px;}
#content .contactBox {background: #725318; text-align: left; float: left; position: relative; width: 151px; height: 136px; border: 2px solid #725318; z-index: 2;margin: 0px 15px 20px 0px; color: #FFF; font-size:12px;padding: 10px;}


.fade {
  position: absolute;
  top: 0;
  left: 0;
}
.fade div a, .fade div a:hover {display: block; height: 156px; width: 171px;}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

/* boxes used to return products here */

.itemBoxholder {background: none; text-align: center; float: left; position: relative; width: 175px; height: 200px; border: 0; z-index: 2;}

.itemBoxholder {margin: 0 15px 20px 0px;}

.productImage {background: #FFF; text-align: center; float: left; position: relative; width: 171px; height: 156px; overflow: hidden; border: 2px solid #725318; /*z-index: 2;*/}
.productImage:hover {background: #FFF; text-align: center; float: left; position: relative; width: 171px; height: 156px; border: 2px solid #34260B; z-index: 2;}
.sale {position:absolute; bottom: 0; right:0;}

.desctext {font-size: 13px; margin: 10px 0 5px 0; color: #725318; height: 28px; padding: 2px; width: 171px; background: none; position: relative; float: left; z-index: 2;}
span.left {float: left;}
span.right {float: right; font-weight: bold;}

/* pagination */

#paginglinks {float: left; width: 100%; margin: 30px 0 10px 0;}
	#pagingleft {float:left;width: 50%;font-size: 12px;}
	#pagingright {float:left;width: 50%; text-align:right;font-size: 12px;padding: 6px 0 0 0;}
.activelink, .pagingspacer  {float: left; background: #725318;color: #FFF; padding: 5px;margin: 0 5px 0 0;border: 1px solid #34260B;}
.activelink {width: auto;}
.pagingspacer {width: 5px; height: 25px;padding: 0;}
.activelink:hover {background: #34260B;color: #FFF; text-decoration:none;}
.inactivelink {width: auto; float: left; background: #EED9B0;color: #FFF; padding: 6px;margin: 0 5px 0 0; text-decoration: none;}


/* bottom of index page */

#signup {width:370px; background: none; height: 160px; float: left; position:relative; margin-right: 20px;}
	#signup p {margin:0 0 10px 0;}
	

#newsregion{width:370px; background: none; float: left; position:relative; margin-bottom: 40px;}
	#newsregion p {margin: 0 0 10px 0; width: 100%; height: auto; color: #000; float: left;}
	#newsregion span {float: left; width: 100%; position: relative; height: auto; color: #725318; margin: 0 0 15px 0;}
	#newsregion a {font-size: 80%; float: left; width: 100%; height: auto; position: relative; color: #725318; text-decoration:none;}
	#newsregion a:hover {font-size: 80%;float: left; width: 100%; height: auto; position: relative; color: #725318; text-decoration:underline;}

#gameregion {float: left; position: relative; width:745px; background: #FFF; color: #725318; height:500px; padding-top: 0px; border: 0px; margin: 0px 0px 20px 0px; z-index: 2; text-align:center;}
#gameregion img.l {margin-right: 20px; margin-bottom: 20px;}
#gameregion img.r {margin-bottom: 20px;}

#gameregion1 {float: left; position: relative; width:745px; background: #000; color: #725318; height:500px; padding-top: 0px; border: 0px; margin: 0px 0px 20px 0px; z-index: 0; text-align:center;}
#gameregion2 {float: left; position: relative; width:745px; background: url(../images/games/tetris_bg.png) repeat top; color: #725318; height:500px; padding-top: 0px; border: 0px; margin: 0px 0px 20px 0px; z-index: 0; text-align:center;}
#gameregion3 {float: left; position: relative; width:745px; background: #FFF; color: #725318; height:500px; padding-top: 0px; border: 0px; margin: 0px 0px 20px 0px; z-index: 0; text-align:center;}
#gameregion4 {float: left; position: relative; width:745px; background: #FFF; color: #725318; height:460px; padding-top: 40px; border: 0px; margin: 0px 0px 20px 0px; z-index: 2; text-align:center;}

#gamemenu {width: 100%; height: 50px; float: left; margin-bottom: 20px;}

#contact /*form*/ {float: right; width: 461px; height: 476px; background:url(../images/whitewall.png) repeat #FFF; border: 2px solid #725318; padding: 20px 20px 20px 80px;}
#contact input[type='submit'] {margin: 10px 0 0 150px;}

.breadcrumb {width: 760px; height: 20px; background: none; margin: 0 0 10px 0; color: #725318; font-size: 12px;}
.breadcrumb .homelink {color: #000 !important;}
.breadcrumb .homelink:hover {color: #000 !important;}

/* returned product markup start */
.productname {width: 760px; height: auto; float:left; position:relative;}
.leftcolumn {width: 475px; height: auto; float: left; position:relative; background: none;}
.altimage {float: left; width: 80px; height: 75px; overflow: hidden; border: 1px solid #666; background:#FFF; margin: 0 10px 0 0;}
.altimage a img {width: 80px; height: 75px;}
.altimage a img.long {height: auto !important;}
.altimage:hover {border: 1px solid #725318;}

.productimage {width: 475px; height: 450px; background: none; float: left; position:relative; margin-bottom: 10px;}
.productimagetall {width: 475px; height: 625px; background: none; float: left; position:relative; margin-bottom: 10px;}
.buttons {width: 475px; height: auto; background: none; float: left; position:relative; margin-bottom: 40px;}
.buttons span {color: #666; margin-left:5px; font-size: 12px;}
a.button {margin: 0 8px 0 0; font-size: 12px; color: #FFF; border: 2px solid #725318; width: auto; padding: 4px 10px 4px 10px; height: auto; background: url(../images/button_bg.png) repeat-x top; position:relative;}
a.button:hover {margin: 0 8px 0 0; text-decoration: none; font-size: 12px; color: #FFF; border: 1px solid #000; width: auto; padding: 5px 11px 5px 11px; height: auto; background: url(../images/button_bg.png) repeat-x top; position:relative;}

.producttext {font-size: 14px; margin: 0 0 40px 20px; width: 265px; min-height: 450px; height: auto; background: none; float:left; position:relative;}
h4.producthead {margin-bottom: 0px; }
p.itemcolour {margin:0;}
.otheritems {width: 760px; height: auto; float:left; position:relative; margin: 0 0 10px 0;}

/* magnifier settings */
#dio-lens{border:1px solid #000; z-index: 10000; background: #FFF; cursor: none;}
#dio-sensor{z-index: 11000;	cursor: none;}
#dio-loader{background:#fff url('../images/products/preloader.gif') no-repeat center 40px; text-indent:-30000px;}


/* returned product end */

/* checkout styles */

table { width: 100%}
table tr.head {background: url(../images/button_bg.png) bottom repeat-x; color: #FFF;}
table tr.head th {padding: 5px 0 5px 0;}
table tr td.noback {background: none !important;}
table td {text-align: center; background: #EED9B0;}
table tr td form {margin: 2px auto 2px auto; }


/* start footer */
#footer {color: #FFF; font-size: 11px; margin-left: 13px; border-top: 2px solid #34260B; height: 30px; padding: 15px 20px; width: 984px; float: left; background: url(../images/footer_bg.png) repeat-x top #292929; position: relative;}
#footer a {color: #FFF; text-decoration: none;}
#footer a:hover {color: #EED9B0; text-decoration: underline;}
#footer_l {color: #FFF; float: left; position: relative; width: 50%;}
#footer_r {color: #FFF; float: right; position: relative;  width: 50%; text-align: right;}