/* Main.css for Jewellery4u2Watch.co
   Created by Steven McGill
   #################################
*/

/* Clears all tags of any predefined settings by browser. */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote, button {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 0; list-style: decimal; }
ul { padding-left: 0; list-style:square; }
q:before, q:after { content:''; }

/*####################################################*/
/*####################################################*/
/*####################################################*/

/*div {
	border: 1px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
}*/

@import url(http://www.
.com/cse/api/branding.css);

body {
	background: #f0e4fb;
	font-family: helvetica;
	font-size: 11px;
}

#container {
	margin: 10px auto 0 auto;
	width: 80%;
}

#logoDiv {
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #cba0f6;

}

/* Top Nav Buttons */

.topNav {
	float: right;
	text-align: center;
	margin-left: 20px;
	margin-top: 10px;
}

.topNav img {
	height: 29px;
	border: none;
}

.topNav p a, .details p a {
	text-decoration: none;
	color: #a267de;
}

.topNav p a:hover, .details p a:hover {
	color: #8116ef;
}

.topNav p {
	margin-top: 5px;
}

/*####################################################*/
/*####################################################*/
/*####################################################*/

/* Shopping Cart Top */

#shopCartDiv {
	clear: both;
	text-align: right;
	margin-top: 88px;
	
}

/*####################################################*/
/*####################################################*/
/*####################################################*/

/* Google Search */

#googleSearch {
	text-align: right;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cba0f6;
	position: relative;
	clear:left;
	
}

#googleSearchIcon {
	background: url(../images/search_icon.png) no-repeat;
	border: none;
	width: 22px;
	height: 22px;
	position: absolute;
	top:0;
	right: 5px;
}

/*####################################################*/
/*####################################################*/
/*####################################################*/

/* 
 Body of Page */

/* Main Content */

#bodyDiv {
	margin-top: 10px;
	margin-left: 210px;
	padding-left: 10px;
}

#welcomeDiv {
	padding-top: 4px;
	margin-bottom: 10px;
}

#contactDiv {
	padding-top: 4px;
	margin-bottom: 10px;
}

#contactDiv p {
	margin-bottom: 10px;
}

#contactDiv a {
	text-decoration: none;
}

#contactDiv a:hover {
	color: #8116ef;
}

#aboutDiv {
	padding-top: 4px;
	margin-bottom: 10px;
}

#aboutDiv p {
	margin-bottom: 10px;
}

#aboutDiv a {
	text-decoration: none;
}

#aboutDiv a:hover {
	color: #8116ef;
}

#deliveryDiv {
	padding-top: 4px;
	margin-bottom: 10px;
}

#deliveryDiv p {
	margin-bottom: 10px;
}

#deliveryDiv a {
	text-decoration: none;
}

#delivery {
	margin-top: 10px;
	border-spacing: 0px;
	border-top: 1px solid #8116ef;
	border-left: 1px solid #8116ef;
}

#delivery th {
	border-bottom: 2px solid #8116ef;
	background: #8116ef;
	color: white;
	padding: 10px;
}

#delivery td {
	text-align: center;
	padding: 10px;
	border-right: 1px solid #8116ef;
	border-bottom: 1px solid #8116ef;
}

#jewelleryDiv {
	padding-top: 4px;
	margin-bottom: 10px;
}

.jewelleryDetails {
	border-bottom: 1px solid #cba0f6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.jewelleryDetails h2 {
	font-size: 18px;
}

.jewelleryDetails p {
	margin-top: 10px;
}

.jewelleryDetails ul{
	margin-top: 10px;
	padding-left: 20px;
}

#returnsDiv {
	padding-top: 4px;
	margin-bottom: 10px;
}

#returnsDiv p {
	margin-bottom: 10px;
}

#returnsDiv ul{
	margin-bottom: 10px;
	padding-left: 20px;
}

#returnsDiv a {
	text-decoration: none;
}

#returnsDiv a:hover {
	color: #8116ef;
}

#privacyDiv {
	padding-top: 4px;
	margin-bottom: 10px;
}

#privacyDiv a {
	text-decoration: none;
}

#privacyDiv a:hover {
	color: #8116ef;
}

#dealDiv {
	padding-top: 4px;
	margin-bottom: 10px;
}

#shoppingCart {
	padding-top: 4px;
	margin-bottom: 10px;
}

.mainBLock li {
	list-style: none;
	padding: 5px 0;
}

/* Deal block on the main page */

#dealMain img {
	float: left;
	width: 250px;
	border: 1px solid #a267de;
}

#dealMain a {
	text-decoration: none;
}

#dealMain a:hover {
	color: #8116ef;
}

#dealMain h2 {
	font-size: 15px;
	padding-left: 270px;
}

#dealMain p {
	font-size: 12px;
	margin-top: 10px;
	padding-left: 270px;
}

#add2cart, #go2deal {
	float: right;
	vertical-align: bottom;
	font-size: 18px;
	background: #8116ef;
	margin-top: 10px;
	padding: 4px;
	-moz-box-shadow: 3px 3px 5px black;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

#go2deal {
	clear: right;
}

#add2cart img {
	height: 21px;
	width: 21px;
	border: none;
}

#add2cart a {
	color: #fff;
}

#add2cart a:hover {
	font-weight: normal;
	color: #fff;
}

#go2deal a {
	color: #fff;
}

