/* --- basic styles and layout for GUR Sewing Machines --- */
/* --- all seasonal styles build on top of this standard sheet - no themed colour variations in this sheet --- */

body {
margin:0;
padding:0;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:medium
}

* html a.fix, * html a.fix:hover{position:relative;display:block;width:65px;height:50px} /* fixes ie6 png fix link issues */
/*.png {
background-image: expression(
        this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "https://www.gursewingmachines.com/transparent.gif"
    );
}*/

p {
font-size:86%;
line-height:1.6em;
margin:0;
padding:0
}
strong, bold {
font-weight:800
}
em {
font-style:italic
}
#page {
width:894px;
margin:15px auto 1px auto;
padding:0;
height:100%;
position:relative;
}
#container {
height:100%;
width:100%;
background-attachment:fixed;
position:relative
}

#top {
height:100%;
width:100%;
}

#header {
width:894px;
height:153px;
max-height:153px;
position:absolute;
top:0;
left:0
}

#menuicons {
float:right;
display:inline;
margin:45px 22px 0 0;
}

.topsecondarymenu {
float:right;
display:inline;
}

#linkstrip {
/*display:block;
clear:both;*/
position:absolute;
bottom:0;
left:1px;
background:#231F20 url("../pictures/linkstripe.png") repeat-x center left;
width:892px;
/*border-left:1px #ffffff solid;*/
border-bottom:1px #ffffff solid;
/*border-right:1px #ffffff solid;*/
height:31px
}
#linkstrip #tel {
display:block;
position:absolute;
color:white;
font-weight:bolder;
margin:7px 0 0 10px;
font-size:85%
}
#linkstrip #links {
position:relative;
/*display:block;
margin:8px 0 0 272px;
padding:0*/
float:right;
display:inline;
margin:8px 10px 0 0
}
#linkstrip #links ul {
	display: block;
	margin: 0;
	padding: 0;
}
#linkstrip #links ul li {
	float: left;
	display: inline;
	padding: 0 2px;
}
#linkstrip #links ul li a,
#linkstrip #links ul li a:hover {
	color: white;
	float: left;
	display: inline;
	margin: 0 2px;
	padding: 0 8px 0 0;
	font-size: 75%;
	text-decoration: none;
	font-weight: bolder;
	border-right: 2px solid #eeeeee;
}
.end {
	border-right: 0;
}
#backtotop {
display:inline;
clear:both;
float:right;
margin:2px 4px 0 0;
font-weight:bold
}
.movepage, #backtotop a {
float:right;
display:inline;
margin:0 4px 0 0;
}

#footerstrip {
	background-image: url(../pictures/linkstrip.png);
	background-repeat: repeat-x;
	background-position: top left;
	width: 891px;
	height: 30px;
	padding: 0;
	margin: 0;
	display: block;
	border: 1px #fff solid;
	clear: both;
}
#footerstrip p {
	color: #fff;
	font-size: 75%;
	padding: 0;
	margin: 4px 0 0 10px;
	float: left;
}
#footerstrip img {
	float: right;
	margin: 0 4px 0 0;
}
#openlinks {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:white;
	text-decoration:none;
	word-spacing:2px;
	padding:4px 0 0 6px;
	line-height:1.6em;
}
#openlinks a, #footer a {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	/*font-size: 86%;*/
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
	word-spacing:normal;
	/*line-height:13px;*/
}
#openlinks a:hover {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	/*font-size: 10px;*/
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	word-spacing:normal;
	/*line-height: 13px;*/
}
.footeremail a:hover {
text-decoration:underline
}
#pageblock {
clear:left;
float:left;
width: 892px;
height:100%;
margin:153px 0 0 0;
padding:0;
border-left: 1px #fff solid;
}
/* --- leftcolumn --- */

