@charset "utf-8";

/* common styles */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body, html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000000;
	background-color: #efe9e1; /* page background color */
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* to display logo */
#logo {
	margin: 5px 0 5px 0;
}
/* hide text written under logo block as just to display image */
#logo span {
	display: none;
}


/* page structural css */

#MainContainer {
	position: relative;
	width: 777px; /* width of content area */
	margin: 0 auto;
	top: 1px;
	padding-bottom: 10px;
}

/* HEADER */
#header {
	position: relative;
	height: 85px;
	text-align: left;
}

/* Blink Box for Homepage*/
#blinknavi {
	position: absolute;
	left: 300px;
	top: 30px;
	width: 200px; /* width of box */
	height: 20px;
	background: #EFE9E1;
	border: none;
}

/* TOP RIGHT NAVIGATION WITH CART SUMMARY SECTION */
#headnavi {
	position: absolute;
	left: 552px;
	top: 64px;
	width: 219px; /* width of box */
	background: #555555; /* grey background */
	border: 3px solid #ffffff; /* white border */
	border-bottom: none;
}

/* navigation block: contact, faq, etc */
#headnavi ul {
	list-style: none;
}

#headnavi li {
	background-color: #b1b6bf; /* background color of navigation box */
	color: #343963; /* text color, if its link then need to change the color in {#headnavi li a} */
	float: left;
	height: 18px;
	line-height: 18px;
	padding-left: 5px;
	padding-right: 15px;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 3px solid #ffffff; /* border color: white between navigation and cart summary section */
	margin-bottom: -3px !important; /* to remove the extra margin appear in mozilla */
}

#headnavi li a {
	color: #343963; /* text color of links in head top navigation */
	text-decoration: none; /* removing the underline by default from hyperlink*/
}
#headnavi li a:hover {
	text-decoration: underline; /* underline to appear on mouse hover */
}

/* cart summary section in top area */
#headnavi #cartsum {
	height: 26px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 9px;
	color: #ffffff;
	text-align: left;
	line-height: 26px;
}

/* cart icon */
#cartsum .carticon {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

/* check out button */
#cartsum .cartcheckout {
	float: left;
	margin-top: 3px;
	margin-left: 20px;
	margin-right: 3px;
}

/* link color of "my cart" */
#headnavi #cartsum a {
	color: #ffffff;
}

/* CONTENT AREA */
#content {
	height: 517px; /* height of content area */
	position: relative;
	background-color: #ffffff; /* white background of content area */
	color: #000000; /* text color black */
	overflow: hidden;
	padding: 3px;
}
#content2 {
	height: 517px; /* faq page */
	position: relative;
	background-color: #ffffff; /* white background of content2 area */
	color: #000000; /* text color black */
	overflow: hidden;
	padding: 3px;
}

/* top navigation bar section */
#topnavi {
	position: relative;
	background: #646c79; /* background color of navigation bar */
	height: 26px;
	padding-right: 205px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

/* navigation list */
#topnavi ul {
	list-style: none;
}
#topnavi ul li {
	display: inline;
	line-height: 26px;
	margin-right: 7px; /* space between links at top */
	color: #ffffff; /* text color white, if link the change color in {#topnavi ul li a} */
}
#topnavi ul li a {
	color: #ffffff; /* text link color white */
	text-decoration: none; /* removing default underline of hyperlink */
}
#topnavi ul li a:hover {
	text-decoration: underline; /* underline to appear on mouse hover */
}

/* top most grey bar for sponsor links */
#greybar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background: #555555; /* background color of bar */
	color: #ffffff; /* text color */
	height: 26px;
	line-height: 25px;
}

/* sponsor links block */
#sponsor ul {
	list-style: none;
}
#sponsor ul li {
	display: inline;
	margin-right: 20px;
	color: #ffffff; /* text color */
	font-size: 10px;
}
#sponsor ul li a {
	color: #ffffff; /* link color */
}

