/* CSS Document */

/* Normalizes browser display of type/padding/borders */

/* REMOVE PADDING AND MARGIN VALUES */
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, fieldset, pre
{ margin: 0; padding: 0; }

/* NORMALIZE HEADER FONT SIZES */
h1, h2, h3, h4, h5 { font-size: 100%; }

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS AND REMOVES BULLET STYLING */
ul, ol, dl, ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{ margin-top: 0; margin-bottom: 0; list-style: none; }

/* SET FONT STYLE AND WEIGHT TO NORMAL */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* REMOVE BORDER FROM TABLES */
table
{ border-collapse: collapse; border-spacing: 0;}

/* REMOVE BORDERS FROM FIELDSET, IMG */
fieldset, img
{ border: 0; }

/* LEFT-ALIGN TEXT IN CAPTION AND TH */
caption, th
{ text-align: left; }

/* REMOVE QUOTE MARKS FROM Q */
q:before, q:after
{ content: ''; }#wrapper {
	width: 990px;
}
.clearfix:after {
	content: "."; /* This dot is the actual appended content */
	clear: both;
	height: 20px;
	visibility: hidden;
	display: block;
	background-color: #0099CC;
}
.floatclear {
	clear: both;
}

/* Focus Outline fix for Firefox */
a { outline: none; }
:focus { -moz-outline-style: none; }

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
/* End hide from IE-mac */ 


body {
	background-image: url(../images/background.jpg);
	background-color: #000000;
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, san-serif;
	color: #676767;
}
/*****************************Branding*****************************/
#branding {
	height: 122px;
	width: 100%;
	background: url(../images/logo.gif) no-repeat 847px 0;
}

div#specialcard {
	padding-top: 63px;
	padding-left: 200px;
	width: 610px;
	text-align: right;
}

div.vcard {
	font-size: 12px;
}

div.vcard a {
	color: #676767;
	text-decoration: none;
}

div.vcard a:hover {
	text-decoration: underline;
}

div#specialcard div.vcard, div#specialcard div.vcard div.adr, div#specialcard div.vcard div a {
    font-size: 9px;
    display: inline;
}
 
div.vcard div, div.vcard span.tel {
    margin-right: 0.4em;
}

div.vcard .fn {
	font-size: 14px;
	color: #FFFFFF;
	display: block;
	margin: 10px 0 4px 0;
}

div.vcard .country-name, div#specialcard div.vcard .fn, div.vcard .type, div.vcard .geo {
    display: none;
}

#adr {
	margin-top: 50px;
}
.slogan {
	font-size: 14px;
}

#leftcolumn {
	float: left;
	width: 240px;
	clear: both;
}

/*****************************Main Nav*****************************/
#leftcolumn .skip, h3#nav_title {
	display: none;
}

#mainnav {
	width:100%;
}
#mainnav ul{
	display: block;
	width: 202px;
	margin-left: 38px;
	margin-top: 44px;
}
#mainnav ul li, #mainnav ul li a {
	width: 202px;
	height: 26px;
	display: block;
	list-style-type: none;
	text-indent: -100em;
	background-repeat: no-repeat;
}

div#mainnav a#nav_home { background-image: url(../images/nav_home.gif); }
div#mainnav a#nav_home:hover, #home div#mainnav a#nav_home { background-image: url(../images/nav_home_over.gif); }
div#mainnav a#nav_gallery { background-image: url(../images/nav_gallery.gif); }
div#mainnav a#nav_gallery:hover, #gallery div#mainnaw a#nav_gallery { background-image: url(../images/nav_gallery_over.gif); }
div#mainnav a#nav_about { background-image: url(../images/nav_about.gif); }
div#mainnav a#nav_about:hover, #about div#mainnav a#nav_about { background-image: url(../images/nav_about_over.gif); }
div#mainnav a#nav_contact { background-image: url(../images/nav_contact.gif); }
div#mainnav a#nav_contact:hover, #contact div#mainnav a#nav_contact { background-image: url(../images/nav_contact_over.gif); }
div#mainnav a#nav_products { background-image: url(../images/nav_products.gif); }
div#mainnav a#nav_products:hover, #products div#mainnav a#nav_products { background-image: url(../images/nav_products_over.gif); }
div#mainnav a#nav_gifts { background-image: url(../images/nav_gift.gif); }
div#mainnav a#nav_gifts:hover, #gifts div#mainnav a#nav_gifts { background-image: url(../images/nav_gift_over.gif); }
div#mainnav a#nav_faq {	background-image: url(../images/nav_faq.gif); }
div#mainnav a#nav_faq:hover, #faq div#mainnav a#nav_faq { background-image: url(../images/nav_faq_over.gif); }