#leftcolumn { /* THE BELOW HAD SOME DANNY LOVIN' */
float:left;
width:142px;
height:100%;
border-top: 3px #fff solid;
border-left: 1px #fff solid;
border-right: 1px #fff solid;
border-bottom: 0;
}
#leftmenu { /* THE BELOW HAD SOME DANNY LOVIN' */
font-family:"Trebuchet MS";
margin: 0;
}
/*#leftmenu ul {
border-left:2px solid white;
}
#leftmenu ul li {
margin:2px 0;
border-top:2px solid white;
border-bottom:2px solid white;
background-position:3px center;
background-repeat:no-repeat
}
#leftmenu ul li a {
height:18px;
display:block;
font-size:86%;
text-decoration:none;
margin:9px 3px 4px 20px;
padding:3px 0 3px 2px;
/*text-transform:uppercase*/
/*}*/
#leftextras {
clear:left;
margin:2px 0 0 2px;
height:100%
}
#signup, #testimonials, #currency, #quickenquiry {
width:119px;
display:block;
clear: both;
margin:10px 0 16px 10px;
}
#testimonials {
height:250px;
position:relative
}
#testimonials_comments {
/*background-image:url(../images/testimonial_comments.jpg);
background-repeat:no-repeat;
background-position:center;*/
float:left;
margin:60px 0 0 4px;
/*height:151px;*/
width:102px;
padding:0 0 10px 0;
}
#testimonials_comments .comment {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:80%;
font-weight: bold;
color:white;
display:block;
padding:4px 0 11px 2px;
float:left;
margin:0 auto;
width:110px;
height:50px;
}
#testimonials #readmore a {
position:absolute;
bottom:22px;
left:48px;
font-size:76%;
font-weight:800;
text-decoration:none;
color: #eee;
}
#testimonials #readmore a:hover {
cursor:pointer;
color:#ddd;
}
#quickenquiry {
width:121px;
height:92px
}

#signup {
height:180px;
padding-top: 14px
}
#signupform, #quickenquiryform {
font-size:86%;
border:0
}
#signupform {
margin-top:66px
}
#quickenquiryform input {
border:0
}
#quickenquiryform #enquiryName {
float:left;
margin:46px 0 0 16px
}
#quickenquiryform #enquiryPhone {
float:left;
margin:16px 0 0 16px
}
.subscribebutton {
float:left;
margin:16px 0 0 10px
}
#quickenquiry .subscribebutton {
float:left;
margin:46px 0 0 10px
}
#newsletterEmail {
border:0;
float:left;
margin:44px 0 0 12px;
font-size:72%;
height:17px
}

#currency {
height:173px;
color:white;
font-weight:bold
}
#currencyselector {
float:left;
font-size:76%;
margin:46px 0 0 8px
}
* html #currencyselector {
float:left;
font-size:76%;
margin:60px 0 0 2px
}
.boselector {
width: 100%;
clear:both;
float:left;
}
form #currencyform input {
float:left;
padding-right:8px
}
* html #currencyform input {
float:left;
padding-right:2px
}
#currency p {
width:100px;
font-size:72%;
clear:left;
float:left;
margin:6px 0 0 12px
}
#leftgoogle {
clear:both;
float:left;
margin:0 0 0 32px
}


/*--- basic and reused page elements --- */

#main {
width: 747px;
background:white;
float:right;
height:100%;
padding-bottom:2px;
margin:0
}

.expandheader, .productlistwrapper {
margin:3px 2px 4px 2px;
height:84px;
width:744px;
padding:6px 0 0 0
}
.expandheader {
position:relative
}
.productlistwrapper {
margin:3px 2px 4px 2px;
max-width:744px;
padding:6px 0 0 0
}
.productlistwrapper img.addtocartlisting {
clear:right;
float:right;
margin:-5px 2px 6px 0
}
/* shopping cart in the header */

#shoppingcart {
float:right;
width:190px;
height:70px;
background:white;
padding:0 0 6px 0;
/*margin:4px 6px 4px 0;*/
display:inline;
position:absolute;
right:6px;
top:4px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:90%;
}
#shoppingcart a img.cutecube {
float:right;
display:inline;
margin:0 0 2px 6px
}
#shoppingcart .cartheader {
background:#000000;
color:#ffffff;
font-weight:800;
font-size:90%;
margin-top:0;
width:190px;
padding:2px 3px;
text-indent:6px;
cursor:pointer
}
#cartproducts {
padding:3px 0 0 3px;
font-size:106%;
font-weight:500
}
#cartproducts p {
width:160px;
margin:6px 0 0 10px;
}
* html #cartproducts p {
width:160px;
margin:6px 0 0 7px;
}
#cartproducts p.total {
margin:2px;
display:inline;
float:left;
}