/* homepage text box section */
#hometextbox {
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 5px;
	height: 417px;
	width: 383px;
	background: url(../images/leisure.gif) no-repeat left top;
	overflow: auto;
	border: 1px solid #B1B6BF; /* border style size, type and color, to remove border just remove this line */
	float: left;
}
/* homepage image boxes */
#homeimagebox1, #homeimagebox2, #homeimagebox3 {
	float: left;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 5px;
	width: 215px; /*width of homeimagebox1, i.e. big image box beside the text box */
	height: 417px; /*height of homeimagebox1, i.e. big image box beside the text box */
	overflow: hidden;
	border: 1px solid #B1B6BF; /* border style size, type and color, to remove border just remove this line */
}
#homeimagebox2 {
	border: 0px solid #B1B6BF;
	width: 468px; /*width of homeimagebox2, i.e. image box below the text box and big image box */
	height: 60px; /*height of homeimagebox2, i.e. image box below the text box and big image box */
}
#homeimagebox3 {
	border: 1px solid #B1B6BF;
	width: 296px;  /*width of homeimagebox2, i.e. image box beside the homeimagebox2 */
	height: 58px;  /*height of homeimagebox2, i.e. image box beside the homeimagebox2 */
	margin-right: 0px; /* removing the right margin of big image box as defined collectively in last style */
}
#homeimagebox4 {
	float: left;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	width: 157px; /*width of homeimagebox4,  */
	height: 417px; /*height of homeimagebox4,  */
	overflow: hidden;
	border: 1px solid #B1B6BF; /* border style size, type and color, to remove border just remove this line */
}
#homeimagebox5 {
	float: right;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	width: 769px; /*width of homeimagebox5,  */
	height: 417px; /*height of homeimagebox5,  */
	overflow: hidden;
	border: 1px solid #B1B6BF; /* large box for about page  */
}
#homeimagebox6 {
	float: right;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	width: 769px;
	height: 417px;
	overflow: hidden;
	border: 1px solid #B1B6BF; /* large box for faq page  */
}
#homeimagebox7 {
	float: none;
	width: 630px;
	height: 350px;
	margin-left: 69px;
	margin-top: 30px;
	overflow: hidden;
	border: 1px solid #B1B6BF; /* site index */
}
#youtubeimagebox {
	position: relative;
	float: left;
	margin-top: 60px;
	margin-left: 25px;
	width: 302px;
	height: 269px;
	overflow: hidden; /* Demo page image */
}
#featuresimagebox1 {
	float: left;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	width: 217px;
	height: 417px;
	overflow: hidden;
	border: 1px solid #B1B6BF;
}
#featurestextbox {
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 3px;
	height: 417px;
	width: 547px;
	line-height: 15px;
	overflow: hidden;
	border: 1px solid #B1B6BF;
	float: left;
}
/* footer block */
#footer {
	position: relative;
	padding: 5px;
}
/* footer content block */
#footer ul {
	list-style: none;
}
#footer ul li {
	float: left;
	display: block;
	line-height: 15px;
	margin-right: 10px; /* gap between the links or content */
	font-size: 10px;
	font-weight: bold;
	color: #646c79; /* color of footer text */
}
#footer ul li a {
	color: #646c79; /* text color black */
	text-decoration: none; /* link underline remove */
}
#footer ul li a:hover {
	text-decoration: underline; /* link underline on mouseover */
}

/* the copy right and text that need to appear in right most part of footer */
#footer ul #copyright {
	float: right;
	display:block;
	margin-right: 0px;
}

/* product page css */

#colorswatchbox {
	position: relative;
	margin-top: 3px;
	width: 63px;
	height: 422px;
	background-color: #efe9e1;
	color: #000000;
	overflow: auto;
	float: left;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
}
#colorswatchbox img {
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #efe9e1;
}
#colorswatchbox p {
	margin-top: 10px;
}
#productimagebox {
	position: relative;
	float: left;
	margin-top: 3px;
	width: 215px;
	height: 422px;
	overflow: hidden;
	text-align: center;
}
#aboutimagebox {
	position: relative;
	float: left;
	margin-top: 0px;
	width: 221px;
	height: 417px;
	overflow: hidden; /* About page image */
}
#giftimagebox {
	position: relative;
	float: left;
	margin-top: 0px;
	width: 91px;
	height: 58px;
	overflow: hidden; /* giftcard image in imagebox3 */
}
#lgiftimagebox {
	position: relative;
	float: left;
	margin-top: 5px;
	width: 367px;
	height: 417px;
	overflow: hidden;
}
#contactimagebox {
	position: relative;
	float: left;
	margin-top: 110px;
	padding-left: 180px;
	width: 215px;
	height: 93px;
	overflow: hidden; /* contact image on contact page */
}
#mediaimagebox {
	position: relative;
	float: left;
	margin-top: 10px;
	padding-left: 5px;
	width: 400px;
	overflow: hidden; /* box for scroller on mediacenter page */
}
#productimagebox img {
	max-height: 420px;
	max-width: 133px;
}
#viewbox {
	position: relative;
	float: left;
	width: 70px;
	height: 189px;
	margin-top: 230px;
	overflow: hidden;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
}