/************************ Main Content   ***********************************/
#maincontent {
	float: left;
	width: 537px;
	margin-left: 30px;
}
#maincontent .product {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #282727;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	height: 150px;
}
.thingrey {
	font-weight: normal;
}

#maincontent .product .leftimage {
	float: left;
	height: 77px;
	width: 110px;
	margin-top: 2px;
	margin-left: 2px;
	/* border: 1px solid #dddddd; */
}

#maincontent .product .details {
	float: left;
	width: 400px;
	margin-left: 16px;
}

#maincontent .product .details dl {
	display: inline;
}

#maincontent .product .details dt {
	padding-right: 6px;
	float: left;
	clear: left;
	display: inline;
}

#maincontent .product .details dd {
	float: left;
	font-weight: normal;
	width: 300px;
}

div#pagehead {
	width: 100%;
	height: 44px;
	border-bottom: 1px solid #272727; 
	margin-bottom: 10px;
}

#home div#pagehead {
	border-bottom: none;
	margin-bottom: 0;
}

#products div#pagehead {
	margin-bottom: 0;
}

#pagehead h1, #my_gallery h1 {
	font-size: 22px;
	font-weight: normal;
	color: #666666;
}

div#maincontent h2, #my_gallery h2  {
	font-weight: normal;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 12px;
	margin-bottom: 12px;
}

div#maincontent p, #my_gallery p  {
	font-size: 12px;
	margin-bottom: 6px;
}

#maincontent .pagefaq {
	background-image: url(../images/faq_boy.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	float: left;
}
.pagefaq h3 {
	color: #FFFFFF;
	font-size: 15px;
	padding-bottom: 5px;
	padding-top: 4px;
}
.pagefaq ul li {
	font-size: 11px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	line-height: 13px;
	color: #6c6e6c;
}
.pagefaq lh {
	font-size: 13px;
	color: #009dda;
}
.pagefaq dt {
	font-size: 13px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 10px;
}
.pagefaq dd {
	font-size: 11px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #272727;
	margin-bottom: 15px;
}


.pagefaq hr {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #e1e1e1;
	border-top-color: #e1e1e1;
	border-right-color: #e1e1e1;
	border-bottom-color: #e1e1e1;
	border-left-color: #e1e1e1;
	background-color: #272727;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 1px;
}

.pagefaq ul {
	padding-bottom: 10px;
}
/************************  Sub Nav  ***********************************/

#subnav {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 31px;
}

#subnav ul {
	display: inline;
}

#subnav ul li {
	float: left;
}
#subnav ul li a {
	text-indent: -3000px;
	display: block;
	height: 31px;
}

#all a:link, #all a:visited, #all a:active {
	width: 71px;
	background-image: url(../images/subnav_all.gif);
}
#all a:hover, #all a.selected {
	background-image: url(../images/subnav_all_over.gif);
}

#canvasblocks a:link, #canvasblocks a:visited, #canvasblocks a:active {
	width: 118px;
	background-image: url(../images/subnav_canvasblocks.gif);
}
#canvasblocks a:hover, #canvasblocks a.selected {
	background-image: url(../images/subnav_canvasblocks_over.gif);
}

#framed a:link, #framed a:visited, #framed a:active {
	width: 73px;
	background-image: url(../images/subnav_framed.gif);
}
#framed a:hover, #framed a.selected {
	background-image: url(../images/subnav_framed_over.gif);
}

#multi a:link, #multi a:visited, #multi a:active {
	width: 61px;
	background-image: url(../images/subnav_multi.gif);
}
#multi a:hover, #multi a.selected {
	background-image: url(../images/subnav_multi_over.gif);
}

#album a:link, #album a:visited, #album a:active {
	width: 68px;
	background-image: url(../images/subnav_album.gif);
}
#album a:hover, #album a.selected {
	background-image: url(../images/subnav_album_over.gif);
}

