@charset "UTF-8";
/* CSS Document */

/* Author: copyright - Angelo Petsas - @ M/A */
/* Date: 06-01-2009 */

/*
Blue:		#00B0D8
D.Blue		#006881
Orange:		#F7931E
Grey:		#6D6F71
Green:		#008A2E
Purple		#A45875
Cart Yellow:#F9ED33
Background:	#F4F1E9
*/


#footwrapper { position:relative; width:920px; margin:0 auto 0 auto; padding:10px 0 0 0;  }
.address {padding:0 17px 0 0; font-size:11px; color:#6D6F71; }
.flinks { margin: 0 7px 0 0; font-size:11px; }
.flinks a{margin: 0 0px 0 0; text-transform: uppercase; text-decoration:none; border-bottom:1px dotted #006881; padding-bottom:1px;}
.flinks a:hover {}


/* BlogGlobal usage styles */
.blogGlobal { position:relative; margin:15px 0 15px 0; }
.blogGlobal h6 { margin:0 0 0 1px; color:#A45875; }
.blogGlobal h5 { margin:8px 0 0 1px; color:#A45875; font-size:1.0em; }
.blogGlobal p { margin:0 0 0 1px; }

/* headerbar for right columns */
.blogTop { width:300px; height:32px;
background: url(../cssimages/martin/blog_top_bg.png) top left no-repeat; }
.blogTop h1{ font-size: 1.2em; font-weight: normal; text-decoration: none; padding:9px 0 0 10px;
color:#FFF; text-transform:uppercase; }

/* content for right columns */
.blogBox { width:275px; margin:0 0 20px 0; background: url(../cssimages/global/quote_bg.png) top left repeat-x;  background-color:#e2e1d6; min-height:auto; padding:10px 15px 10px 10px; }
/* Paragraphs */
.blogBox p { margin:0 0 15px 0; }
.blogBox span { font-size: 15px; margin: 0 0 15px 0; }
/* For Tag cloud */
.blogBox h5 { font-weight:normal; margin:0 4px 0 0; float:left; }
.blogBox h2 { font-weight:normal; font-size:15px;}
.blogBox h2 a{ color:#A45875;}
.blogBox h2 a:hover{ color:#6D6F71; }
/* Links */
.blogBox a{ color:#A45875; }
.blogBox a:hover{ color:#6D6F71; }
/* Lists */
.blogBox ul { list-style:none; margin:8px 0 8px 0; font-size:14px;  }
.blogBox ul li { margin:0 0 5px 0; 
padding:0 0 0 0; color:#333333; }

/* background for key word cloud  */
.keyBox { width:560px; margin:0 0 20px 0; background: url(../cssimages/global/quote_bg.png) top left repeat-x; background-color:#e2e1d6; min-height:auto; padding:10px 15px 10px 10px; }
/* Paragraphs */
.keyBox p { margin:0 0 15px 0; }
/* For Tag cloud */
.keyBox h5 { font-weight:normal; margin:0 4px 0 0; float:left; }
/* key words */
.text { color:#A45875; }
.text a { float:left; color:#A45875; padding:5px 10px; }
.text a:hover{ color:#A45875;}
/* Links */
.keyBox a{ color:#6D6F71; }
.keyBox a:hover{ color:#A45875; }
/* Lists */
.keyBox ul { list-style:none; margin:8px 0 8px 0;  }
.keyBox ul li { margin:0 0 5px 0; 
padding:0 0 0 12px; font-size:1.2em; color:#333333; }

/* Account right and left box */
#accleftBox { float:left; width:380px; }
#accrightBox { float:left; width:481px; margin: 0 0 0 30px; }
#accrightBox a{ color:#008A2E;  }
#accrightBox a:hover{ color:#333; }


/* GeneralGlobal usage styles */
.genGlobal { position:relative; margin:20px 0 10px 0; }
.genGlobal h6 { margin:8px 0 0 1px; color:#008A2E; }
.genGlobal p { margin:3px 0 0 1px; }

.genleftBox { float:left; width:560px; }
.genleftBox a{ color:#008A2E; }
.genleftBox a:hover{ color:#81B638; }
.genleftBox h1, .genleftBox h2, .genleftBox h3, .genleftBox h4, .genleftBox h5, .genleftBox h6  { color:#008A2E; }
.genleftBox ul {  list-style:none;  margin:10px 0 10px 0; }
.genleftBox ul li { margin:0 0 3px 0; background:url(../cssimages/global/list_bullet_green.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:12px; color:#6D6F71; }



/* headerbar for right columns */
.genTop { width:300px; height:32px;
background: url(../cssimages/martin/gen_top_bg.png) top left no-repeat; }
.genTop h1{ font-size: 1.2em; font-weight: normal; text-decoration: none; padding:9px 0 0 10px;
color:#FFF; text-transform:uppercase; }

/* content for right columns */
.genBox { width:275px; margin:0 0 20px 0; background: url(../cssimages/global/quote_bg.png) top left repeat-x;
min-height:auto; padding:10px 15px 10px 10px; }
/* Paragraphs */
.genBox p { margin:0 0 15px 0; }
/* For Tag cloud */
.genBox h5 { font-weight:normal; margin:0 4px 0 0; float:left; }
/* Links */
.genBox a{ color:#6D6F71; }
.genBox a:hover{ color:#008A2E; }
/* Lists */
.genBox ul { list-style:none; margin:8px 0 8px 0;  }
.genBox ul li { margin:0 0 12px 0; padding:0 0 0 0px; font-size:1.2em; color:#333333; }

/*Green link colour for the press linkaged */
.greenpress { margin:0 0 0 0; }
.greenpress a{ color:#008A2E; }
.greenpress a:hover{ color:#008A2E; }

/* HelpGlobal usage styles */
.helpGlobal { position:relative; margin:20px 0 10px 0; }
.helpGlobal h6 { margin:8px 0 0 1px; color:#F7931E; }
.helpGlobal p { margin:3px 0 0 1px; }

/* headerbar for help right columns */
.helpTop { width:300px; height:32px;
background: url(../cssimages/martin/help_top_bg.png) top left no-repeat; }
.helpTop h1{ font-size: 1.2em; font-weight: normal; text-decoration: none; padding:9px 0 0 10px;
color:#FFF; text-transform:uppercase; }

/* content for help right columns */
.helpBox { width:275px; margin:0 0 20px 0; background: url(../cssimages/global/quote_bg.png) top left repeat-x;
min-height:auto; padding:10px 15px 10px 10px; }
/* Paragraphs */
.helpBox p { margin:0 0 15px 0; }
/* For Tag cloud */
.helpBox h5 { font-weight:normal; margin:0 4px 0 0; float:left; }
/* Links */
.helpBox a{ color:#F7931E; }
.helpBox a:hover{ color:#6D6F71; }
/* Lists */
.helpBox ul { list-style:none; margin:8px 0 8px 0;  }
.helpBox ul li { margin:0 0 12px 0; padding:0 0 0 0px; font-size:14px; color:#F7931E; }

.textboxdetailHelp { width:550px; margin:0 0 20px 0;  }
.textboxdetailHelp a{ color:#F7931E;  }
.textboxdetailHelp a:hover { color:#333; }
.textboxdetailHelp h1 { color:#F7931E; margin:0 0 6px 0;  }
.textboxdetailHelp p { margin:0; }
.textboxdetailHelp ul {  list-style:none;  margin:5px 0 0 0; }
.textboxdetailHelp ul li { margin:0 0 3px 0; background:url(../cssimages/martin/list_bullet_orange.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:12px; color:#6D6F71; }


/*Green link colour for the press linkaged */
.greenpress { margin:0 0 0 0; }
.greenpress a{ color:#008A2E; }
.greenpress a:hover{ color:#008A2E; }


/* wrapper for the shorted articles */
#articlewrapper { width:auto; margin:0 40px 0 0; line-height:17px; }
#articlewrapper h1 { margin:0 0 0 0; color:#A45875; font-size:18px; }

#articlewrapperBlog { width:auto; margin:0 40px 0 0; line-height:17px; }
#articlewrapperBlog h1 { margin:0 0 0 0; color:#A45875; font-size:18px; }
#articlewrapperBlog h1 a{ color:#A45875; }
#articlewrapperBlog h1 a:hover{ color:#333;  }

.picturebox { width:auto; cursor:pointer; }
.textbox {float:left; margin:-3px 10px 0 0; width:350px;}
.textbox h1 { margin:0 0 0 0; color:#A45875; font-size:18px; }
.textbox h1 a{ color:#A45875; }
.textbox h1 a:hover{ color:#333;  }

.blogPictureWrapper {width:175px; height:180px; float:left; padding:0 10px 0 0;}
.blogPictureWrapperDetail { width:auto; height:316px; float:left; padding:0 0 0 0; margin:0 0 20px 0;}

/*main imagrs for detail page*/
.mainone{float:left; padding:0 25px 0 0; }
.maintwo{float:left; padding:0 0 0 0; }
.textboxdetail { width:auto; }
.textboxdetail span{ color:#A45875; }
.textboxdetail span.genTitle{ color:#008A2E; }
.textboxdetail ul {  list-style:none;  margin:5px 0 0 0; }
.textboxdetail ul li { margin:0 0 3px 0; background:url(../cssimages/martin/list_bullet_orange.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:1.1em; color:#6D6F71; }

.embedMedia {margin:3px 0 20px 0; }

.textboxdetailAcc { width:370px; }
.textboxdetailAcc p{ line-height:18px; font-size: 15px;  }
.textboxdetailAcc a {color:#008A2E; }
.textboxdetailAcc a:hover {color:#333; }
.textboxdetailAcc span{ color:#A45875; }
.textboxdetailAcc span.genTitle{ color:#008A2E; }
.textboxdetailAcc ul {  list-style:none;  margin:10px 0 10px 0; }
.textboxdetailAcc ul li { margin:0 0 3px 0; background:url(../cssimages/global/list_bullet_green.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:12px; color:#6D6F71; }

.ordersElse { color:#999;  }
.ordersElse a{ color:#008A2E; }
.ordersElse a:hover { color:#333; }

.dateFormat { color:#A45875; }
.blogTitle { margin:50px 0 0 1px; color:#A45875; font-size:2em; }
.blogTitle a{ color:#A45875; }
.blogTitle a:hover{ color:#333;  }
.helpTitle { margin:8px 0 0 1px; color:#F7931E; font-size:2em; }
.helpTitle a { color:#F7931E; }
.helpTitle a:hover { color:#333; }
.genlink {color:#008A2E; }
.genlink a { color:#008A2E; }
.genlink a:hover { color:#333333; }
.bloglink {color:#A45875; }
.bloglink a { color:#A45875; }
.bloglink a:hover { color:#333333; }
.genTitle { margin:8px 0 0 1px; color:#008A2E; font-size:15px; }
.archivelink {color:#6D6F71; }
.archivelink a { color:#A45875; }
.archivelink a:hover { color:#333333; }

/* Help Pagination */
.helplink {color:#F7931E; margin:10px 0 10px 5px; font-size:14px;  }
.helplink a { color:#F7931E; border-bottom:1px dotted #333; padding:0 0 2px 0; }
.helplink a:hover { color:#333333; }

.helplinkAlt {color:#F7931E; margin:10px 0 10px -1px; font-size:14px;  }
.helplinkAlt a { color:#F7931E; border-bottom:1px dotted #333; padding:0 0 2px 0; }
.helplinkAlt a:hover { color:#333333; }


/*Help selector styles */
.helpcs { position: relative; width:880px; height:auto; min-height:110px; padding:10px;
overflow:hidden; background:#E2E1D6 /*url(../cssimages/global/full_bg.png) top left no-repeat */; margin:10px 0 0 0; }

/* Help choices */ 
.helpcOne { float:left; width:250px; height:auto; min-height:110px; margin:0 10px 0 0; }
.helpcOne h1, .helpcOne h2, .helpcOne h3, .helpcOne h4, .helpcOne h5 { color:#F7931E;}
.helpcOne p { color:#6D6F71;  font-size:1.2em;  font-weight:normal;  margin:3px 0 0 0; }
.helpcOne ul {  list-style:none;  margin:5px 0 0 0; }
.helpcOne ul li { margin:0 0 3px 0; background:url(../cssimages/martin/list_bullet_orange.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:1.1em; color:#6D6F71; }

.helpcTwo { float:left; width:600px; height:auto; min-height:110px; margin:0 10px 0 0; }
.helpcTwo h1, .helpcTwo h2, .helpcTwo h3, .helpcTwo h4, .helpcTwo h5 { color:#F7931E; margin:0 0 5px 0;}
.helpcTwo p { color:#6D6F71;  font-size:1.2em;  font-weight:normal;  margin:3px 0 0 0; }
.helpcTwo a { color:#F7931E; text-decoration:underline; }
.helpcTwo a:hover { color:#6D6F71; }
.helpcTwo ul {  list-style:none;  margin:5px 0 0 0; }
.helpcTwo ul li { margin:0 0 3px 0; background:url(../cssimages/martin/list_bullet_orange.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:1.1em; color:#555; }

.helpcThree { float:left; width:210px; height:auto; margin:0 0 0 0; }

/*TIPS PAGE */
.tipbox {width:270px; height:320px; border:1px dashed #F7931E; padding:0 0 10px 0; float:left; margin:5px 20px 15px 5px; overflow:hidden;}
.tipbox img { margin:10px 10px 0 10px;}
.tipbox h1, .tipbox h2, .tipbox h3, .tipbox h4, .tipbox h5 { margin:10px 10px 0 10px; color:#F7931E; text-transform:uppercase;}
.tipbox h1, .tipbox h2, .tipbox h3, .tipbox h4, .tipbox h5 {font-size:12px;}
.tipbox a { color:#F7931E; text-decoration:underline; }
.tipbox a:hover { color:#6D6F71; }
.tipbox p {margin:8px 10px 10px 10px; }
.tipbox ul {list-style:none;  margin:5px 10px 5px 10px; color:#666666;}
.tipbox ul li { margin:0 0 5px 0px; background:url(../cssimages/martin/list_bullet_orange.png) 0 4px no-repeat;
padding:0 0 0 12px; font-size:1.1em; }


/*Order selector styles */
.ordercs { position: relative; width: 880px; height: 135px; padding: 10px 10px 10px 60px;
overflow: hidden; background: url(../cssimages/global/full_bg.png) top left no-repeat; margin:10px 0 0 0; }

/* order choices */ 
.ordercOne { float:left; width:200px; height:110px; margin:0 10px 0 0; }
.ordercTwo { float:left; width:330px; height:110px; margin:0 80px 0 0; }
.ordercTwo h1 { color:#008A2E;}
.ordercTwo p { color:#6D6F71;  font-size:1.2em;  font-weight:normal;  margin:3px 0 0 0; }
.ordercTwo ul {  list-style:none;  margin:5px 0 0 0; }
.ordercTwo ul li { margin:0 0 3px 0; background:url(../cssimages/global/list_bullet_green.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:1.1em; color:#333333; }
.ordercThree { float:left; width:150px; height:110px; margin:0 0 0 0; }


/*Edit Order selector styles */
.editOrdercs { position: relative; width: 880px; height: 280px; padding: 10px 10px 10px 60px;
overflow: hidden;}

/* Edit order choices */ 
.editordercOne { float:left; width:200px; height:110px; margin:0 10px 0 0; }
.editordercTwo { float:left; width:330px; height:110px; margin:0 80px 0 0; }
.editordercTwo h1 { color:#008A2E;}
.editordercTwo p { color:#6D6F71;  font-size:1.2em;  font-weight:bold;  margin:3px 0 0 0; }
.editordercTwo ul {  list-style:none;  margin:5px 0 0 0; }
.editordercTwo ul li { margin:0 0 3px 0; background:url(../cssimages/global/list_bullet_green.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:1.1em; color:#333333; }
.editordercThree { float:left; width:150px; height:110px; margin:0 0 0 0; }

/* Edit order form settings */ 
#editBox { width:275px; padding:10px 15px 10px 10px; }
#editBox .box { padding:0; margin:0; float:left; }
#editBox .box p { margin:0 0 15px 0; }

#editBox form div { background: url(../cssimages/backgrounds/forms/textbox_260.png) 0 0 no-repeat; height: 26px; margin: 0px 0 10px 0; }
#editBox form select { margin:0 0 10px 0; font-size:120%; width:260px; height:25px; border:1px solid #ccc; background:#eeeeee; padding:2px 0 0 0;  }
#editBox form input { background:none; width:132px; height:21px; padding:5px 6px 0 6px; border:none; float:left; }
#editBox form button { background:url(../cssimages/buttons/get_quote_clear.png) 0 0 no-repeat; height:46px; width:131px; float:left; margin:10px 0 10px -2px; }
#editBox form button:hover { background-position: 0 -46px; }

/* my account orders button */
.myaccselectButton { width:119px; margin:0px 0 0 0; position: relative; z-index: 1; }
.myaccselectButton ul { height:20px; width:119px; margin:0 auto; list-style:none; }
.myaccselectButton ul li { display:inline; float:left; margin:0; }
.myaccselectButton li a { display: block; height:45px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/martin/reorder.png); }

.myaccselectedit { width:119px; margin:0px 0 0 0; position: relative; z-index: 1; }
.myaccselectedit ul { height:20px; width:119px; margin:0 auto; list-style:none; }
.myaccselectedit ul li { display:inline; float:left; margin:0; }
.myaccselectedit li a { display: block; height:45px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/martin/edit.png); }

.myaccselectdetail { width:119px; margin:0px 0 0 0; position: relative; z-index: 1; }
.myaccselectdetail ul { height:20px; width:119px; margin:0 auto; list-style:none; }
.myaccselectdetail ul li { display:inline; float:left; margin:0; }
.myaccselectdetail li a { display: block; height:45px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/martin/detail.png); }

.myaccselectback { width:119px; margin:0px 0 0 0; position: relative; z-index: 1; }
.myaccselectback ul { height:20px; width:119px; margin:0 auto; list-style:none; }
.myaccselectback ul li { display:inline; float:left; margin:0; }
.myaccselectback li a { display: block; height:45px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/martin/back.png); }

/* button for my account selections */
.reorder{ background-position: 0 0; width:119px; }
.reorder:hover, .reorder:focus{ background-position: 0 -44px; }
.back{ background-position: 0 0; width:119px; }
.back:hover, .back:focus{ background-position: 0 -44px; }
.edit{ background-position: 0 0; width:119px; }
.edit:hover, .edit:focus{ background-position: 0 -44px; }
.detail{ background-position: 0 0; width:119px; }
.detail:hover, .detail:focus{ background-position: 0 -44px; }

/* Form Contact */ 
/* The two colums for the forms rows - left + right */
.left_textinput { width:200px; margin: 0 30px 0 0; float: left; }
.right_textinput { width: 200px; float: left; }

/* The ID that contains the form and all its properties */
#formContact { color:#5c5c56; width:430px; float:left; }
#formContact a { color:#008A2E; }
#formContact a:hover { color:#333; }
#formContact h3 { color:#008A2E; margin:15px 0 0 0; }
#formContact h3 a { color:#008A2E; }
#formContact h3 a:hover { color:#333; }
#formContact span { color:#00B0D8; }

/* Row + Label */
#formContact .row {margin:0 0 0 0;}
#formContact .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#formContact form label { font-size:1.1em; color:#666;  }

/* Text field */  
#formContact div.textinput { background: url(../cssimages/backgrounds/forms/textbox_200.png) 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#formContact input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Text area */  
#formContact div.textarea { background: url(../cssimages/backgrounds/forms/textarea_430.png) 0 0 no-repeat;
height:95px; margin:0px 0 5px 0; }
#formContact textarea { background:none; width:424px; height:91px; margin:2px 6px 5px 3px; border:none; }

/* Button */  
#formContact button { background:url(../cssimages/martin/send.png) 0 0 no-repeat; 
height:45px; width:106px; float:left; margin:20px 0 0 -2px; }
#formContact button:hover { background-position: 0 -44px; }

/* Contact page Inline Error */
#formContactInlineError { width:185px; border:1px solid #EFBCE0; background:#E1FFE1; margin:4px 0 10px 0; padding:5px 7px; color:#438743; font-size:11px; text-transform:normal; font-weight: bold;  }
#formContactInlineError  span { font-size:11px; }
#formContactInlineError  ul li { list-style: none; }

#formContactInlineErrorLong { width:415px; border:1px solid #EFBCE0; background:#E1FFE1; margin:4px 0 10px 0; padding:5px 7px; color:#438743; font-size:11px; text-transform:normal; font-weight: bold;  }
#formContactInlineErrorLong  span { font-size:11px; }
#formContactInlineErrorLong  ul li { list-style: none; }

#formContactInlineErrorLonger { width:465px; border:1px solid #EFBCE0; background:#E1FFE1; margin:10px 0 10px 0; padding:5px 7px; color:#438743; font-size:11px; text-transform:normal; font-weight: bold;  }
#formContactInlineErrorLonger  span { font-size:11px; }
#formContactInlineErrorLonger  ul li { list-style: none; }

#formLoginError { width:185px; border:1px solid #EFBCE0; background:#E1FFE1; margin:0 0 0px 0; padding:5px 7px; color:#438743; font-size:11px; text-transform:normal; font-weight: bold;  }
#formLoginError  span { font-size:11px; }
#formLoginError  ul li { list-style: none; }

/*Contact from details*/
#contactLoginError { width:370px; border:1px solid #EFBCE0; background:#E1FFE1; margin:4px 0 10px 0; padding:10px 13px; color:#438743; font-size:1.1em; }
#contactLoginError span { font-size:1.2em; }

/*Human Contact Details */
.humanContact { border-top: 1px dashed #438743; margin: 20px 0 0 0; width:430px   }
.humanContact h2 { color:#438743; font-size:1.5em; font-weight:normal; margin: 10px 0 0 0; }
.humanContact p { font-size:14px; }
.humanContact span { color:#438743; font-size:14px; }

/* Form Search */ 
#formSearch { }
#formSearch a { color:#008A2E; }
#formSearch a:hover { color:#333; }
#formSearch h3 { color:#008A2E; margin:20px 0 0 0; }
#formSearch h3 a { color:#008A2E; }
#formSearch .box { padding:0; margin:0; float:left; }
#formSearch .box p { margin:0 0 15px 2px; }

#formSearch form { width:290px; padding:0; margin:0 0 10px 0; }
#formSearch form div.textinput { background: url(../cssimages/backgrounds/forms/textbox_260.png) 0 0 no-repeat; height: 26px; margin: 0px 0 10px 0; }
#formSearch form label { font-size:12px; color:#F7931E;  }
#formSearch form select { margin:0px 0 10px 0; font-size:120%;  }
#formSearch form .radio { margin:4px 5px 0 0; }
#formSearch form input { background:none; width:247px; height:21px; padding:5px 6px 0 6px; border:none; float:left; }
#formSearch form button { background:url(../cssimages/martin/search.png) 0 0 no-repeat; height:45px; width:106px; float:left; margin:2px 0 0 -2px; }
#formSearch form button:hover { background-position: 0 -44px; }

#labelsSearchBox { width:508px; border:dotted 1px #F7931E; padding:20px; margin:0 0 10px 0; }


/*-------------------------------------------------
JQERY UI TABS for MY Account 
-------------------------------------------------*/


/* My Account page tabs */
#mytabs { margin:0 0 0 0; width:588px; }
#mytabs p {}

#mytHolder { background: url(../cssimages/global/tabs.png) top left no-repeat; width:590px; }


/*UI tabs*/
.ui-mytabs-nav { text-decoration: none; list-style: none; 
font-family: "HelveticaNeue-Light", HelveticaNeue, Arial, sans-serif; font-size:11px;
float: left; position: relative; z-index: 1; border-right: 1px solid #d3d3d3; }

.ui-mytabs-nav li { text-decoration: none; list-style: none; float: left; border:1px solid #d3d3d3;
border-right: none; background: url(../cssimages/global/tabs_bg.png); text-align: center; }

.ui-mytabs-nav li a { height:16px; width:120px; list-style: none; float: left; font-weight: normal;
text-decoration: none; padding:0.7em 0.5em 0.5em 0.5em; color:#555; text-transform:uppercase;
background:url(../cssimages/global/tabs_bg.png)top left repeat-x; }

.ui-mytabs-nav li a:hover { background: url(../cssimages/global/tabs_hover_bg.png)top left repeat-x; color:#555; }

.ui-mytabs-nav li.ui-mytabs-selected { height:16px; }

.ui-mytabs-nav li.ui-mytabs-selected a, .ui-mytabs-nav li.ui-mytabs-selected a:hover {
background: url(../cssimages/martin/tabs_active3_bg.png)top left repeat-x;
color:#FFF; border-bottom:1px solid #d3d3d3; }

.ui-tabs-panel {
text-decoration: none; list-style: none; clear:left;
background:#ffffff; min-height: 300px; }

.ui-mytabs-hide { display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; }


/* Tabs Content */
#myfragment-1 p, #fragment-3 p { width:380px; margin:0 0 0 5px; padding: 10px 0 0 0;  }
#myfragment-1 img { float:right; margin:10px 0 0 0; width:190px;}
#myfragment-2 img { margin:10px 0 0 0; width:590px; }
#myfragment-1 ul { color:#6D6F71; font-size: 1.2em; border:none; margin:20px 0 8px 0; }
#myfragment-1 ul li { list-style:none; background:none; border:none;
display:list-item; float: none; text-align: left; margin:0 0 5px 0; 
background:url(../cssimages/global/list_bullet.png) 1px 4px no-repeat; padding:0 0 0 12px; }


/*-------------------------------------------------
update login forms FORM
-------------------------------------------------*/
/* Layout Columns for forms */
.mrightform { float:left; width:590px;  margin:20px 20px 0 0; }

/* Left Column information text */
#mloginInfo { float:left; border:1px solid #EFBCE0; background:#E1FFE1; margin:4px 0 10px 0; padding:0 13px 10px 13px; color:#008A2E; }
#mloginInfo h1 { color:#008A2E; }
#mloginInfo p { font-size:1.1em; color:#438743; margin:10px 0 0 0; line-height:1.3em; width:185px;  }
#mloginInfo p a { color:#8DC63F; }
#mloginInfo p a:hover { color:#008A2E; }
#mloginInfo span { font-weight:bold; }
#mloginInfo a:hover { text-shadow: 1px 1px 2px #666; }

/* The two colums for the forms rows - left + right */
.mleft_textinput { width:200px; margin:0 30px 0 0; float: left; }
.mleft_radioinput { width:300px; margin:15px 30px 0 0; float: left; }
.mright_textinput { width: 200px; float: left; }

/* The ID that contains the form and all its properties */
#mlogin { color:#5c5c56; width:430px; float:left; margin:20px 0 0 0;  }
#mlogin h3 { color:#008A2E; margin:15px 0 0 0; }
#mlogin h3 a { color:#008A2E; }
#mlogin h3 a:hover { color:#8DC63F; }
#mlogin span { color:#008A2E; }

/* Row + Label */
#mlogin .row {margin:0 0 0 0;}
#mlogin .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#mlogin form label { font-size:1.1em; color:#333333;  }
#mlogin form label a { color:#008A2E;  }
#mlogin form label a:hover { color:#096644;  }

/* Select field */  
#mlogin form select { margin:2px 0 10px 0; font-size:1.1em; width:198px; height:25px; border:1px solid #ccc; background:#eeeeee; padding:2px 0 0 0;  }

/* Radio field */  
#mlogin form .radio { margin:4px 8px 0 0; float:left; }

/* Text field */  
#mlogin div.textinput { background: url(../cssimages/backgrounds/forms/textbox_200.png) 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#mlogin input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Text area */  
#mlogin div.textarea { background: url(../cssimages/backgrounds/forms/textarea_430.png) 0 0 no-repeat;
height:95px; margin:0px 0 5px 0; }
#mlogin textarea { background:none; width:418px; height:83px; margin:2px 6px 5px 6px; border:none; }

/* Button */  
#mlogin button { background:url(../cssimages/martin/update.png) 0 0 no-repeat; 
height:45px; width:171px; float:left; margin:20px 0 0 -2px; }
#mlogin button:hover { background-position: 0 -44px; }

/* Forms errors - appears above the form with a message window */
#mformLoginError { width:400px; border:1px solid #EFBCE0; background:#E1FFE1; margin:4px 0 10px 0; padding:10px 13px; color:#438743; font-size:1.1em; }
#mformLoginError span { font-size:1.2em; }


/* The ID that contains the form and all its properties */
#mpass { color:#5c5c56; width:430px; float:left; margin:20px 0 0 0;  }
#mpass h3 { color:#008A2E; margin:15px 0 0 0; }
#mpass h3 a { color:#008A2E; }
#mpass h3 a:hover { color:#8DC63F; }
#mpass span { color:#008A2E; }

/* Row + Label */
#mpass .row {margin:0 0 0 0;}
#mpass .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#mpass form label { font-size:1.1em; color:#333333;  }
#mpass form label a { color:#008A2E;  }
#mpass form label a:hover { color:#096644;  }

/* Select field */  
#mpass form select { margin:2px 0 10px 0; font-size:1.1em; width:198px; height:25px; border:1px solid #ccc; background:#eeeeee; padding:2px 0 0 0;  }

/* Radio field */  
#mpass form .radio { margin:4px 8px 0 0; float:left; }

/* Text field */  
#mpass div.textinput { background: url(../cssimages/backgrounds/forms/textbox_200.png) 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#mpass input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Text area */  
#mpass div.textarea { background: url(../cssimages/backgrounds/forms/textarea_430.png) 0 0 no-repeat;
height:95px; margin:0px 0 5px 0; }
#mpass textarea { background:none; width:418px; height:83px; margin:2px 6px 5px 6px; border:none; }

/* Button */  
#mpass button { background:url(../cssimages/martin/update.png) 0 0 no-repeat; 
height:45px; width:171px; float:left; margin:20px 0 0 -2px; }
#mpass button:hover { background-position: 0 -44px; }



/*-------------------------------------------------
Update SHIPPING FORM
-------------------------------------------------*/

/* Left Column information text */
#mshippingInfo { float:left; border:1px solid #EFBCE0; background:#D9E2DF; margin:4px 0 10px 0; padding:0 13px 10px 13px; color:#2C85B8; }
#mshippingInfo h1 { color:#008A2E; }
#mshippingInfo p { font-size:1.1em; color:#2C85B8; margin:10px 0 0 0; line-height:1.3em; width:185px;  }
#mshippingInfo span { font-weight:bold; }
#mshippingInfo a:hover { text-shadow: 1px 1px 2px #666; }

/* The two colums for the forms rows - left + right */
.mleft_textinput { width:200px; margin: 0 30px 0 0; float: left; }
.mright_textinput { width: 200px; float: left; }

/* The ID that contains the form and all its properties */
#mshipping { color:#5c5c56; width:430px; float:left; }
#mshipping h3 { color:#008A2E; margin:15px 0 0 0; }
#mshipping h3 a { color:#008A2E; }
#mshipping h3 a:hover { color:#8DC63F; }
#mshipping span { color:#008A2E; }

/* Row + Label */
#mshipping .row {margin:0 0 0 0;}
#mshipping .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#mshipping form label { font-size:1.1em; color:#333333;  }

/* Select field */  
#mshipping form select { margin:2px 0 10px 0; font-size:1.1em; width:198px; height:25px; border:1px solid #ccc; background:#eeeeee; padding:2px 0 0 0;  }

/* Text field */  
#mshipping div.textinput { background: url(../cssimages/backgrounds/forms/textbox_200.png) 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#mshipping input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Text area */  
#mshipping div.textarea { background: url(../cssimages/backgrounds/forms/textarea_430.png) 0 0 no-repeat;
height:95px; margin:0px 0 5px 0; }
#mshipping textarea { background:none; width:418px; height:83px; margin:2px 6px 5px 6px; border:none; }

/* Button */  
#mshipping button { background:url(../cssimages/martin/update.png) 0 0 no-repeat; 
height:45px; width:171px; float:left; margin:20px 0 0 -2px; }
#mshipping button:hover { background-position: 0 -44px; }

/* The ID that contains the form and all its properties */
#mbilling { color:#5c5c56; width:430px; float:left; }
#mbilling h3 { color:#008A2E; margin:15px 0 0 0; }
#mbilling h3 a { color:#008A2E; }
#mbilling h3 a:hover { color:#8DC63F; }
#mbilling span { color:#008A2E; }

/* Row + Label */
#mbilling .row {margin:0 0 0 0;}
#mbilling .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#mbilling form label { font-size:1.1em; color:#333333;  }

/* Select field */  
#mbilling form select { margin:2px 0 10px 0; font-size:1.1em; width:198px; height:25px; border:1px solid #ccc; background:#eeeeee; padding:2px 0 0 0;  }

/* Text field */  
#mbilling div.textinput { background: url(../cssimages/backgrounds/forms/textbox_200.png) 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#mbilling input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Text area */  
#mbilling div.textarea { background: url(../cssimages/backgrounds/forms/textarea_430.png) 0 0 no-repeat;
height:95px; margin:0px 0 5px 0; }
#mbilling textarea { background:none; width:418px; height:83px; margin:2px 6px 5px 6px; border:none; }

/* Button */  
#mbilling button { background:url(../cssimages/martin/update.png) 0 0 no-repeat; 
height:45px; width:171px; float:left; margin:20px 0 0 -2px; }
#mbilling button:hover { background-position: 0 -44px; }

/* Checkout */
#checkout_subNav2 {
width:900px; margin:0 0 0 0; position: relative; z-index: 1; }
#checkout_subNav2 ul {
height:124px; width:900px; margin:0 auto; list-style:none; }
#checkout_subNav2 ul li {
display:inline; float:left; margin:0; }
#checkout_subNav2 li {
display: block; height:124px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/nav/sprite_checkout_submenu2.png); }
#checkout_subNav2 li span { display: none; }

/* Checkout */
#checkout_subNav3 {
width:900px; margin:0 0 0 0; position: relative; z-index: 1; }
#checkout_subNav3 ul {
height:124px; width:900px; margin:0 auto; list-style:none; }
#checkout_subNav3 ul li {
display:inline; float:left; margin:0; }
#checkout_subNav3 li {
display: block; height:124px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/nav/sprite_checkout_submenu3.png); }
#checkout_subNav3 li span { display: none; }

/* Checkout */
#checkout_subNav4 {
width:900px; margin:0 0 0 0; position: relative; z-index: 1; }
#checkout_subNav4 ul {
height:124px; width:900px; margin:0 auto; list-style:none; }
#checkout_subNav4 ul li {
display:inline; float:left; margin:0; }
#checkout_subNav4 li {
display: block; height:124px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/nav/sprite_checkout_submenu4.png); }
#checkout_subNav4 li span { display: none; }