.expandheader img, .productlistwrapper img {
float:left;
margin:4px
}
.expandheader p {
width: 270px;
float: left;
font-size: 70%;
margin: 7px 0 0 4px;
display:inline;
vertical-align:middle
}
.littlewonder {
font-size:56%
}
/* --- footer --- */

#footer {
clear:left;
float:left;
width:891px;
margin:0;
padding:0;
min-height:120px;
height:100%;
border-right:1px solid white;
border-left:1px solid white
}
#footeraddress {
color:white;
margin:8px 0 4px 6px;
font-size:80%
}
#footeraddress ul {
clear:both;
float:left;
margin-bottom:4px;
width:670px
}
#footeraddress ul li {
float:left;
display:inline;
margin-right:4px
}

/* --- miscellaneous === */

#titles {
display:none
}

/*--- suckerfish menu ---*/

#catnav, #catnav ul, #mannav, #mannav ul { /* all lists */ /* THE BELOW HAD SOME DANNY LOVIN' */
padding:0;
margin:0;
list-style:none;
float:left;
width:100%;
/*font-size:80%;*/
font-size: 12px;
position:relative;
z-index:90
}
	
#catnav li, #mannav li { /* all list items */ /* THE BELOW HAD SOME DANNY LOVIN' */
position:relative;
float:left;
line-height:20px;
width:100%;
border-bottom:0;
/*font-size:90%;*/
font-size: 12px;
}
	
#catnav li ul, #mannav li ul { /* second-level lists */
position:absolute;
left:-999em;
margin-left:142px;
margin-top:-28px;
width:200px;
}

#catnav li ul li a, #mannav li ul li a {
width:200px;
/*font-size:130%;*/
font-weight:bold;
font-size: 12px;
}
#catnav li ul li a:hover, #mannav li ul li a:hover {
width:200px;
background:white url(../pictures/woodstone_arrow.png) no-repeat 4px 8px;
/*font-size:130%*/
font-size: 12px;
}

#catnav li ul ul, #mannav li ul ul { /* third-and-above-level lists */
left:-999em;
}
	
#catnav li a, #mannav li a {
width:100%;
display:block;
text-decoration:none;
border:0;
padding:2px 0 2px 0;
text-indent:18px;
font-weight:bold
}
	
#catnav li a:hover, #mannav li a:hover {
}
	
#catnav li:hover ul ul, #catnav li:hover ul ul ul, #catnav li.sfhover ul ul, #catnav li.sfhover ul ul ul, #mannav li:hover ul ul, #mannav li:hover ul ul ul, #mannav li.sfhover ul ul, #mannav li.sfhover ul ul ul {
left:-999em;
}
	
#catnav li:hover ul, #catnav li li:hover ul, #catnav li li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li li li.sfhover ul, #mannav li:hover ul, #mannav li li:hover ul, #mannav li li li:hover ul, #mannav li.sfhover ul, #mannav li li.sfhover ul, #mannav li li li.sfhover ul { /* lists nested under hovered list items */
left:auto;
}

#catnav li:hover, #catnav li.hover {
    position: static;
}
#mannav li:hover, #mannav li.hover {
    position: static;
}
#catnav li a p, #mannav li a p, #mannav li a h4, #catnav li a h3, #mannav li a h3, #catnav li a h2, #mannav li a h2, #catnav li a h1, #mannav li a h1 {
font-size:12px;
font-weight:800
}

/*--- west midlands media - sitting in the corner, pressing the delete button ---*/
	
#westmidlandsmedia {
clear:both;
text-align:center;
margin:10px auto;
font-size:80%;
color:white
}
#westmidlandsmedia a {
text-decoration:none
}
#westmidlandsmedia a:hover {
text-decoration:underline
}
#extralinkstrigger {
float:left;
clear:both;
margin:10px 0 0 6px;
font-size:80%;
color:white;
cursor:pointer;
display:inline;
}
#bottomlinks {
clear:left;
float:left;
width:891px;
border-right:1px solid white;
border-left:1px solid white;
height:100%;
margin:0 0 0 -1px;
padding:4px 0;
background:none
}
#bottomlinks ul {
width:100%;
padding-left:5px;
margin-left:5px;
font-size:76%;
display:block;
}
#bottomlinks ul li a {
color:white;
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif
}

/* CSS Document built for GUR Sewing Machines by Richard Henry for West Midlands Media 2008 */