#web a:link, #web a:visited, #web a:active {
	width: 75px;
	background-image: url(../images/subnav_web.gif);
}
#web a:hover, #web a.selected {
	background-image: url(../images/subnav_web_over.gif);
}


/********* Products *********/
.details dt {
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 7px;
}
.details dd {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
}

.details dt.product_description {
	font-weight: normal;
	width: 350px;
}

.enlarge a:link, a:visited, a:active, p.buynow a {
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
.enlarge a:hover, a:focus, p.buynow a:hover {
	color: #FFFFFF;
}
.magnify {
	padding-left: 5px;
}
.enlarge {
	height: 12px;
	width: 93px;
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px;
	clear: both;
}


.blue {
	font-weight: normal;
	color: #FFFFFF;
}
.grey {
	font-weight: normal;
}
div#maincontent .details h2 {
	color: #FFFFFF;
	font-size: 15px;
	margin-bottom: 7px;
	margin-top: 2px;
}

div#gifts_125, div#gifts_275  {
	width: 537px;
	height: 227px;
	background: url(../images/gifts_125.gif) no-repeat 0 20px;
	text-indent: -999em;
}

div#gifts_275 {
	background: url(../images/gifts_275.gif) no-repeat 0 20px;
}

div#gifts_115 {
	width: 537px;
	height: 235px;
	background: url(../images/gifts_115.gif) no-repeat 0 20px;
	text-indent: -999em;
}

div#gifts_245 {
	width: 537px;
	height: 235px;
	background: url(../images/gifts_245.gif) no-repeat 0 20px;
	text-indent: -999em;
}

p.buynow {
	margin-top: 5px;
	text-align: right;
}

#contact form p label {
	font-size: 11px;
	float: left;
	clear: left;
	width: 110px;
}

#contact form input, #contact form textarea, #contact form select {
	font-family: Tahoma, Verdana, san-serif;
	font-size: 11px;
	margin-bottom: 2px;
}

#contact #problem_field {
	border: 1px solid #FF0000;
	background: #FFD7D7;
}

#contact .fullwidth {
	width: 300px;
}

#contact .error_message {
	border: 1px solid #FF0000;
	background: #220000;
	padding: 0 0 7px 15px;
}




/************************  Right Column   ***********************************/


#tools {
	float: left;
	width: 142px;
	margin-left: 40px;
	margin-top: 44px;
}
#tools label {
	font-size: 11px;
}
#login .smaller, #signup .smaller {
	width: 138px;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #848484;
	border-left-color: #848484;
}
#login h2 {
	background-image: url(../images/login_header.gif);
	text-indent: -3000px;
	height: 37px;
	background-repeat: no-repeat;
}
#signup h2 {
	background-image: url(../images/header_newsletter.gif);
	text-indent: -3000px;
	height: 37px;
	background-repeat: no-repeat;
	margin-top: 10px;
}
#tools #signup p {
	margin-bottom: 6px;	
}
.gobutton, .button_signup {
	clear: both;
	float: right;
}
#tools p {
	font-size: 9px;
	clear: both;
	padding-top: 4px;
}


.v {
	padding-top: 14px;
	padding-bottom: 13px;
}
#flash {
	clear: both;
	margin-top: 14px;
}

#voucher {
	width:142px;
	height:79px;
	clear: both;
	margin-top: 14px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dddddd;
	border-bottom-color: #dddddd;
}
#voucher a:link, #voucher a:active, #voucher a:visited {
	width:142px;
	height:79px;
	display: block;
	background-image: url(../images/voucher.jpg);
	text-indent: -2000px;
}
#voucher a:hover, #voucher a:focus {
		background-image: url(../images/voucher.jpg);
}

#needhelp {
	clear: both;
}
#needhelp a:link, #needhelp a:active, #needhelp a:visited {
	font-size: 8.5px;
	color: #676767;
	text-decoration: none;
	display: block;
}
#needhelp a:hover, #needhelp a:focus {
		text-decoration: underline;
}

div#maincontent li a {
	color: #676767;
	text-decoration: none;
}

div#maincontent li a:hover {
	color: #FFFFFF;
}


#maincontent .slogan2, .slogan2 {
	text-align: right;
	font-size: 16px;
	padding-top: 16px;
}

div#credits {
	display: none;
}

#my_gallery {
	background-image: none;
	padding: 50px;
	color: #FFFFFF;
}