#viewbox img {
	border: 2px solid #ffffff;
	max-width: 50px;
	max-height: 68px;
	margin: 0 auto;
	margin-top: 5px;
}
#productcontent {
	position: relative;
	float: left;
	margin-left: 3px;
	margin-top: 3px;
	width: 420px;
	height: 422px;
	overflow: auto;
	text-align: left;
}
#productdesc {
	height: 100px;
	overflow: auto;
	padding-right: 15px;	
}
#strapakdesc {
	height: 100px;
	padding-top: 6px;
	padding-left: 3px; /* Strapak description on home page */
}
#aboutdesc {
	height: 100px;
	padding-top: 20px;
	margin-right: 75px; /* About description on about page */
	position: relative;
	float: right;
}
#giftdesc {
	padding-top: 2px;
	margin-right: 4px; /* gift description in imagebox3 */
	position: relative;
	line-height: 13px; /* squeezes lines together to make viewable on firefox */
	text-align: left;
	float: right;
}
#faqdesc {
	height: 417px;
	width: 650px;
	padding-top: 20px;
	margin-left: 65px; /* FAQ description on FAQ page */
	position: relative;
	float: none;
}
#sitedesc {
	height: 350px;
	width: 630px;
	padding-top: 10px;
	padding-left: 10px; /* Site Index links */
	position: relative;
	line-height: 14.5px;
	border: 1px solid #B1B6BF;
	float: left;		
}
#lgiftdesc {
	height: 417px;
	padding-top: 20px;
	margin-right: 5px;
	position: relative;
	width: 370px;
	float: right;
}
#legaldesc {
	height: 397px;
	width: 703px;
	padding-top: 20px;
	margin-left: 65px; /* positioning box on legal pages */
	position: relative;
	float: none;
	overflow: auto;
}
#innerdesc {
	height: 397px;
	width: 635px;
	padding-top: 0px; /* description on Legal pages */
	position: relative;
	float: left;
}
#thankyoudesc {
	height: 417px;
	width: 650px;
	padding-top: 20px;/* Description on thankyou page */ 
	position: relative;
	float: none;
}
#youtubedesc {
	height: 417px;
	width: 306px;
	padding-top: 3px;/* About description on about page */
	position: relative;
	margin-right: 10px;
	float: right;
	overflow: hidden;
}
#mediadesc {
	height: 200px;
	width: 229px;
	padding-top: 10px; /* description on Media page */
	position: relative;
	overflow: hidden;
	float: left;
}
#innermediadesc {
	height: 175px;
	width: 635px;
	padding-top: 0px; /* */
	position: relative;
	float: left;
}
#productcontent h1 {
	font-size: 14px;
	margin-bottom: 10px;
	padding-top: 4px;
}
#productcontent p {
	font-size: 12px;
	margin-bottom: 0px;
	font-weight: bold;
}
#productcontentleft {
	width: 265px;
	position: relative;
	float: left;
}
#productcontentright {
	width: 140px;
	position: relative;
	margin-left: 5px;
	float: left;
}
.addtocartbox {
	position: relative;
	background: url(../images/orderbox.gif) no-repeat left top;
	width: 259px;
	height: 49px;
}
.addtocartbox .left {
	margin-left: 4px;
}
.addtocartbox form {
	padding: 3px;
	padding-left: 5px;
}
.addtocartbox label {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}
.addtocartbox select {
	margin-top: 1px;
	border: 1px solid #999999;
	line-height: 12px;
	font-size: 11px;
}
.addtocartbox .rate {
	line-height: 40px;
	font-size: 12px;
	font-weight: bold;
}
.addtocartbox .addtocartbut {
	margin-top: 9px;
}
.productdetail {
	position: relative;
	background: url(../images/productdetail.gif) no-repeat left top;
	width: 258px;
	height: 264px;
	overflow: auto;
}
.productdetail .content {
	padding-top: 4px;
}
.productdetail p {
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	font-size: 11px;
	line-height: 13px;
}
.productsmallimg {
	position: relative;
	text-align: center;
}

.productsmallimg img {
	max-height: 106px;
	max-width: 135px;
}

.productpreviewimg {
	border: 1px solid #B1B6BF;
	position: relative;
	text-align: center;
	width: 135px;
	height: 204px;
}
.productpreviewimg img {
	position: absolute;
	bottom: 0;
	left: 0;
	max-height: 204px;
	max-width: 135px;
}

.AdsenseTop {
	padding-right: 0px; 
	padding-left: 0px;
	left: 270px;
	height: 60px;
	width: 234px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	position: absolute; top: 15px;
}