#go2deal a:hover {
	font-weight: normal;
	color: #fff;
}

/* Featured Items */

#featureDiv {
	margin-top: 10px;
}

.featured {
	margin: 0 auto;
}

.featured td {
	width: 160px;
	text-align: center;
	padding-right: 5px;
	vertical-align: top;
}

.featured a {
	text-decoration: none;
}

.featured a:hover {
	color: #8116ef;
}

#display {
	text-align: right;
	margin-bottom: 10px;
}

#display a {
	text-decoration: none;
}

#display a:hover{
	color: #8116ef;
}

#cartTable {
	margin-top: 10px;
}

#postalDiv {
	margin-top: 10px;
}

#unsubscribeDiv {
	padding-top: 4px;
	margin-bottom: 10px;
}

/*####################################################*/
/*####################################################*/
/*####################################################*/

/* Side Bar */

#sideBarDiv {
	float: left;
	width: 200px;
	margin-bottom: 10px;
}

#sideNav {
	/*margin-top: 10px;*/
}

.accordion li {
	list-style: none;
	padding: 5px 0;
}

.accordion a {
	text-decoration: none;
	color: #822178;
}

.accordion a:hover {
	color: #8116ef;
}

.accordion div {
	margin-top: 5px;
}

#LinkDiv {
	margin-top: 10px;
}

#SSLDiv {
	margin-top: 10px;
}

#SSLDiv p {
	padding-top: 10px;
}

.SSLLink a {
	text-decoration: underline;
}

div.NPAcc a {
	text-decoration: none;
}

div.NPAcc ul{
	list-style:none;
}

/*####################################################*/
/*####################################################*/
/*####################################################*/

/* Footer */

#footerDiv {
	clear: both;
	padding-top: 10px;
	border-top: 1px solid #cba0f6;
}

#footerDiv p {
	text-align: center;
	font-size: 9px;
	color: #a267de;
}

#footerDiv a {
	text-decoration: none;
	color: #a267de;
}

#footerDiv a:hover {
	color: #8116ef
}

/* Shopping Cart */
#bottomTabCart {
	width: 100%;
}

.right {
	text-align: right;
}

#cartTable td {
	border-bottom: 1px solid #cba0f6;
	text-align: center;
}

#cartTable td.head {
	font-weight: bold;
}

#bottomTabCart th, #cartTable th, td.right {
	text-align: right;
}

#bottomTabCart th.line {
	padding: 10px 0px;
	border-bottom: 1px solid #cba0f6;
}

#cartError {
	text-align: right;
	color: red;
	font-weight: bolder;
}

/*****************************
******************************
******************************/
/* itemPage */

#itemDiv {
	padding-top: 4px;
	margin-bottom: 10px;
}
#itemImg {
	float: left;
	width: 250px;
	border: 1px solid #a267de;
	margin-right: 10px;
	margin-bottom: 10px;
}

.itemAdd {
	height: 21px;
	width: 21px;
	border: none;
}
.itemAddAnc {
	text-decoration: none;
}

#itemDesc {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cba0f6;
	border-top: 1px solid #cba0f6;
}

#itemDiv h4 {
	font-size: 16px;
	margin-bottom: 10px;
}

.itemGalleryImg {
	float: left;
	width: 150px;
	border: 1px solid #a267de;
	margin-right: 10px;
	margin-bottom: 10px;
}

/***************************
Top Ad
***************************/
#topAd{
	height:100px;
	float: left;
	position: relative;
	top: 90px;
	z-index:10;
}


/***************************
Live Search
***************************/

div#livesearch {
	text-align: right;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cba0f6;
	clear:left;
}

div#searchBoxDiv {
	position: relative;
}

.suggestionsBox {
	position: absolute;
	margin: 10px 0px 0px 0px;
	right: 0;
	top: 15px;
	width: 300px;
	background-color: #efc2e1;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #8116ef;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
	list-style: none;
	text-align: left;
}

.suggestionList a:hover {
	color: #8116ef;
}

.suggestionList a{
	text-decoration: none;
	color: #a267de;
}

/***************************
Live Captions
***************************/

.boxgrid{
		width: 180px;
		height: 200px;
		margin:10px;
		float:left;
		background:#f0e4fb;
		border: 1px solid #a267de;
		overflow: hidden;
		position: relative;
}
.boxgrid img{
		position: absolute;
		top: 0;
		left: 0;
		border: 0;
		/*width: 160px;*/
		height: 200px;
		width: 100%;
}
.boxcaption{
		float: left;
		position: absolute;
		background: #f0e4fb;
		border-top: 1px solid #a267de;
		height: 100px;
		width: 100%;
		opacity: .8;
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.boxcaption p {
	padding: 0 3px;
}
 .captionfull .boxcaption {
	top: 200px;
	left: 0;
}

/***************************
item tables
***************************/

tr.top{
	vertical-align: top;
}

tr.top td {
	text-align:center;
}
table#allItems {
	margin: 0 auto;
}

.cover a {
	text-decoration: none;
}

.cover a:hover {
	color: #8116ef;
}

/***************************
Sitemap
***************************/

div#sitemap ul {
	list-style-position: inside;
	list-style-type: circle;
	margin-left: 40px;
}

/*div#sitemap ul ul {
	list-style-position: inside;
	list-style-type: circle;
}*/